Skip to content
Snippets Groups Projects
Commit 2860146c authored by Henrik Askjer's avatar Henrik Askjer
Browse files

create menu component

parent 68db1411
No related branches found
No related tags found
No related merge requests found
......@@ -51,51 +51,13 @@
</v-list-item>
</v-list>
</v-menu><v-divider vertical/>
<v-dialog max-width="800px" v-model="settings_dialog" hide-overlay
<v-dialog max-width="800px" v-model="settings_dialog" hide-overlay fullscreen
:close-on-content-click="false" origin="bottom" >
<template v-slot:activator="{ on, attrs }">
<v-btn v-bind="attrs" v-on="on" min-width="0px" class = "search-field-button" plain depressed color = "primary" text><span v-if="$vuetify.breakpoint.mdAndUp"></span><v-icon>more_vert</v-icon></v-btn>
</template>
<v-card>
<v-toolbar dark color="primary">
<v-toolbar-title>Instillinger</v-toolbar-title><v-spacer></v-spacer>
<v-toolbar-items>
<v-btn
dark
text
@click="settings_dialog = false"
>
Tilbakestill
</v-btn>
<v-btn
dark
text
@click="settings_dialog = false"
>
Lukk
</v-btn>
</v-toolbar-items>
</v-toolbar>
<v-container><v-row><v-col>
<Menu/>
<v-checkbox
v-model="$parent.settings.show_pos_select"
label="Vis valg av ordklasse"
hide-details
></v-checkbox>
<v-checkbox
v-model="$parent.settings.fulltext_search"
label="Fritekstsøk"
hide-details
></v-checkbox>
<v-checkbox
v-model="$parent.settings.show_radio_buttons"
label="Vis radioknapper"
hide-details
></v-checkbox>
</v-col> </v-row>
</v-container>
</v-card>
</v-dialog>
</template>
......@@ -117,6 +79,7 @@
</template>
<script>
import Menu from './Menu.vue'
export default {
props: {
......@@ -152,6 +115,9 @@
}
}
},
components: {
Menu
},
methods: {
get_lang() {
return this.$parent.lang
......
<template>
<v-card>
<v-toolbar dark color="primary">
<v-toolbar-title>Meny</v-toolbar-title><v-spacer></v-spacer>
<v-toolbar-items>
<v-btn
dark
text
@click="settings_dialog = false"
>
Tilbakestill
</v-btn>
<v-btn
dark
text
@click="settings_dialog = false"
>
Lukk
</v-btn>
</v-toolbar-items>
</v-toolbar>
<v-container><v-row><v-col>
<v-checkbox
v-model="$parent.$parent.settings.show_pos_select"
label="Vis valg av ordklasse"
hide-details
></v-checkbox>
<v-checkbox
v-model="$parent.$parent.settings.fulltext_search"
label="Fritekstsøk"
hide-details
></v-checkbox>
<v-checkbox
v-model="$parent.$parent.settings.show_radio_buttons"
label="Vis radioknapper"
hide-details
></v-checkbox>
</v-col> </v-row>
</v-container>
</v-card>
</template>
<script>
export default {
name: "Menu",
mounted: function() {
console.log(this.$parent.$parent.settings)
}
}
</script>
0% Loading or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment