dumili: Add browser extension button

Author: bperel

apps/dumili/public/get-add-on.png

@@ -86,8 +86,7 @@ import { suggestions } from "~/stores/suggestions";
 
 try {
   Sortable.mount(new MultiDrag());
-} catch {
-}
+} catch {}
 
 const { indexationSocket } = inject(dumiliSocketInjectionKey)!;
 const { loadIndexation } = suggestions();
@@ -140,7 +139,7 @@ const maxUploadableImagesFromPageNumber = (
     onlyIncludeEmptyPages ? page.image : false,
   );
 
-  return firstBreakIndex === -1 
+  return firstBreakIndex === -1
     ? subsequentPages.length + 1
     : firstBreakIndex + 1;
 };
@@ -150,30 +149,29 @@ const { visiblePages, currentPage, currentEntry, currentEntryPageNumbers } =
 
 const imagesRef = ref<HTMLElement>();
 
-useSortable(
-  imagesRef,
-  pages,
-  {
-    multiDrag: true,
-    selectedClass: "selected",
-    fallbackTolerance: 3,
-    animation: 150,
-
-    onUpdate: async (e: Sortable.SortableEvent) => {
-      const { oldIndex, newIndex } = e;
-      if (oldIndex === undefined || newIndex === undefined) return;
-      moveArrayElement(pages, oldIndex, newIndex, e);
-      nextTick( () => indexationSocket.value?.swapPageUrls(
+useSortable(imagesRef, pages, {
+  multiDrag: true,
+  selectedClass: "selected",
+  fallbackTolerance: 3,
+  animation: 150,
+
+  onUpdate: async (e: Sortable.SortableEvent) => {
+    const { oldIndex, newIndex } = e;
+    if (oldIndex === undefined || newIndex === undefined) return;
+    moveArrayElement(pages, oldIndex, newIndex, e);
+    nextTick(() =>
+      indexationSocket.value?.swapPageUrls(
         pages[oldIndex].pageNumber,
-        pages[newIndex].pageNumber
-      ));
-    },
-  } satisfies UseSortableOptions,
-);
+        pages[newIndex].pageNumber,
+      ),
+    );
+  },
+} satisfies UseSortableOptions);
 
 const selectedId = ref<number>();
 
-const disconnectPageUrl = (id: number) => indexationSocket.value!.setPageUrl(id, null);
+const disconnectPageUrl = (id: number) =>
+  indexationSocket.value!.setPageUrl(id, null);
 
 watch(selectedId, (id) => {
   if (id) {

apps/dumili/src/components/Gallery.vue

@@ -16,6 +16,9 @@
       }}</b-alert
     >
     <template v-else>
+      <b-alert variant="info" :model-value="true">
+        {{ $t("Vous avez indiqué toutes les entrées de cette indexation ? L'index au format DBI est indiqué ci-dessous. Copiez l'index et utilisez l'extension navigateur Dumili pour remplir les champs d'indexation automatiquement sur Inducks.") }}
+      </b-alert>
       <b-form-checkbox
         v-model="showEntryLetters"
         :disabled="hasEntrycodesLongerThanFirstColumnMaxWidth"
@@ -40,10 +43,12 @@
             ><b-td
               v-for="idx in Object.keys(rows![0]).filter((_, idx) => idx >= 2)"
               :key="idx" /></template></b-table
-        ><b-button variant="light" @click="copyToClipboard"
+        ><b-button  class="my-2"variant="light" @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>
       </div></template
     ></b-container
   >

apps/dumili/src/components/TextEditor.vue

@@ -11,7 +11,7 @@ const meta = preview.meta({
     docs: {
       story: {
         inline: false,
-        iframeHeight: '200px',
+        iframeHeight: "200px",
       },
     },
   },

apps/dumili/src/components/suggestions/IssueSuggestionList.stories.ts

@@ -96,6 +96,7 @@
   "Voir sur Inducks": "See on Inducks",
   "Voulez-vous vraiment supprimer cette entrée ?": "Do you really want to delete this entry?",
   "Vous aurez la possibilité de rogner les images avant de les envoyer.": "You will be able to crop the images before sending them.",
+  "Vous avez indiqué toutes les entrées de cette indexation ? L'index au format DBI est indiqué ci-dessous. Copiez l'index et utilisez l'extension navigateur Dumili pour remplir les champs d'indexation automatiquement sur Inducks.": "Have you filled all the entries of this indexation? The index in DBI format is indicated below. Copy the index and use the Dumili browser extension to fill in the indexation fields automatically on Inducks.",
   "Vous devez être connecté pour accéder à cette page.": "You must be logged in to access this page.",
   "Vous devez identifier au moins une histoire pour continuer": "You must identify at least one story to continue",
   "Vous devez indiquer les caractéristiques du numéro\navant de pouvoir modifier certaines de ses méta-données.": "You must specify the characteristics of the issue\nbefore being able to modify some of its metadata.",

apps/dumili/translations/messages.en.json

@@ -17,7 +17,7 @@ import getViteAliases from "../../vite-aliases";
 export default defineConfig({
   build: {
     sourcemap: true,
-    cssMinify: 'esbuild'
+    cssMinify: "esbuild",
   },
   plugins: [
     vue(),