aboutsummaryrefslogtreecommitdiff
path: root/viewer/src/components/LdCommandSort.vue
diff options
context:
space:
mode:
Diffstat (limited to 'viewer/src/components/LdCommandSort.vue')
-rw-r--r--viewer/src/components/LdCommandSort.vue60
1 files changed, 0 insertions, 60 deletions
diff --git a/viewer/src/components/LdCommandSort.vue b/viewer/src/components/LdCommandSort.vue
deleted file mode 100644
index c8a822e..0000000
--- a/viewer/src/components/LdCommandSort.vue
+++ /dev/null
@@ -1,60 +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 <!-- TODO: Find an alternative to this Buefy component; it causes focus and CSS issues -->
23 <b-dropdown v-model="selectedSort" :mobile-modal="false" append-to-body class="link" :class="$style.sortBtn">
24 <a slot="trigger">
25 <fa-icon icon="sort-amount-down" size="lg" />
26 </a>
27 <b-dropdown-item v-for="(sort, idx) in ITEM_SORTS" :key="idx" :value="sort">
28 <fa-icon :icon="['far', sort === selectedSort ? 'dot-circle' : 'circle']" />
29 <span :class="$style.dropdownLabel">{{ sort.text }}</span>
30 </b-dropdown-item>
31 </b-dropdown>
32</template>
33
34<script lang="ts">
35import ItemComparators, { ItemSort } from "@/services/itemComparators";
36import { Component, Vue } from "vue-property-decorator";
37
38@Component
39export default class LdCommandSort extends Vue {
40 readonly ITEM_SORTS = ItemComparators.ITEM_SORTS;
41
42 get selectedSort() {
43 return this.$uiStore.sort;
44 }
45
46 set selectedSort(newValue: ItemSort) {
47 this.$uiStore.setSort(newValue);
48 }
49}
50</script>
51
52<style lang="scss" module>
53.dropdownLabel {
54 margin-left: 0.5em;
55}
56.sortBtn > div[role="button"] {
57 width: 100%;
58 height: 100%;
59}
60</style>