aboutsummaryrefslogtreecommitdiff
path: root/layouts
diff options
context:
space:
mode:
Diffstat (limited to 'layouts')
-rw-r--r--layouts/index.json2
-rw-r--r--layouts/issues/issue.html11
-rw-r--r--layouts/issues/small.html7
-rw-r--r--layouts/partials/index/components.html26
-rw-r--r--layouts/partials/js.html2
-rw-r--r--layouts/partials/meta.html6
6 files changed, 34 insertions, 20 deletions
diff --git a/layouts/index.json b/layouts/index.json
index e2e7b7f..a7ce134 100644
--- a/layouts/index.json
+++ b/layouts/index.json
@@ -1,6 +1,6 @@
{{ $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" }}{
"is": "index",
- "cStateVersion": "5.5.1",
+ "cStateVersion": "5.5.2",
"apiVersion": "2.0",
"title": "{{ .Site.Title }}",
"languageCodeHTML": "{{ .Site.LanguageCode }}",
diff --git a/layouts/issues/issue.html b/layouts/issues/issue.html
index 71bb30a..c010502 100644
--- a/layouts/issues/issue.html
+++ b/layouts/issues/issue.html
@@ -47,7 +47,10 @@
{{ $minutesForCalc := (mod $diffInMin 60) }}
{{ div (sub $diffInMin $minutesForCalc) 60 }}h
- {{ $minutesForCalc }}m {{ T "ofDowntime" }}.
+ {{ $minutesForCalc }}m
+ {{ if eq .Params.severity "down" }}
+ {{ T "ofDowntime" }}
+ {{ end }}
</strong>
<span class="tooltip__text">
@@ -66,7 +69,9 @@
{{ $secsForCalc := (mod $timeDiff 60) }}
{{ div (sub $timeDiff $secsForCalc) 60 }}m
- {{ T "ofDowntime" }}.
+ {{ if eq .Params.severity "down" }}
+ {{ T "ofDowntime" }}
+ {{ end }}
</strong>
<span class="tooltip__text">
@@ -92,6 +97,6 @@
{{ end }}
<hr>
- {{ .Content }}
+ <div class="markdown">{{ .Content }}</div>
</div>
<div class="padding"></div>
diff --git a/layouts/issues/small.html b/layouts/issues/small.html
index 5eb3a2d..97baec9 100644
--- a/layouts/issues/small.html
+++ b/layouts/issues/small.html
@@ -52,7 +52,10 @@
{{ $minutesForCalc := (mod $diffInMin 60) }}
{{ div (sub $diffInMin $minutesForCalc) 60 }}h
- {{ $minutesForCalc }}m {{ T "ofDowntime" }}
+ {{ $minutesForCalc }}m
+ {{ if eq .Params.severity "down" }}
+ {{ T "ofDowntime" }}
+ {{ end }}
</div>
{{ else }}
<div class="ok">
@@ -61,7 +64,9 @@
{{ $secsForCalc := (mod $timeDiff 60) }}
{{ div (sub $timeDiff $secsForCalc) 60 }}m
+ {{ if eq .Params.severity "down" }}
<!-- {{ $secsForCalc }}s --> {{ T "ofDowntime" }}
+ {{ end }}
</div>
{{ end }}
{{ end }}
diff --git a/layouts/partials/index/components.html b/layouts/partials/index/components.html
index f9937f2..1a338c4 100644
--- a/layouts/partials/index/components.html
+++ b/layouts/partials/index/components.html
@@ -110,35 +110,35 @@
//
// By default, all is good but we change this value
// for progressively worse statuses
- var highlestLevelStatus = '';
+ var highestLevelStatus = '';
function checkStatus(element) {
var status = element.getAttribute('data-status');
if (status === 'down') {
- highlestLevelStatus = 'down'
- } else if (status === 'disrupted' && highlestLevelStatus !== 'down') {
- highlestLevelStatus = 'disrupted'
- } else if (status === 'notice' && highlestLevelStatus !== 'down' && highlestLevelStatus !== 'disrupted') {
- highlestLevelStatus = 'notice'
+ highestLevelStatus = 'down'
+ } else if (status === 'disrupted' && highestLevelStatus !== 'down') {
+ highestLevelStatus = 'disrupted'
+ } else if (status === 'notice' && highestLevelStatus !== 'down' && highestLevelStatus !== 'disrupted') {
+ highestLevelStatus = 'notice'
}
}
componentsOfThisCategory.forEach(element => checkStatus(element));
// Human readable (i18n) status name variable
- var highlestLevelStatusReadable = highlestLevelStatus;
+ var highestLevelStatusReadable = highestLevelStatus;
- if (highlestLevelStatus === 'ok') { highlestLevelStatusReadable = '{{ T "thisIsOk" }}' }
- if (highlestLevelStatus === 'notice') { highlestLevelStatusReadable = '{{ T "thisIsNotice" }}' }
- if (highlestLevelStatus === 'disrupted') { highlestLevelStatusReadable = '{{ T "thisIsDisrupted" }}' }
- if (highlestLevelStatus === 'down') { highlestLevelStatusReadable = '{{ T "thisIsDown" }}' }
+ if (highestLevelStatus === 'ok') { highestLevelStatusReadable = '{{ T "thisIsOk" }}' }
+ if (highestLevelStatus === 'notice') { highestLevelStatusReadable = '{{ T "thisIsNotice" }}' }
+ if (highestLevelStatus === 'disrupted') { highestLevelStatusReadable = '{{ T "thisIsDisrupted" }}' }
+ if (highestLevelStatus === 'down') { highestLevelStatusReadable = '{{ T "thisIsDown" }}' }
// Finally we can show the status
// (but only for categories with a name)
if (thisCategory.classList.contains('category--titled')) {
- thisCategory.querySelector('.category__head').setAttribute('data-status', highlestLevelStatus);
- thisCategory.querySelector('.category-status').innerHTML = highlestLevelStatusReadable;
+ thisCategory.querySelector('.category__head').setAttribute('data-status', highestLevelStatus);
+ thisCategory.querySelector('.category-status').innerHTML = highestLevelStatusReadable;
}
</script>
</div>
diff --git a/layouts/partials/js.html b/layouts/partials/js.html
index 9e4dd9d..a5b974e 100644
--- a/layouts/partials/js.html
+++ b/layouts/partials/js.html
@@ -3,7 +3,7 @@
* Dev toolset
*/
- console.log('cState v5.5.1 - https://github.com/cstate/cstate');
+ console.log('cState v5.5.2 - https://github.com/cstate/cstate');
document.getElementsByTagName('html')[0].className = 'js';
/**
diff --git a/layouts/partials/meta.html b/layouts/partials/meta.html
index c8381a9..da0ed46 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 v5.5.1 - https://github.com/cstate/cstate">
+ <meta name="generator" content="cState v5.5.2 - https://github.com/cstate/cstate">
<meta name="theme-color" content="{{ .Site.Params.brand }}">
<script>
var themeBrandColor = '{{ .Site.Params.brand }}';
@@ -107,6 +107,10 @@
padding: 16px;
}
+ .markdown pre {
+ overflow-x: scroll;
+ }
+
.contain--more { max-width: 680px; }
.center { text-align: center; }