DTL proposals : add custom titles

public/site/blueprints/tabs/design-to-light.yml

@@ -40,6 +40,9 @@ fields:
         type: headline
         label: La proposition
 
+      DTLProposalTitle:
+        label: Titre
+        type: text
       DTLProposalLocation:
         label: Localisation
         help: Quelle étape contient la proposition Design to Light ?

public/site/plugins/helpers/index.php

@@ -80,6 +80,7 @@ function processDTLProposals($page) {
             if ($proposalPage && $proposalFile) {
                 $index = $proposalPage->pdf()->toFiles()->indexOf($proposalFile);
                 $DTLProposal = [
+                "title" => $proposal->DTLProposalTitle()->isNotEmpty() ? (string) $proposal->DTLProposalTitle() : null,
                 "location" => [
                         "step" => "proposal",
                         "source" => (string) $proposalFile->url()
@@ -97,6 +98,7 @@ function processDTLProposals($page) {
 
             if ($proposalPage && $proposalFile) {
                 $DTLProposal = [
+                "title" => $proposal->DTLProposalTitle()->isNotEmpty() ? (string) $proposal->DTLProposalTitle() : null,
                     "location" => [
                         "step" => "industrialIdeation",
                         "source" => (string) $proposalFile->url()
@@ -112,6 +114,7 @@ function processDTLProposals($page) {
             $proposalPage = $proposal->DTLVirtualSampleDynamicTrack()->toPage();
             if ($proposalPage) {
                 $DTLProposal = [
+                "title" => $proposal->DTLProposalTitle()->isNotEmpty() ? (string) $proposal->DTLProposalTitle() : null,
                     "location" => [
                         "step" => "virtualSample",
                         "type" => "dynamic",
@@ -129,6 +132,7 @@ function processDTLProposals($page) {
             $proposalFile = $proposal->DTLVirtualSampleStaticTrack()->toFile();
             if ($proposalPage && $proposalFile) {
                 $DTLProposal = [
+                "title" => $proposal->DTLProposalTitle()->isNotEmpty() ? (string) $proposal->DTLProposalTitle() : null,
                     "location" => [
                         "step" => "virtualSample",
                         "type" => "static",

src/components/design-to-light/DTLPanel.vue

@@ -2,7 +2,7 @@
   <aside
     id="dtl-panel"
     class="text-sm bg-black rounded-2xl"
-    :class="{'with-dialog': isDialogOpen}"
+    :class="{ 'with-dialog': isDialogOpen }"
     aria-labelledby="dtl-label"
     @click="preventClose($event)"
   >
@@ -10,9 +10,16 @@
       class="flex items-center | border-b pl-32 pr-16 py-8"
       data-icon="leaf"
       style="--column-gap: 0.5rem"
-    > 
+    >
-      <!-- TODO: ajouter un title à dans le Panel pour chaque propositio et l'utiliser ici pour le h2 -->
+      <h2 id="dtl-label" class="font-serif text-md">
-      <h2 id="dtl-label" class="font-serif text-md">Design to Light</h2>
+        {{
+          proposals.length > 1 || isDialogOpen
+            ? activeProposal.title
+              ? activeProposal.title
+              : "Design to light"
+            : "Design to light"
+        }}
+      </h2>
       <button
         v-if="!isDialogOpen"
         @click="emits('close')"
@@ -22,7 +29,7 @@
         <span class="sr-only">Fermer</span>
       </button>
     </header>
-    <nav class="tabs" role="tablist" tabindex="-1">
+    <nav v-if="!isDialogOpen" class="tabs" role="tablist" tabindex="-1">
       <button
         v-for="(proposal, index) in proposals"
         @click="activeProposal = proposal"
@@ -30,7 +37,13 @@
         :aria-selected="proposal.isActive"
         aria-controls=""
       >
-        {{ index === 0 ? "Proposition initiale" : "Alternative " + index }}
+        {{
+          activeProposal.title
+            ? activeProposal.title
+            : index === 0
+            ? "Proposition initiale"
+            : "Alternative " + index
+        }}
       </button>
     </nav>
     <section class="overflow-y" tabindex="-1">