vewer: Tags indexing and search input

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";
 @Component({
   components: { GalleryDirectory, GalleryImage },
 })
-export default class Root extends Vue {
+export default class Gallery extends Vue {
   @Prop(String) readonly pathMatch!: string;
 
   get isDirectory(): boolean {
@@ -25,8 +25,8 @@ export default class Root extends Vue {
   }
 
   get currentItem(): Gallery.Item | null {
-    const galleryItems = this.$galleryStore.galleryItems;
-    if (galleryItems) return this.searchCurrentItem(galleryItems, this.pathMatch);
+    const galleryItemsRoot = this.$galleryStore.galleryItemsRoot;
+    if (galleryItemsRoot) return this.searchCurrentItem(galleryItemsRoot, this.pathMatch);
     return null;
   }
 
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 @@
 <template>
   <div :class="{fullscreen: $uiStore.fullscreen}">
     <div class="layout layout-top">header</div>
-    <div class="layout layout-left">panel</div>
+    <panel-left class="layout layout-left" />
     <router-view class="layout layout-content" />
     <ld-button-fullscreen />
     <b-loading :active="isLoading" is-full-page />
@@ -10,8 +10,11 @@
 
 <script lang="ts">
 import { Component, Vue } from "vue-property-decorator";
+import PanelLeft from "./PanelLeft.vue";
 
-@Component
+@Component({
+  components: { PanelLeft },
+})
 export default class MainLayout extends Vue {
   isLoading: boolean = false;
 
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 @@
+<template>
+  <div>
+    <b-field :label="$t('panelLeft.title')">
+      <ld-tag-input />
+    </b-field>
+  </div>
+</template>
+
+<script lang="ts">
+import { Component, Vue, Prop } from "vue-property-decorator";
+
+@Component
+export default class PanelLeft extends Vue {}
+</script>
+
+<style lang="scss">
+.label {
+  color: white;
+}
+</style>