diff --git a/src/components/TopBar.vue b/src/components/TopBar.vue index a170ec89b97b51bcc38fe706d4e96a1266fbe301..80aa541fed6a7f5bd5552659010f2ec4f356b101 100644 --- a/src/components/TopBar.vue +++ b/src/components/TopBar.vue @@ -6,13 +6,19 @@ <v-divider vertical/> <v-btn text width="210" v-if="false" :class="$vuetify.breakpoint.name"><v-icon left>language</v-icon>Norsk (Bokmål)<v-icon right>expand_more</v-icon></v-btn> <v-divider vertical/> - <v-menu :close-on-content-click="false"> + <v-menu :close-on-content-click="false" v-model="settingsMenu"> <template v-slot:activator= "{ on, attrs }"> <v-btn v-bind="attrs" v-on="on" text width="210"><v-icon left>settings</v-icon>Instillinger<v-icon right>expand_more</v-icon></v-btn> </template> <v-card> + <v-card-text> <LocaleMenu/> <Settings/> + </v-card-text> + <v-card-actions><v-spacer/> + <v-btn rounded depressed @click='$store.commit("resetStore")'>Tilbakestill</v-btn> + <v-btn rounded depressed @click="settingsMenu=false">{{$t("close")}}</v-btn> + </v-card-actions> </v-card> </v-menu> @@ -48,6 +54,7 @@ export default { version_label: process.env.VUE_APP_VERSION_LABEL, release: process.env.VUE_APP_RELEASE, menuDialog: false, + settingsMenu: false } }, methods: {