aboutsummaryrefslogtreecommitdiff
path: root/viewer/src/views
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/views
parent8bd5334799d7a666c9cb1c121b59a6cbb94b30e2 (diff)
downloadldgallery-7e0e108d1d5d9a86a33322432c3d7e8218961121.tar.gz
viewer: item information (raw implementation)
Diffstat (limited to 'viewer/src/views')
-rw-r--r--viewer/src/views/PanelLeft.vue15
1 files changed, 14 insertions, 1 deletions
diff --git a/viewer/src/views/PanelLeft.vue b/viewer/src/views/PanelLeft.vue
index 9dc76a0..6341beb 100644
--- a/viewer/src/views/PanelLeft.vue
+++ b/viewer/src/views/PanelLeft.vue
@@ -26,7 +26,7 @@
26 /> 26 />
27 <ld-command-search @clear="clear" @search="search" /> 27 <ld-command-search @clear="clear" @search="search" />
28 <h1 class="title">{{ $t("panelLeft.propositions") }}</h1> 28 <h1 class="title">{{ $t("panelLeft.propositions") }}</h1>
29 <div class="scrollbar no-scroll-x"> 29 <div class="scrollbar no-scroll-x flex-grow-1">
30 <ld-proposition 30 <ld-proposition
31 v-for="category in $galleryStore.tagsCategories" 31 v-for="category in $galleryStore.tagsCategories"
32 :key="category.tag" 32 :key="category.tag"
@@ -37,6 +37,13 @@
37 :current-tags="currentTags" 37 :current-tags="currentTags"
38 /> 38 />
39 </div> 39 </div>
40 <b-collapse animation="slide" :open.sync="infoOpen">
41 <h1 slot="trigger" class="title flex">
42 Informations
43 <fa-icon :icon="infoOpen ? 'caret-up' : 'caret-down'" />
44 </h1>
45 <ld-information :item="$galleryStore.currentItem" />
46 </b-collapse>
40 </div> 47 </div>
41</template> 48</template>
42 49
@@ -49,6 +56,7 @@ import IndexFactory from "@/services/indexfactory";
49@Component 56@Component
50export default class PanelLeft extends Vue { 57export default class PanelLeft extends Vue {
51 searchFilters: Tag.Search[] = []; 58 searchFilters: Tag.Search[] = [];
59 infoOpen: boolean = true;
52 60
53 mounted() { 61 mounted() {
54 this.restoreSearchFilters(this.$route); 62 this.restoreSearchFilters(this.$route);
@@ -93,6 +101,11 @@ export default class PanelLeft extends Vue {
93 padding: 0.2em 0.5em; 101 padding: 0.2em 0.5em;
94 margin: 0 0 1px 0; 102 margin: 0 0 1px 0;
95 font-variant: small-caps; 103 font-variant: small-caps;
104 justify-content: space-between;
105 user-select: none;
106 > svg {
107 color: $link;
108 }
96 } 109 }
97} 110}
98</style> 111</style>