Skip to content
Permalink

Comparing changes

Choose two branches to see what’s changed or to start a new pull request. If you need to, you can also or learn more about diff comparisons.

Open a pull request

Create a new pull request by comparing changes across two branches. If you need to, you can also . Learn more about diff comparisons here.
base repository: NixOS/infra
Failed to load repositories. Confirm that selected base ref is valid, then try again.
Loading
base: 76f7d2991ec4
Choose a base ref
...
head repository: NixOS/infra
Failed to load repositories. Confirm that selected head ref is valid, then try again.
Loading
compare: 79f772ee21c4
Choose a head ref
  • 1 commit
  • 3 files changed
  • 1 contributor

Commits on Jan 1, 2020

  1. status.nixos.org: add a noscript indicator, and a loading indicator

    @grahamc
    grahamc committed Jan 1, 2020
    Copy the full SHA
    79f772e View commit details
Showing with 18 additions and 1 deletion.
  1. +5 −1 delft/eris/status-page/index.html
  2. +7 −0 delft/eris/status-page/status.css
  3. +6 −0 delft/eris/status-page/status.js
6 changes: 5 additions & 1 deletion delft/eris/status-page/index.html
View file
Original file line number Diff line number Diff line change
@@ -75,7 +75,11 @@ <h2>Nix Channel Status</h2>
<th>Channel Status</th>
</tr>
</thead>
<tbody id="channel-status"></tbody>
<tbody id="channel-status">
<noscript>
<tr><td class="jsfallback" colspan="5">This page requires Javascript.</td></tr>
</noscript>
</tbody>
</table>
</div>
</div>
7 changes: 7 additions & 0 deletions delft/eris/status-page/status.css
View file
Original file line number Diff line number Diff line change
@@ -27,3 +27,10 @@
max-width: 100%;
}

td.jsfallback {
font-weight: bold;
font-style: italics;
text-align: center;
padding-top: 3em;
padding-bottom: 3em;
}
6 changes: 6 additions & 0 deletions delft/eris/status-page/status.js
View file
Original file line number Diff line number Diff line change
@@ -1,3 +1,8 @@
window.onload = (_) => {
var tbody = document.getElementById("channel-status");
tbody.innerHTML = "<tr><td class='jsfallback' colspan='5'>Loading data from Prometheus...</td></tr>";
};

function aggregateByChannel(result) {
return result.reduce((acc, {
channel,
@@ -183,6 +188,7 @@ Promise.all([revisionData, updateTimeData, jobsetData])
})
.then(rows => {
var tbody = document.getElementById("channel-status");
tbody.innerHTML = "";
rows.forEach(row => {
tbody.appendChild(row);
});