guix/guix-cuirass
2
0
Fork 0
mirror of git://git.savannah.gnu.org/guix/guix-cuirass.git synced 2023-12-14 06:03:04 +01:00
Code Issues Releases Wiki Activity

Add a spinner to dashboard page.

Browse source 
* src/cuirass/templates.scm (evaluation-dashboard): Add a spinner.
This commit is contained in:
Mathieu Othacehe 2021-04-08 09:17:20 +02:00
parent 11c34ae2b8
commit 065dbea573
No known key found for this signature in database
GPG key ID: 8354763531769CA6
1 changed files with 20 additions and 6 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

26
src/cuirass/templates.scm
View file

@ -1750,10 +1750,25 @@ text-dark d-flex position-absolute w-100"))
systems)))
(div (@ (class "col-auto"))
(button
(@ (type "submit")
(class "btn btn-primary"))
" Go")))
(@ (id "load-btn")
(class "btn btn-primary")
(type "submit")
(disabled))
(span
(@ (class "spinner-border spinner-border-sm")))
(span
" Loading"))))
(script ,(format #f "
function enableLoadButton() {
$('#load-btn').removeAttr('disabled');
$('#load-btn').children().eq(0).hide();
$('#load-btn').children().eq(1).text('Go');
}
function disableLoadButton() {
$('#load-btn').attr('disabled', 'true');
$('#load-btn').children().eq(0).show();
$('#load-btn').children().eq(1).text(' Loading');
}
function radius(count) {
if (count < 100)
return 15;
@ -1785,6 +1800,7 @@ text-dark d-flex position-absolute w-100"))
return Math.round(Number(width));
}
disableLoadButton();
d3.json('~a').then(function (data) {
var width = svgWidth();
var circle_radius = radius(data.length);
@ -1799,9 +1815,6 @@ text-dark d-flex position-absolute w-100"))
margin_circle_y) +
circle_radius + 2 * margin_y;
console.log(width);
console.log(height);
var div = d3.select('body').append('div')
.attr('class', 'tooltip')
.style('opacity', 0);
@ -1842,4 +1855,5 @@ text-dark d-flex position-absolute w-100"))
.style('left', '0px')
.style('top', '0px');
})
enableLoadButton();
});" jobs)))))