diff options
author | Zero~Informatique | 2019-12-22 07:40:55 +0100 |
---|---|---|
committer | Zero~Informatique | 2019-12-22 07:40:55 +0100 |
commit | dc251fffc2998f1cf4f8e9631928c4b92ac0d90e (patch) | |
tree | 2d0fbf73d63ce2c1f02bde7385688c45eb2a260a /viewer/src/views/GalleryThumbnail.vue | |
parent | 65465dd7d76b5729b62e39711004529e8d444241 (diff) | |
download | ldgallery-dc251fffc2998f1cf4f8e9631928c4b92ac0d90e.tar.gz |
viewer: Implemented the search by tags. Pushed the special urls to ENV.
Diffstat (limited to 'viewer/src/views/GalleryThumbnail.vue')
-rw-r--r-- | viewer/src/views/GalleryThumbnail.vue | 10 |
1 files changed, 8 insertions, 2 deletions
diff --git a/viewer/src/views/GalleryThumbnail.vue b/viewer/src/views/GalleryThumbnail.vue index 8e3e826..fdfd9d3 100644 --- a/viewer/src/views/GalleryThumbnail.vue +++ b/viewer/src/views/GalleryThumbnail.vue | |||
@@ -1,5 +1,11 @@ | |||
1 | <template> | 1 | <template> |
2 | <img class="thumbnail" :src="imageSrc" :title="item.path" /> | 2 | <div> |
3 | <img v-if="item.thumbnail" class="thumbnail" :src="imageSrc" :title="item.path" /> | ||
4 | <div v-else class="flex-column flex-center"> | ||
5 | <fa-icon icon="folder" class="fa-4x" /> | ||
6 | {{item.path}} | ||
7 | </div> | ||
8 | </div> | ||
3 | </template> | 9 | </template> |
4 | 10 | ||
5 | <script lang="ts"> | 11 | <script lang="ts"> |
@@ -10,7 +16,7 @@ export default class GalleryThumbnail extends Vue { | |||
10 | @Prop({ required: true }) readonly item!: Gallery.Item; | 16 | @Prop({ required: true }) readonly item!: Gallery.Item; |
11 | 17 | ||
12 | get imageSrc() { | 18 | get imageSrc() { |
13 | return `/gallery${this.item.thumbnail.path}`; | 19 | return `${process.env.VUE_APP_DATA_URL}${this.item.thumbnail}`; |
14 | } | 20 | } |
15 | } | 21 | } |
16 | </script> | 22 | </script> |