Add a placeholder for "next in series" if the series is ongoing

Signed-off-by: Danila Fedorin <danila.fedorin@gmail.com>

assets/scss/style.scss

@@ -381,7 +381,7 @@ figure {
     }
 
 
-    a {
+    a, .ongoing-placeholder {
         @include bordered-block;
         padding: 0.5em 1em 0.5em 1em;
         font-size: 1.1em;
@@ -398,6 +398,10 @@ figure {
         }
     }
 
+    .ongoing-placeholder {
+      border-style: dashed;
+    }
+
     div.title {
         font-weight: bold;
     }

layouts/partials/serieslink.html

@@ -1,5 +1,5 @@
 <div class="{{ .direction }} wrapper">
-  <a href="{{ .link }}">
+  <a href="{{ .page.RelPermalink }}">
     {{ if eq .direction "previous" }}{{ partial "icon.html" "chevrons-left" }}{{ end }}
     <div class="title-subtitle">
       {{ title .direction }} in Series

layouts/partials/serieslinkplaceholder.html

@@ -0,0 +1,10 @@
+<div class="{{ .direction }} wrapper">
+  <div class="ongoing-placeholder">
+    {{ if eq .direction "previous" }}{{ partial "icon.html" "chevrons-left" }}{{ end }}
+    <div class="title-subtitle">
+      {{ title .direction }} in Series
+      <div class="title">Coming soon!</div>
+    </div>
+    {{ if eq .direction "next" }}{{ partial "icon.html" "chevrons-right" }}{{ end }}
+  </a>
+</div>

layouts/partials/seriesnav.html

@@ -5,10 +5,13 @@
 {{- $pages := (site.Taxonomies.series.Get .Data.Term).Pages.ByDate.Reverse -}}
 <nav class="series-navigation">
 {{- with $pages.Prev $page -}}
-{{- partial "serieslink.html" (dict "direction" "previous" "link" .RelPermalink "page" .) -}}
+{{- partial "serieslink.html" (dict "direction" "previous" "page" .) -}}
 {{- end -}}
-{{- with $pages.Next $page -}}
-{{- partial "serieslink.html" (dict "direction" "next" "link" .RelPermalink "page" .) -}}
+{{- $nextPage := $pages.Next $page -}}
+{{- if $nextPage -}}
+{{- partial "serieslink.html" (dict "direction" "next" "page" $nextPage) -}}
+{{- else if eq $term.Params.status "ongoing" -}}
+{{- partial "serieslinkplaceholder.html" (dict "direction" "next") -}}
 {{- end -}}
 </nav>
 {{- end -}}