aboutsummaryrefslogtreecommitdiff
path: root/viewer
diff options
context:
space:
mode:
authorpacien2020-02-08 18:20:50 +0100
committerpacien2020-02-08 18:20:50 +0100
commit1942eb9e6d323aca512e53732179c823139dd9a1 (patch)
treeaf2ff6bab51c339197e1cd01ba7711977fc221f6 /viewer
parenta286e822c37a17efc80e99b13d5cc02fef4ee138 (diff)
downloadldgallery-1942eb9e6d323aca512e53732179c823139dd9a1.tar.gz
viewer: ldcommand: clarify command button actions
By using more explicit icons and tooltip.
Diffstat (limited to 'viewer')
-rw-r--r--viewer/src/components/LdCommand.vue14
-rw-r--r--viewer/src/locales/en.json10
-rw-r--r--viewer/src/plugins/fontawesome.ts6
3 files changed, 14 insertions, 16 deletions
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 @@
20 20
21<template> 21<template>
22 <div class="flex command-btns"> 22 <div class="flex command-btns">
23 <a class="link" :title="$t('title.tags')" @click="$uiStore.toggleFullWidth()"> 23 <a class="link" :title="$t('command.search')" @click="$uiStore.toggleFullWidth()">
24 <fa-icon :icon="commandTagsIcon()" size="lg" /> 24 <fa-icon :icon="commandToggleSearchPanelIcon()" size="lg" />
25 </a> 25 </a>
26 <router-link to="/" class="command-secondary" :class="{'disabled': isRoot()}" :title="$t('title.home')"> 26 <router-link to="/" class="command-secondary" :class="{'disabled': isRoot()}" :title="$t('command.home')">
27 <fa-icon icon="home" size="lg" /> 27 <fa-icon icon="home" size="lg" />
28 </router-link> 28 </router-link>
29 <a class="link command-secondary" :title="$t('title.back')" @click="$router.go(-1)"> 29 <a class="link command-secondary" :title="$t('command.back')" @click="$router.go(-1)">
30 <fa-icon icon="arrow-left" size="lg" /> 30 <fa-icon icon="arrow-left" size="lg" />
31 </a> 31 </a>
32 <router-link :class="{'disabled': isRoot()}" :title="$t('title.parent')" :to="parent()"> 32 <router-link :class="{'disabled': isRoot()}" :title="$t('command.parent')" :to="parent()">
33 <fa-icon icon="folder" size="xs" /> 33 <fa-icon icon="folder" size="xs" />
34 <fa-icon icon="level-up-alt" size="lg" /> 34 <fa-icon icon="level-up-alt" size="lg" />
35 </router-link> 35 </router-link>
@@ -42,8 +42,8 @@ import { RawLocation } from "vue-router";
42 42
43@Component 43@Component
44export default class LdCommand extends Vue { 44export default class LdCommand extends Vue {
45 commandTagsIcon(): string { 45 commandToggleSearchPanelIcon(): string {
46 return this.$uiStore.fullWidth ? "tags" : "window-close"; 46 return this.$uiStore.fullWidth ? "search" : "angle-double-left";
47 } 47 }
48 48
49 isRoot(): boolean { 49 isRoot(): boolean {
diff --git a/viewer/src/locales/en.json b/viewer/src/locales/en.json
index 987d4d1..966bc86 100644
--- a/viewer/src/locales/en.json
+++ b/viewer/src/locales/en.json
@@ -8,8 +8,8 @@
8 "search.no-results": "No results", 8 "search.no-results": "No results",
9 "panelLeft.propositions": "Proposed tags", 9 "panelLeft.propositions": "Proposed tags",
10 "gallery.unknowntype": "Unknown item type", 10 "gallery.unknowntype": "Unknown item type",
11 "title.tags": "Tags", 11 "command.search": "Open search panel",
12 "title.home": "Home", 12 "command.home": "Go to gallery home",
13 "title.back": "Back", 13 "command.back": "Go back",
14 "title.parent": "Parent" 14 "command.parent": "Go to parent directory"
15} \ No newline at end of file 15}
diff --git a/viewer/src/plugins/fontawesome.ts b/viewer/src/plugins/fontawesome.ts
index d70746d..e8848f9 100644
--- a/viewer/src/plugins/fontawesome.ts
+++ b/viewer/src/plugins/fontawesome.ts
@@ -30,9 +30,8 @@ import {
30 faHome, 30 faHome,
31 faArrowLeft, 31 faArrowLeft,
32 faLevelUpAlt, 32 faLevelUpAlt,
33 faTags,
34 faAngleRight, 33 faAngleRight,
35 faWindowClose, 34 faAngleDoubleLeft,
36 faFile, 35 faFile,
37} from "@fortawesome/free-solid-svg-icons"; 36} from "@fortawesome/free-solid-svg-icons";
38 37
@@ -45,9 +44,8 @@ library.add(
45 faHome, 44 faHome,
46 faArrowLeft, 45 faArrowLeft,
47 faLevelUpAlt, 46 faLevelUpAlt,
48 faTags,
49 faAngleRight, 47 faAngleRight,
50 faWindowClose, 48 faAngleDoubleLeft,
51 faFile, 49 faFile,
52); 50);
53 51