Ajoute des liens d'accès dans le dropdown des audits sur le compte (#658)

* add elements to audit row dropdown

* add toast when links are copied

* update changelog

* update changelog

Author: bellangerq

CHANGELOG.md

@@ -2,6 +2,12 @@
 
 Tous les changements notables de Ara sont documentés ici avec leur date, leur catégorie (nouvelle fonctionnalité, correction de bug ou autre changement) et leur pull request (PR) associée.
 
+## 22/02/2024
+
+### Autres changements ⚙️
+
+- Ajoute des liens d’accès dans le menu déroulant d’un audit sur la page "Mes audits" ([#658](https://github.com/DISIC/Ara/pull/658))
+
 ## 16/02/2024
 
 ### Corrections 🐛

confiture-web-app/src/components/account/dashboard/AuditRow.vue

@@ -114,6 +114,30 @@ const csvExportFilename = computed(() => {
   }
   return `audit-${slugify(props.audit.procedureName)}.csv`;
 });
+
+function copyAuditLink(uniqueId: string) {
+  const url = `${window.location.origin}/audits/${uniqueId}/generation`;
+
+  navigator.clipboard.writeText(url).then(() => {
+    notify(
+      "success",
+      undefined,
+      `Le lien vers l’audit a bien été copié dans le presse-papier.`
+    );
+  });
+}
+
+function copyReportLink(uniqueId: string) {
+  const url = `${window.location.origin}/rapports/${uniqueId}`;
+
+  navigator.clipboard.writeText(url).then(() => {
+    notify(
+      "success",
+      undefined,
+      `Le lien vers le rapport a bien été copié dans le presse-papier.`
+    );
+  });
+}
 </script>
 
 <template>
@@ -232,22 +256,43 @@ const csvExportFilename = computed(() => {
         }"
       >
         <ul role="list" class="fr-p-0 fr-m-0 dropdown-list">
-          <template v-if="!isInProgress">
-            <li class="dropdown-item">
-              <RouterLink
-                :to="{
-                  name: 'audit-generation',
-                  params: { uniqueId: audit.editUniqueId }
-                }"
-                :class="`fr-btn fr-btn--tertiary-no-outline fr-btn--icon-left ${
-                  isInProgress ? 'fr-icon-edit-line' : 'fr-icon-file-line'
-                } fr-m-0`"
-              >
-                {{ isInProgress ? "Modifier l’audit" : "Accéder à l’audit" }}
-                <span class="sr-only"> {{ audit.procedureName }}</span>
-              </RouterLink>
-            </li>
-          </template>
+          <li class="dropdown-item">
+            <RouterLink
+              :to="{
+                name: 'audit-overview',
+                params: { uniqueId: audit.editUniqueId }
+              }"
+              class="fr-btn fr-btn--tertiary-no-outline fr-btn--icon-left fr-icon-todo-line fr-m-0"
+            >
+              Accéder à la synthèse
+              <span class="sr-only">de l’audit {{ audit.procedureName }}</span>
+            </RouterLink>
+          </li>
+
+          <li class="dropdown-item">
+            <RouterLink
+              :to="
+                isInProgress
+                  ? {
+                      name: 'report',
+                      params: { uniqueId: audit.consultUniqueId }
+                    }
+                  : {
+                      name: 'audit-generation',
+                      params: { uniqueId: audit.editUniqueId }
+                    }
+              "
+              :target="isInProgress ? '_blank' : undefined"
+              :class="`fr-btn fr-btn--tertiary-no-outline fr-btn--icon-left ${
+                isInProgress ? 'fr-icon-eye-line' : 'fr-icon-file-line'
+              } fr-m-0 no-external-icon`"
+            >
+              {{ isInProgress ? "Voir le rapport" : "Accéder à l’audit" }}
+              <span class="sr-only"> {{ audit.procedureName }}</span>
+            </RouterLink>
+          </li>
+
+          <li aria-hidden="true" class="dropdown-separator"></li>
           <li class="dropdown-item">
             <button
               class="fr-btn fr-btn--tertiary-no-outline fr-m-0"
@@ -261,6 +306,30 @@ const csvExportFilename = computed(() => {
 
           <li aria-hidden="true" class="dropdown-separator"></li>
 
+          <li class="dropdown-item dropdown-item--with-meta">
+            <button
+              class="fr-btn fr-btn--tertiary-no-outline fr-btn--icon-left fr-icon-link fr-m-0"
+              @click="copyAuditLink(audit.editUniqueId)"
+            >
+              Copier le lien de l’audit
+              <span class="sr-only"> {{ audit.procedureName }}</span>
+              <span class="fr-text--xs fr-text--regular dropdown-item-meta">
+                Ce lien permet de modifier l’audit
+              </span>
+            </button>
+          </li>
+          <li class="dropdown-item">
+            <button
+              class="fr-btn fr-btn--tertiary-no-outline fr-btn--icon-left fr-icon-link fr-m-0"
+              @click="copyReportLink(audit.consultUniqueId)"
+            >
+              Copier le lien du rapport
+              <span class="sr-only"> de l’audit {{ audit.procedureName }}</span>
+            </button>
+          </li>
+
+          <li aria-hidden="true" class="dropdown-separator"></li>
+
           <li class="dropdown-item dropdown-item--with-meta">
             <a
               class="fr-btn fr-btn--tertiary-no-outline fr-btn--icon-left fr-icon-download-fill fr-m-0"

confiture-web-app/src/components/ui/Dropdown.vue

@@ -167,5 +167,6 @@ defineExpose({ buttonRef, closeOptions });
 .dropdown-content :deep(.dropdown-item-meta) {
   grid-column: 1 / -1;
   color: var(--text-mention-grey);
+  text-align: initial;
 }
 </style>