From 7eb2e47993b741f4f58eeece72e32aae6dc0226d Mon Sep 17 00:00:00 2001
From: nbillard <nathanbillard12@gmail.com>
Date: Tue, 6 Dec 2022 05:42:08 +0100
Subject: [PATCH] =?UTF-8?q?le=20bouton=20=C3=A9vasif?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 index.html        |  3 ++-
 modules/timer.mjs | 41 +++++++++++++++++++++++++++++++++++------
 2 files changed, 37 insertions(+), 7 deletions(-)

diff --git a/index.html b/index.html
index ac7ef09..4fe3733 100644
--- a/index.html
+++ b/index.html
@@ -28,7 +28,8 @@
         <main>
             <div class="controls">
                 <div id="timer">Time</div>
-                <button id="Pause" onclick="Pause()">Pause</button>
+                    <button id="pause-1">Pause</button>
+                    <button id="pause-2">Pause</button>
                 <br>
             </div>
             <div>
diff --git a/modules/timer.mjs b/modules/timer.mjs
index ea6b75b..f04e667 100644
--- a/modules/timer.mjs
+++ b/modules/timer.mjs
@@ -2,14 +2,43 @@ export class Timer {
   constructor(time, expireFunction) {
     self.time = time;
     self.timerElement = document.getElementById('timer');
+    self.pauseButton1 = document.getElementById('pause-1');
+    self.pauseButton2 = document.getElementById('pause-2');
+    self.pauseButton2.style.visibility = "hidden";
+    self.pauseButton1.addEventListener("mouseenter", () => {
+      self.pauseButton2.style.visibility = "visible";
+      self.pauseButton1.style.visibility = "hidden";
+    });
+    self.pauseButton1.addEventListener("focus", () => {
+      self.pauseButton2.style.visibility = "visible";
+      self.pauseButton1.style.visibility = "hidden";
+    });
+    self.pauseButton2.addEventListener("mouseenter", () => {
+      self.pauseButton1.style.visibility = "visible";
+      self.pauseButton2.style.visibility = "hidden";
+    });
+    self.pauseButton2.addEventListener("focus", () => {
+      self.pauseButton1.style.visibility = "visible";
+      self.pauseButton2.style.visibility = "hidden";
+    });
+    self.pauseButton2.addEventListener("click", () => {
+      alert("All this effort for nothing");
+    });
+    self.pauseButton1.addEventListener("cilck", () => {
+      alert("All this effort for nothing");
+    });
+    self.timeRunning = true;
     self.intervalController = setInterval(() => {
       // self.timerElement.innerHTML = "Time : " + String(self.time).padStart(5, ' ').InsertAt('.',3);
-      self.time--;
-      let timeStr = String(self.time).padStart(5, '0');
-      self.timerElement.innerHTML = "Time : " + timeStr.slice(0, 3) + '.' + timeStr.slice(3);
-      if (self.time == 0) {
-        expireFunction();
-        clearInterval(self.intervalControler);
+      if (self.timeRunning) {
+        let timeStr = String(self.time).padStart(5, '0');
+        self.timerElement.innerHTML = "Time : " + timeStr.slice(0, 3) + '.' + timeStr.slice(3);
+        if (self.time == 0) {
+          expireFunction();
+          clearInterval(self.intervalControler);
+          self.timeRunning = false;
+        }
+        self.time--;
       }
     }, 10);
   }