From 170d7a61f720ece9dc4b347b19f5a8213f1d8984 Mon Sep 17 00:00:00 2001
From: Zero~Informatique
Date: Sat, 20 Jun 2020 16:50:49 +0200
Subject: viewer: prettier formatting based on eslint-prettier plugin

---
 viewer/babel.config.js                             |  3 +-
 viewer/src/@types/Operation.ts                     |  2 +-
 viewer/src/@types/gallery.d.ts                     | 89 +++++++++++-----------
 viewer/src/@types/scrollposition.d.ts              |  2 +-
 viewer/src/components/LdBreadcrumb.vue             |  4 +-
 viewer/src/components/LdCommand.vue                |  4 +-
 viewer/src/components/LdCommandSearch.vue          |  4 +-
 viewer/src/components/LdError.vue                  |  3 +-
 viewer/src/components/LdProposition.vue            |  7 +-
 viewer/src/components/LdTagInput.vue               |  4 +-
 viewer/src/components/LdThumbnail.vue              |  8 +-
 viewer/src/components/index.ts                     | 15 ++--
 .../src/components/item_handlers/LdAudioViewer.vue |  5 +-
 .../src/components/item_handlers/LdDirectory.vue   |  3 +-
 .../src/components/item_handlers/LdPdfViewer.vue   |  3 +-
 viewer/src/components/item_handlers/LdPicture.vue  |  2 +-
 .../src/components/item_handlers/LdVideoViewer.vue | 11 +--
 viewer/src/main.ts                                 |  6 +-
 viewer/src/plugins/router.ts                       |  2 +-
 viewer/src/services/dragscrollclickfix.ts          |  3 +-
 viewer/src/services/indexfactory.ts                | 21 +++--
 viewer/src/services/indexsearch.ts                 |  1 -
 viewer/src/services/ldzoom.ts                      |  6 +-
 viewer/src/services/navigation.ts                  | 24 +++---
 viewer/src/shims-tsx.d.ts                          |  4 +-
 viewer/src/store/galleryStore.ts                   |  8 +-
 viewer/src/store/index.ts                          | 16 ++--
 viewer/src/store/uiStore.ts                        |  5 +-
 viewer/src/views/GalleryNavigation.vue             |  3 +-
 viewer/src/views/GallerySearch.vue                 |  3 +-
 viewer/src/views/MainLayout.vue                    |  7 +-
 viewer/src/views/PanelLeft.vue                     |  4 +-
 viewer/src/views/PanelTop.vue                      |  8 +-
 viewer/vue.config.js                               |  8 +-
 34 files changed, 144 insertions(+), 154 deletions(-)

(limited to 'viewer')

diff --git a/viewer/babel.config.js b/viewer/babel.config.js
index 1378522..ca2a3c1 100644
--- a/viewer/babel.config.js
+++ b/viewer/babel.config.js
@@ -1,5 +1,4 @@
 module.exports = {
   presets: ["@vue/cli-plugin-babel/preset"],
-  plugins: [
-  ],
+  plugins: [],
 };
