1 files changed, 95 insertions, 0 deletions
diff --git a/app/static/custom.js b/app/static/custom.js
new file mode 100644
index 0000000..47f64ca
--- /dev/null
+++ b/app/static/custom.js
@@ -0,0 +1,95 @@
+let minsPerRound = Number(sessionStorage.getItem("minsPerRound")) || 12;
+let timerRunningFlag = Number(sessionStorage.getItem("timerRunningFlag")) || 0;
+let deadline = Number(sessionStorage.getItem("deadline")) || new Date().getTime();
+let clock = 0;
+
+function setTimer(m, s) {
+    let timer = document.getElementById("timer-display");
+    m = m < 10 ? ("0" + m) : m;
+    s = s < 10 ? ("0" + s) : s;
+    timer.value = `${m}:${s}`;
+}
+
+function setSessionData() {
+    sessionStorage.setItem("deadline", deadline);
+    sessionStorage.setItem("minsPerRound", minsPerRound);
+    sessionStorage.setItem("timerRunningFlag", timerRunningFlag);
+}
+
+function resetTimer() {
+    clearInterval(clock);
+    setTimer(minsPerRound, 0);
+    timerRunningFlag = 0;
+    setSessionData();
+}
+
+function updateTimer(milliseconds) {
+    const m = Math.floor((milliseconds % (1000 * 60 * 60)) / (1000 * 60));
+    const s = Math.floor((milliseconds % (1000 * 60)) / 1000);
+    setTimer(m, s);
+}
+
+function refreshTimer() {
+    const now = new Date().getTime();
+    const millisecondsToDeadline = deadline - now;
+    if (millisecondsToDeadline > 0) {
+        updateTimer(millisecondsToDeadline);
+        return;
+    }
+    resetTimer();
+    const notification = new Notyf({
+        duration: 30 * 1000, 
+        position: {x: 'center', y: 'top'},
+        types: [{
+            type: 'success',
+            background: 'indianred',
+            duration: 1000 * 1000,
+            dismissible: true
+        }]
+    });
+    notification.success("Round completed");
+}
+
+function startTimer(fresh) {
+    if (fresh) {
+        now = new Date().getTime();
+        const millisecondsToDeadline = minsPerRound * 60 * 1000;
+        deadline = now + millisecondsToDeadline;
+    }
+    timerRunningFlag = 1;
+    setSessionData();
+    clock = setInterval(refreshTimer, 1000);
+}
+
+if (timerRunningFlag) startTimer(0); else resetTimer();
+
+document.getElementById("timer-start").addEventListener('click', ()=> {
+    if (timerRunningFlag != 0) return;
+    startTimer(1);
+});
+
+document.getElementById("timer-stop").addEventListener('click', ()=>{
+    resetTimer();
+});
+
+document.getElementById("timer-inc").addEventListener('click', ()=> {
+    if (timerRunningFlag == 0) {
+        minsPerRound += 1;
+        resetTimer();
+    }
+});
+
+document.getElementById("timer-dec").addEventListener('click', ()=> {
+    if (timerRunningFlag == 0 && minsPerRound != 0) {
+        minsPerRound -= 1;
+        resetTimer();
+    }
+});
+
+const fileInput = document.querySelector("#file-js input[type=file]");
+    fileInput.onchange = () => {
+    if (fileInput.files.length > 0) {
+        const fileName = document.querySelector("#file-js .file-name");
+        fileName.textContent = fileInput.files[0].name;
+    }
+};
+\ No newline at end of file