From d96122050de600c106407ed91dd82e653cb5604c Mon Sep 17 00:00:00 2001
From: Matthieu Bessat <mail@matthieubessat.fr>
Date: Tue, 20 Jun 2023 23:52:45 +0200
Subject: [PATCH] fix(carousel): with templating generation

---
 layouts/landing-matthieu/list.html | 82 +++++++++---------------------
 layouts/partials/fullmod.html      |  4 ++
 2 files changed, 28 insertions(+), 58 deletions(-)
 create mode 100644 layouts/partials/fullmod.html

diff --git a/layouts/landing-matthieu/list.html b/layouts/landing-matthieu/list.html
index 8c7365a..df325a1 100644
--- a/layouts/landing-matthieu/list.html
+++ b/layouts/landing-matthieu/list.html
@@ -227,67 +227,33 @@
             </div>
         </section>
 
+        {{ $slides_count := 6 }}
         <section class="carousel-container">
             <div class="carousel" aria-label="Gallery">
-              <ol class="carousel__viewport">
-                <li id="carousel__slide1"
-                    tabindex="0"
-                    class="carousel__slide">
-                  <div class="carousel__snapper">
-                    <a href="#carousel__slide4"
-                       class="carousel__prev">Diapositive précédente</a>
-                    <a href="#carousel__slide2"
-                       class="carousel__next">Diapositive suivante</a>
-                  </div>
-                </li>
-                <li id="carousel__slide2"
-                    tabindex="0"
-                    class="carousel__slide">
-                  <div class="carousel__snapper"></div>
-                  <a href="#carousel__slide1"
-                     class="carousel__prev">Diapositive précédente</a>
-                  <a href="#carousel__slide3"
-                     class="carousel__next">Diapositive suivante</a>
-                </li>
-                <li id="carousel__slide3"
-                    tabindex="0"
-                    class="carousel__slide">
-                  <div class="carousel__snapper"></div>
-                  <a href="#carousel__slide2"
-                     class="carousel__prev">Diapositive précédente</a>
-                  <a href="#carousel__slide4"
-                     class="carousel__next">Diapositive suivante</a>
-                </li>
-                <li id="carousel__slide4"
-                    tabindex="0"
-                    class="carousel__slide">
-                  <div class="carousel__snapper"></div>
-                  <a href="#carousel__slide3"
-                     class="carousel__prev">Diapositive précédente</a>
-                  <a href="#carousel__slide1"
-                     class="carousel__next">Diapositive suivante</a>
-                </li>
-              </ol>
-              <aside class="carousel__navigation">
-                <ol class="carousel__navigation-list">
-                  <li class="carousel__navigation-item enabled">
-                    <a href="#carousel__slide1"
-                       class="carousel__navigation-button">1ère diapositive</a>
-                  </li>
-                  <li class="carousel__navigation-item">
-                    <a href="#carousel__slide2"
-                       class="carousel__navigation-button">2ème diapositive</a>
-                  </li>
-                  <li class="carousel__navigation-item">
-                    <a href="#carousel__slide3"
-                       class="carousel__navigation-button">3ème diapositive</a>
-                  </li>
-                  <li class="carousel__navigation-item">
-                    <a href="#carousel__slide4"
-                       class="carousel__navigation-button">4ème diapositive</a>
-                  </li>
+                <ol class="carousel__viewport">
+                    {{ range $index, $s := seq (sub $slides_count 0) }}
+                    <li id="carousel__slide{{ $index }}"
+                        tabindex="0"
+                        class="carousel__slide">
+                        <div class="carousel__snapper">
+                            <a href="#carousel__slide{{ partial "fullmod" (slice (sub $index 1) $slides_count) }}"
+                               class="carousel__prev">Diapositive précédente</a>
+                            <a href="#carousel__slide{{ partial "fullmod" (slice (add $index 1) $slides_count) }}"
+                               class="carousel__next">Diapositive suivante</a>
+                        </div>
+                    </li>
+                    {{ end }}
                 </ol>
-              </aside>
+                <aside class="carousel__navigation">
+                    <ol class="carousel__navigation-list">
+                    {{ range $index, $s := seq (sub $slides_count 0) }}
+                        <li class="carousel__navigation-item {{ if eq $index 0 }}enabled{{- end -}}">
+                            <a href="#carousel__slide{{ $index }}"
+                               class="carousel__navigation-button">{{ $index }}ème diapositive</a>
+                        </li>
+                    {{ end }}
+                    </ol>
+                </aside>
             </div>
         </section>
 	</main>
diff --git a/layouts/partials/fullmod.html b/layouts/partials/fullmod.html
new file mode 100644
index 0000000..b37752b
--- /dev/null
+++ b/layouts/partials/fullmod.html
@@ -0,0 +1,4 @@
+{{- $a := index . 0 -}}
+{{- $b := index . 1 -}}
+{{- $c := mod $a $b -}}
+{{- if lt $c 0 -}}{{- add $c $b -}}{{- else -}}{{- $c -}}{{- end -}}