aboutsummaryrefslogtreecommitdiff
path: root/viewer/src/components/LdProposition.vue
diff options
context:
space:
mode:
Diffstat (limited to 'viewer/src/components/LdProposition.vue')
-rw-r--r--viewer/src/components/LdProposition.vue14
1 files changed, 7 insertions, 7 deletions
diff --git a/viewer/src/components/LdProposition.vue b/viewer/src/components/LdProposition.vue
index 9a32e0a..f653e4d 100644
--- a/viewer/src/components/LdProposition.vue
+++ b/viewer/src/components/LdProposition.vue
@@ -19,7 +19,7 @@
19 19
20<template> 20<template>
21 <div> 21 <div>
22 <div v-for="proposed in proposedTags" :key="proposed.rawTag" class="proposition"> 22 <div v-for="proposed in proposedTags" :key="proposed.rawTag" class="proposition link">
23 <fa-icon icon="minus" @click="add(Operation.SUBSTRACTION, proposed.rawTag)" /> 23 <fa-icon icon="minus" @click="add(Operation.SUBSTRACTION, proposed.rawTag)" />
24 <span 24 <span
25 @click="add(Operation.INTERSECTION, proposed.rawTag)" 25 @click="add(Operation.INTERSECTION, proposed.rawTag)"
@@ -51,13 +51,12 @@ export default class LdTagInput extends Vue {
51 .forEach(rawTag => (propositions[rawTag] = (propositions[rawTag] ?? 0) + 1)); 51 .forEach(rawTag => (propositions[rawTag] = (propositions[rawTag] ?? 0) + 1));
52 } else { 52 } else {
53 // Tags count from the whole gallery 53 // Tags count from the whole gallery
54 Object.entries(this.$galleryStore.tags) 54 Object.entries(this.$galleryStore.tags).forEach(entry => (propositions[entry[0]] = entry[1].items.length));
55 .forEach(entry => (propositions[entry[0]] = entry[1].items.length));
56 } 55 }
57 56
58 return Object.entries(propositions) 57 return Object.entries(propositions)
59 .sort((a,b) => b[1] - a[1]) 58 .sort((a, b) => b[1] - a[1])
60 .map(entry => ({rawTag: entry[0], count: entry[1]})); 59 .map(entry => ({ rawTag: entry[0], count: entry[1] }));
61 } 60 }
62 61
63 extractDistinctItems(currentTags: Tag.Search[]): Gallery.Item[] { 62 extractDistinctItems(currentTags: Tag.Search[]): Gallery.Item[] {
@@ -79,12 +78,13 @@ export default class LdTagInput extends Vue {
79</script> 78</script>
80 79
81<style lang="scss"> 80<style lang="scss">
81@import "@/assets/scss/theme.scss";
82
82.proposition { 83.proposition {
83 display: flex; 84 display: flex;
84 justify-content: space-between; 85 justify-content: space-between;
85 align-items: center; 86 align-items: center;
86 margin: 10px; 87 margin: 10px;
87 color: lightcyan;
88 cursor: pointer; 88 cursor: pointer;
89} 89}
90.proposition span { 90.proposition span {