From b21316248572cb27ed1f504529ad6680a473022e Mon Sep 17 00:00:00 2001
From: Daniel Weipert <git@mail.dweipert.de>
Date: Tue, 2 Jan 2024 20:42:01 +0100
Subject: gemini

---
 views/http/components/timer.twig | 26 ++++++++++++++++++++++++++
 1 file changed, 26 insertions(+)
 create mode 100644 views/http/components/timer.twig

(limited to 'views/http/components/timer.twig')

diff --git a/views/http/components/timer.twig b/views/http/components/timer.twig
new file mode 100644
index 0000000..ccb31a7
--- /dev/null
+++ b/views/http/components/timer.twig
@@ -0,0 +1,26 @@
+<span class="timer" data-time="{{ time }}">
+    <span class="timer__time"></span>
+</span>
+<script>
+document.addEventListener('DOMContentLoaded', function (ev) {
+  const timer = document.querySelector('.timer[data-time="{{ time }}"] .timer__time');
+  const time = new Date('{{ time }}');
+
+  const interval = setInterval(setTime, 1000);
+  function setTime() {
+    let diff = time - new Date();
+    if (diff <= 0) {
+      clearInterval(interval);
+      window.location.reload();
+    }
+
+    const hh = Math.floor(diff/1000/60/60);
+    diff -= hh*1000*60*60;
+    const mm = Math.floor(diff/1000/60);
+    diff -= mm*1000*60;
+    const ss = Math.floor(diff/1000);
+    timer.innerHTML = `${('00' + hh).slice(-2)}:${('00' + mm).slice(-2)}:${('00' + ss).slice(-2)}`;
+  }
+  setTime();
+});
+</script>
-- 
cgit v1.2.3