From 88a199b6c0576a35bae67a241c20370b629dd7cd Mon Sep 17 00:00:00 2001
From: Mantas <11616378+mistermantas@users.noreply.github.com>
Date: Tue, 24 Jul 2018 13:47:45 +0300
Subject: v2-rc1

---
 layouts/index.html | 77 +++++++++++++++++++++++++++++++++++++++++++++---------
 1 file changed, 65 insertions(+), 12 deletions(-)

(limited to 'layouts/index.html')

diff --git a/layouts/index.html b/layouts/index.html
index b937777..f5fbb05 100644
--- a/layouts/index.html
+++ b/layouts/index.html
@@ -48,9 +48,16 @@
       </div>
       {{ end }}
 
+      {{ if .Site.Params.autoRefresh }}
+      <div class="faded right">
+        <small><em>We auto-refresh every 5 minutes</em></small>
+      </div>
+      <div class="padding-s"></div>
+      {{ else }}
+      <div class="padding"></div>
+      {{ end }}
 
       <!-- Individual info -->
-      <div class="padding"></div>
       <div class="components">
         {{ $systems := .Site.Params.systems }}
         {{ range $index, $systems }}
@@ -103,17 +110,12 @@
     <!-- End main -->
   </div>
 
-
+  {{ if .Site.Params.customTabs }}
   <div class="tabs">
     <div class="contain tabs--inner">
-      <a href="#incidents" class="tab tab--current">
+      <a href="/#incidents" class="tab tab--current">
         Incidents
       </a>
-      {{ if .Site.Params.showUptime }}
-      <a href="/stats" class="tab tab--other">
-        Uptime
-      </a>
-      {{ end }}
 
       {{ range .Site.Params.customTabs }}
        <a href="{{ .link }}" class="tab tab--other">
@@ -122,19 +124,70 @@
      {{ end }}
     </div>
   </div>
+  {{ else }}
+  <div class="contain">
+    <h2 class="center">Incident history</h2>
+    <hr>
+  </div>
+  {{ end }}
 
 
-  <div class="contain">
+  <div class="contain" id="incidents">
     <div class="padding"></div>
-    {{ if not .Data.Pages }}
-      <p class="center">Looks like we do not have any incidents logged.</p>
+    {{ if not $incidents }}
+      <div class="padding"></div>
+      <h3>Is it the calm before the storm?</h3>
+      <p>This status page has no logged incidents. This may be because the status page owner (or owners) have recently set up their status page, have had no downtime, or have not logged any downtime.</p>
+      <div class="padding"></div>
     {{ else }}
-      {{ range .Data.Pages }}
+      {{ $paginator := .Paginate $incidents .Site.Params.incidentPostsPerPage }}
+      {{ range $paginator.Pages }}
         {{ .Render "issue" }}
       {{ end }}
+
+      <!-- If there are more than 2 pages, show pagination -->
+      {{ if gt $paginator.TotalPages 1 }}
+        <hr>
+
+        <div class="center">
+          {{ if $paginator.HasPrev }}
+            <a href="{{ $paginator.Prev.URL }}#incidents">
+              ⭠ &nbsp;
+              Previuos
+            </a>
+          {{ else }}
+            <span class="faded">
+              ⭠ &nbsp;
+              Previuos
+            </span>
+          {{ end }}
+
+
+          &nbsp; &nbsp;
+          {{ $paginator.PageNumber }}
+          /
+          {{ $paginator.TotalPages }}
+          &nbsp; &nbsp;
+
+
+          {{ if $paginator.HasNext }}
+            <a href="{{ $paginator.Next.URL }}#incidents">
+              Next &nbsp;
+              ⭢
+            </a>
+          {{ else }}
+            <span class="faded">
+              Next &nbsp;
+              ⭢
+            </span>
+          {{ end }}
+        </div>
+      {{ end }}
     {{ end }}
   </div>
 
+
+
   {{ partial "js" . }}
   {{ partial "footer" . }}
   </body>
-- 
cgit v1.2.3-70-g09d2