From 1bdabb88c2978285afe38f79e80e03e795b90250 Mon Sep 17 00:00:00 2001
From: Maks Snegov <snegov@spqr.link>
Date: Wed, 24 Apr 2024 09:46:56 -0700
Subject: [PATCH] Make frequency slider again

---
 popup/popup.html | 4 ++--
 popup/popup.js   | 1 +
 2 files changed, 3 insertions(+), 2 deletions(-)

diff --git a/popup/popup.html b/popup/popup.html
index 66423cf..4ebe3fa 100644
--- a/popup/popup.html
+++ b/popup/popup.html
@@ -42,10 +42,10 @@
         </div>
         <div class="row">
             <div class="col">
-                <label for="frequency" class="form-label">Frequency (minutes)</label>
+                <label for="frequency">Check frequency<br>(every <span id="frequency_info">N</span> minutes)</label>
             </div>
             <div class="col">
-                <input type="number" class="form-control" id="frequency" placeholder="minutes">
+                <input type="range" id="frequency" name="frequency" min="1" max="15" step="1">
             </div>
         </div>
         <div class="row">
diff --git a/popup/popup.js b/popup/popup.js
index a2f65ae..f9affb6 100644
--- a/popup/popup.js
+++ b/popup/popup.js
@@ -8,6 +8,7 @@
     document.getElementById("username").value = items["__username"] || "";
     document.getElementById("password").value = items["__password"] || "";
     document.getElementById("frequency").value = items["__frequency"] || 1;
+    document.getElementById("frequency_info").innerText = items["__frequency"] || 1;
     document.getElementById("status").innerText = items["__status"] || "unknown";
     let currentAppt = items["__currentAppt"] || {"consulate": "unknown", "date": "unknown"};
     document.getElementById("currApptConsulate").innerText = currentAppt["consulate"];