From 1ab84c2ea5ed856c891ed10ddd1efb224ff9fce2 Mon Sep 17 00:00:00 2001
From: isUnknown <adrien.payet@outlook.com>
Date: Wed, 28 Aug 2024 11:28:22 +0200
Subject: [PATCH] add title to home grid

---
 assets/css/src/events-grid.css  |  4 ++++
 assets/css/src/vanilla.css      |  2 +-
 site/blueprints/pages/event.yml |  2 ++
 site/snippets/events-grid.php   | 10 ++++++++--
 site/templates/event.php        |  2 ++
 site/templates/home.php         |  4 ++--
 6 files changed, 19 insertions(+), 5 deletions(-)

diff --git a/assets/css/src/events-grid.css b/assets/css/src/events-grid.css
index d51fdb7..3641fd1 100644
--- a/assets/css/src/events-grid.css
+++ b/assets/css/src/events-grid.css
@@ -2,6 +2,10 @@
   --padding-vertical: calc(var(--space-m) / 2);
 }
 
+.collapsable-sections + .events-grid {
+  border-top: none;
+}
+
 .events-grid h4 {
   margin-bottom: calc(var(--space-m) / 2);
 }
diff --git a/assets/css/src/vanilla.css b/assets/css/src/vanilla.css
index 8023982..d758bb9 100644
--- a/assets/css/src/vanilla.css
+++ b/assets/css/src/vanilla.css
@@ -3,7 +3,7 @@ footer {
   box-sizing: border-box;
   padding: var(--padding-vertical) var(--space-m);
 }
-section:not(:last-child, .collapsable) {
+section:not(:last-child, .collapsable, .collapsable-sections) {
   border-bottom: var(--border);
 }
 
diff --git a/site/blueprints/pages/event.yml b/site/blueprints/pages/event.yml
index 0d0b9e0..1cbf726 100644
--- a/site/blueprints/pages/event.yml
+++ b/site/blueprints/pages/event.yml
@@ -158,6 +158,8 @@ tabs:
           linkedPages:
             label: Pages liées
             type: pages
+            max: 4
+            help: 4 maximum
   settingsTab:
     label: Réglages
     icon: cog
diff --git a/site/snippets/events-grid.php b/site/snippets/events-grid.php
index 66bb0f1..63fc194 100644
--- a/site/snippets/events-grid.php
+++ b/site/snippets/events-grid.php
@@ -1,8 +1,14 @@
 <section class="events-grid">
-  <h4>À venir</h4>
+  <h4><?= $title ?></h4>
   <div class="grid">
     <?php foreach($events as $event): ?>
-        <?php snippet('event-card', ["event" => $event, "span" => 12 / $events->count()]) ?>
+        <?php 
+          $span = 4;
+          if ($events->count() === 4) {
+            $span = 3;
+          }
+          snippet('event-card', ["event" => $event, "span" => $span]) 
+        ?>
     <?php endforeach ?>
   </div>
 </section>
\ No newline at end of file
diff --git a/site/templates/event.php b/site/templates/event.php
index c65214d..2637b4e 100644
--- a/site/templates/event.php
+++ b/site/templates/event.php
@@ -121,4 +121,6 @@
   <?php endsnippet() ?>
   <?php endif ?>
 </section>
+
+<?php snippet('events-grid', ['title' => 'Pour aller plus loin', 'events' => $page->linkedPages()->toPages()]) ?>
 <?php snippet('footer') ?>
\ No newline at end of file
diff --git a/site/templates/home.php b/site/templates/home.php
index f805425..427b1b2 100644
--- a/site/templates/home.php
+++ b/site/templates/home.php
@@ -23,12 +23,12 @@
     'asc'
   );
 
-    snippet('events-grid', ['events' => $orderedEvents->slice(0, 2)]) 
+    snippet('events-grid', ['title' => 'À venir', 'events' => $orderedEvents->slice(0, 2)]) 
 ?>
 
 <?php snippet('newsletter-section') ?>
 
-<?php snippet('events-grid', ['events' => $orderedEvents->slice(2, 5)]) ?>
+<?php snippet('events-grid', ['title' => 'À venir', 'events' => $orderedEvents->slice(2, 5)]) ?>
 
 <section class="callout">
   <h4><?= $site->callout() ?></h4>