116 lines
2.5 KiB
Vue
116 lines
2.5 KiB
Vue
<template>
|
|
<div class="app" :class="getClassList()" :key="appKey">
|
|
<template v-if="isAuthenticated">
|
|
<!--<app-bar />-->
|
|
<app-navigation />
|
|
<div class="app-main">
|
|
<router-view></router-view>
|
|
</div>
|
|
<!--<app-search />-->
|
|
<app-overlays />
|
|
<app-notifications />
|
|
</template>
|
|
<app-login v-else />
|
|
</div>
|
|
</template>
|
|
|
|
|
|
<script>
|
|
import '../sass/sass.js'
|
|
import AppNavigation from './navigation.vue'
|
|
import AppBar from 'zero/bar.vue'
|
|
import AppSearch from 'zero/search.vue'
|
|
import AppLogin from 'zero/pages/login/login.vue'
|
|
import AppOverlays from 'zero/components/overlays/overlay-holder.vue'
|
|
import AppNotifications from 'zero/components/notifications/notification-holder.vue'
|
|
import EventHub from 'zero/helpers/eventhub.js';
|
|
import AuthApi from 'zero/helpers/auth.js'
|
|
import ConfigApi from 'zero/api/config.js';
|
|
import Overlay from 'zero/helpers/overlay.js'
|
|
|
|
|
|
export default {
|
|
name: 'app',
|
|
|
|
components: { AppNavigation, AppBar, AppSearch, AppOverlays, AppLogin, AppNotifications },
|
|
|
|
data: () => ({
|
|
isAuthenticated: false,
|
|
keyIndex: 0
|
|
}),
|
|
|
|
computed: {
|
|
appKey()
|
|
{
|
|
return 'appkey-' + this.keyIndex;
|
|
}
|
|
},
|
|
|
|
created()
|
|
{
|
|
console.info('xzero', this.zero);
|
|
AuthApi.setUser(__zero.user);
|
|
|
|
AuthApi.$on('authenticated', isAuthenticated =>
|
|
{
|
|
this.isAuthenticated = isAuthenticated;
|
|
});
|
|
|
|
AuthApi.$on('appswitch', data =>
|
|
{
|
|
location.reload();
|
|
this.rerender();
|
|
//this.isAuthenticated = isAuthenticated;
|
|
});
|
|
|
|
AuthApi.$on('apprebuild', data =>
|
|
{
|
|
this.rerender();
|
|
});
|
|
|
|
EventHub.$on('app.search.open', () =>
|
|
{
|
|
this.search();
|
|
});
|
|
|
|
if (localStorage.getItem('zero.theme') === 'dark')
|
|
{
|
|
document.body.classList.remove('theme-light');
|
|
document.body.classList.add('theme-dark');
|
|
}
|
|
},
|
|
|
|
|
|
methods: {
|
|
|
|
getClassList()
|
|
{
|
|
return {
|
|
'is-preview': false //this.$route.name === 'preview'
|
|
};
|
|
},
|
|
|
|
rerender()
|
|
{
|
|
ConfigApi.getConfig().then(res => {
|
|
window.__zero = res;
|
|
window.zero = res;
|
|
AuthApi.setUser(res.user);
|
|
this.keyIndex += 1;
|
|
});
|
|
},
|
|
|
|
search()
|
|
{
|
|
Overlay.open({
|
|
component: AppSearch,
|
|
autoclose: false,
|
|
softdismiss: true,
|
|
width: 780,
|
|
class: 'app-search-overlay'
|
|
});
|
|
}
|
|
}
|
|
}
|
|
|
|
</script> |