From 3327af7df05e728d4f76db1e2ba8850cd4b7d6ef Mon Sep 17 00:00:00 2001
From: Quentin Duchemin <quentinduchemin@tuta.io>
Date: Thu, 10 Aug 2023 15:22:13 +0200
Subject: [PATCH] Future posts of thematic series can be marked as 'incoming'

So they are not listed, but are shown in the thematic case's navigation menu to get an idea of what's coming next
---
 themes/chosto/layouts/_default/list.html   | 11 +++++++----
 themes/chosto/layouts/_default/single.html | 12 +++++++++++-
 themes/chosto/static/css/custom.css        |  6 ++++++
 3 files changed, 24 insertions(+), 5 deletions(-)

diff --git a/themes/chosto/layouts/_default/list.html b/themes/chosto/layouts/_default/list.html
index b804cfe..d1a1fe0 100644
--- a/themes/chosto/layouts/_default/list.html
+++ b/themes/chosto/layouts/_default/list.html
@@ -5,16 +5,19 @@
   <div class="container is-max-widescreen">
     <main>
       <div class="columns is-multiline">
-        <!-- Custom paginator with only blog posts (e.g. avoid "À propos"),
+        <!-- Custom paginator with only blog posts (e.g. avoid "À propos") which
+          are already written (avoid "incoming" posts of thematic series),
           ordered from newest to oldest -->
-        {{ $paginator := .Paginator }}
+        {{ $paginator := .Paginate 
+          (where
+            (where site.RegularPages ".Type" "in" site.Params.mainSections) 
+          ".Params.incoming" "!=" true) 
+        }}
         {{ range $paginator.Pages }}
-        {{ if (eq .FirstSection.Section "posts")}}
         <div class="column is-variable is-one-third">
           {{ .Render "summary" }}
         </div>
         {{ end }}
-        {{ end }}
       </div>
       {{- partial "pagination.html" $paginator -}}
     </main>
diff --git a/themes/chosto/layouts/_default/single.html b/themes/chosto/layouts/_default/single.html
index 97f57fe..2e94e31 100644
--- a/themes/chosto/layouts/_default/single.html
+++ b/themes/chosto/layouts/_default/single.html
@@ -1,7 +1,7 @@
 {{ define "main" }}
 <div class="section">
   <!--
-  If the current page is a blog post and belongs to a thematic serie, we will add a side menu
+  If the current page is a blog post and belongs to a thematic serie, add a side menu
   with all other blog posts belonging to that case, emphasis to the current.
   Still use empty container if nothing to show for homogeneous layout
   -->
@@ -18,11 +18,21 @@
         <a href="{{ .Permalink }}">{{ .Params.Title }}</a>
       </p>
       <div class="menu-list">
+        <!-- Get all posts belonging to the current thematic serie, sorted by date -->
         {{ $posts := (where $.Site.RegularPages "CurrentSection.Params.Code" "==" $.CurrentSection.Params.Code )}}
         {{ $postsSorted := (sort $posts "Date" )}}
         {{ range $postsSorted }}
+        <!-- Show titles for incoming posts, but do not make them clickable. Note
+             that they will still be accessible by crafting the URL by hand. This 
+             is **not** a security, just a nice way to tease stuff. To really hide
+             something it should be marked as "draft: true" so the page is not built. -->
+        {{ if eq .Params.incoming true }}
+        <a class="disabled">{{ .Title }} <i class="has-text-grey">(à venir)</i></a>
+        {{ else }}
+        <!-- Otherwise link to the posts, highlightning the current one -->
         <a {{ if eq $.Title .Title }} class="is-active" {{ end }} href="{{ .Permalink }}">{{ .Title }}</a>
         {{ end }}
+        {{ end }}
       </div>
       {{ end }}
       {{ end }}
diff --git a/themes/chosto/static/css/custom.css b/themes/chosto/static/css/custom.css
index 0a6003e..8305c0b 100644
--- a/themes/chosto/static/css/custom.css
+++ b/themes/chosto/static/css/custom.css
@@ -41,6 +41,12 @@ p:not(.title, .subtitle, figcaption p) {
   background: rgba(0, 0, 0, 0.3);
 }
 
+/* Used to disable click on incoming posts in thematic series */
+a.disabled {
+  pointer-events: none;
+  cursor: default;
+}
+
 /* New font is "smaller" in feeling */
 .navbar-dropdown {
   font-size: 1rem;