diff --git a/viewer/src/@types/Operation.ts b/viewer/src/@types/Operation.ts
index e7aad27..e566f4b 100644
--- a/viewer/src/@types/Operation.ts
+++ b/viewer/src/@types/Operation.ts
@@ -21,4 +21,4 @@ export enum Operation {
   INTERSECTION = "",
   ADDITION = "+",
   SUBSTRACTION = "-",
-};
+}
diff --git a/viewer/src/@types/gallery.d.ts b/viewer/src/@types/gallery.d.ts
index 151ae92..1342ff9 100644
--- a/viewer/src/@types/gallery.d.ts
+++ b/viewer/src/@types/gallery.d.ts
@@ -19,90 +19,91 @@
 
 declare namespace Gallery {
   interface Config {
-    galleryRoot: string,
+    galleryRoot: string;
   }
 
   interface GalleryProperties {
-    galleryTitle: string,
-    tagCategories: RawTag[]
+    galleryTitle: string;
+    tagCategories: RawTag[];
   }
   interface Index {
-    properties: GalleryProperties,
-    tree: Directory
+    properties: GalleryProperties;
+    tree: Directory;
   }
 
   interface Other extends Item {
-    properties: OtherProperties,
+    properties: OtherProperties;
   }
   interface Picture extends Item {
-    properties: PictureProperties,
+    properties: PictureProperties;
   }
   interface PlainText extends Item {
-    properties: PlainTextProperties,
+    properties: PlainTextProperties;
   }
   interface PDF extends Item {
-    properties: PDFProperties,
+    properties: PDFProperties;
   }
   interface Video extends Item {
-    properties: VideoProperties,
+    properties: VideoProperties;
   }
   interface Audio extends Item {
-    properties: AudioProperties,
+    properties: AudioProperties;
   }
   interface Directory extends Item {
-    properties: DirectoryProperties,
+    properties: DirectoryProperties;
   }
   interface Item {
-    title: string,
-    datetime: string,
-    description: string,
-    tags: RawTag[],
-    path: string,
-    thumbnail?: Thumbnail
-    properties: OtherProperties
-    | PictureProperties
-    | PlainTextProperties
-    | PDFProperties
-    | VideoProperties
-    | AudioProperties
-    | DirectoryProperties,
+    title: string;
+    datetime: string;
+    description: string;
+    tags: RawTag[];
+    path: string;
+    thumbnail?: Thumbnail;
+    properties:
+      | OtherProperties
+      | PictureProperties
+      | PlainTextProperties
+      | PDFProperties
+      | VideoProperties
+      | AudioProperties
+      | DirectoryProperties;
   }
   interface Resolution {
-    width: number,
-    height: number,
+    width: number;
+    height: number;
   }
   interface OtherProperties {
-    type: import("./ItemType").ItemType.OTHER,
-    resource: string
+    type: import("./ItemType").ItemType.OTHER;
+    resource: string;
   }
   interface PictureProperties {
-    type: import("./ItemType").ItemType.PICTURE,
-    resource: string,
-    resolution: Resolution
+    type: import("./ItemType").ItemType.PICTURE;
+    resource: string;
+    resolution: Resolution;
   }
   interface PlainTextProperties {
-    type: import("./ItemType").ItemType.PLAINTEXT,
-    resource: string,
+    type: import("./ItemType").ItemType.PLAINTEXT;
+    resource: string;
   }
   interface PDFProperties {
-    type: import("./ItemType").ItemType.PDF,
-    resource: string,
+    type: import("./ItemType").ItemType.PDF;
+    resource: string;
   }
   interface VideoProperties {
-    type: import("./ItemType").ItemType.VIDEO,
-    resource: string,
+    type: import("./ItemType").ItemType.VIDEO;
+    resource: string;
   }
   interface AudioProperties {
-    type: import("./ItemType").ItemType.AUDIO,
-    resource: string,
+    type: import("./ItemType").ItemType.AUDIO;
+    resource: string;
   }
   interface DirectoryProperties {
-    type: import("./ItemType").ItemType.DIRECTORY,
-    items: Item[]
+    type: import("./ItemType").ItemType.DIRECTORY;
+    items: Item[];
   }
   interface Thumbnail {
-    resource: string,
-    resolution: Resolution
+    resource: string;
+    resolution: Resolution;
   }
   type RawTag = string;
 }
diff --git a/viewer/src/@types/scrollposition.d.ts b/viewer/src/@types/scrollposition.d.ts
index cd393b3..2f17515 100644
--- a/viewer/src/@types/scrollposition.d.ts
+++ b/viewer/src/@types/scrollposition.d.ts
@@ -17,4 +17,4 @@
 -- along with this program.  If not, see <https://www.gnu.org/licenses/>.
 */
 
-type ScrollPosition = Record<string, number>
+type ScrollPosition = Record<string, number>;
diff --git a/viewer/src/components/LdBreadcrumb.vue b/viewer/src/components/LdBreadcrumb.vue
index a8d8dcb..618b15a 100644
--- a/viewer/src/components/LdBreadcrumb.vue
+++ b/viewer/src/components/LdBreadcrumb.vue
@@ -29,11 +29,11 @@
   >
     <div v-show="overflowMask" class="ld-breadcrumb-overflow-mask"></div>
     <ul class="ld-breadcrumb">
-      <li v-for="(item,idx) in currentItemPath" :key="item.path">
+      <li v-for="(item, idx) in currentItemPath" :key="item.path">
         <fa-icon v-if="idx > 0" icon="angle-right" class="disabled" />
         <router-link :to="item.path" class="link">
           <fa-icon :icon="getIcon(item)" size="lg" />
-          {{item.title}}
+          {{ item.title }}
         </router-link>
       </li>
       <li v-if="searchMode">
diff --git a/viewer/src/components/LdCommand.vue b/viewer/src/components/LdCommand.vue
index 49d86bb..d3705de 100644
--- a/viewer/src/components/LdCommand.vue
+++ b/viewer/src/components/LdCommand.vue
@@ -24,14 +24,14 @@
       <fa-icon :icon="commandToggleSearchPanelIcon" size="lg" />
     </a>
     <a
-      :class="{'disabled': isEntryPoint}"
+      :class="{ disabled: isEntryPoint }"
       class="link command-secondary"
       :title="$t('command.back')"
       @click="isEntryPoint || $router.back()"
     >
       <fa-icon icon="arrow-left" size="lg" />
     </a>
-    <router-link :class="{'disabled': isRoot}" :title="$t('command.parent')" :to="parent">
+    <router-link :class="{ disabled: isRoot }" :title="$t('command.parent')" :to="parent">
       <fa-icon icon="folder" size="xs" />
       <fa-icon icon="level-up-alt" size="lg" />
     </router-link>
diff --git a/viewer/src/components/LdCommandSearch.vue b/viewer/src/components/LdCommandSearch.vue
index ef158ff..33ab804 100644
--- a/viewer/src/components/LdCommandSearch.vue
+++ b/viewer/src/components/LdCommandSearch.vue
@@ -21,11 +21,11 @@
   <div class="flex webkit-flex-shrink-fix">
     <b-button @click="clear">
       <fa-icon icon="eraser" />
-      <span>{{$t('command.search.clear')}}</span>
+      <span>{{ $t("command.search.clear") }}</span>
     </b-button>
     <b-button expanded @click="search">
       <fa-icon icon="search" />
-      <span>{{$t('command.search.search')}}</span>
+      <span>{{ $t("command.search.search") }}</span>
     </b-button>
   </div>
 </template>
diff --git a/viewer/src/components/LdError.vue b/viewer/src/components/LdError.vue
index a53942d..c71e2ad 100644
--- a/viewer/src/components/LdError.vue
+++ b/viewer/src/components/LdError.vue
@@ -30,7 +30,8 @@
 <script lang="ts">
 import { Component, Prop, Vue } from "vue-property-decorator";
 
-@Component export default class LdError extends Vue {
+@Component
+export default class LdError extends Vue {
   @Prop({ required: true, type: String }) readonly icon!: string;
   @Prop({ required: true, type: String }) readonly message!: string;
 }
diff --git a/viewer/src/components/LdProposition.vue b/viewer/src/components/LdProposition.vue
index 1490689..97f47da 100644
--- a/viewer/src/components/LdProposition.vue
+++ b/viewer/src/components/LdProposition.vue
@@ -20,7 +20,7 @@
 
 <template>
   <div class="proposition">
-    <h2 v-if="showCategory && proposedTags.length" class="subtitle category">{{title}}</h2>
+    <h2 v-if="showCategory && proposedTags.length" class="subtitle category">{{ title }}</h2>
     <div v-for="proposed in proposedTags" :key="proposed.rawTag">
       <a
         class="operation-btns link"
@@ -42,9 +42,10 @@
         class="operation-tag link"
         :title="$t('tag-propositions.intersection')"
         @click="add(Operation.INTERSECTION, proposed.rawTag)"
-      >{{proposed.rawTag}}</a>
+        >{{ proposed.rawTag }}</a
+      >
 
-      <div class="disabled" :title="$t('tag-propositions.item-count')">{{proposed.count}}</div>
+      <div class="disabled" :title="$t('tag-propositions.item-count')">{{ proposed.count }}</div>
     </div>
   </div>
 </template>
diff --git a/viewer/src/components/LdTagInput.vue b/viewer/src/components/LdTagInput.vue
index 6b6e749..ce83ba8 100644
--- a/viewer/src/components/LdTagInput.vue
+++ b/viewer/src/components/LdTagInput.vue
@@ -34,8 +34,8 @@
     @remove="clearCurrentFilter"
     @keydown.enter.native="onKeyEnter"
   >
-    <template slot-scope="props">{{displayOption(props.option)}}</template>
-    <template slot="empty">{{$t('tagInput.nomatch')}}</template>
+    <template slot-scope="props">{{ displayOption(props.option) }}</template>
+    <template slot="empty">{{ $t("tagInput.nomatch") }}</template>
   </b-taginput>
 </template>
 
diff --git a/viewer/src/components/LdThumbnail.vue b/viewer/src/components/LdThumbnail.vue
index 0ddeb6b..5b1bc82 100644
--- a/viewer/src/components/LdThumbnail.vue
+++ b/viewer/src/components/LdThumbnail.vue
@@ -18,20 +18,20 @@
 -->
 
 <template>
-  <div :class="{'preload': loading}">
+  <div :class="{ preload: loading }">
     <v-lazy-image
       v-if="item.thumbnail"
       :src="pictureSrc(item.thumbnail.resource)"
       :style="pictureStyle"
       :title="item.title"
-      @intersect="loading=true"
-      @load="loading=false"
+      @intersect="loading = true"
+      @load="loading = false"
     />
     <div v-else class="thumbnail-other flex-column flex-center">
       <div>
         <fa-icon :icon="icon" size="4x" />
       </div>
-      {{item.title}}
+      {{ item.title }}
     </div>
   </div>
 </template>
diff --git a/viewer/src/components/index.ts b/viewer/src/components/index.ts
index 043087d..f34eea1 100644
--- a/viewer/src/components/index.ts
+++ b/viewer/src/components/index.ts
@@ -17,18 +17,21 @@
 -- along with this program.  If not, see <https://www.gnu.org/licenses/>.
 */
 
-import Vue from "vue"
+import Vue from "vue";
 
 const requireComponent = require.context(
   "@/components",
   true, // Whether or not to look in subfolders
   // The regular expression used to match base component filenames
   /Ld[A-Z]\w+\.vue$/
-)
+);
 
 requireComponent.keys().forEach(fileName => {
-  const componentConfig = requireComponent(fileName)
-  const componentName = fileName.split("/").pop()!.replace(/\.vue$/, "");
+  const componentConfig = requireComponent(fileName);
+  const componentName = fileName
+    .split("/")
+    .pop()!
+    .replace(/\.vue$/, "");
 
   // Register component globally
   Vue.component(
@@ -37,5 +40,5 @@ requireComponent.keys().forEach(fileName => {
     // exist if the component was exported with `export default`,
     // otherwise fall back to module's root.
     componentConfig.default ?? componentConfig
-  )
-})
+  );
+});
diff --git a/viewer/src/components/item_handlers/LdAudioViewer.vue b/viewer/src/components/item_handlers/LdAudioViewer.vue
index 8c8ce2b..2e0f8dc 100644
--- a/viewer/src/components/item_handlers/LdAudioViewer.vue
+++ b/viewer/src/components/item_handlers/LdAudioViewer.vue
@@ -22,10 +22,7 @@
   <div class="flex-column container-vh-centering">
     <ld-thumbnail :item="item" />
     <audio :class="$style.player" :src="itemResourceUrl" preload="auto" controls>
-      <a
-        :download="itemFileName"
-        :href="itemResourceUrl"
-      >{{ $t("download.download-file-fmt", [itemFileName]) }}</a>
+      <a :download="itemFileName" :href="itemResourceUrl">{{ $t("download.download-file-fmt", [itemFileName]) }}</a>
     </audio>
   </div>
 </template>
diff --git a/viewer/src/components/item_handlers/LdDirectory.vue b/viewer/src/components/item_handlers/LdDirectory.vue
index f7fa33f..eec8011 100644
--- a/viewer/src/components/item_handlers/LdDirectory.vue
+++ b/viewer/src/components/item_handlers/LdDirectory.vue
@@ -39,5 +39,4 @@ export default class LdDirectory extends Vue {
 }
 </script>
 
-<style lang="scss">
-</style>
+<style lang="scss"></style>
diff --git a/viewer/src/components/item_handlers/LdPdfViewer.vue b/viewer/src/components/item_handlers/LdPdfViewer.vue
index 6471aac..462c463 100644
--- a/viewer/src/components/item_handlers/LdPdfViewer.vue
+++ b/viewer/src/components/item_handlers/LdPdfViewer.vue
@@ -42,5 +42,4 @@ export default class LdPdfViewer extends Vue {
 }
 </script>
 
-<style lang="scss" module>
-</style>
+<style lang="scss" module></style>
diff --git a/viewer/src/components/item_handlers/LdPicture.vue b/viewer/src/components/item_handlers/LdPicture.vue
index 3809e4d..e652afc 100644
--- a/viewer/src/components/item_handlers/LdPicture.vue
+++ b/viewer/src/components/item_handlers/LdPicture.vue
@@ -33,7 +33,7 @@
       ref="imageElement"
       :src="pictureSrc(item.properties.resource)"
       class="ld-picture-element"
