CIM73 - Add timer to show session duration
This commit is contained in:
@@ -48,7 +48,7 @@ $view .= '
|
|||||||
|
|
||||||
$view .= '<div class="content-block">
|
$view .= '<div class="content-block">
|
||||||
<div class="block-header">
|
<div class="block-header">
|
||||||
<i class="fa-solid fa-bars fa-sm"></i>
|
<i class="fa-solid fa-bars fa-sm"></i><span id="time">25:00</span>
|
||||||
</div>
|
</div>
|
||||||
<p id="servicetoken" value="" hidden>'.$bearertoken.'</p>
|
<p id="servicetoken" value="" hidden>'.$bearertoken.'</p>
|
||||||
<div>
|
<div>
|
||||||
@@ -91,6 +91,29 @@ echo '
|
|||||||
<script src = "./assets/DYMO.Label.Framework.latest.js?'.script_version.'" type="text/javascript" charset="UTF-8"> </script>
|
<script src = "./assets/DYMO.Label.Framework.latest.js?'.script_version.'" type="text/javascript" charset="UTF-8"> </script>
|
||||||
<script>
|
<script>
|
||||||
var link = "'.$baseurl.'";
|
var link = "'.$baseurl.'";
|
||||||
|
|
||||||
|
function startTimer(duration, display) {
|
||||||
|
var timer = duration, minutes, seconds;
|
||||||
|
setInterval(function () {
|
||||||
|
minutes = parseInt(timer / 60, 10);
|
||||||
|
seconds = parseInt(timer % 60, 10);
|
||||||
|
|
||||||
|
minutes = minutes < 10 ? "0" + minutes : minutes;
|
||||||
|
seconds = seconds < 10 ? "0" + seconds : seconds;
|
||||||
|
|
||||||
|
display.textContent = minutes + ":" + seconds;
|
||||||
|
|
||||||
|
if (--timer < 0) {
|
||||||
|
timer = duration;
|
||||||
|
}
|
||||||
|
}, 1000);
|
||||||
|
}
|
||||||
|
|
||||||
|
window.onload = function () {
|
||||||
|
var startMinute = 60 * 25,
|
||||||
|
display = document.querySelector(\'#time\');
|
||||||
|
startTimer(startMinute, display);
|
||||||
|
};
|
||||||
</script>';
|
</script>';
|
||||||
|
|
||||||
|
|
||||||
|
|||||||
Reference in New Issue
Block a user