From 252dd6fc6f53ecd8b28e05a0514429472d53d08e Mon Sep 17 00:00:00 2001 From: Zero~Informatique Date: Fri, 31 Jan 2020 06:46:31 +0100 Subject: viewer: finalized the command buttons. added the 'up to parent' command --- viewer/src/locales/en.json | 6 +++- viewer/src/plugins/fontawesome.ts | 6 ++-- viewer/src/store/uiStore.ts | 5 +++ viewer/src/views/MainLayout.vue | 7 ++-- viewer/src/views/PanelTop.vue | 64 +++++++---------------------------- viewer/src/views/TopBreadcrumb.vue | 63 +++++++++++++++++++++++++++++++++++ viewer/src/views/TopCommand.vue | 68 ++++++++++++++++++++++++++++++++++++++ 7 files changed, 162 insertions(+), 57 deletions(-) create mode 100644 viewer/src/views/TopBreadcrumb.vue create mode 100644 viewer/src/views/TopCommand.vue diff --git a/viewer/src/locales/en.json b/viewer/src/locales/en.json index d44a116..987d4d1 100644 --- a/viewer/src/locales/en.json +++ b/viewer/src/locales/en.json @@ -7,5 +7,9 @@ "mode.search": "Search", "search.no-results": "No results", "panelLeft.propositions": "Proposed tags", - "gallery.unknowntype": "Unknown item type" + "gallery.unknowntype": "Unknown item type", + "title.tags": "Tags", + "title.home": "Home", + "title.back": "Back", + "title.parent": "Parent" } \ No newline at end of file diff --git a/viewer/src/plugins/fontawesome.ts b/viewer/src/plugins/fontawesome.ts index bf2ff5f..fdbfcdb 100644 --- a/viewer/src/plugins/fontawesome.ts +++ b/viewer/src/plugins/fontawesome.ts @@ -24,27 +24,29 @@ import { FontAwesomeIcon } from "@fortawesome/vue-fontawesome"; import { faFolder, faSearch, - faTag, faPlus, faMinus, faImage, faHome, faArrowLeft, + faLevelUpAlt, faTags, faAngleRight, + faWindowClose, } from "@fortawesome/free-solid-svg-icons"; library.add( faFolder, faSearch, - faTag, faPlus, faMinus, faImage, faHome, faArrowLeft, + faLevelUpAlt, faTags, faAngleRight, + faWindowClose, ); Vue.component("fa-icon", FontAwesomeIcon); diff --git a/viewer/src/store/uiStore.ts b/viewer/src/store/uiStore.ts index 6bcc538..f7484de 100644 --- a/viewer/src/store/uiStore.ts +++ b/viewer/src/store/uiStore.ts @@ -27,6 +27,7 @@ const VuexModule = createModule({ export default class UIStore extends VuexModule { fullscreen: boolean = false; + fullWidth: boolean = true; mode: "navigation" | "search" = "navigation"; currentTags: Tag.Search[] = []; @@ -46,6 +47,10 @@ export default class UIStore extends VuexModule { this.fullscreen = !this.fullscreen; } + @mutation toggleFullWidth() { + this.fullWidth = !this.fullWidth; + } + @mutation setModeNavigation() { this.mode = "navigation"; } diff --git a/viewer/src/views/MainLayout.vue b/viewer/src/views/MainLayout.vue index f0809b6..c202def 100644 --- a/viewer/src/views/MainLayout.vue +++ b/viewer/src/views/MainLayout.vue @@ -18,7 +18,7 @@ -->