aboutsummaryrefslogtreecommitdiff
path: root/viewer/src/views/GalleryPicture.vue
diff options
context:
space:
mode:
authorZero~Informatique2020-01-09 02:10:35 +0100
committerZero~Informatique2020-01-09 02:10:35 +0100
commit89bcb2dbe5b5e6eb8e8ba13ceecee2770dfe4cd4 (patch)
tree8eb2c100707123f77ff6980c94e161d6214c648f /viewer/src/views/GalleryPicture.vue
parentc1e334b883e28381851fca077ff36aee0387b1db (diff)
downloadldgallery-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/GalleryPicture.vue')
-rw-r--r--viewer/src/views/GalleryPicture.vue21
1 files changed, 21 insertions, 0 deletions
diff --git a/viewer/src/views/GalleryPicture.vue b/viewer/src/views/GalleryPicture.vue
new file mode 100644
index 0000000..b655162
--- /dev/null
+++ b/viewer/src/views/GalleryPicture.vue
@@ -0,0 +1,21 @@
1<template>
2 <div>
3 <img :src="pictureSrc" />
4 </div>
5</template>
6
7<script lang="ts">
8import { Component, Vue, Prop } from "vue-property-decorator";
9
10@Component
11export default class GalleryPicture extends Vue {
12 @Prop({ required: true }) readonly picture!: Gallery.Picture;
13
14 get pictureSrc() {
15 return `${process.env.VUE_APP_DATA_URL}${this.picture.properties.resource}`;
16 }
17}
18</script>
19
20<style lang="scss">
21</style>