From f26dacaf224120a2f4397d2a99ab2083635dd6bb Mon Sep 17 00:00:00 2001
From: mike <hurnhu5622@gmail.com>
Date: Fri, 2 Oct 2020 09:48:23 -0400
Subject: [PATCH] changed interval input to a select. select is autopopulated
 with options on load. default is 30 seconds

---
 static/index.html | 20 ++++++++++++++------
 1 file changed, 14 insertions(+), 6 deletions(-)

diff --git a/static/index.html b/static/index.html
index fcc16a06..12cf1ff3 100644
--- a/static/index.html
+++ b/static/index.html
@@ -105,13 +105,14 @@
 			</div>
 		</div>
 		<div class="mb-2">
-			<div class="row">
-				<div class="col-8">
+			<div class="row flex-row-reverse">
+				<div class="col-2">
 					<div class="input-group mb-3">
-						<input type="number" id="refreshRate" class="form-control" value="10">
-						<div class="input-group-append">
-							<span class="input-group-text">Seconds</span>
-						</div>
+					  <select class="custom-select" id="refreshRate">
+					  </select>
+					  <div class="input-group-append">
+					    <label class="input-group-text" for="refreshRate">Seconds</label>
+					  </div>
 					</div>
 				</div>
 			</div>
@@ -316,6 +317,13 @@
 			setRefreshInterval($(this).val() * 1000)
 		});
 
+		for (var i = 5; i <= 600; i++) {
+			if (i%5 == 0) {
+				$("#refreshRate").append(new Option(i, i));
+			}
+		}
+		$("#refreshRate").val(10);
+
 		setRefreshInterval(30000)
 	</script>
 </body>