aboutsummaryrefslogtreecommitdiff
path: root/viewer/src/views/MainLayout.vue
diff options
context:
space:
mode:
Diffstat (limited to 'viewer/src/views/MainLayout.vue')
-rw-r--r--viewer/src/views/MainLayout.vue11
1 files changed, 6 insertions, 5 deletions
diff --git a/viewer/src/views/MainLayout.vue b/viewer/src/views/MainLayout.vue
index 7a75eb1..f0809b6 100644
--- a/viewer/src/views/MainLayout.vue
+++ b/viewer/src/views/MainLayout.vue
@@ -19,10 +19,11 @@
19 19
20<template> 20<template>
21 <div :class="{fullscreen: $uiStore.fullscreen}"> 21 <div :class="{fullscreen: $uiStore.fullscreen}">
22 <panel-top class="layout layout-top" /> 22 <panel-top v-if="!isLoading" class="layout layout-top" />
23 <panel-left class="layout layout-left" /> 23 <panel-left v-if="!isLoading" class="layout layout-left" />
24 <router-view class="layout layout-content scrollbar" /> 24 <router-view v-if="!isLoading" class="layout layout-content scrollbar" />
25 <b-loading :active="isLoading" is-full-page /> 25 <b-loading :active="isLoading" is-full-page />
26 <ld-key-press :keycode="27" @action="$uiStore.fullscreen=false" />
26 </div> 27 </div>
27</template> 28</template>
28 29
@@ -35,7 +36,7 @@ import PanelTop from "./PanelTop.vue";
35 components: { PanelLeft, PanelTop }, 36 components: { PanelLeft, PanelTop },
36}) 37})
37export default class MainLayout extends Vue { 38export default class MainLayout extends Vue {
38 isLoading: boolean = false; 39 isLoading: boolean = true;
39 40
40 mounted() { 41 mounted() {
41 this.fetchGalleryItems(); 42 this.fetchGalleryItems();
@@ -44,7 +45,7 @@ export default class MainLayout extends Vue {
44 fetchGalleryItems() { 45 fetchGalleryItems() {
45 this.isLoading = true; 46 this.isLoading = true;
46 this.$galleryStore 47 this.$galleryStore
47 .fetchGalleryItems(`${process.env.VUE_APP_DATA_URL}/index.json`) 48 .fetchGalleryItems(`${process.env.VUE_APP_DATA_URL}index.json`)
48 .finally(() => (this.isLoading = false)) 49 .finally(() => (this.isLoading = false))
49 .catch(this.displayError); 50 .catch(this.displayError);
50 } 51 }