diff options
author | pacien | 2022-09-04 18:18:27 +0200 |
---|---|---|
committer | pacien | 2022-09-04 18:18:27 +0200 |
commit | 11bbbae2850b9c45da697a8ed9626495a50a38c0 (patch) | |
tree | ff2713118f8b45d36905bfea2933f08d8e70066d /viewer/src/components/item_handlers | |
parent | e93f7b1eb84c083d67567115284c0002a3a7d5fc (diff) | |
parent | 8349be992b46b77dee921f484cfbff8b758ff756 (diff) | |
download | ldgallery-11bbbae2850b9c45da697a8ed9626495a50a38c0.tar.gz |
Merge branch 'develop': release v2.1v2.1
GitHub: related to #315
Diffstat (limited to 'viewer/src/components/item_handlers')
-rw-r--r-- | viewer/src/components/item_handlers/LdAudioViewer.vue | 55 | ||||
-rw-r--r-- | viewer/src/components/item_handlers/LdDirectory.vue | 42 | ||||
-rw-r--r-- | viewer/src/components/item_handlers/LdDownload.vue | 57 | ||||
-rw-r--r-- | viewer/src/components/item_handlers/LdPdfViewer.vue | 45 | ||||
-rw-r--r-- | viewer/src/components/item_handlers/LdPicture.vue | 127 | ||||
-rw-r--r-- | viewer/src/components/item_handlers/LdPlainTextViewer.vue | 55 | ||||
-rw-r--r-- | viewer/src/components/item_handlers/LdVideoViewer.vue | 47 |
7 files changed, 0 insertions, 428 deletions
diff --git a/viewer/src/components/item_handlers/LdAudioViewer.vue b/viewer/src/components/item_handlers/LdAudioViewer.vue deleted file mode 100644 index 2e0f8dc..0000000 --- a/viewer/src/components/item_handlers/LdAudioViewer.vue +++ /dev/null | |||
@@ -1,55 +0,0 @@ | |||
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="flex-column container-vh-centering"> | ||
23 | <ld-thumbnail :item="item" /> | ||
24 | <audio :class="$style.player" :src="itemResourceUrl" preload="auto" controls> | ||
25 | <a :download="itemFileName" :href="itemResourceUrl">{{ $t("download.download-file-fmt", [itemFileName]) }}</a> | ||
26 | </audio> | ||
27 | </div> | ||
28 | </template> | ||
29 | |||
30 | <script lang="ts"> | ||
31 | import { Component, Prop, Vue } from "vue-property-decorator"; | ||
32 | import Navigation from "@/services/navigation"; | ||
33 | |||
34 | @Component | ||
35 | export default class LdAudioViewer extends Vue { | ||
36 | @Prop({ required: true }) readonly item!: Gallery.Audio; | ||
37 | |||
38 | get itemResourceUrl(): string { | ||
39 | return this.$galleryStore.resourceRoot + this.item.properties.resource; | ||
40 | } | ||
41 | |||
42 | get itemFileName(): string { | ||
43 | return Navigation.getFileName(this.item); | ||
44 | } | ||
45 | } | ||
46 | </script> | ||
47 | |||
48 | <style lang="scss" module> | ||
49 | .player { | ||
50 | width: 100%; | ||
51 | max-width: 500px; | ||
52 | margin-top: 1em; | ||
53 | text-align: center; // for fallback download link | ||
54 | } | ||
55 | </style> | ||
diff --git a/viewer/src/components/item_handlers/LdDirectory.vue b/viewer/src/components/item_handlers/LdDirectory.vue deleted file mode 100644 index eec8011..0000000 --- a/viewer/src/components/item_handlers/LdDirectory.vue +++ /dev/null | |||
@@ -1,42 +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 | -- | ||
6 | -- This program is free software: you can redistribute it and/or modify | ||
7 | -- it under the terms of the GNU Affero General Public License as | ||
8 | -- published by the Free Software Foundation, either version 3 of the | ||
9 | -- License, or (at your option) any later version. | ||
10 | -- | ||
11 | -- This program is distributed in the hope that it will be useful, | ||
12 | -- but WITHOUT ANY WARRANTY; without even the implied warranty of | ||
13 | -- MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the | ||
14 | -- GNU Affero General Public License for more details. | ||
15 | -- | ||
16 | -- You should have received a copy of the GNU Affero General Public License | ||
17 | -- along with this program. If not, see <https://www.gnu.org/licenses/>. | ||
18 | --> | ||
19 | |||
20 | <template> | ||
21 | <ld-gallery :items="orderedItems" :noresult="$t('directory.no-results')" /> | ||
22 | </template> | ||
23 | |||
24 | <script lang="ts"> | ||
25 | import { Component, Vue, Prop } from "vue-property-decorator"; | ||
26 | import Navigation from "@/services/navigation"; | ||
27 | |||
28 | @Component | ||
29 | export default class LdDirectory extends Vue { | ||
30 | @Prop({ required: true }) readonly item!: Gallery.Directory; | ||
31 | |||
32 | mounted() { | ||
33 | this.$uiStore.toggleFullscreen(false); | ||
34 | } | ||
35 | |||
36 | get orderedItems() { | ||
37 | return Navigation.directoriesFirst(this.item.properties.items); | ||
38 | } | ||
39 | } | ||
40 | </script> | ||
41 | |||
42 | <style lang="scss"></style> | ||
diff --git a/viewer/src/components/item_handlers/LdDownload.vue b/viewer/src/components/item_handlers/LdDownload.vue deleted file mode 100644 index 7b09dab..0000000 --- a/viewer/src/components/item_handlers/LdDownload.vue +++ /dev/null | |||
@@ -1,57 +0,0 @@ | |||
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 :class="$style.content" :download="itemFileName" :href="itemDownloadUrl"> | ||
24 | <!-- TODO: show thumbnail instead of this generic file download icon? --> | ||
25 | <fa-icon :class="$style.icon" icon="file-download" size="6x" /> | ||
26 | <div>{{ $t("download.download-file-fmt", [itemFileName]) }}</div> | ||
27 | </a> | ||
28 | </div> | ||
29 | </template> | ||
30 | |||
31 | <script lang="ts"> | ||
32 | import { Component, Prop, Vue } from "vue-property-decorator"; | ||
33 | import Navigation from "@/services/navigation"; | ||
34 | |||
35 | @Component | ||
36 | export default class LdDownload extends Vue { | ||
37 | @Prop({ required: true }) readonly item!: Gallery.Other; | ||
38 | |||
39 | get itemFileName(): string { | ||
40 | return Navigation.getFileName(this.item); | ||
41 | } | ||
42 | |||
43 | get itemDownloadUrl(): string { | ||
44 | return this.$galleryStore.resourceRoot + this.item.properties.resource; | ||
45 | } | ||
46 | } | ||
47 | </script> | ||
48 | |||
49 | <style lang="scss" module> | ||
50 | .content { | ||
51 | text-align: center; | ||
52 | } | ||
53 | |||
54 | .icon { | ||
55 | margin-bottom: 0.15em; | ||
56 | } | ||
57 | </style> | ||
diff --git a/viewer/src/components/item_handlers/LdPdfViewer.vue b/viewer/src/components/item_handlers/LdPdfViewer.vue deleted file mode 100644 index 462c463..0000000 --- a/viewer/src/components/item_handlers/LdPdfViewer.vue +++ /dev/null | |||
@@ -1,45 +0,0 @@ | |||
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 | <!-- intermediate container necessary to eliminate the double scrollbar --> | ||
23 | <div class="fill no-scroll"> | ||
24 | <!-- prefer native browser PDF viewer if available --> | ||
25 | <object class="fill" :data="itemResourceUrl" type="application/pdf"> | ||
26 | <!-- TODO: fallback to PDF.js (https://github.com/pacien/ldgallery/issues/212) --> | ||
27 | <ld-download :item="item" /> | ||
28 | </object> | ||
29 | </div> | ||
30 | </template> | ||
31 | |||
32 | <script lang="ts"> | ||
33 | import { Component, Prop, Vue } from "vue-property-decorator"; | ||
34 | |||
35 | @Component | ||
36 | export default class LdPdfViewer extends Vue { | ||
37 | @Prop({ required: true }) readonly item!: Gallery.PDF; | ||
38 | |||
39 | get itemResourceUrl(): string { | ||