aboutsummaryrefslogtreecommitdiff
path: root/viewer/src/views/GalleryThumbnail.vue
diff options
context:
space:
mode:
authorZero~Informatique2020-01-31 07:59:58 +0100
committerZero~Informatique2020-01-31 08:01:18 +0100
commit63e7ef894755deef318d9dcb129a94d34f33bdf2 (patch)
tree719204705226e5561c53ddbb4448f0447a75a1bb /viewer/src/views/GalleryThumbnail.vue
parent1e0b65a0a4556810ad4a7acac764a57a7daf8cf0 (diff)
downloadldgallery-63e7ef894755deef318d9dcb129a94d34f33bdf2.tar.gz
viewer: unknown types now show a question mark icon instead of a folder icon. this is unified with the breadcrumb
Diffstat (limited to 'viewer/src/views/GalleryThumbnail.vue')
-rw-r--r--viewer/src/views/GalleryThumbnail.vue11
1 files changed, 8 insertions, 3 deletions
diff --git a/viewer/src/views/GalleryThumbnail.vue b/viewer/src/views/GalleryThumbnail.vue
index 2ed0bc2..2a372cd 100644
--- a/viewer/src/views/GalleryThumbnail.vue
+++ b/viewer/src/views/GalleryThumbnail.vue
@@ -22,13 +22,13 @@
22 <v-lazy-image 22 <v-lazy-image
23 v-if="item.thumbnail" 23 v-if="item.thumbnail"
24 class="thumbnail" 24 class="thumbnail"
25 :src="pictureSrc" 25 :src="pictureSrc()"
26 :title="item.path" 26 :title="item.path"
27 @intersect="loading=true" 27 @intersect="loading=true"
28 @load="loading=false" 28 @load="loading=false"
29 /> 29 />
30 <div v-else class="flex-column flex-center"> 30 <div v-else class="flex-column flex-center">
31 <fa-icon icon="folder" size="4x" /> 31 <fa-icon :icon="getIcon()" size="4x" />
32 {{item.title}} 32 {{item.title}}
33 </div> 33 </div>
34 </div> 34 </div>
@@ -36,6 +36,7 @@
36 36
37<script lang="ts"> 37<script lang="ts">
38import { Component, Vue, Prop } from "vue-property-decorator"; 38import { Component, Vue, Prop } from "vue-property-decorator";
39import Tools from "@/tools";
39 40
40@Component 41@Component
41export default class GalleryThumbnail extends Vue { 42export default class GalleryThumbnail extends Vue {
@@ -43,9 +44,13 @@ export default class GalleryThumbnail extends Vue {
43 44
44 loading: boolean = false; 45 loading: boolean = false;
45 46
46 get pictureSrc() { 47 pictureSrc() {
47 return `${process.env.VUE_APP_DATA_URL}${this.item.thumbnail}`; 48 return `${process.env.VUE_APP_DATA_URL}${this.item.thumbnail}`;
48 } 49 }
50
51 getIcon() {
52 return Tools.getIcon(this.item);
53 }
49} 54}
50</script> 55</script>
51 56