mirror of
https://github.com/filebrowser/filebrowser.git
synced 2025-05-08 19:22:57 +00:00
44 lines
993 B
Vue
44 lines
993 B
Vue
<template>
|
|
<div>
|
|
<div id="progress">
|
|
<div v-bind:style="{ width: this.progress + '%' }"></div>
|
|
</div>
|
|
<site-header></site-header>
|
|
<sidebar></sidebar>
|
|
<main>
|
|
<router-view></router-view>
|
|
<shell v-if="isLogged && user.perm.execute" />
|
|
</main>
|
|
<prompts></prompts>
|
|
</div>
|
|
</template>
|
|
|
|
<script>
|
|
import { mapState, mapGetters } from 'vuex'
|
|
import Sidebar from '@/components/Sidebar'
|
|
import Prompts from '@/components/prompts/Prompts'
|
|
import SiteHeader from '@/components/Header'
|
|
import Shell from '@/components/Shell'
|
|
|
|
export default {
|
|
name: 'layout',
|
|
components: {
|
|
Sidebar,
|
|
SiteHeader,
|
|
Prompts,
|
|
Shell
|
|
},
|
|
computed: {
|
|
...mapGetters([ 'isLogged', 'progress' ]),
|
|
...mapState([ 'user' ])
|
|
},
|
|
watch: {
|
|
'$route': function () {
|
|
this.$store.commit('resetSelected')
|
|
this.$store.commit('multiple', false)
|
|
if (this.$store.state.show !== 'success') this.$store.commit('closeHovers')
|
|
}
|
|
}
|
|
}
|
|
</script>
|