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/components/LdCommandSearch.vue | 55 +++++++++++++++++++++++++++++++
 1 file changed, 55 insertions(+)
 create mode 100644 viewer/src/components/LdCommandSearch.vue

(limited to 'viewer/src/components/LdCommandSearch.vue')

diff --git a/viewer/src/components/LdCommandSearch.vue b/viewer/src/components/LdCommandSearch.vue
new file mode 100644
index 0000000..bd18060
--- /dev/null
+++ b/viewer/src/components/LdCommandSearch.vue
@@ -0,0 +1,55 @@
+<!-- ldgallery - A static generator which turns a collection of tagged
+--             pictures into a searchable web gallery.
+--
+-- Copyright (C) 2019-2020  Guillaume FOUET
+--
+-- This program is free software: you can redistribute it and/or modify
+-- it under the terms of the GNU Affero General Public License as
+-- published by the Free Software Foundation, either version 3 of the
+-- License, or (at your option) any later version.
+--
+-- This program is distributed in the hope that it will be useful,
+-- but WITHOUT ANY WARRANTY; without even the implied warranty of
+-- MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
+-- GNU Affero General Public License for more details.
+--
+-- You should have received a copy of the GNU Affero General Public License
+-- along with this program.  If not, see <https://www.gnu.org/licenses/>.
+-->
+
+<template>
+  <div class="flex">
+    <b-button @click="clear">
+      <fa-icon icon="eraser" />
+      <span>{{$t('command.search.clear')}}</span>
+    </b-button>
+    <b-button expanded :loading="loading" @click="search">
+      <fa-icon icon="search" />
+      <span>{{$t('command.search.search')}}</span>
+    </b-button>
+  </div>
+</template>
+
+<script lang="ts">
+import { Component, Vue, Emit } from "vue-property-decorator";
+
+@Component
+export default class LdCommandSearch extends Vue {
+  loading: boolean = false;
+
+  @Emit()
+  clear(e: HTMLButtonElement) {
+    return e;
+  }
+
+  @Emit()
+  search(e: HTMLButtonElement) {
+    this.loading = true;
+    this.$nextTick(() => (this.loading = false));
+    return e;
+  }
+}
+</script>
+
+<style lang="scss">
+</style>
-- 
cgit v1.2.3


From 7f0b8367a2092c5ffd69e9e46d055cbd605c0e3a Mon Sep 17 00:00:00 2001
From: Zero~Informatique
Date: Fri, 28 Feb 2020 18:50:12 +0100
Subject: viewer: more minor architectural and performance improvement

---
 viewer/src/components/LdCommandSearch.vue | 6 +-----
 1 file changed, 1 insertion(+), 5 deletions(-)

(limited to 'viewer/src/components/LdCommandSearch.vue')

diff --git a/viewer/src/components/LdCommandSearch.vue b/viewer/src/components/LdCommandSearch.vue
index bd18060..3d95eb0 100644
--- a/viewer/src/components/LdCommandSearch.vue
+++ b/viewer/src/components/LdCommandSearch.vue
@@ -23,7 +23,7 @@
       <fa-icon icon="eraser" />
       <span>{{$t('command.search.clear')}}</span>
     </b-button>
-    <b-button expanded :loading="loading" @click="search">
+    <b-button expanded @click="search">
       <fa-icon icon="search" />
       <span>{{$t('command.search.search')}}</span>
     </b-button>
@@ -35,8 +35,6 @@ import { Component, Vue, Emit } from "vue-property-decorator";
 
 @Component
 export default class LdCommandSearch extends Vue {
-  loading: boolean = false;
-
   @Emit()
   clear(e: HTMLButtonElement) {
     return e;
@@ -44,8 +42,6 @@ export default class LdCommandSearch extends Vue {
 
   @Emit()
   search(e: HTMLButtonElement) {
-    this.loading = true;
-    this.$nextTick(() => (this.loading = false));
     return e;
   }
 }
-- 
cgit v1.2.3


From 0ee006143bbdaabd6fac40a924cf8f1a1aa80be1 Mon Sep 17 00:00:00 2001
From: pacien
Date: Sat, 11 Apr 2020 04:09:44 +0200
Subject: viewer: ldcommandsearch: fix flexbox shrinking and overlap

GitHub: closes #183
---
 viewer/src/components/LdCommandSearch.vue | 6 +++++-
 1 file changed, 5 insertions(+), 1 deletion(-)

(limited to 'viewer/src/components/LdCommandSearch.vue')

diff --git a/viewer/src/components/LdCommandSearch.vue b/viewer/src/components/LdCommandSearch.vue
index 3d95eb0..b185a51 100644
--- a/viewer/src/components/LdCommandSearch.vue
+++ b/viewer/src/components/LdCommandSearch.vue
@@ -18,7 +18,7 @@
 -->
 
 <template>
-  <div class="flex">
+  <div class="command-search-btn-row">
     <b-button @click="clear">
       <fa-icon icon="eraser" />
       <span>{{$t('command.search.clear')}}</span>
@@ -48,4 +48,8 @@ export default class LdCommandSearch extends Vue {
 </script>
 
 <style lang="scss">
+.command-search-btn-row {
+  display: flex;
+  flex: none;
+}
 </style>
-- 
cgit v1.2.3


From 7449b0480c2ce820aa59716c4e6d5241e045ca62 Mon Sep 17 00:00:00 2001
From: pacien
Date: Fri, 17 Apr 2020 22:05:39 +0200
Subject: viewer: ldcommandsearch: clarify flex shrink fix

The bug only affects old version of webkit and seem to have been fixed in the
latest releases of Chromium.

GitHub: #183
---
 viewer/src/components/LdCommandSearch.vue | 7 ++++---
 1 file changed, 4 insertions(+), 3 deletions(-)

(limited to 'viewer/src/components/LdCommandSearch.vue')

diff --git a/viewer/src/components/LdCommandSearch.vue b/viewer/src/components/LdCommandSearch.vue
index b185a51..ef158ff 100644
--- a/viewer/src/components/LdCommandSearch.vue
+++ b/viewer/src/components/LdCommandSearch.vue
@@ -18,7 +18,7 @@
 -->
 
 <template>
-  <div class="command-search-btn-row">
+  <div class="flex webkit-flex-shrink-fix">
     <b-button @click="clear">
       <fa-icon icon="eraser" />
       <span>{{$t('command.search.clear')}}</span>
@@ -48,8 +48,9 @@ export default class LdCommandSearch extends Vue {
 </script>
 
 <style lang="scss">
-.command-search-btn-row {
-  display: flex;
+// fix flexbox shrinking and overlap in old webkit versions
+// https://github.com/pacien/ldgallery/issues/183
+.webkit-flex-shrink-fix {
   flex: none;
 }
 </style>
-- 
cgit v1.2.3

