aboutsummaryrefslogtreecommitdiff
path: root/viewer/src/views/Gallery.vue
diff options
context:
space:
mode:
authorZero~Informatique2019-12-21 20:14:33 +0100
committerZero~Informatique2019-12-21 20:14:33 +0100
commit57d1b89d314970bf56d3d398c393f6a67a4ed0b5 (patch)
tree611a184e545296607bdb855dd4a4eaa3ae82198f /viewer/src/views/Gallery.vue
parentbbae6ddb97c0825f6b0b689f4d9eeac67515d1c1 (diff)
downloadldgallery-57d1b89d314970bf56d3d398c393f6a67a4ed0b5.tar.gz
viewer: Isolated the Directory and Image views in their own components
Diffstat (limited to 'viewer/src/views/Gallery.vue')
-rw-r--r--viewer/src/views/Gallery.vue15
1 files changed, 7 insertions, 8 deletions
diff --git a/viewer/src/views/Gallery.vue b/viewer/src/views/Gallery.vue
index 55b93db..10ff323 100644
--- a/viewer/src/views/Gallery.vue
+++ b/viewer/src/views/Gallery.vue
@@ -1,19 +1,18 @@
1<template> 1<template>
2 <div id="test-flex-col"> 2 <div id="test-flex-col">
3 <div v-if="isDirectory"> 3 <gallery-directory v-if="isDirectory" :directory="currentItem" />
4 <strong>Directory: {{currentItem.path}}</strong> 4 <gallery-image v-if="isImage" :image="currentItem" />
5 <div v-for="(item, index) in currentItem.properties.items" :key="item.path">
6 <router-link :to="item.path">Thumbnail: {{index}}-{{item.path}}</router-link>
7 </div>
8 </div>
9 <div v-if="isImage">Image: {{currentItem.path}}</div>
10 </div> 5 </div>
11</template> 6</template>
12 7
13<script lang="ts"> 8<script lang="ts">
14import { Component, Vue, Prop } from "vue-property-decorator"; 9import { Component, Vue, Prop } from "vue-property-decorator";
10import GalleryDirectory from "./GalleryDirectory.vue";
11import GalleryImage from "./GalleryImage.vue";
15 12
16@Component 13@Component({
14 components: { GalleryDirectory, GalleryImage },
15})
17export default class Root extends Vue { 16export default class Root extends Vue {
18 @Prop(String) readonly pathMatch!: string; 17 @Prop(String) readonly pathMatch!: string;
19 18