Commit de2a2e5e authored by Jean Rabreau's avatar Jean Rabreau
Browse files

app.vue cleaning

parent 3cf0c912
<template>
<component :is="layout">
<router-view />
<notify/>
</component>
<!-- <v&#45;app id='app'> -->
<!-- -->
<!-- <v&#45;navigation&#45;drawer app v&#45;model='drawer'> -->
<!-- <template v&#45;slot:prepend> -->
<!-- <v&#45;list dense> -->
<!-- <v&#45;list&#45;item -->
<!-- v&#45;for='item in navItems' -->
<!-- :key="item.text" -->
<!-- link -->
<!-- :to="{name: item.routeName}" -->
<!-- exact -->
<!-- > -->
<!-- <v&#45;list&#45;item&#45;icon> -->
<!-- <v&#45;icon>{{ item.icon }}</v&#45;icon> -->
<!-- </v&#45;list&#45;item&#45;icon> -->
<!-- <v&#45;list&#45;item&#45;title>{{ $t(item.text) }}</v&#45;list&#45;item&#45;title> -->
<!-- </v&#45;list&#45;item> -->
<!-- </v&#45;list> -->
<!-- -->
<!-- <v&#45;divider/> -->
<!-- </template> -->
<!-- -->
<!-- <template v&#45;slot:append> -->
<!-- <v&#45;divider/> -->
<!-- <v&#45;list dense> -->
<!-- <v&#45;list&#45;item @click.stop="onThemeClick()"> -->
<!-- <v&#45;list&#45;item&#45;icon> -->
<!-- <v&#45;icon>{{ themeItem.icon }}</v&#45;icon> -->
<!-- </v&#45;list&#45;item&#45;icon> -->
<!-- <v&#45;list&#45;item&#45;title>{{ themeItem.text }}</v&#45;list&#45;item&#45;title> -->
<!-- <v&#45;list&#45;item&#45;action> -->
<!-- <v&#45;switch primary v&#45;model='isDark' disabled /> -->
<!-- </v&#45;list&#45;item&#45;action> -->
<!-- </v&#45;list&#45;item> -->
<!-- -->
<!-- <v&#45;list&#45;group -->
<!-- :value="false" -->
<!-- :prepend&#45;icon="languageMenu.icon" -->
<!-- > -->
<!-- <template v&#45;slot:activator> -->
<!-- <v&#45;list&#45;item&#45;title>{{ languageMenu.text }}</v&#45;list&#45;item&#45;title> -->
<!-- </template> -->
<!-- -->
<!-- <v&#45;list&#45;item v&#45;for='(child, i) in languageMenu.children' -->
<!-- :key='i' link -->
<!-- @click='onLanguageClick(child.locale)' -->
<!-- > -->
<!-- <v&#45;list&#45;item&#45;icon> -->
<!-- <v&#45;icon>{{ child.icon }}</v&#45;icon> -->
<!-- </v&#45;list&#45;item&#45;icon> -->
<!-- <v&#45;list&#45;item&#45;title>{{ child.text }}</v&#45;list&#45;item&#45;title> -->
<!-- </v&#45;list&#45;item> -->
<!-- -->
<!-- </v&#45;list&#45;group> -->
<!-- </v&#45;list> -->
<!-- </template> -->
<!-- -->
<!-- </v&#45;navigation&#45;drawer> -->
<!-- -->
<!-- <v&#45;app&#45;bar app> -->
<!-- <v&#45;app&#45;bar&#45;nav&#45;icon @click.stop="drawer = !drawer" /> -->
<!-- -->
<!-- <v&#45;img :src="logo" class='mx&#45;2' max&#45;height='48' max&#45;width='48' contain/> -->
<!-- <v&#45;toolbar&#45;title id='app__name'>{{ appName }}</v&#45;toolbar&#45;title> -->
<!-- <v&#45;spacer></v&#45;spacer> -->
<!-- -->
<!-- <notifications v&#45;if="isLogged"/> -->
<!-- <ProfileMenu v&#45;if="isLogged" /> -->
<!-- -->
<!-- <v&#45;btn v&#45;else -->
<!-- outlined -->
<!-- color='primary' -->
<!-- @click="onSignIn" -->
<!-- > -->
<!-- <v&#45;icon left>mdi&#45;account</v&#45;icon> -->
<!-- {{ $t('signIn.title') }} -->
<!-- </v&#45;btn> -->
<!-- </v&#45;app&#45;bar> -->
<!-- -->
<!-- <v&#45;main> -->
<!-- <v&#45;container fluid class="pa&#45;5" > -->
<!-- <router&#45;view/> -->
<!-- </v&#45;container> -->
<!-- </v&#45;main> -->
<!-- -->
<!-- <v&#45;footer app> -->
<!-- <span class='white&#45;&#45;text'>Environment: "{{ environment }}"</span> -->
<!-- </v&#45;footer> -->
<!-- </v&#45;app> -->
</template>
<script>
import Notify from '@/components/common/NotifySnack'
import { settingsStorage } from '@/assets/storage'
// import {LOCALES_MAP} from '@/plugins/vue-i18n'
import authority from '@/assets/authAxios'
// import Notifications from "@/components/menu/notifications/Menu";
const DEFAULT_LAYOUT = 'Default';
export default {
name: 'Pount',
components: {
// Notifications,
Notify,
// ProfileMenu: () => import(/* webpackChunkName: "auth" */ './components/menu/ProfileMenu')
},
data: () => ({
// drawer: null,
// environment: process.env.NODE_ENV,
// appName: process.env.VUE_APP_NAME,
// logo: process.env.VUE_APP_LOGO,
}),
computed: {
layout() {
return `${this.$route.meta.layout || DEFAULT_LAYOUT}Layout`;
},
// isDark() { return this.$vuetify.theme.dark },
// isLogged() { return this.$store.getters['contrib/isLogged'] },
// locales() {
// return Object.entries(LOCALES_MAP).map(([locale, text]) => {
// const check = this.$i18n.locale === locale ? 'check' : ''
// return { locale, text, icon: `mdi-${check}`}
// })
// },
// navItems() {
// return [
// { icon: 'mdi-home', text: 'menu.home', routeName: 'home' },
// { icon: 'mdi-information', text: 'menu.about', routeName: 'about' },
// { icon: 'mdi-shield-alert-outline', text: 'menu.legal', routeName: 'legal' },
// { icon: 'mdi-message', text: 'menu.feedback', routeName: 'contact' },
// { icon: 'mdi-help-circle', text: 'menu.help', routeName: 'help'},
// ]
// },
// themeItem() {
// return {
// icon: 'mdi-theme-light-dark',
// text: this.$t('menu.dark', {mode: this.isDark ? "ON" : "OFF"})
// }
// },
// languageMenu() {
// return {
// icon: 'mdi-web',
// text: this.$t('menu.language', {current: LOCALES_MAP[this.$i18n.locale]}),
// children: this.locales,
// }
// },
},
/**
* initialize theme and locale from user's localStorage if available
* log user in and load profile if authority has valid tokens
*/
created() {
this.$vuetify.theme.dark = settingsStorage.get('dark', 'false') === 'true'
......@@ -163,7 +30,3 @@ export default {
},
}
</script>
<style scoped lang="scss">
</style>
Supports Markdown
0% or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment