From 8d543ab94d3678728466d3627e0d419ec00f3010 Mon Sep 17 00:00:00 2001
From: Zero~Informatique
Date: Wed, 29 Jan 2020 04:53:35 +0100
Subject: viewer: finalized the thumbnails view layouts. implemented thumbnails
 lazy-loading

---
 viewer/src/views/GalleryDirectory.vue | 15 ++++++++-------
 1 file changed, 8 insertions(+), 7 deletions(-)

(limited to 'viewer/src/views/GalleryDirectory.vue')

diff --git a/viewer/src/views/GalleryDirectory.vue b/viewer/src/views/GalleryDirectory.vue
index eb98595..1df0c4d 100644
--- a/viewer/src/views/GalleryDirectory.vue
+++ b/viewer/src/views/GalleryDirectory.vue
@@ -18,13 +18,14 @@
 -->
 
 <template>
-  <div>
-    <div class="flex">
-      <div v-for="(item) in directory.properties.items" :key="item.path">
-        <router-link :to="item.path">
-          <gallery-thumbnail :item="item" />
-        </router-link>
-      </div>
+  <div class="thumbnail-tiles">
+    <div v-for="(item) in directory.properties.items" :key="item.path">
+      <router-link :to="item.path">
+        <gallery-thumbnail :item="item" />
+      </router-link>
+    </div>
+    <div>
+      <!-- Empty item for better flex layout -->
     </div>
   </div>
 </template>
-- 
cgit v1.2.3


From 76af6cffce939ef3c9a0952e6f7adc234e92f782 Mon Sep 17 00:00:00 2001
From: Zero~Informatique
Date: Thu, 30 Jan 2020 17:04:09 +0100
Subject: viewer: directories first and sorted by title in the navigation mode

---
 viewer/src/views/GalleryDirectory.vue | 8 +++++++-
 1 file changed, 7 insertions(+), 1 deletion(-)

(limited to 'viewer/src/views/GalleryDirectory.vue')

diff --git a/viewer/src/views/GalleryDirectory.vue b/viewer/src/views/GalleryDirectory.vue
index 1df0c4d..d01032d 100644
--- a/viewer/src/views/GalleryDirectory.vue
+++ b/viewer/src/views/GalleryDirectory.vue
@@ -19,7 +19,7 @@
 
 <template>
   <div class="thumbnail-tiles">
-    <div v-for="(item) in directory.properties.items" :key="item.path">
+    <div v-for="(item) in orderedItems" :key="item.path">
       <router-link :to="item.path">
         <gallery-thumbnail :item="item" />
       </router-link>
@@ -32,13 +32,19 @@
 
 <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 },
 })
 export default class GalleryDirectory extends Vue {
   @Prop({ required: true }) readonly directory!: Gallery.Directory;
+
+  get orderedItems() {
+    return Tools.directoriesFirst(this.directory.properties.items);
+  }
 }
 </script>
 
-- 
cgit v1.2.3


From 170da2d55fec0359cbac780786383710b734eda7 Mon Sep 17 00:00:00 2001
From: Zero~Informatique
Date: Fri, 31 Jan 2020 09:17:57 +0100
Subject: viewer: code cleaning, moved some views to components

---
 viewer/src/views/GalleryDirectory.vue | 8 ++------
 1 file changed, 2 insertions(+), 6 deletions(-)

(limited to 'viewer/src/views/GalleryDirectory.vue')

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;
 
-- 
cgit v1.2.3


From cfc2f65479bca39e77cfc6b3e2437f6e8022496f Mon Sep 17 00:00:00 2001
From: pacien
Date: Mon, 10 Feb 2020 20:15:45 +0100
Subject: viewer: remove last row forced offset

It was only making things worse in the end.
---
 viewer/src/views/GalleryDirectory.vue | 3 ---
 1 file changed, 3 deletions(-)

(limited to 'viewer/src/views/GalleryDirectory.vue')

diff --git a/viewer/src/views/GalleryDirectory.vue b/viewer/src/views/GalleryDirectory.vue
index baf627e..38686a8 100644
--- a/viewer/src/views/GalleryDirectory.vue
+++ b/viewer/src/views/GalleryDirectory.vue
@@ -24,9 +24,6 @@
         <ld-thumbnail :item="item" />
       </router-link>
     </div>
