From 81b078a04d0555de9658898d4da73e0ac83bd31c Mon Sep 17 00:00:00 2001
From: Mantas <11616378+mistermantas@users.noreply.github.com>
Date: Tue, 7 May 2019 22:29:51 +0300
Subject: First working example of categories

---
 layouts/partials/index/components.html | 115 +++++++++++++++++++++------------
 1 file changed, 74 insertions(+), 41 deletions(-)

(limited to 'layouts/partials/index')

diff --git a/layouts/partials/index/components.html b/layouts/partials/index/components.html
index 128b887..392acb7 100644
--- a/layouts/partials/index/components.html
+++ b/layouts/partials/index/components.html
@@ -5,49 +5,82 @@
 {{ $isDisrupted := where $active "Params.severity" "=" "disrupted" }}
 {{ $isDown := where $active "Params.severity" "=" "down" }}
 
-<div class="components">
-    {{ $systems := .Site.Params.systems }}
-    {{ range $systems }}
-      {{ $activeComponentIssues := where $active "Params.affected" "intersect" (slice .name) }}
-
-      {{ $thisIsNotice := where $activeComponentIssues "Params.severity" "=" "notice" }}
-      {{ $thisIsDisrupted := where $activeComponentIssues "Params.severity" "=" "disrupted" }}
-      {{ $thisIsDown := where $activeComponentIssues "Params.severity" "=" "down" }}
-
-      <div class="component" data-status="{{ if $thisIsDown }}down{{ else }}{{ if $thisIsDisrupted }}disrupted{{ else }}{{ if $thisIsNotice }}notice{{ else }}ok{{ end }}{{ end }}{{ end }}">
-        <a href="/affected/{{ .name | urlize }}" class="no-underline">
-          {{ .name }}
-        </a>
-
-        {{ with .description }}
-          <span class="tooltip tooltip--small">
-            &nbsp; <span class="faded">(?)</span>
-
-            <span class="tooltip__text">
-              {{ . }}
-            </span>
+<!-- Individual info -->
+<div class="categories">
+  {{ $systems := .Site.Params.systems }}
+  {{ $categories := .Site.Params.categories }}
+
+  {{ range $categories }}
+    <div class="category">
+      {{ if not .untitled }}
+      <div class="bold" style="margin: 12px 0">
+      {{ if .closed }}⯈{{ else }}⯆{{ end }}
+
+      <b>{{ .name }}</b>
+      
+      {{ with .description }}
+        <span class="tooltip tooltip--small">
+          &nbsp; <span class="faded">(?)</span>
+
+          <span class="tooltip__text">
+            {{ . }}
           </span>
-        {{ end }}
-
-        <span class="component-status">
-          {{ if $thisIsDown }}
-            <b>{{ T "thisIsDown" }}</b>
-          {{ else }}
-          {{ if $thisIsDisrupted }}
-            <b>{{ T "thisIsDisrupted" }}</b>
-          {{ else }}
-          {{ if $thisIsNotice }}
-            <b>{{ T "thisIsNotice" }}</b>
-          {{ else }}
-            {{ T "thisIsOk" }}
-          {{ end }}{{ end }}{{ end }}
         </span>
+      {{ end }}
+
+      </div>
+      {{ else }}
+      <div class="padding"></div>
+      {{ end }}
+
+      {{ $categorySystems := where $systems "category" "=" .name }}
+
+      <div class="components">
+      {{ range $categorySystems }}
+        {{ $activeComponentIssues := where $active "Params.affected" "intersect" (slice .name) }}
 
-        {{ with .partial }}
-        <div>
-          {{ partial . . }}
+        {{ $thisIsNotice := where $activeComponentIssues "Params.severity" "=" "notice" }}
+        {{ $thisIsDisrupted := where $activeComponentIssues "Params.severity" "=" "disrupted" }}
+        {{ $thisIsDown := where $activeComponentIssues "Params.severity" "=" "down" }}
+
+        <div class="component" data-status="{{ if $thisIsDown }}down{{ else }}{{ if $thisIsDisrupted }}disrupted{{ else }}{{ if $thisIsNotice }}notice{{ else }}ok{{ end }}{{ end }}{{ end }}">
+          <a href="/affected/{{ .name | urlize }}" class="no-underline">
+            {{ .name }}
+          </a>
+
+          {{ with .description }}
+            <span class="tooltip tooltip--small">
+              &nbsp; <span class="faded">(?)</span>
+
+              <span class="tooltip__text">
+                {{ . }}
+              </span>
+            </span>
+          {{ end }}
+
+          <span class="component-status">
+            {{ if $thisIsDown }}
+              {{ T "thisIsDown" }}
+            {{ else }}
+            {{ if $thisIsDisrupted }}
+              {{ T "thisIsDisrupted" }}
+            {{ else }}
+            {{ if $thisIsNotice }}
+              {{ T "thisIsNotice" }}
+            {{ else }}
+              {{ T "thisIsOk" }}
+            {{ end }}{{ end }}{{ end }}
+          </span>
+
+          {{ with .partial }}
+          <div>
+            {{ partial . . }}
+          </div>
+          {{ end }}
         </div>
-        {{ end }}
+      {{ end }}
       </div>
-    {{ end }}
-  </div>
\ No newline at end of file
+    </div>
+  {{ end }}
+
+</div>
\ No newline at end of file
-- 
cgit v1.2.3-70-g09d2


