fix(ReportPage): modify page title

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

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/audit/AuditGenerationPage.vue

@@ -148,7 +148,7 @@ const filterResultsCount = computed(() =>
 );
 
 const pageTitle = computed(() => {
-  // X résultats pour « [search] » - [tabName] - Audit de [procedureName]
+  // X résultats pour « [search] » - [tabName] - Audit de [procedureName]
   const titleParts = [];
   const curAudit = auditStore.currentAudit;
   if (!curAudit) {
@@ -159,7 +159,7 @@ const pageTitle = computed(() => {
       "résultat",
       "résultats",
       filterResultsCount.value
-    )} pour « ${filterStore.search} »`;
+    )} pour « ${filterStore.search} »`;
 
     titleParts.push(results);
   }

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 de [procedureName]
+  const tabName = tabsRef.value?.getSelectedTabLabel();
+  return tabName + " - Rapport d’audit de " + 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"