1051 améliorer les titres de page de laudit et du rapport (#1100)

* fix(AuditGenerationPage): modify page title

"X résultats pour « [search] » - [tabName] - Audit de [procedureName]"
instead of
"[procedureName] - Page en cours « [tabName] - X résultats pour « [search] »"

* fix(ReportPage): modify page title

"[tabName] - Rapport d’audit de [procedureName]"
instead of
"Rapport d’audit accessibilité de [procedureName]"

* fix(AuditGenerationPage): modify page title (bis)

- Add "Page " to tab name to avoid misleading page title.
  For example:
  "Page Accueil - Audit de Ma procédure - Ara"
  instead of
  "Accueil - Audit de Ma procédure - Ara"
- Add 3 comments to describe the 3 page title parts (apart from "Ara",
  the website name)

* fix(AuditGenerationPage): modify page title (ter)

"Audit de" → "Audit"

* fix(account): modify page title

* fix page title (Paramètres, Livrables, Tableau…)

* fix(ReportPage): modify page title

"Rapport d’audit de" → "Rapport d’audit"

Author: yaaax

confiture-web-app/src/components/audit/AraTabs.vue

@@ -15,6 +15,10 @@ import { useUniqueId } from "../../composables/useUniqueId";
 import { TabData } from "../../types";
 import { slugify } from "../../utils";
 
+defineExpose({
+  getSelectedTabLabel: () => selectedTab.value?.label
+});
+
 interface TabsRouteParams {
   name: string;
   params: {

confiture-web-app/src/pages/account/NewAccountPage.vue

@@ -13,8 +13,8 @@ const userEmail = ref<string>();
 
 const pageTitles = [
   "Créer votre compte",
-  "Créer votre compte, consulter votre boite de réception",
-  "Créer votre compte, votre compte a été créé avec succès"
+  "Consulter votre boite de réception - Créer votre compte",
+  "Votre compte a été créé avec succès - Créer votre compte"
 ];
 
 const store = useAccountStore();

confiture-web-app/src/pages/account/ResetPasswordPage.vue

@@ -105,8 +105,8 @@ onMounted(() => {
 
 const pageTitles = [
   "Réinitialiser votre mot de passe",
-  "Réinitialiser votre mot de passe, consulter votre boite de réception",
-  "Réinitialiser votre mot de passe, changer votre mot de passe"
+  "Consulter votre boite de réception - Réinitialiser votre mot de passe",
+  "Changer votre mot de passe - Réinitialiser votre mot de passe"
 ];
 </script>
 

confiture-web-app/src/pages/audit/AuditGenerationPage.vue

@@ -156,32 +156,39 @@ const filterResultsCount = computed(() =>
 );
 
 const pageTitle = computed(() => {
-  // [audit name] - Page en cours « XXX » - X résultats pour « XXX »
-  if (auditStore.currentAudit) {
-    let title = auditStore.currentAudit.procedureName;
-
-    const tabName = ` - Page en cours « ${
-      auditStore.currentAudit.pages.find(
-        (p) => p.id === auditStore.currentPageId
-      )?.name ?? StaticTabLabel.AUDIT_COMMON_ELEMENTS_TAB_LABEL
-    } »`;
-
-    title += tabName;
-
-    if (filterStore.search) {
-      const results = ` - ${filterResultsCount.value} ${pluralize(
-        "résultat",
-        "résultats",
-        filterResultsCount.value
-      )} pour « ${filterStore.search} »`;
-
-      title += results;
-    }
+  // X résultats pour « [search] » - [tabName] - Audit [procedureName]
+  const titleParts = [];
+  const curAudit = auditStore.currentAudit;
+
+  // No audit in store? (Should never happen?)
+  if (!curAudit) {
+    return "…";
+  }
+
+  // 1. Search results
+  if (filterStore.search) {
+    const results = `${filterResultsCount.value} ${pluralize(
+      "résultat",
+      "résultats",
+      filterResultsCount.value
+    )} pour « ${filterStore.search} »`;
 
-    return title;
+    titleParts.push(results);
   }
 
-  return "";
+  // 2. Tab name
+  const pageName = curAudit.pages.find((p) => p.id === auditStore.currentPageId)
+    ?.name;
+  const tabName = pageName
+    ? "Page " + pageName
+    : StaticTabLabel.AUDIT_COMMON_ELEMENTS_TAB_LABEL;
+
+  // 3. Procedure name
+  const procedureName = auditStore.currentAudit.procedureName;
+
+  titleParts.push(tabName, "Audit " + procedureName);
+
+  return titleParts.join(" - ");
 });
 
 const tabsData = computed((): TabData[] => {

confiture-web-app/src/pages/audit/AuditOverviewPage.vue

@@ -66,8 +66,8 @@ const isLoggedInAndOwnAudit = computed(() => {
     <PageMeta
       :title="
         isLoggedInAndOwnAudit
-          ? `Livrables de ${audit.procedureName}`
-          : `Tableau de bord de ${audit.procedureName}`
+          ? `Livrables - Audit ${audit.procedureName}`
+          : `Tableau de bord - Audit ${audit.procedureName}`
       "
       description="Suivez l'avancement de votre travail et accédez à votre audit et vos livrables. Commencez par réaliser votre audit avant compléter la déclaration d'accessibilité. Livrez ensuite le rapport d'audit et la déclaration d'accessibilité. Le rapport d'audit est généré automatiquement à partir de l'audit. La déclaration d'accessibilité est pré-complétée automatiquement à partir de l'audit."
     />

confiture-web-app/src/pages/audit/AuditSettingsPage.vue

@@ -103,7 +103,7 @@ function submitSettings(data: {
 
 <template>
   <PageMeta
-    :title="`Paramètres de ${auditStore.currentAudit?.procedureName}`"
+    :title="`Paramètres - Audit ${auditStore.currentAudit?.procedureName}`"
     description="Vous pouvez modifier les paramètres d'un audit comme le type d'audit, l'échantillon des pages à auditer, le nom de votre audit et vos coordonnées pour recevoir les liens de votre audit, de votre rapport d'audit généré automatiquement et de votre déclaration d'accessibilité"
   />
 

confiture-web-app/src/pages/report/ReportPage.vue

@@ -36,6 +36,13 @@ const router = useRouter();
 
 const showCopyAlert = ref(false);
 const onboardingModalRef = ref<InstanceType<typeof OnboardingModal>>();
+const tabsRef = ref<InstanceType<typeof AraTabs>>();
+
+const pageTitle = computed(() => {
+  // [tabName] - Rapport d’audit [procedureName]
+  const tabName = tabsRef.value?.getSelectedTabLabel();
+  return tabName + " - Rapport d’audit " + report.data?.procedureName;
+});
 
 const hasNotes = computed(() => {
   return (
@@ -212,7 +219,7 @@ watch(
 
   <template v-if="report.data">
     <PageMeta
-      :title="`Rapport d’audit accessibilité de ${report.data.procedureName}`"
+      :title="pageTitle"
       :description="`Découvrez la synthèse de l'audit de ${report.data?.procedureName}.`"
     />
 
@@ -280,6 +287,7 @@ watch(
     <!-- sticky-top="-0.1px" to prevent "one line background flickering"
 			when scrolling the page -->
     <AraTabs
+      ref="tabsRef"
       :route="{ name: 'report-full', params: { uniqueId } }"
       sticky-top="-0.1px"
       :tabs="tabsData"