add tooltip

src/components/ges/results/RegulatoryInventory.vue

@@ -231,16 +231,26 @@
         </th>
         <th>
           <div class="th-wrap">
-            <b-button
-              size="is-small"
-              icon-right="bar-chart"
-              @click="plotsVisible=true"
-            />
-            <b-button
-              size="is-small"
-              icon-right="download"
-              @click="csvExport()"
-            />
+            <b-tooltip
+              :label="$t('display')"
+              type="is-black"
+            >
+              <b-button
+                size="is-small"
+                icon-right="bar-chart"
+                @click="plotsVisible=true"
+              />
+            </b-tooltip>
+            <b-tooltip
+              :label="$t('download')"
+              type="is-black"
+            >
+              <b-button
+                size="is-small"
+                icon-right="download"
+                @click="csvExport()"
+              />
+            </b-tooltip>
           </div>
         </th>
       </template>

src/components/ges/results/SyntheseEmpreinte.vue

@@ -237,34 +237,47 @@
                 <span v-else>{{ Math.round(syntheseData[module]['total'] / syntheseData.total.total * 10000 / 100) }} %</span>
               </td>
               <td class="has-text-centered pl-0 pr-0" >
+                <b-tooltip
+                  v-if="syntheseData[module]['_module']"
+                  :label="$t('display')"
+                  type="is-black"
+                >
                   <b-button
                     size="is-small"
                     :disabled="plotsIsDisabled(module)"
                     icon-right="bar-chart"
-                    v-if="syntheseData[module]['_module']"
                     @click="plots(syntheseData[module]['_module'])"
                   />
+                </b-tooltip>
               </td>
               <td class="has-text-centered pl-0 pr-0">
+                <b-tooltip
+                  v-if="syntheseData[module]['_export']"
+                  :label="$t('download')"
+                  type="is-black"
+                >
                   <b-button
                     size="is-small"
                     :disabled="syntheseData[module]['total'] === 0"
                     icon-right="download"
-                    v-if="syntheseData[module]['_export']"
                     @click="csvExport(module)"
                   />
+                </b-tooltip>
               </td>
               <td v-if="isAuthenticated" class="has-text-centered pl-0 pr-0">
+                <b-tooltip
+                  v-if="syntheseData[module]['_submit']"
+                  :label="$t('submit')"
+                  type="is-black"
+                >
                   <b-button
                     size="is-small"
                     :disabled="syntheseData[module].submitted"
                     icon-left="paper-plane"
                     type="is-primary"
-                    v-if="syntheseData[module]['_submit']"
                     @click="submitData(module)"
-                  >
-                    {{ $t('submit') }}
-                  </b-button>
+                  />
+                </b-tooltip>
               </td>
             </tr>
           </tbody>

src/locales/en.json

@@ -132,9 +132,10 @@
   "validate": "Validate",
   "cancel": "Cancel",
   "delete": "Delete",
-  "export": "Export",
   "edit": "Edit",
   "display": "Display",
+  "download": "Download",
+  "export": "Export",
   "id": "ID",
   "update": "Update",
   "engine": "Engine",

src/locales/fr.json

@@ -134,6 +134,7 @@
   "delete": "Supprimer",
   "edit": "Editer",
   "display": "Afficher",
+  "download": "Télécharger",
   "export": "Exporter",
   "id": "Identifiant",
   "update": "Modifier",