diff options
author | Zero~Informatique | 2020-01-09 02:10:35 +0100 |
---|---|---|
committer | Zero~Informatique | 2020-01-09 02:10:35 +0100 |
commit | 89bcb2dbe5b5e6eb8e8ba13ceecee2770dfe4cd4 (patch) | |
tree | 8eb2c100707123f77ff6980c94e161d6214c648f /viewer/src/views/GalleryThumbnail.vue | |
parent | c1e334b883e28381851fca077ff36aee0387b1db (diff) | |
download | ldgallery-89bcb2dbe5b5e6eb8e8ba13ceecee2770dfe4cd4.tar.gz |
viewer: Changed "image" type to "picture". Adapted the code to the current compiler output format. The currentItem and currentPath are calculated in the store for easier multi-component access. Breadcrumb for current's position and navigation.
Diffstat (limited to 'viewer/src/views/GalleryThumbnail.vue')
-rw-r--r-- | viewer/src/views/GalleryThumbnail.vue | 4 |
1 files changed, 2 insertions, 2 deletions
diff --git a/viewer/src/views/GalleryThumbnail.vue b/viewer/src/views/GalleryThumbnail.vue index fdfd9d3..d7ef44c 100644 --- a/viewer/src/views/GalleryThumbnail.vue +++ b/viewer/src/views/GalleryThumbnail.vue | |||
@@ -1,6 +1,6 @@ | |||
1 | <template> | 1 | <template> |
2 | <div> | 2 | <div> |
3 | <img v-if="item.thumbnail" class="thumbnail" :src="imageSrc" :title="item.path" /> | 3 | <img v-if="item.thumbnail" class="thumbnail" :src="pictureSrc" :title="item.path" /> |
4 | <div v-else class="flex-column flex-center"> | 4 | <div v-else class="flex-column flex-center"> |
5 | <fa-icon icon="folder" class="fa-4x" /> | 5 | <fa-icon icon="folder" class="fa-4x" /> |
6 | {{item.path}} | 6 | {{item.path}} |
@@ -15,7 +15,7 @@ import { Component, Vue, Prop } from "vue-property-decorator"; | |||
15 | export default class GalleryThumbnail extends Vue { | 15 | export default class GalleryThumbnail extends Vue { |
16 | @Prop({ required: true }) readonly item!: Gallery.Item; | 16 | @Prop({ required: true }) readonly item!: Gallery.Item; |
17 | 17 | ||
18 | get imageSrc() { | 18 | get pictureSrc() { |
19 | return `${process.env.VUE_APP_DATA_URL}${this.item.thumbnail}`; | 19 | return `${process.env.VUE_APP_DATA_URL}${this.item.thumbnail}`; |
20 | } | 20 | } |
21 | } | 21 | } |