diff options
Diffstat (limited to 'viewer/src/views/MainLayout.vue')
-rw-r--r-- | viewer/src/views/MainLayout.vue | 11 |
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 | }) |
37 | export default class MainLayout extends Vue { | 38 | export 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 | } |