-      :class="{'slow-loading': Boolean(slowLoadingStyle)}"
+      :class="{ 'slow-loading': Boolean(slowLoadingStyle) }"
       :style="slowLoadingStyle"
       @load="clearSlowLoading"
     />
diff --git a/viewer/src/components/item_handlers/LdVideoViewer.vue b/viewer/src/components/item_handlers/LdVideoViewer.vue
index 67203a5..2e3a43c 100644
--- a/viewer/src/components/item_handlers/LdVideoViewer.vue
+++ b/viewer/src/components/item_handlers/LdVideoViewer.vue
@@ -21,13 +21,7 @@
 <template>
   <!-- intermediate container necessary to eliminate the scrollbar -->
   <div class="fill no-scroll">
-    <video
-      class="fill"
-      :src="itemResourceUrl"
-      :poster="thumbnailResourceUrl"
-      preload="auto"
-      controls
-    >
+    <video class="fill" :src="itemResourceUrl" :poster="thumbnailResourceUrl" preload="auto" controls>
       <ld-download :item="item" />
     </video>
   </div>
@@ -50,5 +44,4 @@ export default class LdVideoViewer extends Vue {
 }
 </script>
 
-<style lang="scss" module>
-</style>
+<style lang="scss" module></style>
diff --git a/viewer/src/main.ts b/viewer/src/main.ts
index 847048f..3c1a5d1 100644
--- a/viewer/src/main.ts
+++ b/viewer/src/main.ts
@@ -19,7 +19,7 @@
 
 import Vue from "vue";
 import "@/assets/scss/global.scss";
-import store from "@/store"
+import store from "@/store";
 import i18n from "@/plugins/i18n";
 import router from "@/plugins/router";
 Vue.config.productionTip = false;
