From c2b4c5d144db17ebf2dc9de32ba25cc836831ae2 Mon Sep 17 00:00:00 2001
From: Zero~Informatique
Date: Sat, 21 Dec 2019 21:15:59 +0100
Subject: viewer: Improved the Gallery type definitions. Basic display of the
 images and thumbnails example: "thumbnails" instead of "thumbs"

---
 viewer/src/views/GalleryImage.vue | 7 ++++++-
 1 file changed, 6 insertions(+), 1 deletion(-)

(limited to 'viewer/src/views/GalleryImage.vue')

diff --git a/viewer/src/views/GalleryImage.vue b/viewer/src/views/GalleryImage.vue
index daaa504..07f8cc8 100644
--- a/viewer/src/views/GalleryImage.vue
+++ b/viewer/src/views/GalleryImage.vue
@@ -1,6 +1,7 @@
 <template>
   <div>
     <strong>Image: {{image.path}}</strong>
+    <img :src="imageSrc" />
   </div>
 </template>
 
@@ -8,8 +9,12 @@
 import { Component, Vue, Prop } from "vue-property-decorator";
 
 @Component
-export default class GalleryDirectory extends Vue {
+export default class GalleryImage extends Vue {
   @Prop({ required: true }) readonly image!: Gallery.Image;
+
+  get imageSrc() {
+    return `/gallery${this.image.path}`;
+  }
 }
 </script>
 
-- 
cgit v1.2.3