From f8b0da97d84c043576418b9d28f5d75d94d611aa Mon Sep 17 00:00:00 2001
From: Mantas <11616378+mistermantas@users.noreply.github.com>
Date: Wed, 8 May 2019 22:16:24 +0300
Subject: Categories working except for the arrow

---
 exampleSite/config.yml                 |  6 +++++-
 layouts/partials/index/components.html |  8 +++++---
 layouts/partials/index/summary.html    |  2 +-
 layouts/partials/meta.html             | 26 +++++++++++++++++++-------
 4 files changed, 30 insertions(+), 12 deletions(-)

(limited to 'layouts/partials/index')

diff --git a/exampleSite/config.yml b/exampleSite/config.yml
index 8b45b9b..a45d06d 100644
--- a/exampleSite/config.yml
+++ b/exampleSite/config.yml
@@ -109,6 +109,8 @@ params:
   systems:
     - name: Gateway
       category: North Coast
+    - name: Backup Gateway
+      category: East Coast
     - name: API
       description: The guts of the application.
       category: Uncategorized
@@ -119,10 +121,12 @@ params:
   categories:
     - name: North Coast
       description: The worst one. Or the best one.
-      closed: true      
+      closed: true
+    - name: East Coast      
     - name: Uncategorized
       untitled: true
     
+    
 
   # What date format to use?
   #
diff --git a/layouts/partials/index/components.html b/layouts/partials/index/components.html
index 392acb7..47da96c 100644
--- a/layouts/partials/index/components.html
+++ b/layouts/partials/index/components.html
@@ -13,8 +13,10 @@
   {{ range $categories }}
     <div class="category">
       {{ if not .untitled }}
-      <div class="bold" style="margin: 12px 0">
-      {{ if .closed }}⯈{{ else }}⯆{{ end }}
+      <div class="bold padding clicky category__head" onclick="document.querySelector('#{{ .name | urlize }}').classList.toggle('hidden'); document.querySelector('#{{ .name | urlize }}-toggle').classList.toggle('hidden')">
+        <span class="hide-without-js" id="{{ .name | urlize }}-toggle">
+          {{ if .closed }}⯈{{ else }}⯆{{ end }}
+        </span>
 
       <b>{{ .name }}</b>
       
@@ -35,7 +37,7 @@
 
       {{ $categorySystems := where $systems "category" "=" .name }}
 
-      <div class="components">
+      <div class="components {{ if .closed }}hidden{{ end }}" id="{{ .name | urlize }}">
       {{ range $categorySystems }}
         {{ $activeComponentIssues := where $active "Params.affected" "intersect" (slice .name) }}
 
diff --git a/layouts/partials/index/summary.html b/layouts/partials/index/summary.html
index d8e3108..de6bceb 100644
--- a/layouts/partials/index/summary.html
+++ b/layouts/partials/index/summary.html
@@ -20,5 +20,5 @@
     {{ end }}{{ end }}{{ end }}
   </strong>
 
-  <span class="summary__date float-right" onclick="location.reload()"></span>
+  <div class="summary__date clicky float-right" onclick="location.reload()"></div>
 </div>
\ No newline at end of file
diff --git a/layouts/partials/meta.html b/layouts/partials/meta.html
index ad4655a..9acc554 100644
--- a/layouts/partials/meta.html
+++ b/layouts/partials/meta.html
@@ -20,6 +20,8 @@
     var themeNoticeColor = '#{{ .Site.Params.notice }}';
     var themeDisruptedColor = '#{{ .Site.Params.disrupted }}';
     var themeDownColor = '#{{ .Site.Params.down }}';
+
+
     </script>
     <!-- Sources -->
     <style>
@@ -110,6 +112,21 @@
     .padding-s { padding: 6px; }
     .padding { padding: 12px; }
 
+    .clicky { cursor: pointer; }
+    .hidden { display: none; }
+    
+
+
+    /**
+     * Categories
+     */
+
+
+    .hide-without-js { display: none; }
+    .js span.hide-without-js { display: inline; }
+    .js div.hide-without-js { display: block; }
+
+
     /**
      * UI elements
      */
@@ -182,11 +199,6 @@
       color: #fff;
     }
 
-    .summary__date {
-      display: block;
-      cursor: pointer;
-    }
-
     .summary__date:hover {
       color: #ccc;
     }
@@ -268,8 +280,8 @@
      */
 
     .issue { display: block; padding: 14px 24px; }
