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/components/LdCommand.vue | 68 +++++++++++++++++++++++++++++++++++++
1 file changed, 68 insertions(+)
create mode 100644 viewer/src/components/LdCommand.vue
(limited to 'viewer/src/components/LdCommand.vue')
diff --git a/viewer/src/components/LdCommand.vue b/viewer/src/components/LdCommand.vue
new file mode 100644
index 0000000..484e56a
--- /dev/null
+++ b/viewer/src/components/LdCommand.vue
@@ -0,0 +1,68 @@
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
--
cgit v1.2.3
From 4cf2727131829bd48c062896fdf237cf68a0b472 Mon Sep 17 00:00:00 2001
From: Zero~Informatique
Date: Fri, 31 Jan 2020 14:05:09 +0100
Subject: viewer: Unify the minor size differences between command icons
---
viewer/src/components/LdCommand.vue | 6 ++++++
1 file changed, 6 insertions(+)
(limited to 'viewer/src/components/LdCommand.vue')
diff --git a/viewer/src/components/LdCommand.vue b/viewer/src/components/LdCommand.vue
index 484e56a..07cb354 100644
--- a/viewer/src/components/LdCommand.vue
+++ b/viewer/src/components/LdCommand.vue
@@ -64,5 +64,11 @@ export default class LdCommand extends Vue {
vertical-align: middle;
align-items: center;
width: $layout-left;
+ > * {
+ // Unify the minor size differences between icons
+ width: 26px;
+ height: 26px;
+ margin-top: 2px;
+ }
}
--
cgit v1.2.3
From a7b235d8874fe4ad1d7e7a5ce59510d9f55b857d Mon Sep 17 00:00:00 2001
From: Zero~Informatique
Date: Sun, 2 Feb 2020 03:11:30 +0100
Subject: viewer: fixed the command button's titles (somehow the `:` were
removed before the commit)
---
viewer/src/components/LdCommand.vue | 8 ++++----
1 file changed, 4 insertions(+), 4 deletions(-)
(limited to 'viewer/src/components/LdCommand.vue')
diff --git a/viewer/src/components/LdCommand.vue b/viewer/src/components/LdCommand.vue
index 07cb354..8c6ccfc 100644
--- a/viewer/src/components/LdCommand.vue
+++ b/viewer/src/components/LdCommand.vue
@@ -19,16 +19,16 @@
-
+
-
+
-
+
-
+
--
cgit v1.2.3
From b8160585c4ea0037772c6a35c45b58d48621cd4d Mon Sep 17 00:00:00 2001
From: pacien
Date: Sat, 8 Feb 2020 18:09:36 +0100
Subject: viewer: ldcommand: fix keyboard navigation
By using proper semantics, using 'a' instead of 'div' to allow keyboard selection
---
viewer/src/components/LdCommand.vue | 8 ++++----
1 file changed, 4 insertions(+), 4 deletions(-)
(limited to 'viewer/src/components/LdCommand.vue')
diff --git a/viewer/src/components/LdCommand.vue b/viewer/src/components/LdCommand.vue
index 8c6ccfc..841d773 100644
--- a/viewer/src/components/LdCommand.vue
+++ b/viewer/src/components/LdCommand.vue
@@ -19,15 +19,15 @@
-
+
-
+
--
cgit v1.2.3
From 4cae756b5c2a3544675eb5eb011b9a90e003ae6b Mon Sep 17 00:00:00 2001
From: pacien
Date: Sat, 8 Feb 2020 18:13:22 +0100
Subject: viewer: ldcommand: fix command buttons active boxes
Properly centering icons in their boxes instead of having them sitting in a corner.
---
viewer/src/components/LdCommand.vue | 13 ++++++++-----
1 file changed, 8 insertions(+), 5 deletions(-)
(limited to 'viewer/src/components/LdCommand.vue')
diff --git a/viewer/src/components/LdCommand.vue b/viewer/src/components/LdCommand.vue
index 841d773..8257c1f 100644
--- a/viewer/src/components/LdCommand.vue
+++ b/viewer/src/components/LdCommand.vue
@@ -2,6 +2,7 @@
-- pictures into a searchable web gallery.
--
-- Copyright (C) 2019-2020 Guillaume FOUET
+-- 2020 Pacien TRAN-GIRARD
--
-- This program is free software: you can redistribute it and/or modify
-- it under the terms of the GNU Affero General Public License as
@@ -63,12 +64,14 @@ export default class LdCommand extends Vue {
justify-content: space-around;
vertical-align: middle;
align-items: center;
- width: $layout-left;
+ flex: 0 0 $layout-left;
+
> * {
- // Unify the minor size differences between icons
- width: 26px;
- height: 26px;
- margin-top: 2px;
+ // normalise icon active boxes
+ width: $layout-top;
+ line-height: $layout-top;
+ text-align: center;
+ vertical-align: middle;
}
}
--
cgit v1.2.3
From a286e822c37a17efc80e99b13d5cc02fef4ee138 Mon Sep 17 00:00:00 2001
From: pacien
Date: Sat, 8 Feb 2020 18:15:50 +0100
Subject: viewer: ldcommand: reduce command bar on mobile
Hiding secondary buttons and allowing the bar to collapse.
GitHub: closes #100
---
viewer/src/components/LdCommand.vue | 13 +++++++++++--
1 file changed, 11 insertions(+), 2 deletions(-)
(limited to 'viewer/src/components/LdCommand.vue')
diff --git a/viewer/src/components/LdCommand.vue b/viewer/src/components/LdCommand.vue
index 8257c1f..eeab89f 100644
--- a/viewer/src/components/LdCommand.vue
+++ b/viewer/src/components/LdCommand.vue
@@ -23,10 +23,10 @@
-
+
-
+
@@ -58,6 +58,7 @@ export default class LdCommand extends Vue {
--
cgit v1.2.3
From 1942eb9e6d323aca512e53732179c823139dd9a1 Mon Sep 17 00:00:00 2001
From: pacien
Date: Sat, 8 Feb 2020 18:20:50 +0100
Subject: viewer: ldcommand:Â clarify command button actions
By using more explicit icons and tooltip.
---
viewer/src/components/LdCommand.vue | 14 +++++++-------
1 file changed, 7 insertions(+), 7 deletions(-)
(limited to 'viewer/src/components/LdCommand.vue')
diff --git a/viewer/src/components/LdCommand.vue b/viewer/src/components/LdCommand.vue
index eeab89f..5953eac 100644
--- a/viewer/src/components/LdCommand.vue
+++ b/viewer/src/components/LdCommand.vue
@@ -20,16 +20,16 @@
-
-
+
+
-
+
-
+
-
+
@@ -42,8 +42,8 @@ import { RawLocation } from "vue-router";
@Component
export default class LdCommand extends Vue {
- commandTagsIcon(): string {
- return this.$uiStore.fullWidth ? "tags" : "window-close";
+ commandToggleSearchPanelIcon(): string {
+ return this.$uiStore.fullWidth ? "search" : "angle-double-left";
}
isRoot(): boolean {
--
cgit v1.2.3
From ec5bda34f9d2714db19d61cd9e82fb45cc15bfc1 Mon Sep 17 00:00:00 2001
From: pacien
Date: Mon, 10 Feb 2020 12:18:32 +0100
Subject: viewer: use a different background to separate command buttons and
breadcrumbs
---
viewer/src/components/LdCommand.vue | 1 +
1 file changed, 1 insertion(+)
(limited to 'viewer/src/components/LdCommand.vue')
diff --git a/viewer/src/components/LdCommand.vue b/viewer/src/components/LdCommand.vue
index 8c6ccfc..54b602c 100644
--- a/viewer/src/components/LdCommand.vue
+++ b/viewer/src/components/LdCommand.vue
@@ -60,6 +60,7 @@ export default class LdCommand extends Vue {
@import "@/assets/scss/theme.scss";
.command-btns {
+ background-color: $command-buttons-bgcolor;
justify-content: space-around;
vertical-align: middle;
align-items: center;
--
cgit v1.2.3
From c158f21dfc2411cd8d6cbd36a9b0e90ff5265597 Mon Sep 17 00:00:00 2001
From: Zero~Informatique
Date: Mon, 10 Feb 2020 14:39:19 +0100
Subject: viewer: formatting and > a instead of > * in the CSS (the star
selector is to be avoided if possible, it's slow and dangerous)
---
viewer/src/components/LdCommand.vue | 9 +++++++--
1 file changed, 7 insertions(+), 2 deletions(-)
(limited to 'viewer/src/components/LdCommand.vue')
diff --git a/viewer/src/components/LdCommand.vue b/viewer/src/components/LdCommand.vue
index 5953eac..5b9bbff 100644
--- a/viewer/src/components/LdCommand.vue
+++ b/viewer/src/components/LdCommand.vue
@@ -23,7 +23,12 @@
-
+
@@ -67,7 +72,7 @@ export default class LdCommand extends Vue {
align-items: center;
flex: 0 0 $layout-left;
- > * {
+ > a {
// normalise icon active boxes
width: $layout-top;
line-height: $layout-top;
--
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/components/LdCommand.vue | 16 +++++-----------
1 file changed, 5 insertions(+), 11 deletions(-)
(limited to 'viewer/src/components/LdCommand.vue')
diff --git a/viewer/src/components/LdCommand.vue b/viewer/src/components/LdCommand.vue
index 7590ea7..468c241 100644
--- a/viewer/src/components/LdCommand.vue
+++ b/viewer/src/components/LdCommand.vue
@@ -23,14 +23,6 @@
-
-
-
@@ -42,21 +34,23 @@