viewer: code cleaning, moved some views to components

14 files changed, 21 insertions, 33 deletions

diff --git a/viewer/package.json b/viewer/package.json
index f5ff0fc..1521dc5 100644
--- a/viewer/package.json
+++ b/viewer/package.json
@@ -47,4 +47,4 @@
     "vue-cli-plugin-i18n": "^0.6.1",
     "vue-template-compiler": "^2.6.10"
   }
-}
\ No newline at end of file
+}
diff --git a/viewer/src/@types/tag/Operation.ts b/viewer/src/@types/Operation.ts
index f1e7a41..f1e7a41 100644
--- a/viewer/src/@types/tag/Operation.ts
+++ b/viewer/src/@types/Operation.ts
diff --git a/viewer/src/@types/gallery/index.d.ts b/viewer/src/@types/gallery.d.ts
index b112b6d..b112b6d 100644
--- a/viewer/src/@types/gallery/index.d.ts
+++ b/viewer/src/@types/gallery.d.ts
diff --git a/viewer/src/@types/tag/index.d.ts b/viewer/src/@types/tag.d.ts
index 1d5df88..1d5df88 100644
--- a/viewer/src/@types/tag/index.d.ts
+++ b/viewer/src/@types/tag.d.ts
diff --git a/viewer/src/views/TopBreadcrumb.vue b/viewer/src/components/LdBreadcrumb.vue
index 9104b80..8c5b7eb 100644
--- a/viewer/src/views/TopBreadcrumb.vue
+++ b/viewer/src/components/LdBreadcrumb.vue
@@ -34,7 +34,7 @@ import { Component, Vue } from "vue-property-decorator";
 import Tools from "@/tools";
 
 @Component
