aboutsummaryrefslogtreecommitdiff
path: root/viewer/src/components/LdCommand.vue
diff options
context:
space:
mode:
Diffstat (limited to 'viewer/src/components/LdCommand.vue')
-rw-r--r--viewer/src/components/LdCommand.vue98
1 files changed, 0 insertions, 98 deletions
diff --git a/viewer/src/components/LdCommand.vue b/viewer/src/components/LdCommand.vue
deleted file mode 100644
index 19174ad..0000000
--- a/viewer/src/components/LdCommand.vue
+++ /dev/null
@@ -1,98 +0,0 @@
1<!-- ldgallery - A static generator which turns a collection of tagged
2-- pictures into a searchable web gallery.
3--
4-- Copyright (C) 2019-2020 Guillaume FOUET
5-- 2020 Pacien TRAN-GIRARD
6--
7-- This program is free software: you can redistribute it and/or modify
8-- it under the terms of the GNU Affero General Public License as
9-- published by the Free Software Foundation, either version 3 of the
10-- License, or (at your option) any later version.
11--
12-- This program is distributed in the hope that it will be useful,
13-- but WITHOUT ANY WARRANTY; without even the implied warranty of
14-- MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
15-- GNU Affero General Public License for more details.
16--
17-- You should have received a copy of the GNU Affero General Public License
18-- along with this program. If not, see <https://www.gnu.org/licenses/>.
19-->
20
21<template>
22 <div class="flex" :class="$style.commandBtns">
23 <a class="link" :title="$t('command.search')" @click="$uiStore.toggleFullWidth()">
24 <fa-icon :icon="commandToggleSearchPanelIcon" size="lg" />
25 </a>
26 <ld-command-sort />
27 <a
28 class="link"
29 :class="{ disabled: isEntryPoint(), [$style.commandSecondary]: true }"
30 :title="$t('command.back')"
31 @click="isEntryPoint() || $router.back()"
32 >
33 <fa-icon icon="arrow-left" size="lg" />
34 </a>
35 <router-link :class="{ disabled: isRoot }" :title="$t('command.parent')" :to="parent">
36 <fa-icon icon="folder" size="xs" />
37 <fa-icon icon="level-up-alt" size="lg" />
38 </router-link>
39 </div>
40</template>
41
42<script lang="ts">
43import { Item } from "@/@types/gallery";
44import { Component, Prop, Vue } from "vue-property-decorator";
45import { RawLocation } from "vue-router";
46
47@Component
48export default class LdCommand extends Vue {
49 @Prop({ type: Array, required: true }) readonly currentItemPath!: Item[];
50
51 get commandToggleSearchPanelIcon(): string {
52 return this.$uiStore.fullWidth ? "search" : "angle-double-left";
53 }
54
55 get isRoot(): boolean {
56 return this.currentItemPath.length <= 1 && !this.$uiStore.searchMode;
57 }
58
59 isEntryPoint(): boolean {
60 return history.state?.ldgallery === "ENTRYPOINT"; // Set by MainLayout.vue
61 }
62
63 get parent(): RawLocation {
64 if (this.$uiStore.searchMode) return this.$route.path;
65 if (this.currentItemPath.length > 1) return this.currentItemPath[this.currentItemPath.length - 2];
66 return "";
67 }
68}
69</script>
70
71<style lang="scss" module>
72@import "~@/assets/scss/_buefy_variables.scss";
73@import "~@/assets/scss/theme.scss";
74
75.commandBtns {
76 background-color: $command-buttons-bgcolor;
77 justify-content: space-around;
78 vertical-align: middle;
79 align-items: center;
80 flex: 0 0 $layout-left;
81
82 > * {
83 // normalise icon active boxes
84 width: $layout-top;
85 line-height: $layout-top;
86 text-align: center;
87 vertical-align: middle;
88 }
89
90 @media only screen and (max-width: $tablet) {
91 flex: 0 1;
92
93 > .commandSecondary {
94 display: none;
95 }
96 }
97}
98</style>