mirror of
https://github.com/filebrowser/filebrowser.git
synced 2025-05-09 11:42:57 +00:00
5100e587d7
--------- Co-authored-by: Joep <jcbuhre@gmail.com> Co-authored-by: Omar Hussein <omarmohammad1951@gmail.com> Co-authored-by: Oleg Lobanov <oleg@lobanov.me>
47 lines
1.3 KiB
Vue
47 lines
1.3 KiB
Vue
<template>
|
|
<div>
|
|
<div v-if="uploadStore.getProgress" class="progress">
|
|
<div v-bind:style="{ width: uploadStore.getProgress + '%' }"></div>
|
|
</div>
|
|
<sidebar></sidebar>
|
|
<main>
|
|
<router-view></router-view>
|
|
<shell
|
|
v-if="
|
|
enableExec && authStore.isLoggedIn && authStore.user?.perm.execute
|
|
"
|
|
/>
|
|
</main>
|
|
<prompts></prompts>
|
|
<upload-files></upload-files>
|
|
</div>
|
|
</template>
|
|
|
|
<script setup lang="ts">
|
|
import { useAuthStore } from "@/stores/auth";
|
|
import { useLayoutStore } from "@/stores/layout";
|
|
import { useFileStore } from "@/stores/file";
|
|
import { useUploadStore } from "@/stores/upload";
|
|
import Sidebar from "@/components/Sidebar.vue";
|
|
import Prompts from "@/components/prompts/Prompts.vue";
|
|
import Shell from "@/components/Shell.vue";
|
|
import UploadFiles from "@/components/prompts/UploadFiles.vue";
|
|
import { enableExec } from "@/utils/constants";
|
|
import { watch } from "vue";
|
|
import { useRoute } from "vue-router";
|
|
|
|
const layoutStore = useLayoutStore();
|
|
const authStore = useAuthStore();
|
|
const fileStore = useFileStore();
|
|
const uploadStore = useUploadStore();
|
|
const route = useRoute();
|
|
|
|
watch(route, () => {
|
|
fileStore.selected = [];
|
|
fileStore.multiple = false;
|
|
if (layoutStore.currentPromptName !== "success") {
|
|
layoutStore.closeHovers();
|
|
}
|
|
});
|
|
</script>
|