aboutsummaryrefslogtreecommitdiff
path: root/viewer/src/views
diff options
context:
space:
mode:
Diffstat (limited to 'viewer/src/views')
-rw-r--r--viewer/src/views/Gallery.vue6
-rw-r--r--viewer/src/views/MainLayout.vue7
-rw-r--r--viewer/src/views/PanelLeft.vue20
3 files changed, 28 insertions, 5 deletions
diff --git a/viewer/src/views/Gallery.vue b/viewer/src/views/Gallery.vue
index 954903a..2020280 100644
--- a/viewer/src/views/Gallery.vue
+++ b/viewer/src/views/Gallery.vue
@@ -13,7 +13,7 @@ import GalleryImage from "./GalleryImage.vue";
13@Component({ 13@Component({
14 components: { GalleryDirectory, GalleryImage }, 14 components: { GalleryDirectory, GalleryImage },
15}) 15})
16export default class Root extends Vue { 16export default class Gallery extends Vue {
17 @Prop(String) readonly pathMatch!: string; 17 @Prop(String) readonly pathMatch!: string;
18 18
19 get isDirectory(): boolean { 19 get isDirectory(): boolean {
@@ -25,8 +25,8 @@ export default class Root extends Vue {
25 } 25 }
26 26
27 get currentItem(): Gallery.Item | null { 27 get currentItem(): Gallery.Item | null {
28 const galleryItems = this.$galleryStore.galleryItems; 28 const galleryItemsRoot = this.$galleryStore.galleryItemsRoot;
29 if (galleryItems) return this.searchCurrentItem(galleryItems, this.pathMatch); 29 if (galleryItemsRoot) return this.searchCurrentItem(galleryItemsRoot, this.pathMatch);
30 return null; 30 return null;
31 } 31 }
32 32
diff --git a/viewer/src/views/MainLayout.vue b/viewer/src/views/MainLayout.vue
index 9f3a17b..2afd4b9 100644
--- a/viewer/src/views/MainLayout.vue
+++ b/viewer/src/views/MainLayout.vue
@@ -1,7 +1,7 @@
1<template> 1<template>
2 <div :class="{fullscreen: $uiStore.fullscreen}"> 2 <div :class="{fullscreen: $uiStore.fullscreen}">
3 <div class="layout layout-top">header</div> 3 <div class="layout layout-top">header</div>
4 <div class="layout layout-left">panel</div> 4 <panel-left class="layout layout-left" />
5 <router-view class="layout layout-content" /> 5 <router-view class="layout layout-content" />
6 <ld-button-fullscreen /> 6 <ld-button-fullscreen />
7 <b-loading :active="isLoading" is-full-page /> 7 <b-loading :active="isLoading" is-full-page />
@@ -10,8 +10,11 @@
10 10
11<script lang="ts"> 11<script lang="ts">
12import { Component, Vue } from "vue-property-decorator"; 12import { Component, Vue } from "vue-property-decorator";
13import PanelLeft from "./PanelLeft.vue";
13 14
14@Component 15@Component({
16 components: { PanelLeft },
17})
15export default class MainLayout extends Vue { 18export default class MainLayout extends Vue {
16 isLoading: boolean = false; 19 isLoading: boolean = false;
17 20
diff --git a/viewer/src/views/PanelLeft.vue b/viewer/src/views/PanelLeft.vue
new file mode 100644
index 0000000..4b5bce0
--- /dev/null
+++ b/viewer/src/views/PanelLeft.vue
@@ -0,0 +1,20 @@
1<template>
2 <div>
3 <b-field :label="$t('panelLeft.title')">
4 <ld-tag-input />
5 </b-field>
6 </div>
7</template>
8
9<script lang="ts">
10import { Component, Vue, Prop } from "vue-property-decorator";
11
12@Component
13export default class PanelLeft extends Vue {}
14</script>
15
16<style lang="scss">
17.label {
18 color: white;
19}
20</style>