viewer: ldproposition: add tooltips for actions on suggestions

GitHub: closes #23

2 files changed, 23 insertions, 8 deletions

diff --git a/viewer/src/components/LdProposition.vue b/viewer/src/components/LdProposition.vue
index 0da24ad..395611f 100644
--- a/viewer/src/components/LdProposition.vue
+++ b/viewer/src/components/LdProposition.vue
@@ -21,17 +21,28 @@
 <template>
   <div>
     <div v-for="proposed in proposedTags" :key="proposed.rawTag" class="proposition">
-      <a class="operation-btns link" @click="add(Operation.SUBSTRACTION, proposed.rawTag)">
-        <fa-icon icon="minus" />
-      </a>
-      <a class="operation-btns link" @click="add(Operation.ADDITION, proposed.rawTag)">
-        <fa-icon icon="plus" />
-      </a>
+      <a
+        class="operation-btns link"
+        :title="$t('tag-propositions.substraction')"
+        @click="add(Operation.SUBSTRACTION, proposed.rawTag)"
+      ><fa-icon icon="minus" alt="[-]" /></a>
+
+      <a
+        class="operation-btns link"
+        :title="$t('tag-propositions.addition')"
+        @click="add(Operation.ADDITION, proposed.rawTag)"
+      ><fa-icon icon="plus" alt="[+]" /></a>
+
       <a
         class="operation-tag link"
+        :title="$t('tag-propositions.intersection')"
         @click="add(Operation.INTERSECTION, proposed.rawTag)"
       >{{proposed.rawTag}}</a>
-      <div class="disabled">x{{proposed.count}}</div>
+
+      <div
+        class="disabled"
+        :title="$t('tag-propositions.item-count')"
+      >{{proposed.count}}</div>
     </div>
   </div>
 </template>
diff --git a/viewer/src/locales/en.json b/viewer/src/locales/en.json
index 987d4d1..453fc5f 100644
--- a/viewer/src/locales/en.json
+++ b/viewer/src/locales/en.json
@@ -7,9 +7,13 @@
   "mode.search": "Search",
   "search.no-results": "No results",
   "panelLeft.propositions": "Proposed tags",
+  "tag-propositions.substraction": "Exclude items with this tag",
+  "tag-propositions.addition": "Include all items with this tag",
+  "tag-propositions.intersection": "Search for this tag",
+  "tag-propositions.item-count": "Item count",
   "gallery.unknowntype": "Unknown item type",
   "title.tags": "Tags",
   "title.home": "Home",
   "title.back": "Back",
   "title.parent": "Parent"
-}
\ No newline at end of file
+}