@@ -35,5 +35,5 @@ new Vue({
   router,
   i18n,
   store,
-  render: h => h(MainLayout)
-}).$mount("#ldgallery")
+  render: h => h(MainLayout),
+}).$mount("#ldgallery");
diff --git a/viewer/src/plugins/router.ts b/viewer/src/plugins/router.ts
index 00979c9..03ca021 100644
--- a/viewer/src/plugins/router.ts
+++ b/viewer/src/plugins/router.ts
@@ -28,7 +28,7 @@ const routes: RouteConfig[] = [
     path: "*",
     name: "GalleryNavigation",
     component: GalleryNavigation,
-    props: (route) => ({
+    props: route => ({
       path: route.params.pathMatch,
       query: Object.keys(route.query),
     }),
diff --git a/viewer/src/services/dragscrollclickfix.ts b/viewer/src/services/dragscrollclickfix.ts
index 38eb106..7125510 100644
--- a/viewer/src/services/dragscrollclickfix.ts
+++ b/viewer/src/services/dragscrollclickfix.ts
@@ -19,7 +19,6 @@
 
 // https://github.com/donmbelembe/vue-dragscroll/issues/61
 export default class DragScrollClickFix {
-
   readonly DRAG_DELAY = 250; // This is the minimal delay to consider a click to be a drag, mostly usefull for touch devices
 
   timer: NodeJS.Timeout | null = null;
@@ -39,7 +38,7 @@ export default class DragScrollClickFix {
       clearTimeout(this.timer);
       this.timer = null;
     }
-    setTimeout(() => this.dragging = false);
+    setTimeout(() => (this.dragging = false));
   }
 
   onClickCapture(e: MouseEvent) {
diff --git a/viewer/src/services/indexfactory.ts b/viewer/src/services/indexfactory.ts
index 00abc05..c4b6d51 100644
--- a/viewer/src/services/indexfactory.ts
+++ b/viewer/src/services/indexfactory.ts
@@ -22,7 +22,6 @@ import { ItemType } from "@/@types/ItemType";
 import Navigation from "@/services/navigation";
 
 export default class IndexFactory {
-
   public static generateTags(root: Gallery.Item | null): Tag.Index {
     let tagsIndex: Tag.Index = {};
     if (root) IndexFactory.pushTagsForItem(tagsIndex, root);
@@ -51,7 +50,15 @@ export default class IndexFactory {
   }
 
   private static pushPartToIndex(index: Tag.Node, part: string, item: Gallery.Item, rootPart: boolean): Tag.Node {
-    if (!index) index = { tag: part, tagfiltered: Navigation.normalize(part), rootPart, childPart: !rootPart, items: [], children: {} };
+    if (!index)
+      index = {
+        tag: part,
+        tagfiltered: Navigation.normalize(part),
+        rootPart,
+        childPart: !rootPart,
+        items: [],
+        children: {},
+      };
     else if (rootPart) index.rootPart = true;
     else index.childPart = true;
 
@@ -61,7 +68,6 @@ export default class IndexFactory {
 
   // ---
 
-
   public static searchTags(tagsIndex: Tag.Index, filter: string, strict: boolean): Tag.Search[] {
     let search: Tag.Search[] = [];
     if (tagsIndex && filter) {
@@ -106,7 +112,12 @@ export default class IndexFactory {
       );
   }
 
-  private static searchTagsFromFilter(tagsIndex: Tag.Index, operation: Operation, filter: string, strict: boolean): Tag.Search[] {
+  private static searchTagsFromFilter(
+    tagsIndex: Tag.Index,
+    operation: Operation,
+    filter: string,
+    strict: boolean
+  ): Tag.Search[] {
     filter = Navigation.normalize(filter);
     return Object.values(tagsIndex)
       .filter(node => IndexFactory.matches(node, filter, strict))
@@ -115,7 +126,7 @@ export default class IndexFactory {
 
   private static matches(node: Tag.Node, filter: string, strict: boolean): boolean {
     if (strict) return node.tagfiltered === filter;
-    return node.tagfiltered.includes(filter)
+    return node.tagfiltered.includes(filter);
   }
 
   // ---
diff --git a/viewer/src/services/indexsearch.ts b/viewer/src/services/indexsearch.ts
index a55a829..e6d7eed 100644
--- a/viewer/src/services/indexsearch.ts
+++ b/viewer/src/services/indexsearch.ts
@@ -20,7 +20,6 @@
 import { Operation } from "@/@types/Operation";
 
 export default class IndexSearch {
-
   // Results of the search (by tags)
   public static search(searchTags: Tag.Search[]): Gallery.Item[] {
     const byOperation = this.extractTagsByOperation(searchTags);
diff --git a/viewer/src/services/ldzoom.ts b/viewer/src/services/ldzoom.ts
index ddf57c0..22d4699 100644
--- a/viewer/src/services/ldzoom.ts
+++ b/viewer/src/services/ldzoom.ts
@@ -33,9 +33,11 @@ export default class LdZoom {
   scaleFactor: number = 0.0;
 
   constructor(
-    containerElement: HTMLDivElement, imageElement: HTMLImageElement,
+    containerElement: HTMLDivElement,
+    imageElement: HTMLImageElement,
     pictureProperties: Gallery.PictureProperties,
-    maxScaleFactor: number, scrollZoomSpeed: number
+    maxScaleFactor: number,
+    scrollZoomSpeed: number
   ) {
     this.containerElement = containerElement;
     this.imageElement = imageElement;
diff --git a/viewer/src/services/navigation.ts b/viewer/src/services/navigation.ts
index a7e752c..5b0716d 100644
--- a/viewer/src/services/navigation.ts
+++ b/viewer/src/services/navigation.ts
@@ -20,6 +20,15 @@
 import { ItemType } from "@/@types/ItemType";
 
 export default class Navigation {
+  static readonly ICON_BY_TYPE: Record<ItemType, string> = {
+    directory: "folder",
+    picture: "image",
+    plaintext: "file-alt",
+    pdf: "file-pdf",
+    video: "file-video",
+    audio: "file-audio",
+    other: "file",
+  };
 
   // Searches for an item by path from a root item (navigation)
   public static searchCurrentItemPath(root: Gallery.Item, path: string): Gallery.Item[] {
@@ -61,25 +70,14 @@ export default class Navigation {
         .filter(child => Navigation.checkType(child, ItemType.DIRECTORY))
         .sort((a, b) => a.title.localeCompare(b.title)),
 
-      ...items
-        .filter(child => !Navigation.checkType(child, ItemType.DIRECTORY)),
+      ...items.filter(child => !Navigation.checkType(child, ItemType.DIRECTORY)),
     ];
   }
 
   // Get the icon for an item
   public static getIcon(item: Gallery.Item): string {
     if (item.path.length <= 1) return "home";
-    switch (item.properties.type) {
-      case ItemType.PICTURE: return "image";
-      case ItemType.PLAINTEXT: return "file-alt";
-      case ItemType.PDF: return "file-pdf";
-      case ItemType.VIDEO: return "file-video";
-      case ItemType.AUDIO: return "file-audio";
-      case ItemType.DIRECTORY: return "folder";
-      case ItemType.OTHER:
-      default:
-        return "file";
-    }
+    return Navigation.ICON_BY_TYPE[item.properties.type];
   }
 
   // Get the file name of an item, without its cache timestamp
diff --git a/viewer/src/shims-tsx.d.ts b/viewer/src/shims-tsx.d.ts
index 036d206..2bcdf9f 100644
--- a/viewer/src/shims-tsx.d.ts
+++ b/viewer/src/shims-tsx.d.ts
@@ -3,9 +3,9 @@ import Vue, { VNode } from "vue";
 declare global {
   namespace JSX {
     // tslint:disable no-empty-interface
-    interface Element extends VNode { }
+    interface Element extends VNode {}
     // tslint:disable no-empty-interface
-    interface ElementClass extends Vue { }
+    interface ElementClass extends Vue {}
     interface IntrinsicElements {
       [elem: string]: any;
     }
diff --git a/viewer/src/store/galleryStore.ts b/viewer/src/store/galleryStore.ts
index a57122c..5458f20 100644
--- a/viewer/src/store/galleryStore.ts
+++ b/viewer/src/store/galleryStore.ts
@@ -23,11 +23,10 @@ import Navigation from "@/services/navigation";
 
 const VuexModule = createModule({
   namespaced: "galleryStore",
-  strict: true
-})
+  strict: true,
+});
 
 export default class GalleryStore extends VuexModule {
-
   config: Gallery.Config | null = null;
   galleryIndex: Gallery.Index | null = null;
   tagsIndex: Tag.Index = {};
@@ -65,8 +64,7 @@ export default class GalleryStore extends VuexModule {
 
   get currentItemPath(): Gallery.Item[] {
     const root = this.galleryIndex?.tree;
-    if (root)
-      return Navigation.searchCurrentItemPath(root, this.currentPath);
+    if (root) return Navigation.searchCurrentItemPath(root, this.currentPath);
     return [];
   }
 
diff --git a/viewer/src/store/index.ts b/viewer/src/store/index.ts
index d5339e8..f86d66b 100644
--- a/viewer/src/store/index.ts
+++ b/viewer/src/store/index.ts
@@ -17,30 +17,30 @@
 -- along with this program.  If not, see <https://www.gnu.org/licenses/>.
 */
 
-import Vue from "vue"
-import Vuex from "vuex"
+import Vue from "vue";
+import Vuex from "vuex";
 import { extractVuexModule } from "vuex-class-component";
 import { createProxy } from "vuex-class-component";
 import UIStore from "@/store/uiStore";
 import GalleryStore from "@/store/galleryStore";
 
-Vue.use(Vuex)
+Vue.use(Vuex);
 
 const store = new Vuex.Store({
   modules: {
     ...extractVuexModule(UIStore),
-    ...extractVuexModule(GalleryStore)
+    ...extractVuexModule(GalleryStore),
   },
   strict: process.env.NODE_ENV !== "production",
 });
 
-Vue.use((vue) => vue.prototype.$uiStore = createProxy(store, UIStore));
-Vue.use((vue) => vue.prototype.$galleryStore = createProxy(store, GalleryStore));
+Vue.use(vue => (vue.prototype.$uiStore = createProxy(store, UIStore)));
+Vue.use(vue => (vue.prototype.$galleryStore = createProxy(store, GalleryStore)));
 
 declare module "vue/types/vue" {
   interface Vue {
-    $uiStore: UIStore,
-    $galleryStore: GalleryStore
+    $uiStore: UIStore;
+    $galleryStore: GalleryStore;
   }
 }
 
diff --git a/viewer/src/store/uiStore.ts b/viewer/src/store/uiStore.ts
index 892d35e..91ac338 100644
--- a/viewer/src/store/uiStore.ts
+++ b/viewer/src/store/uiStore.ts
@@ -21,11 +21,10 @@ import { createModule, mutation, action } from "vuex-class-component";
 
 const VuexModule = createModule({
   namespaced: "uiStore",
-  strict: true
-})
+  strict: true,
+});
 
 export default class UIStore extends VuexModule {
-
   fullscreen: boolean = false;
   fullWidth: boolean = window.innerWidth < Number(process.env.VUE_APP_FULLWIDTH_LIMIT);
   searchMode: boolean = false;
diff --git a/viewer/src/views/GalleryNavigation.vue b/viewer/src/views/GalleryNavigation.vue
index 843550f..fd1f19a 100644
--- a/viewer/src/views/GalleryNavigation.vue
+++ b/viewer/src/views/GalleryNavigation.vue
@@ -77,5 +77,4 @@ export default class GalleryNavigation extends Vue {
 }
 </script>
 
-<style lang="scss">
-</style>
+<style lang="scss"></style>
diff --git a/viewer/src/views/GallerySearch.vue b/viewer/src/views/GallerySearch.vue
index 4b98cea..fec7216 100644
--- a/viewer/src/views/GallerySearch.vue
+++ b/viewer/src/views/GallerySearch.vue
@@ -54,5 +54,4 @@ export default class GalleryPicture extends Vue {
 }
 </script>
 
-<style lang="scss">
-</style>
+<style lang="scss"></style>
diff --git a/viewer/src/views/MainLayout.vue b/viewer/src/views/MainLayout.vue
index a7af48c..2dd7a57 100644
--- a/viewer/src/views/MainLayout.vue
+++ b/viewer/src/views/MainLayout.vue
@@ -18,11 +18,8 @@
 -->
 
 <template>
-  <div :class="{'fullscreen': $uiStore.fullscreen, 'fullwidth': $uiStore.fullWidth}">
-    <ld-title
-      :gallery-title="$galleryStore.galleryTitle"
-      :current-item="$galleryStore.currentItem"
-    />
+  <div :class="{ fullscreen: $uiStore.fullscreen, fullwidth: $uiStore.fullWidth }">
+    <ld-title :gallery-title="$galleryStore.galleryTitle" :current-item="$galleryStore.currentItem" />
     <panel-top v-if="!isLoading" class="layout layout-top" />
     <panel-left v-if="!isLoading" class="layout layout-left" />
     <router-view v-if="!isLoading" ref="content" class="layout layout-content scrollbar" />
diff --git a/viewer/src/views/PanelLeft.vue b/viewer/src/views/PanelLeft.vue
index 1d49648..9dc76a0 100644
--- a/viewer/src/views/PanelLeft.vue
+++ b/viewer/src/views/PanelLeft.vue
@@ -25,10 +25,10 @@
       @onkeyenter-empty="search"
     />
     <ld-command-search @clear="clear" @search="search" />
-    <h1 class="title">{{$t('panelLeft.propositions')}}</h1>
+    <h1 class="title">{{ $t("panelLeft.propositions") }}</h1>
     <div class="scrollbar no-scroll-x">
       <ld-proposition
-        v-for="(category) in $galleryStore.tagsCategories"
+        v-for="category in $galleryStore.tagsCategories"
         :key="category.tag"
         :category="$galleryStore.tagsIndex[category.tag]"
         :show-category="$galleryStore.tagsCategories.length > 1"
diff --git a/viewer/src/views/PanelTop.vue b/viewer/src/views/PanelTop.vue
index 0591f37..f10a722 100644
--- a/viewer/src/views/PanelTop.vue
+++ b/viewer/src/views/PanelTop.vue
@@ -20,10 +20,7 @@
 <template>
   <div class="flex">
     <ld-command :current-item-path="$galleryStore.currentItemPath" />
-    <ld-breadcrumb
-      :current-item-path="$galleryStore.currentItemPath"
-      :search-mode="$uiStore.searchMode"
-    />
+    <ld-breadcrumb :current-item-path="$galleryStore.currentItemPath" :search-mode="$uiStore.searchMode" />
   </div>
 </template>
 
@@ -34,5 +31,4 @@ import { Component, Vue } from "vue-property-decorator";
 export default class PanelTop extends Vue {}
 </script>
 
-<style lang="scss">
-</style>
+<style lang="scss"></style>
diff --git a/viewer/vue.config.js b/viewer/vue.config.js
index f481e4f..9240964 100644
--- a/viewer/vue.config.js
+++ b/viewer/vue.config.js
@@ -27,11 +27,11 @@ module.exports = {
       enableInSFC: false,
     },
   },
-  chainWebpack: (config) => {
+  chainWebpack: config => {
     config.plugins.delete("prefetch");
   },
   configureWebpack: {
-    devtool: "source-map"
+    devtool: "source-map",
   },
   productionSourceMap: false,
   devServer: {
@@ -47,6 +47,6 @@ module.exports = {
         const file = fs.readFileSync(fullpath);
         res.end(file);
       });
-    }
-  }
+    },
+  },
 };
-- 
cgit v1.2.3