-    .issue:hover { background: #f5f5f5; }
-    .issue:active { background: #eee; }
+    .issue:hover, .category__head:hover { background: #f5f5f5; }
+    .issue:active, .category__head:active { background: #eee; }
 
     .issue h3 { line-height: 1.25; }
 
-- 
cgit v1.2.3-70-g09d2


From d64bc9eb93d842739671c0de8b6266e787531085 Mon Sep 17 00:00:00 2001
From: Mantas <11616378+mistermantas@users.noreply.github.com>
Date: Thu, 9 May 2019 20:00:36 +0300
Subject: Categories FULLY WORKING

---
 exampleSite/config.yml                 | 41 ++++++++++++++++++++++++----------
 layouts/partials/index/components.html | 15 ++++++++-----
 layouts/partials/meta.html             |  9 +++++---
 3 files changed, 44 insertions(+), 21 deletions(-)

(limited to 'layouts/partials/index')

diff --git a/exampleSite/config.yml b/exampleSite/config.yml
index a45d06d..5df05d8 100644
--- a/exampleSite/config.yml
+++ b/exampleSite/config.yml
@@ -83,7 +83,7 @@ defaultContentLanguage: en
 # What is the hostname or path to the root?
 # Where is the site hosted?
 #
-# 💥 cState & Hugo don’t support '/' in
+# ❗ cState & Hugo don’t support '/' in
 # production use. It will break RSS
 # feeds and breaks permalinks since
 # version 3. If you are just testing,
@@ -99,7 +99,34 @@ baseURL: https://cstate.mnts.lt
 ############################################################
 
 params:
-  enableCategories: false
+  # Before setting up your systems, you need
+  # to first define at least one category.
+  #
+  # Categories are shown in the order that
+  # you define in this config file.
+  #
+  # Categories can have a:
+  # - name
+  # - description
+  # - closed boolean `closed: true`
+  #   That would collapse the category upon first load
+  #   and the user can expand by clicking on the category
+  #   (Requires JavaScript.)
+  # - untitled boolean `untitled: true`
+  #   This would complerely hide the name of the category.
+  #   This is useful, if you do not want to use categories
+  #   because you need to set an 'Uncategorized' category.
+  #   Or it can be used alongside other categories.
+  #
+  # For help, see the wiki:
+  # https://github.com/cstate/cstate/wiki/Customization
+  categories:
+    - name: North Coast
+      description: The main servers are located here.
+      closed: true
+    - name: East Coast      
+    - name: Uncategorized
+      untitled: true
 
   # These are your systems. Change them to
   # change the amount of components.
@@ -118,16 +145,6 @@ params:
       description: This is the service responsible for serving images, audio, and video. It is reliant on our CDN.
       category: Uncategorized
 
-  categories:
-    - name: North Coast
-      description: The worst one. Or the best one.
-      closed: true
-    - name: East Coast      
-    - name: Uncategorized
-      untitled: true
-    
-    
-
   # What date format to use?
   #
   # Hugo formatting docs:
diff --git a/layouts/partials/index/components.html b/layouts/partials/index/components.html
index 47da96c..803c44f 100644
--- a/layouts/partials/index/components.html
+++ b/layouts/partials/index/components.html
@@ -11,14 +11,17 @@
   {{ $categories := .Site.Params.categories }}
 
   {{ range $categories }}
-    <div class="category">
+    <div class="category {{ if .closed }}category--closed{{ else }}category--open{{ end }}" id="{{ .name | urlize }}">
       {{ if not .untitled }}
-      <div class="bold padding clicky category__head" onclick="document.querySelector('#{{ .name | urlize }}').classList.toggle('hidden'); document.querySelector('#{{ .name | urlize }}-toggle').classList.toggle('hidden')">
-        <span class="hide-without-js" id="{{ .name | urlize }}-toggle">
-          {{ if .closed }}⯈{{ else }}⯆{{ end }}
+      <div class="bold padding clicky category__head" onclick="this.parentNode.classList.toggle('category--closed'); this.parentNode.classList.toggle('category--open')">
+        <span class="hide-without-js">
+          <span class="category__closed-marker">⯈</span>
+          <span class="category__open-marker">⯆</span>
         </span>
 
-      <b>{{ .name }}</b>
+      <b>
+        {{ .name }}
+      </b>
       
       {{ with .description }}
         <span class="tooltip tooltip--small">
@@ -37,7 +40,7 @@
 
       {{ $categorySystems := where $systems "category" "=" .name }}
 
-      <div class="components {{ if .closed }}hidden{{ end }}" id="{{ .name | urlize }}">
+      <div class="components">
       {{ range $categorySystems }}
         {{ $activeComponentIssues := where $active "Params.affected" "intersect" (slice .name) }}
 
diff --git a/layouts/partials/meta.html b/layouts/partials/meta.html
index 9acc554..1acf474 100644
--- a/layouts/partials/meta.html
+++ b/layouts/partials/meta.html
@@ -111,17 +111,20 @@
     .right { text-align: right; }
     .padding-s { padding: 6px; }
     .padding { padding: 12px; }
-
     .clicky { cursor: pointer; }
-    .hidden { display: none; }
-    
 
 
     /**
      * Categories
      */
 
+    /* Categories themselves */
+    .js .category--open .category__closed-marker { display: none; }
+    .js .category--closed .components { display: none; }
+    .js .category--closed .category__open-marker { display: none; }
 
+    /* Markers */
+    .js .hidden-with-js { display: none; }
     .hide-without-js { display: none; }
     .js span.hide-without-js { display: inline; }
     .js div.hide-without-js { display: block; }
-- 
cgit v1.2.3-70-g09d2


From 7faf0860dfe7e6110669cda0963a7f0d60ce0dda Mon Sep 17 00:00:00 2001
From: Mantas <11616378+mistermantas@users.noreply.github.com>
Date: Sun, 12 May 2019 12:14:10 +0300
Subject: IE8+ JavaScript

---
 layouts/partials/index/components.html | 12 +++++++++++-
 1 file changed, 11 insertions(+), 1 deletion(-)

(limited to 'layouts/partials/index')

diff --git a/layouts/partials/index/components.html b/layouts/partials/index/components.html
index 803c44f..135349a 100644
--- a/layouts/partials/index/components.html
+++ b/layouts/partials/index/components.html
@@ -10,10 +10,20 @@
   {{ $systems := .Site.Params.systems }}
   {{ $categories := .Site.Params.categories }}
 
+  <script>
+  function toggleCategoryHead(el) {
+    if (el.parentNode.className == 'category category--open') {
+      el.parentNode.className = 'category category--closed';
+    } else {
+      el.parentNode.className = 'category category--open';
+    }
+  }
+  </script>
+
   {{ range $categories }}
     <div class="category {{ if .closed }}category--closed{{ else }}category--open{{ end }}" id="{{ .name | urlize }}">
       {{ if not .untitled }}
-      <div class="bold padding clicky category__head" onclick="this.parentNode.classList.toggle('category--closed'); this.parentNode.classList.toggle('category--open')">
+      <div class="bold padding clicky category__head" onclick="toggleCategoryHead(this)">
         <span class="hide-without-js">
           <span class="category__closed-marker">⯈</span>
           <span class="category__open-marker">⯆</span>
-- 
cgit v1.2.3-70-g09d2


From 0cde429a45c379c4781e31e5e88b853899e452a8 Mon Sep 17 00:00:00 2001
From: Mantas <11616378+mistermantas@users.noreply.github.com>
Date: Tue, 18 Jun 2019 19:31:25 +0300
Subject: Yearly seperation of incidents

---
 layouts/partials/index/incidents-yearly.html | 9 +++++++++
 1 file changed, 9 insertions(+)
 create mode 100644 layouts/partials/index/incidents-yearly.html

(limited to 'layouts/partials/index')

diff --git a/layouts/partials/index/incidents-yearly.html b/layouts/partials/index/incidents-yearly.html
new file mode 100644
index 0000000..36f6e44
--- /dev/null
+++ b/layouts/partials/index/incidents-yearly.html
@@ -0,0 +1,9 @@
+{{ $incidents := where .Site.RegularPages "Params.section" "issue" }}
+
+{{ range ((where .Site.RegularPages "Params.section" "issue").GroupByDate "2006") }}
+  <p class="center" id="{{ .Key }}"><a href="#{{ .Key }}" class="no-underline"><strong>{{ .Key }}</strong></a></p>
+  
+  {{ range .Pages }}
+    {{ .Render "small" }}
+  {{ end }}
+{{ end }}
-- 
cgit v1.2.3-70-g09d2


From a07a3ccb6d76f3bacc85eddf0c132aa29a1a610c Mon Sep 17 00:00:00 2001
From: Mantas Vilčinskas <hi@mnts.lt>
Date: Fri, 4 Oct 2019 18:59:16 +0300
Subject: Added symbols for severity, informational posts, yearly layout
 default

---
 exampleSite/config.yml                             |  2 +-
 .../issues/2018-06-13-maintenance-window.md        |  3 +-
 .../issues/2019-10-04-testing-cstate-functions.md  | 11 +++++
 .../issues/2019-10-08-testing-new-pipeline.md      | 13 ++++++
 layouts/issues/issue.html                          | 13 +++++-
 layouts/issues/small.html                          | 52 +++++++++++++++-------
 layouts/partials/index/incidents-yearly.html       |  4 +-
 7 files changed, 78 insertions(+), 20 deletions(-)
 create mode 100644 exampleSite/content/issues/2019-10-04-testing-cstate-functions.md
 create mode 100644 exampleSite/content/issues/2019-10-08-testing-new-pipeline.md

(limited to 'layouts/partials/index')

diff --git a/exampleSite/config.yml b/exampleSite/config.yml
index f0a19cd..0a3afe1 100644
--- a/exampleSite/config.yml
+++ b/exampleSite/config.yml
@@ -170,7 +170,7 @@ params:
   #
   # Default: true
   # BOOLEAN; `true`, `false`
-  enableYearlyIncidentHistory: false
+  enableYearlyIncidentHistory: true
 
   # Should we show the logo or the title
   # of the status page?
diff --git a/exampleSite/content/issues/2018-06-13-maintenance-window.md b/exampleSite/content/issues/2018-06-13-maintenance-window.md
index 6b75810..dae3afb 100644
--- a/exampleSite/content/issues/2018-06-13-maintenance-window.md
+++ b/exampleSite/content/issues/2018-06-13-maintenance-window.md
@@ -1,7 +1,8 @@
 ---
 title: Maintenance Window
 date: 2018-06-13 15:54:00
-resolved: false
+resolved: true
+resolvedWhen: 2018-06-13 16:54:00
 # Possible severity levels: down, disrupted, notice
 severity: disrupted
 affected:
diff --git a/exampleSite/content/issues/2019-10-04-testing-cstate-functions.md b/exampleSite/content/issues/2019-10-04-testing-cstate-functions.md
new file mode 100644
index 0000000..e8e2250
--- /dev/null
+++ b/exampleSite/content/issues/2019-10-04-testing-cstate-functions.md
@@ -0,0 +1,11 @@
+---
+title: Testing New cState Features
+date: 2019-10-04 18:05:00
+resolvedWhen: 2019-10-04 18:05:00
+informational: true
+section: issue
+---
+
+There is a new feature in cState version 4 that lets you make what are called _informational_ posts. The main difference is that there will be no _Unresolved_ or _Resolved in under a minute_ text on the pages.
+
+This is essentially a page with a date and title.
\ No newline at end of file
diff --git a/exampleSite/content/issues/2019-10-08-testing-new-pipeline.md b/exampleSite/content/issues/2019-10-08-testing-new-pipeline.md
new file mode 100644
index 0000000..c30358c
--- /dev/null
+++ b/exampleSite/content/issues/2019-10-08-testing-new-pipeline.md
@@ -0,0 +1,13 @@
+---
+title: New Pipeline Rollout
+date: 2019-10-05 16:24:00
+resolved: false
+resolvedWhen: 2019-10-05 16:58:00
+# Possible severity levels: down, disrupted, notice
+severity: disrupted
+affected:
+  - API
+section: issue
+---
+
+There may be disruptions in the rollout.
\ No newline at end of file
diff --git a/layouts/issues/issue.html b/layouts/issues/issue.html
index c344f57..24cadd8 100644
--- a/layouts/issues/issue.html
+++ b/layouts/issues/issue.html
@@ -24,7 +24,8 @@
     {{ end }}
   </small></p>
 
-  {{ if .Params.Resolved }}
+  {{ if .Params.informational }}
+  {{ else if .Params.Resolved }}
   {{ $t := (time .Params.ResolvedWhen) }}
   {{ $timeDiff := (sub $t.Unix .Date.Unix) }}
   {{ $diffInMin := (div $timeDiff 60) }}
@@ -79,7 +80,15 @@
     {{ end }}
   {{ end }}
   {{ else }}
-    <strong class="error">{{ T "downtimeOngoing" }}</strong>
+    <strong class="error">
+      {{ if eq .Params.severity "down" }}
+      ◼ 
+      {{ else if eq .Params.severity "disrupted" }}
+      ▲
+      {{ else }}
+      ◆
+      {{ end }}
+      {{ T "downtimeOngoing" }}</strong>
   {{ end }}
 
   <hr>
diff --git a/layouts/issues/small.html b/layouts/issues/small.html
index ef30b75..9349046 100644
--- a/layouts/issues/small.html
+++ b/layouts/issues/small.html
@@ -6,7 +6,23 @@
 {{ $isDown := where $active "Params.severity" "=" "down" }}
 
 <a href="{{ .Permalink }}" class="issue no-underline">
-  {{ if .Params.Resolved }}
+  {{ if .Params.informational }}
+    
+    <small class="date float-right">
+      {{ if .Site.Params.dateFormat }}
+        {{ .Date.Format .Site.Params.dateFormat }}
+      {{ else }}
+        {{ .Date.Format "January 2, 2006 at 3:04 PM" }}
+      {{ end }}
+    </small>
+
+    <h3>
+      {{ .Title }} &nbsp;ℹ
+    </h3>
+    <span class="faded">{{ .Summary | truncate 200 }}
+    </span>
+  
+  {{ else if .Params.Resolved }}
     <small class="date float-right">
       {{ if .Site.Params.dateFormat }}
         {{ .Date.Format .Site.Params.dateFormat }}
@@ -49,24 +65,30 @@
         </div>
       {{ end }}
     {{ end }}
-
-
   {{ else }}
 
-  <small class="date float-right">
-    {{ if .Site.Params.dateFormat }}
-      {{ .Date.Format .Site.Params.dateFormat }}
-    {{ else }}
-      {{ .Date.Format "January 2, 2006 at 3:04 PM" }}
-    {{ end }}
-  </small>
+    <small class="date float-right">
+      {{ if .Site.Params.dateFormat }}
+        {{ .Date.Format .Site.Params.dateFormat }}
+      {{ else }}
+        {{ .Date.Format "January 2, 2006 at 3:04 PM" }}
+      {{ end }}
+    </small>
 
-  <h3>
-    {{ .Title }}
-  </h3>
+    <h3>
+      {{ .Title }}
+    </h3>
 
-  <!-- Marker -->
-  <div class="error">{{ T "downtimeOngoing" }}</div>
+    <!-- Marker -->
+    <strong class="error">
+      {{ if eq .Params.severity "down" }}
+      ◼ 
+      {{ else if eq .Params.severity "disrupted" }}
+      ▲
+      {{ else }}
+      ◆
+      {{ end }}
+      {{ T "downtimeOngoing" }}</strong>
 
   {{ end }}
 </a>
diff --git a/layouts/partials/index/incidents-yearly.html b/layouts/partials/index/incidents-yearly.html
index 36f6e44..5cc323a 100644
--- a/layouts/partials/index/incidents-yearly.html
+++ b/layouts/partials/index/incidents-yearly.html
@@ -1,7 +1,9 @@
 {{ $incidents := where .Site.RegularPages "Params.section" "issue" }}
 
 {{ range ((where .Site.RegularPages "Params.section" "issue").GroupByDate "2006") }}
-  <p class="center" id="{{ .Key }}"><a href="#{{ .Key }}" class="no-underline"><strong>{{ .Key }}</strong></a></p>
+  <p class="center" id="{{ .Key }}"><a href="#{{ .Key }}" class="no-underline"><strong>{{ .Key }}</strong>
+    <span class="faded">({{ len .Pages }})</span>
+  </a></p>
   
   {{ range .Pages }}
     {{ .Render "small" }}
-- 
cgit v1.2.3-70-g09d2


From 19d5be70f84c21011869b6c8340a0589f353beb8 Mon Sep 17 00:00:00 2001
From: Mantas Vilčinskas <hi@mnts.lt>
Date: Sat, 5 Oct 2019 19:43:56 +0300
Subject: Added API for index, fully added #43 with tweaks to yrly archive

---
 exampleSite/config.yml                             |  8 ++---
 .../issues/2018-01-17-sending-dms-impacted.md      |  4 +--
 .../issues/2018-05-25-us-east-conn-issues.md       |  4 +--
 layouts/index.html                                 |  4 ++-
 layouts/index.json                                 | 39 ++++++++++++++++++++++
 layouts/issues/single.json                         |  9 +++--
 layouts/partials/index/incidents-monthly.html      | 29 ++++++++++++++++
 layouts/partials/index/incidents-yearly.html       |  9 +++--
 8 files changed, 89 insertions(+), 17 deletions(-)
 create mode 100644 layouts/index.json
 create mode 100644 layouts/partials/index/incidents-monthly.html

(limited to 'layouts/partials/index')

diff --git a/exampleSite/config.yml b/exampleSite/config.yml
index 0a3afe1..a894d26 100644
--- a/exampleSite/config.yml
+++ b/exampleSite/config.yml
@@ -164,13 +164,13 @@ params:
   useLargeHeaderDesign: false
 
   # Should incident history be separated
-  # yearly, in an archive view?
+  # like in an archive view?
   #
   # Note: This WILL disable pagination.
   #
-  # Default: true
-  # BOOLEAN; `true`, `false`
-  enableYearlyIncidentHistory: true
+  # Default: `yearly`
+  # STRING; `monthly`, `yearly`, `none`
+  incidentHistoryFormat: "yearly"
 
   # Should we show the logo or the title
   # of the status page?
diff --git a/exampleSite/content/issues/2018-01-17-sending-dms-impacted.md b/exampleSite/content/issues/2018-01-17-sending-dms-impacted.md
index 0af6136..b96139f 100644
--- a/exampleSite/content/issues/2018-01-17-sending-dms-impacted.md
+++ b/exampleSite/content/issues/2018-01-17-sending-dms-impacted.md
@@ -1,8 +1,8 @@
 ---
 title: Issues Sending DMs
-date: 2018-01-17 16:24:00
+date: 2017-12-17 16:24:00
 resolved: true
-resolvedWhen: 2018-01-17 16:58:00
+resolvedWhen: 2017-12-17 16:58:00
 # Possible severity levels: down, disrupted, notice
 severity: disrupted
 affected:
diff --git a/exampleSite/content/issues/2018-05-25-us-east-conn-issues.md b/exampleSite/content/issues/2018-05-25-us-east-conn-issues.md
index 8178189..8d56cf2 100644
--- a/exampleSite/content/issues/2018-05-25-us-east-conn-issues.md
+++ b/exampleSite/content/issues/2018-05-25-us-east-conn-issues.md
@@ -1,8 +1,8 @@
 ---
 title: US East Connection Issues
-date: 2018-05-25 04:13:00
+date: 2018-04-25 04:13:00
 resolved: true
-resolvedWhen: 2018-05-25 04:13:59
+resolvedWhen: 2018-04-25 04:13:59
 # Possible severity levels: down, disrupted, notice
 severity: down
 affected:
diff --git a/layouts/index.html b/layouts/index.html
index da6f6ad..c02224a 100644
--- a/layouts/index.html
+++ b/layouts/index.html
@@ -38,8 +38,10 @@
 
   <!-- All incidents + pagination -->
   <div class="contain contain--more" id="incidents">
-    {{ if .Site.Params.enableYearlyIncidentHistory }}
+    {{ if eq .Site.Params.incidentHistoryFormat "yearly" }}
       {{ partial "index/incidents-yearly" . }}
+    {{ else if eq .Site.Params.incidentHistoryFormat "monthly" }}
+      {{ partial "index/incidents-monthly" . }}
     {{ else }}
       {{ partial "index/incidents" . }}
     {{ end }}
diff --git a/layouts/index.json b/layouts/index.json
new file mode 100644
index 0000000..2495f60
--- /dev/null
+++ b/layouts/index.json
@@ -0,0 +1,39 @@
+{
+  "version": "4.0",
+  "title": "{{ .Site.Title }}",
+  "languageCodeHTML": "{{ .Site.LanguageCode }}",
+  "languageCode": "{{ T "languageCode" }}",
+  "languageCode": "{{ T "languageCode" }}", 
+  "baseURL": "{{ .Site.BaseURL }}", 
+  "description": "{{ .Site.Params.Description }}",
+  "logo": "{{ .Site.Params.logo | absURL }}",
+  "categories": [
+    {{ range $i, $e := .Site.Params.categories }}{{ if $i }},{{ end }}
+      {
+        "name": "{{ .name }}",{{ if .description }}
+        "description": "{{ .description }}",{{ end }}
+        "hideTitle": "{{ .untitled }}",
+        "closedByDefault": "{{ .closed }}"
+      }
+    {{ end }}
+  ],
+  "systems": [
+    {{ range $i, $e := .Site.Params.systems }}{{ if $i }},{{ end }}
+      {
+        "name": "{{ .name }}",{{ if .description }}
+        "description": "{{ .description }}",{{ end }}
+        "category": "{{ .category }}",
+        "hideTitle": "{{ .untitled }}",
+        "closedByDefault": "{{ .closed }}"
+      }
+    {{ end }}
+  ],
+
+  "colorBrand": "{{ .Site.Params.Brand }}",
+  "colorOk": "{{ .Site.Params.Ok }}",
+  "colorDisrupted": "{{ .Site.Params.Disrupted }}",
+  "colorDown": "{{ .Site.Params.Down }}",
+  "colorNotice": "{{ .Site.Params.Notice }}",
+  "alwaysKeepBrandColor": "{{ .Site.Params.alwaysKeepBrandColor }}",
+  "googleAnalytics": "{{ .Site.Params.googleAnalytics }}"
+}
\ No newline at end of file
diff --git a/layouts/issues/single.json b/layouts/issues/single.json
index 6287288..897998a 100644
--- a/layouts/issues/single.json
+++ b/layouts/issues/single.json
@@ -5,10 +5,9 @@
   "created_at": "{{ .Date }}",
   "severity": "{{ .Params.severity }}",
   "resolved": "{{ .Params.resolved }}",
+  "informational": "{{ .Params.informational }}",
   "resolved_at": "{{ .Params.resolvedWhen }}",
-  "affected": [{{ range $i, $e := .Params.Affected }}{{ if $i }}, {{ end }}'{{ . }}'{{ end }}],
-
-  "body": {{ jsonify .Content }},
-
-  "filename": "{{ .File.LogicalName }}"
+  "affected": [{{ range $i, $e := .Params.Affected }}{{ if $i }}, {{ end }}"{{ . }}"{{ end }}],
+  "filename": "{{ .File.LogicalName }}",
+  "body": {{ jsonify .Content }}
 }
\ No newline at end of file
diff --git a/layouts/partials/index/incidents-monthly.html b/layouts/partials/index/incidents-monthly.html
new file mode 100644
index 0000000..263bc52
--- /dev/null
+++ b/layouts/partials/index/incidents-monthly.html
@@ -0,0 +1,29 @@
+{{ $incidents := where .Site.RegularPages "Params.section" "issue" }}
+
+
+
+{{ range ($incidents.GroupByDate "1") }}
+  <div class="padding"></div>
+  <hr>
+  <p class="center" id="archive-{{ range first 1 .Pages }}{{ .Date.Format "2006" }}{{ end }}-{{ .Key }}"><a href="#archive-{{ range first 1 .Pages }}{{ .Date.Format "2006" }}{{ end }}-{{ .Key }}" class="no-underline">
+    <b>
+      <!-- Hugo requires a '0' in the month
+      which is why this check exists -->
+      {{ if gt .Key 9 }}
+        {{ $month := printf "2006-%s-02" .Key }}
+        {{ $monthDate := $month | time }}
+        {{ $monthDate.Format "January" }}
+      {{ else }}
+        {{ $month := printf "2006-0%s-02" .Key }}
+        {{ $monthDate := $month | time }}
+        {{ $monthDate.Format "January" }}
+      {{ end }}
+      {{ range first 1 .Pages }}{{ .Date.Format "2006" }}{{ end }}
+    </b><small class="faded">({{ len .Pages }})</small>
+  </a></p>
+  <hr>
+
+  {{ range .Pages }}
+    {{ .Render "small" }}
+  {{ end }}
+{{ end }}
diff --git a/layouts/partials/index/incidents-yearly.html b/layouts/partials/index/incidents-yearly.html
index 5cc323a..d07be9d 100644
--- a/layouts/partials/index/incidents-yearly.html
+++ b/layouts/partials/index/incidents-yearly.html
@@ -1,9 +1,12 @@
 {{ $incidents := where .Site.RegularPages "Params.section" "issue" }}
 
-{{ range ((where .Site.RegularPages "Params.section" "issue").GroupByDate "2006") }}
-  <p class="center" id="{{ .Key }}"><a href="#{{ .Key }}" class="no-underline"><strong>{{ .Key }}</strong>
+
+{{ range ($incidents.GroupByDate "2006") }}
+  <div class="padding"></div>
+  <hr>
+  <p class="center" id="archive-{{ .Key }}"><a href="#archive-{{ .Key }}" class="no-underline"><strong>{{ .Key }}</strong>
     <span class="faded">({{ len .Pages }})</span>
-  </a></p>
+  </a></p><hr>
   
   {{ range .Pages }}
     {{ .Render "small" }}
-- 
cgit v1.2.3-70-g09d2


From ae39ee1c2d48899e75acdecff7442b4ef8a4c49c Mon Sep 17 00:00:00 2001
From: Mantas Vilčinskas <hi@mnts.lt>
Date: Sun, 6 Oct 2019 10:28:21 +0300
Subject: Mostly finished API #27 for index, issue, page; remove autorefresh
 #80

---
 layouts/_default/single.json            |  8 ++++++++
 layouts/index.json                      | 34 ++++++++++++++++++++++++++-------
 layouts/issues/single.json              |  8 ++++----
 layouts/partials/index/autorefresh.html |  8 --------
 layouts/partials/js.html                |  2 +-
 layouts/partials/meta.html              |  2 +-
 6 files changed, 41 insertions(+), 21 deletions(-)
 create mode 100644 layouts/_default/single.json

(limited to 'layouts/partials/index')

diff --git a/layouts/_default/single.json b/layouts/_default/single.json
new file mode 100644
index 0000000..634e2bc
--- /dev/null
+++ b/layouts/_default/single.json
@@ -0,0 +1,8 @@
+{
+  "is": "page",
+  "title": "{{ .Title }}",
+  "createdAt": "{{ .Date }}",
+  "filename": "{{ .File.LogicalName }}",
+  "permalink": "{{ .Permalink }}",
+  "body": {{ jsonify .Content }}
+}
\ No newline at end of file
diff --git a/layouts/index.json b/layouts/index.json
index 2495f60..c2a2c49 100644
--- a/layouts/index.json
+++ b/layouts/index.json
@@ -1,9 +1,15 @@
+{{ $incidents := where .Site.RegularPages "Params.section" "issue" }}
+{{ $active := where $incidents "Params.resolved" "=" false }}
+{{ $isNotice := where $active "Params.severity" "=" "notice" }}
+{{ $isDisrupted := where $active "Params.severity" "=" "disrupted" }}
+{{ $isDown := where $active "Params.severity" "=" "down" }}
 {
-  "version": "4.0",
+  "is": "index",
+  "cStateVersion": "4.0",
+  "apiVersion": "1.0",
   "title": "{{ .Site.Title }}",
   "languageCodeHTML": "{{ .Site.LanguageCode }}",
   "languageCode": "{{ T "languageCode" }}",
-  "languageCode": "{{ T "languageCode" }}", 
   "baseURL": "{{ .Site.BaseURL }}", 
   "description": "{{ .Site.Params.Description }}",
   "logo": "{{ .Site.Params.logo | absURL }}",
@@ -12,8 +18,8 @@
       {
         "name": "{{ .name }}",{{ if .description }}
         "description": "{{ .description }}",{{ end }}
-        "hideTitle": "{{ .untitled }}",
-        "closedByDefault": "{{ .closed }}"
+        "hideTitle": {{ if .untitled }}true{{ else }}false{{ end }},
+        "closedByDefault": {{ if .closed }}true{{ else }}false{{ end }}
       }
     {{ end }}
   ],
@@ -22,18 +28,32 @@
       {
         "name": "{{ .name }}",{{ if .description }}
         "description": "{{ .description }}",{{ end }}
-        "category": "{{ .category }}",
-        "hideTitle": "{{ .untitled }}",
-        "closedByDefault": "{{ .closed }}"
+        "category": "{{ .category }}"
       }
     {{ end }}
   ],
 
+  
+  "buildDate": "{{ now.Format "2006-01-02" }}",
+  "buildTime": "{{ now.Format "15:04" }}",
+  "buildTimezone": "{{ now.Format "MST" }}",
+  "summaryStatus":{{ if $isDown }}
+    "down",
+  {{ else }}
+  {{ if $isDisrupted }}
+    "disrupted",
+  {{ else }}
+  {{ if $isNotice }}
+    "notice",
+  {{ else }}
+    "ok",
+  {{ end }}{{ end }}{{ end }}
   "colorBrand": "{{ .Site.Params.Brand }}",
   "colorOk": "{{ .Site.Params.Ok }}",
   "colorDisrupted": "{{ .Site.Params.Disrupted }}",
   "colorDown": "{{ .Site.Params.Down }}",
   "colorNotice": "{{ .Site.Params.Notice }}",
   "alwaysKeepBrandColor": "{{ .Site.Params.alwaysKeepBrandColor }}",
+
   "googleAnalytics": "{{ .Site.Params.googleAnalytics }}"
 }
\ No newline at end of file
diff --git a/layouts/issues/single.json b/layouts/issues/single.json
index 897998a..36b0f67 100644
--- a/layouts/issues/single.json
+++ b/layouts/issues/single.json
@@ -1,12 +1,12 @@
-
 {
-  "section": "{{ .Section }}",
+  "is": "issue",
   "title": "{{ .Title }}",
-  "created_at": "{{ .Date }}",
+  "createdAt": "{{ .Date }}",
+  "permalink": "{{ .Permalink }}",
   "severity": "{{ .Params.severity }}",
   "resolved": "{{ .Params.resolved }}",
   "informational": "{{ .Params.informational }}",
-  "resolved_at": "{{ .Params.resolvedWhen }}",
+  "resolvedAt": "{{ .Params.resolvedWhen }}",
   "affected": [{{ range $i, $e := .Params.Affected }}{{ if $i }}, {{ end }}"{{ . }}"{{ end }}],
   "filename": "{{ .File.LogicalName }}",
   "body": {{ jsonify .Content }}
diff --git a/layouts/partials/index/autorefresh.html b/layouts/partials/index/autorefresh.html
index b419e2f..e69de29 100644
--- a/layouts/partials/index/autorefresh.html
+++ b/layouts/partials/index/autorefresh.html
@@ -1,8 +0,0 @@
-{{ if .Site.Params.autoRefresh }}
-  <div class="faded right">
-    <small><em>{{ T "autoRefreshNotice" }}</em></small>
-  </div>
-  <div class="padding-s"></div>
-  {{ else }}
-  <div class="padding"></div>
-{{ end }}
\ No newline at end of file
diff --git a/layouts/partials/js.html b/layouts/partials/js.html
index 54909c2..54a0176 100644
--- a/layouts/partials/js.html
+++ b/layouts/partials/js.html
@@ -3,7 +3,7 @@
    * Dev toolset
    */
 
-  console.log('cState v4.0.0 - Dev 2019-10-04 - https://github.com/cstate/cstate');
+  console.log('cState v4.0.0 - Dev 2019-10-06 - https://github.com/cstate/cstate');
   document.getElementsByTagName('html')[0].className = 'js';
 
   /**
diff --git a/layouts/partials/meta.html b/layouts/partials/meta.html
index 2dc58bf..277d250 100644
--- a/layouts/partials/meta.html
+++ b/layouts/partials/meta.html
@@ -12,7 +12,7 @@
     {{ range .AlternativeOutputFormats -}}
     {{ printf `<link rel="%s" type="%s" href="%s" title="%s" />` .Rel .MediaType.Type .Permalink $.Site.Title | safeHTML }}
     {{ end -}}
-    <meta name="generator" content="cState v4.0.0 - Dev 2019-10-04">
+    <meta name="generator" content="cState v4.0.0 - Dev 2019-10-06">
     <meta name="theme-color" content="#{{ .Site.Params.brand }}">
     <script>
     var themeBrandColor = '#{{ .Site.Params.brand }}';
-- 
cgit v1.2.3-70-g09d2