dumili: Add Chrome browser extension link

Author: bperel

apps/dumili/src/components/TextEditor.vue

@@ -47,17 +47,29 @@
             ><b-td
               v-for="idx in Object.keys(rows![0]).filter((_, idx) => idx >= 2)"
               :key="idx" /></template></b-table
-        ><b-button class="my-2" variant="light" @click="copyToClipboard"
+        ><b-button
+          class="mt-2 mb-4"
+          variant="light"
+          size="lg"
+          @click="copyToClipboard"
           ><template v-if="isCopied">{{ $t("Copié !") }}<i-bi-check /></template
           ><template v-else>{{ $t("Copier") }}</template>
         </b-button>
 
-        <div class="my-2">
-          <a
-            href="https://addons.mozilla.org/en-US/firefox/addon/dumili-auto-indexer/"
-            target="_blank"
-            ><img src="/get-add-on.png"
-          /></a>
+        <div
+          v-for="extension in extensionLinks"
+          :key="extension.name"
+          class="my-2"
+        >
+          <b-button variant="primary" :href="extension.url" target="_blank"
+            ><component :is="extension.icon" />
+            {{
+              $t("Installer l'extension Dumili pour {extensionName}", {
+                extensionName: extension.name,
+              })
+            }}
+            <i-bi-box-arrow-up-right
+          /></b-button>
         </div></div></template
   ></b-container>
 </template>
@@ -81,6 +93,19 @@ const showEntryLetters = ref(false);
 const showHorizontalScroll = ref(false);
 const isCopied = ref(false);
 
+const extensionLinks = [
+  {
+    name: "Firefox",
+    url: "https://addons.mozilla.org/en-US/firefox/addon/dumili-auto-indexer/",
+    icon: "i-bi-browser-firefox",
+  },
+  {
+    name: "Chrome",
+    url: "https://chromewebstore.google.com/detail/dumili-auto-indexer/abhifeccdlekpcfbhjkkeifmbbikejeb",
+    icon: "i-bi-browser-chrome",
+  },
+] as const;
+
 const copyToClipboard = () => {
   navigator.clipboard.writeText(text.value);
   isCopied.value = true;

apps/dumili/translations/messages.en.json

@@ -44,6 +44,7 @@
   "Ignorer les pages existantes": "Ignore existing pages",
   "Images": "Images",
   "Indexations en cours": "Ongoing indexations",
+  "Installer l'extension Dumili pour {extensionName}": "Install the Dumili extension for {extensionName}",
   "La couverture ne devrait faire qu'une page": "The cover should be only one page",
   "La première page est généralement une page de couverture": "The first page is usually a cover page",
   "Le type d'entrée de cette page ne peut pas être détecté car aucune image n'y est associée": "The type of the entry of this page can't be detected because no image is associated with it",