aboutsummaryrefslogtreecommitdiff
path: root/viewer/src/views/item_handlers/DownloadViewer.vue
diff options
context:
space:
mode:
authorpacien2022-09-04 18:18:27 +0200
committerpacien2022-09-04 18:18:27 +0200
commit11bbbae2850b9c45da697a8ed9626495a50a38c0 (patch)
treeff2713118f8b45d36905bfea2933f08d8e70066d /viewer/src/views/item_handlers/DownloadViewer.vue
parente93f7b1eb84c083d67567115284c0002a3a7d5fc (diff)
parent8349be992b46b77dee921f484cfbff8b758ff756 (diff)
downloadldgallery-11bbbae2850b9c45da697a8ed9626495a50a38c0.tar.gz
Merge branch 'develop': release v2.1v2.1
GitHub: related to #315
Diffstat (limited to 'viewer/src/views/item_handlers/DownloadViewer.vue')
-rw-r--r--viewer/src/views/item_handlers/DownloadViewer.vue66
1 files changed, 66 insertions, 0 deletions
diff --git a/viewer/src/views/item_handlers/DownloadViewer.vue b/viewer/src/views/item_handlers/DownloadViewer.vue
new file mode 100644
index 0000000..6562bee
--- /dev/null
+++ b/viewer/src/views/item_handlers/DownloadViewer.vue
@@ -0,0 +1,66 @@
1<!--
2-- ldgallery - A static generator which turns a collection of tagged
3-- pictures into a searchable web gallery.
4--
5-- Copyright (C) 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="container-vh-centering">
23 <a
24 :class="$style.content"
25 :download="itemFileName"
26 :href="itemResourceUrl"
27 >
28 <!-- TODO: show thumbnail instead of this generic file download icon? -->
29 <fa-icon
30 :class="$style.icon"
31 :icon="faFileDownload"
32 size="6x"
33 />
34 <div>{{ t("download.download-file-fmt", [itemFileName]) }}</div>
35 </a>
36 </div>
37</template>
38
39<script setup lang="ts">
40import { DownloadableItem } from '@/@types/gallery';
41import { useNavigation } from '@/services/navigation';
42import { useItemResource } from '@/services/ui/ldItemResourceUrl';
43import { faFileDownload } from '@fortawesome/free-solid-svg-icons';
44import { computed, PropType } from 'vue';
45import { useI18n } from 'vue-i18n';
46
47const props = defineProps({
48 item: { type: Object as PropType<DownloadableItem>, required: true },
49});
50
51const { t } = useI18n();
52const navigation = useNavigation();
53
54const itemFileName = computed(() => navigation.getFileName(props.item));
55const { itemResourceUrl } = useItemResource(props.item);
56</script>
57
58<style lang="scss" module>
59.content {
60 text-align: center;
61}
62
63.icon {
64 margin-bottom: 0.15em;
65}
66</style>