diff options
Diffstat (limited to 'viewer/src/views/GalleryDirectory.vue')
-rw-r--r-- | viewer/src/views/GalleryDirectory.vue | 20 |
1 files changed, 20 insertions, 0 deletions
diff --git a/viewer/src/views/GalleryDirectory.vue b/viewer/src/views/GalleryDirectory.vue new file mode 100644 index 0000000..bed1664 --- /dev/null +++ b/viewer/src/views/GalleryDirectory.vue | |||
@@ -0,0 +1,20 @@ | |||
1 | <template> | ||
2 | <div> | ||
3 | <strong>Directory: {{directory.path}}</strong> | ||
4 | <div v-for="(item, index) in directory.properties.items" :key="item.path"> | ||
5 | <router-link :to="item.path">Thumbnail: {{index}}-{{item.path}}</router-link> | ||
6 | </div> | ||
7 | </div> | ||
8 | </template> | ||
9 | |||
10 | <script lang="ts"> | ||
11 | import { Component, Vue, Prop } from "vue-property-decorator"; | ||
12 | |||
13 | @Component | ||
14 | export default class GalleryDirectory extends Vue { | ||
15 | @Prop({ type: Array, required: true }) readonly directory!: Gallery.Directory; | ||
16 | } | ||
17 | </script> | ||
18 | |||
19 | <style lang="scss"> | ||
20 | </style> | ||