-export default class TopBreadcrumb extends Vue {
+export default class LdBreadcrumb extends Vue {
   getIcon(item: Gallery.Item) {
     return Tools.getIcon(item);
   }
diff --git a/viewer/src/views/TopCommand.vue b/viewer/src/components/LdCommand.vue
index dc79fa7..484e56a 100644
--- a/viewer/src/views/TopCommand.vue
+++ b/viewer/src/components/LdCommand.vue
@@ -40,7 +40,7 @@ import { Component, Vue } from "vue-property-decorator";
 import { RawLocation } from "vue-router";
 
 @Component
-export default class TopCommand extends Vue {
+export default class LdCommand extends Vue {
   commandTagsIcon(): string {
     return this.$uiStore.fullWidth ? "tags" : "window-close";
   }
diff --git a/viewer/src/views/GalleryPicture.vue b/viewer/src/components/LdPicture.vue
index 9f26282..b6a719f 100644
--- a/viewer/src/views/GalleryPicture.vue
+++ b/viewer/src/components/LdPicture.vue
@@ -33,7 +33,7 @@
 import { Component, Vue, Prop } from "vue-property-decorator";
 
 @Component
-export default class GalleryPicture extends Vue {
+export default class LdPicture extends Vue {
   @Prop({ required: true }) readonly picture!: Gallery.Picture;
 
   dragging: boolean = false;
diff --git a/viewer/src/components/LdProposition.vue b/viewer/src/components/LdProposition.vue
index a380021..6be0aee 100644
--- a/viewer/src/components/LdProposition.vue
+++ b/viewer/src/components/LdProposition.vue
@@ -37,10 +37,10 @@
 
 <script lang="ts">
 import { Component, Vue } from "vue-property-decorator";
-import { Operation } from "@/@types/tag/Operation";
+import { Operation } from "@/@types/Operation";
 
 @Component
-export default class LdTagInput extends Vue {
+export default class LdProposition extends Vue {
   get Operation() {
     return Operation;
   }
diff --git a/viewer/src/components/LdTagInput.vue b/viewer/src/components/LdTagInput.vue
index 7bbecec..eff02e6 100644
--- a/viewer/src/components/LdTagInput.vue
+++ b/viewer/src/components/LdTagInput.vue
@@ -40,7 +40,7 @@
 
 <script lang="ts">
 import { Component, Vue } from "vue-property-decorator";
-import { Operation } from "@/@types/tag/Operation";
+import { Operation } from "@/@types/Operation";
 import Tools from "@/tools";
 
 @Component
diff --git a/viewer/src/views/GalleryThumbnail.vue b/viewer/src/components/LdThumbnail.vue
index 2a372cd..44a4c00 100644
--- a/viewer/src/views/GalleryThumbnail.vue
+++ b/viewer/src/components/LdThumbnail.vue
@@ -39,7 +39,7 @@ import { Component, Vue, Prop } from "vue-property-decorator";
 import Tools from "@/tools";
 
 @Component
-export default class GalleryThumbnail extends Vue {
+export default class LdThumbnail extends Vue {
   @Prop({ required: true }) readonly item!: Gallery.Item;
 
   loading: boolean = false;
diff --git a/viewer/src/views/GalleryDirectory.vue b/viewer/src/views/GalleryDirectory.vue
index d01032d..baf627e 100644
--- a/viewer/src/views/GalleryDirectory.vue
+++ b/viewer/src/views/GalleryDirectory.vue
@@ -21,7 +21,7 @@
   <div class="thumbnail-tiles">
     <div v-for="(item) in orderedItems" :key="item.path">
       <router-link :to="item.path">
-        <gallery-thumbnail :item="item" />
+        <ld-thumbnail :item="item" />
       </router-link>
     </div>
     <div>
@@ -33,12 +33,8 @@
 <script lang="ts">
 import { Component, Vue, Prop } from "vue-property-decorator";
 import Tools from "@/tools";
-import GalleryThumbnail from "./GalleryThumbnail.vue";
-import Gallery from "./Gallery.vue";
 
-@Component({
-  components: { GalleryThumbnail },
-})
+@Component
 export default class GalleryDirectory extends Vue {
   @Prop({ required: true }) readonly directory!: Gallery.Directory;
 
diff --git a/viewer/src/views/GallerySearch.vue b/viewer/src/views/GallerySearch.vue
index 870d3e2..4e843b9 100644
--- a/viewer/src/views/GallerySearch.vue
+++ b/viewer/src/views/GallerySearch.vue
@@ -21,7 +21,7 @@
   <div class="thumbnail-tiles">
     <div v-for="(item) in items" :key="item.path">
       <router-link :to="item.path" @click.native="$uiStore.setModeNavigation()">
-        <gallery-thumbnail :item="item" />
+        <ld-thumbnail :item="item" />
       </router-link>
     </div>
     <div v-if="items.length===0">{{$t('search.no-results')}}</div>
@@ -33,11 +33,8 @@
 
 <script lang="ts">
 import { Component, Vue, Prop } from "vue-property-decorator";
-import GalleryThumbnail from "./GalleryThumbnail.vue";
 
-@Component({
-  components: { GalleryThumbnail },
-})
+@Component
 export default class GalleryPicture extends Vue {
   @Prop({ required: true }) readonly items!: Gallery.Item[];
 }
diff --git a/viewer/src/views/MainGallery.vue b/viewer/src/views/MainGallery.vue
index 06cf512..5767cce 100644
--- a/viewer/src/views/MainGallery.vue
+++ b/viewer/src/views/MainGallery.vue
@@ -21,21 +21,23 @@
   <div>
     <gallery-search v-if="$uiStore.isModeSearch" :items="currentSearch" />
     <gallery-directory v-else-if="checkType('directory')" :directory="$galleryStore.currentItem" />
-    <gallery-picture v-else-if="checkType('picture')" :picture="$galleryStore.currentItem" />
+    <ld-picture v-else-if="checkType('picture')" :picture="$galleryStore.currentItem" />
     <div v-else>{{$t("gallery.unknowntype")}}</div>
   </div>
 </template>
 
 <script lang="ts">
 import { Component, Vue, Prop, Watch } from "vue-property-decorator";
-import { Operation } from "@/@types/tag/Operation";
+import { Operation } from "@/@types/Operation";
 import Tools from "@/tools";
 import GallerySearch from "./GallerySearch.vue";
 import GalleryDirectory from "./GalleryDirectory.vue";
-import GalleryPicture from "./GalleryPicture.vue";
 
 @Component({
-  components: { GallerySearch, GalleryDirectory, GalleryPicture },
+  components: {
+    GallerySearch,
+    GalleryDirectory,
+  },
 })
 export default class Gallery extends Vue {
   @Prop(String) readonly pathMatch!: string;
diff --git a/viewer/src/views/PanelTop.vue b/viewer/src/views/PanelTop.vue
index 3553789..60722cd 100644
--- a/viewer/src/views/PanelTop.vue
+++ b/viewer/src/views/PanelTop.vue
@@ -19,22 +19,15 @@
 
 <template>
   <div class="flex">
-    <top-command />
+    <ld-command />