| | |
|---|
| | | <template>
|
|---|
| | | <div class="navbar">
|
|---|
| | | <hamburger id="hamburger-container" :is-active="appStore.sidebar.opened" class="hamburger-container" @toggleClick="toggleSideBar" />
|
|---|
| | | <breadcrumb id="breadcrumb-container" class="breadcrumb-container" v-if="!settingsStore.topNav" />
|
|---|
| | | <top-nav id="topmenu-container" class="topmenu-container" v-if="settingsStore.topNav" />
|
|---|
| | | <breadcrumb v-if="!settingsStore.topNav" id="breadcrumb-container" class="breadcrumb-container" />
|
|---|
| | | <top-nav v-if="settingsStore.topNav" id="topmenu-container" class="topmenu-container" />
|
|---|
| | |
|
|---|
| | | <div class="right-menu">
|
|---|
| | | <template v-if="appStore.device !== 'mobile'">
|
|---|
| | |
|---|
| | | function handleCommand(command) {
|
|---|
| | | switch (command) {
|
|---|
| | | case "setLayout":
|
|---|
| | | setLayout();
|
|---|
| | | break;
|
|---|
| | | setLayout()
|
|---|
| | | break
|
|---|
| | | case "logout":
|
|---|
| | | logout();
|
|---|
| | | break;
|
|---|
| | | logout()
|
|---|
| | | break
|
|---|
| | | default:
|
|---|
| | | break;
|
|---|
| | | break
|
|---|
| | | }
|
|---|
| | | }
|
|---|
| | |
|
|---|
| | |
|---|
| | | type: 'warning'
|
|---|
| | | }).then(() => {
|
|---|
| | | userStore.logOut().then(() => {
|
|---|
| | | location.href = '/index';
|
|---|
| | | location.href = '/index'
|
|---|
| | | })
|
|---|
| | | }).catch(() => { });
|
|---|
| | | }).catch(() => { })
|
|---|
| | | }
|
|---|
| | |
|
|---|
| | | const emits = defineEmits(['setLayout'])
|
|---|
| | | function setLayout() {
|
|---|
| | | emits('setLayout');
|
|---|
| | | emits('setLayout')
|
|---|
| | | }
|
|---|
| | |
|
|---|
| | | function toggleTheme() {
|
|---|
