create steps redirections to dialogs

public/content/projects/1_miss-dior-blooming-bouquet/1_client-brief/client-brief.txt

@@ -6,7 +6,7 @@ Stepname: clientBrief
 
 ----
 
-Pdf: 
+Pdf: - file://s0lNtRA0Z7ybTCWG
 
 ----
 

public/site/templates/client-brief.php

@@ -1 +1,5 @@
-<?php snippet('generic-template') ?>
+<?php if ($page->pdf()->isNotEmpty()) {
+  go($page->parent()->url() . '?dialog=client-brief');
+} else {
+  snippet('generic-template');
+} ?>

public/site/templates/proposal.php

@@ -0,0 +1 @@
+<?php go($page->parent()->url() . '?dialog=proposal&fileIndex=0', 301) ?>

public/site/templates/track.php

@@ -0,0 +1 @@
+<?php go($page->parent()->parent()->url() . '?dialog=virtual-sample', 301) ?>

public/site/templates/virtual-sample.php

@@ -0,0 +1 @@
+<?php go($page->parent()->url() . '?dialog=virtual-sample', 301) ?>

src/components/project/ProjectStep.vue

@@ -8,7 +8,9 @@
       <article class="card" v-if="step.id !== 'proposal'">
         <hgroup class="order-last">
           <h3 class="card__title | font-serif | text-lg">
-            <router-link :to="'/' + step.uri" class="link-full">{{ step.label }}</router-link>
+            <router-link :to="'/' + step.uri" class="link-full">{{
+              step.label
+            }}</router-link>
           </h3>
         </hgroup>
         <div class="card__meta | flex">
@@ -34,11 +36,16 @@
           />
         </figure>
         <!-- First image -->
-        <figure v-if="step.id === 'virtualSample'" class="card__images">
+        <figure
+          v-if="step.id === 'virtualSample'"
+          class="card__images"
+          :data-count="step.files.length > 3 ? step.files.length - 3 : 0"
+        >
           <img
-            :key="step.files[0].uuid"
+            v-for="track in step.files"
-            :src="step.files[0].url"
+            :key="track.files[0].slug"
-            :alt="step.files[0].alt"
+            :src="track.files[0].url"
+            :alt="track.files[0].alt"
           />
         </figure>
         <!-- Document -->
@@ -47,7 +54,10 @@
           class="card__images"
           data-icon="document"
         ></div>
-        <footer v-if="step?.files[0]?.comments?.length > 0" class="order-last | text-sm text-primary font-medium">
+        <footer
+          v-if="step?.files[0]?.comments?.length > 0"
+          class="order-last | text-sm text-primary font-medium"
+        >
           {{ step.files[0].comments.length }} commentaire{{
             step.files[0].comments.length > 1 ? "s" : ""
           }}
@@ -62,8 +72,13 @@
         >
           <hgroup class="order-last">
             <h3 class="card__title | font-serif | text-lg">
-              <router-link :to="'/' + step.uri + '&fileIndex=' + index" class="link-full">
+              <router-link
-                {{ file.label.length ? file.label : file.name.replace(".pdf", "") }}
+                :to="'/' + step.uri + '&fileIndex=' + index"
+                class="link-full"
+              >
+                {{
+                  file.label.length ? file.label : file.name.replace(".pdf", "")
+                }}
               </router-link>
             </h3>
           </hgroup>
@@ -79,7 +94,10 @@
             class="card__images"
             data-icon="document"
           ></div>
-          <footer v-if="file.comments?.length > 0" class="order-last | text-sm text-primary font-medium">
+          <footer
+            v-if="file.comments?.length > 0"
+            class="order-last | text-sm text-primary font-medium"
+          >
             {{ file.comments.length }} commentaire{{
               file.comments.length > 1 ? "s" : ""
             }}

src/components/project/VirtualSample.vue

@@ -33,7 +33,10 @@
             :aria-pressed="activeTrack === track ? true : false"
             :aria-controls="track.slug"
             :style="`--btn-image: url(${track.files[7].url});`"
-            @click="activeTrack = track"
+            @click="
+              activeTrack = track;
+              currentX = 0;
+            "
           >
             <span>{{ track.title }}</span>
           </button>