sr2/www.sr2.uk
4
0
Fork 1
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

feat: adds status page link
All checks were successful
ci / build_and_publish (push) Successful in 27s
Details

Browse source
This commit is contained in:
Iain Learmonth 2026-03-17 19:58:55 +00:00
parent 9707e9d29e
commit 30bf637d5f
3 changed files with 65 additions and 3 deletions
Download patch file Download diff file Expand all files Collapse all files

65
layouts/_partials/head/scripts.html
View file

@ -1,5 +1,5 @@
<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
{{ if eq .Name "Contact" }}
<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
<script
id="zammad_form_script"
src="https://help.sr2.uk/assets/form/form.js"></script>
@ -13,5 +13,66 @@
noCSS: true,
});
});
</script>
</script>
{{ end }}
<script>
$(function () {
var cStateAPIRoot = 'https://status.sr2.uk/index.json'
var cStateDotTargetElement = document.querySelector('.status-indicator');
// Only change this if you are hacking around! :)
var cStateEmbedPrefix = '[cState HTML Embed v2.0] ';
var cStateEmbedDebugging = false;
var cStateAPIStatus = 'tryingToGetStatus';
fetch(cStateAPIRoot)
.then(
function(response) {
if (response.status !== 200) {
console.log(cStateEmbedPrefix + 'API not OK, it sent HTTP status code ' +
response.status);
return;
}
// Examine the text in the response
response.json().then(function(data) {
cStateAPIStatus = data.summaryStatus;
// When debugging, this code should be run to see API response
if (cStateEmbedDebugging) {
console.log(cStateEmbedPrefix + 'API response: ', data);
console.log(cStateEmbedPrefix + 'API says status page is: ' + cStateAPIStatus);
}
// UI code (run even if not debugging)
// You can change how the dot appears here
cStateDotTargetElement.style.display = 'inline-block';
cStateDotTargetElement.style.height = '10px';
cStateDotTargetElement.style.width = '10px';
cStateDotTargetElement.style.borderRadius = '50%';
cStateDotTargetElement.setAttribute('aria-label', 'Status indicator');
cStateDotTargetElement.style.backgroundColor = '#333';
// Sets color and accessible label
if (cStateAPIStatus === 'ok') {
cStateDotTargetElement.style.backgroundColor = '#4caf50';
cStateDotTargetElement.setAttribute('aria-label', 'Green icon indicating no issues');
} else if (cStateAPIStatus === 'notice') {
cStateDotTargetElement.style.backgroundColor = '#607d8b';
cStateDotTargetElement.setAttribute('aria-label', 'Gray icon asking users to check status page');
} else if (cStateAPIStatus === 'disrupted') {
cStateDotTargetElement.style.backgroundColor = '#ff9800';
cStateDotTargetElement.setAttribute('aria-label', 'Orange icon indicating disruptions');
} else { // down
cStateDotTargetElement.style.backgroundColor = '#82071e';
cStateDotTargetElement.setAttribute('aria-label', 'Red icon indicating downtime');
}
});
}
)
.catch(function(err) {
console.log('Fetch error :-S', err);
});
});
</script>