diff options
Diffstat (limited to 'viewer/src/views/GallerySearch.vue')
-rw-r--r-- | viewer/src/views/GallerySearch.vue | 25 |
1 files changed, 25 insertions, 0 deletions
diff --git a/viewer/src/views/GallerySearch.vue b/viewer/src/views/GallerySearch.vue new file mode 100644 index 0000000..887c1a3 --- /dev/null +++ b/viewer/src/views/GallerySearch.vue | |||
@@ -0,0 +1,25 @@ | |||
1 | <template> | ||
2 | <div class="flex"> | ||
3 | <div v-for="(item) in items" :key="item.path"> | ||
4 | <router-link :to="item.path" @click.native="$uiStore.setModeNavigation()"> | ||
5 | <gallery-thumbnail :item="item" /> | ||
6 | </router-link> | ||
7 | </div> | ||
8 | <div v-if="items.length===0">{{$t('search.no-results')}}</div> | ||
9 | </div> | ||
10 | </template> | ||
11 | |||
12 | <script lang="ts"> | ||
13 | import { Component, Vue, Prop } from "vue-property-decorator"; | ||
14 | import GalleryThumbnail from "./GalleryThumbnail.vue"; | ||
15 | |||
16 | @Component({ | ||
17 | components: { GalleryThumbnail }, | ||
18 | }) | ||
19 | export default class GalleryImage extends Vue { | ||
20 | @Prop({ required: true }) readonly items!: Gallery.Item[]; | ||
21 | } | ||
22 | </script> | ||
23 | |||
24 | <style lang="scss"> | ||
25 | </style> | ||