aboutsummaryrefslogtreecommitdiff
path: root/viewer/src/components
diff options
context:
space:
mode:
authorZero~Informatique2020-05-11 22:42:20 +0200
committerG.Fouet2020-09-11 21:53:18 +0200
commit7e0e108d1d5d9a86a33322432c3d7e8218961121 (patch)
tree6874088c13fce10a57134da24e6cf406adf63e91 /viewer/src/components
parent8bd5334799d7a666c9cb1c121b59a6cbb94b30e2 (diff)
downloadldgallery-7e0e108d1d5d9a86a33322432c3d7e8218961121.tar.gz
viewer: item information (raw implementation)
Diffstat (limited to 'viewer/src/components')
-rw-r--r--viewer/src/components/LdInformation.vue41
1 files changed, 41 insertions, 0 deletions
diff --git a/viewer/src/components/LdInformation.vue b/viewer/src/components/LdInformation.vue
new file mode 100644
index 0000000..ac526d5
--- /dev/null
+++ b/viewer/src/components/LdInformation.vue
@@ -0,0 +1,41 @@
1<!-- ldgallery - A static generator which turns a collection of tagged
2-- pictures into a searchable web gallery.
3--
4-- Copyright (C) 2019-2020 Guillaume FOUET
5--
6-- This program is free software: you can redistribute it and/or modify
7-- it under the terms of the GNU Affero General Public License as
8-- published by the Free Software Foundation, either version 3 of the
9-- License, or (at your option) any later version.
10--
11-- This program is distributed in the hope that it will be useful,
12-- but WITHOUT ANY WARRANTY; without even the implied warranty of
13-- MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
14-- GNU Affero General Public License for more details.
15--
16-- You should have received a copy of the GNU Affero General Public License
17-- along with this program. If not, see <https://www.gnu.org/licenses/>.
18-->
19
20<template>
21 <div class="flex-column">
22 <div>{{item.title}}</div>
23 <div>{{item.description}}</div>
24 <div>{{item.datetime}}</div>
25 <b-taglist>
26 <b-tag v-for="tag in item.tags" :key="tag">{{tag}}</b-tag>
27 </b-taglist>
28 </div>
29</template>
30
31<script lang="ts">
32import { Component, Vue, Prop } from "vue-property-decorator";
33
34@Component
35export default class LdInformation extends Vue {
36 @Prop({ required: true }) readonly item!: Gallery.Item;
37}
38</script>
39
40<style lang="scss">
41</style>