-    <div>
-      <!-- Empty item for better flex layout -->
-    </div>
   </div>
 </template>
 
-- 
cgit v1.2.3


From 8e91297ec0b090e3439efe2137a59192f5bb857b Mon Sep 17 00:00:00 2001
From: Zero~Informatique
Date: Tue, 11 Feb 2020 01:50:16 +0100
Subject: viewer: browsing pictures disables fullscreen. Resolves #115

---
 viewer/src/views/GalleryDirectory.vue | 4 ++++
 1 file changed, 4 insertions(+)

(limited to 'viewer/src/views/GalleryDirectory.vue')

diff --git a/viewer/src/views/GalleryDirectory.vue b/viewer/src/views/GalleryDirectory.vue
index 38686a8..162ef6e 100644
--- a/viewer/src/views/GalleryDirectory.vue
+++ b/viewer/src/views/GalleryDirectory.vue
@@ -35,6 +35,10 @@ import Tools from "@/tools";
 export default class GalleryDirectory extends Vue {
   @Prop({ required: true }) readonly directory!: Gallery.Directory;
 
+  mounted() {
+    this.$uiStore.fullscreen = false;
+  }
+
   get orderedItems() {
     return Tools.directoriesFirst(this.directory.properties.items);
   }
-- 
cgit v1.2.3


From 370e3db3455f548699ff5e046e0f8dcc304991ac Mon Sep 17 00:00:00 2001
From: Zero~Informatique
Date: Fri, 14 Feb 2020 09:19:53 +0100
Subject: viewer: major code and search mode overhaul

Updated libraries to the lastest version
SCSS Formatter as suggested VSC extensions
Renamed toolbar-color by scrollbar-color
LD components use Props in favor of touching the stores directly (when possible)
Moved most common algorithms to a "services" folder
Complete search overhaul (lots of code change)
---
 viewer/src/views/GalleryDirectory.vue | 14 ++++----------
 1 file changed, 4 insertions(+), 10 deletions(-)

(limited to 'viewer/src/views/GalleryDirectory.vue')

diff --git a/viewer/src/views/GalleryDirectory.vue b/viewer/src/views/GalleryDirectory.vue
index 162ef6e..6e68578 100644
--- a/viewer/src/views/GalleryDirectory.vue
+++ b/viewer/src/views/GalleryDirectory.vue
@@ -18,18 +18,12 @@
 -->
 
 <template>
-  <div class="thumbnail-tiles">
-    <div v-for="(item) in orderedItems" :key="item.path">
-      <router-link :to="item.path">
-        <ld-thumbnail :item="item" />
-      </router-link>
-    </div>
-  </div>
+  <ld-gallery :items="orderedItems()" :noresult="$t('directory.no-results')" />
 </template>
 
 <script lang="ts">
 import { Component, Vue, Prop } from "vue-property-decorator";
-import Tools from "@/tools";
+import Navigation from "@/services/navigation";
 
 @Component
 export default class GalleryDirectory extends Vue {
@@ -39,8 +33,8 @@ export default class GalleryDirectory extends Vue {
     this.$uiStore.fullscreen = false;
   }
 
-  get orderedItems() {
-    return Tools.directoriesFirst(this.directory.properties.items);
+  orderedItems() {
+    return Navigation.directoriesFirst(this.directory.properties.items);
   }
 }
 </script>
-- 
cgit v1.2.3


From 8d889762872501eebd5edb5d7cacddfd4cd55ad4 Mon Sep 17 00:00:00 2001
From: Zero~Informatique
Date: Fri, 28 Feb 2020 04:09:40 +0100
Subject: viewer: more minor architectural improvement

---
 viewer/src/views/GalleryDirectory.vue | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

(limited to 'viewer/src/views/GalleryDirectory.vue')

diff --git a/viewer/src/views/GalleryDirectory.vue b/viewer/src/views/GalleryDirectory.vue
index 6e68578..30f651c 100644
--- a/viewer/src/views/GalleryDirectory.vue
+++ b/viewer/src/views/GalleryDirectory.vue
@@ -30,7 +30,7 @@ export default class GalleryDirectory extends Vue {
   @Prop({ required: true }) readonly directory!: Gallery.Directory;
 
   mounted() {
-    this.$uiStore.fullscreen = false;
+    this.$uiStore.toggleFullscreen(false);
   }
 
   orderedItems() {
-- 
cgit v1.2.3

