Add pause button and fast/slow modes to circuit_queue page

FIXES #303

Adds a pause button to freeze a snapshot of the current circuit
queue page.

Adds a "fast mode" and "slow mode" toggle. Slow mode continues
at a 1s update cadence. Fast mode uses animation frame support
to update at a good speed, at the expense of CPU usage.

Stores the preference in local storage, so it will resume the
same mode next time you visit the page.
This commit is contained in:
Herbert Wolverson 2023-03-28 14:13:36 +00:00
parent ec9028c3b2
commit b8921fb7b3

View File

@ -95,8 +95,7 @@
</div>
<div class="col-sm-2">
<a href="#" class="btn btn-small btn-info" id="btnPause"><i class="fa fa-pause"></i> Pause</a>
<a href="#" class="btn btn-small btn-info" id="btnSlow"><i class="fa fa-hourglass"></i> Slow
Mode</a>
<a href="#" class="btn btn-small btn-info" id="btnSlow"><i class="fa fa-hourglass"></i> Slow Mode</a>
</div>
</div>
</div>
@ -846,14 +845,14 @@
var slowMode = false;
function showFps() {
if (!lastCalledTime) {
if(!lastCalledTime) {
lastCalledTime = Date.now();
fps = 0;
return;
}
delta = (Date.now() - lastCalledTime) / 1000;
delta = (Date.now() - lastCalledTime)/1000;
lastCalledTime = Date.now();
fps = 1 / delta;
fps = 1/delta;
//$("#fps").text(fps.toFixed(0));
worstDelta = Math.max(delta, worstDelta);
}
@ -864,7 +863,6 @@
switch (activeTab) {
case "pills-funnel-tab": {
getFunnel();
getThroughput();
} break;
case "pills-flows-tab": {
getFlows();