nicoeri/filebrowser
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Fixed component not loading error

Browse Source
This commit is contained in:
Joep 2023-09-09 14:56:37 +02:00
parent a29745f510
commit ce01968f48
2 changed files with 12 additions and 8 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

14
frontend/src/views/Files.vue
View File

@ -8,7 +8,7 @@
<breadcrumbs base="/files" /> <breadcrumbs base="/files" />
<errors v-if="error" :errorCode="error?.status" /> <Errors v-if="error" :errorCode="error?.status" />
<component v-else-if="currentView" :is="currentView"></component> <component v-else-if="currentView" :is="currentView"></component>
<div v-else> <div v-else>
<h2 class="message delayed"> <h2 class="message delayed">
@ -26,6 +26,7 @@
<script setup lang="ts"> <script setup lang="ts">
import { import {
computed, computed,
defineAsyncComponent,
onBeforeUnmount, onBeforeUnmount,
onMounted, onMounted,
onUnmounted, onUnmounted,
@ -42,6 +43,9 @@ import Breadcrumbs from "@/components/Breadcrumbs.vue";
import Errors from "@/views/Errors.vue"; import Errors from "@/views/Errors.vue";
import { useI18n } from "vue-i18n"; import { useI18n } from "vue-i18n";
import { useRoute } from "vue-router"; import { useRoute } from "vue-router";
import Preview from "@/views/files/Preview.vue";
import FileListing from "@/views/files/FileListing.vue";
const Editor = defineAsyncComponent(() => import("@/views/files/Editor.vue"));
const layoutStore = useLayoutStore(); const layoutStore = useLayoutStore();
const fileStore = useFileStore(); const fileStore = useFileStore();
@ -58,19 +62,19 @@ const clean = (path: string) => {
const error = ref<any | null>(null); const error = ref<any | null>(null);
const currentView = computed(() => { const currentView = computed(() => {
if (fileStore.req?.type == undefined) { if (fileStore.req?.type === undefined) {
return null; return null;
} }
if (fileStore.req.isDir) { if (fileStore.req.isDir) {
return "file-listing"; return FileListing;
} else if ( } else if (
fileStore.req.type === "text" || fileStore.req.type === "text" ||
fileStore.req.type === "textImmutable" fileStore.req.type === "textImmutable"
) { ) {
return "editor"; return Editor;
} else { } else {
return "preview"; return Preview;
} }
}); });

6
frontend/src/views/Layout.vue
View File

@ -1,8 +1,8 @@
<template> <template>
<div> <div>
<div v-if="false" class="layoutStore.progress"> <!-- <div v-if="true" class="layoutStore.progress">
<!-- <div v-bind:style="{ width: this.layoutStore.progress + '%' }"></div> --> <div v-bind:style="{ width: this.layoutStore.progress + '%' }"></div>
</div> </div> -->
<sidebar></sidebar> <sidebar></sidebar>
<main> <main>
<router-view></router-view> <router-view></router-view>