From 93b7220d5f0ebc6d29653e5adbdc7763657f3b3b Mon Sep 17 00:00:00 2001
From: Michael LaPan <mlapan@scsgrandrapids.com>
Date: Thu, 1 Oct 2020 10:45:20 -0400
Subject: [PATCH 1/5] added code to set the refresh interval

---
 static/index.html | 28 +++++++++++++++++++++++++---
 1 file changed, 25 insertions(+), 3 deletions(-)

diff --git a/static/index.html b/static/index.html
index e543d928..fcc16a06 100644
--- a/static/index.html
+++ b/static/index.html
@@ -104,6 +104,18 @@
 				</div>
 			</div>
 		</div>
+		<div class="mb-2">
+			<div class="row">
+				<div class="col-8">
+					<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>
+					</div>
+				</div>
+			</div>
+		</div>
 		<div id="results"></div>
 	</div>
 
@@ -131,6 +143,7 @@
 	<script>
 		let serviceStatuses = {};
 		let timerHandler = 0;
+		let refreshInterval = 0;
 		let userClickedStatus = false;
 
 		function showTooltip(serviceName, index, element) {
@@ -291,10 +304,19 @@
 				.replace(/'/g, '&apos;');
 		}
 
-		refreshResults();
-		setInterval(function() {
+		function setRefreshInterval(i) {
 			refreshResults();
-		}, 30000);
+			refreshInterval = setInterval(function() {
+				refreshResults();
+			}, i)
+		}
+
+		$("#refreshRate").change(function() {			
+			clearInterval(refreshInterval);
+			setRefreshInterval($(this).val() * 1000)
+		});
+
+		setRefreshInterval(30000)
 	</script>
 </body>
 </html>

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 2/5] 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>

From a29f175cba589995b86d7119c4a46c0959a38273 Mon Sep 17 00:00:00 2001
From: mike <hurnhu5622@gmail.com>
Date: Fri, 2 Oct 2020 10:10:48 -0400
Subject: [PATCH 3/5] default 30 seconds

---
 static/index.html | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/static/index.html b/static/index.html
index 12cf1ff3..fcb46905 100644
--- a/static/index.html
+++ b/static/index.html
@@ -322,7 +322,7 @@
 				$("#refreshRate").append(new Option(i, i));
 			}
 		}
-		$("#refreshRate").val(10);
+		$("#refreshRate").val(30);
 
 		setRefreshInterval(30000)
 	</script>

From 261fe27b2e1d82759275ac995245ae7d6e9b4ccc Mon Sep 17 00:00:00 2001
From: TwinProduction <twin@twinnation.org>
Date: Fri, 2 Oct 2020 12:08:52 -0400
Subject: [PATCH 4/5] Move refresh interval to bottom left corner instead + Use
 icon + Minor improvements

---
 static/index.html | 63 +++++++++++++++++++++++++----------------------
 1 file changed, 34 insertions(+), 29 deletions(-)

diff --git a/static/index.html b/static/index.html
index fcb46905..89c0ffc6 100644
--- a/static/index.html
+++ b/static/index.html
@@ -90,6 +90,15 @@
 		#social img:hover {
 			opacity: 1;
 		}
+		#settings {
+            position: fixed;
+			left: 5px;
+			bottom: 5px;
+			padding: 5px;
+		}
+        #settings select:focus {
+            box-shadow: none;
+        }
 	</style>
 </head>
 <body>
@@ -104,19 +113,6 @@
 				</div>
 			</div>
 		</div>
-		<div class="mb-2">
-			<div class="row flex-row-reverse">
-				<div class="col-2">
-					<div class="input-group mb-3">
-					  <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>
-		</div>
 		<div id="results"></div>
 	</div>
 
@@ -141,10 +137,26 @@
 		</a>
 	</div>
 
+	<div id="settings">
+		<div class="input-group input-group-sm">
+			<div class="input-group-prepend">
+				<div class="input-group-text">&#x21bb;</div>
+			</div>
+			<select class="form-control form-control-sm" id="refresh-rate">
+				<option value="10">10s</option>
+				<option value="30" selected>30s</option>
+				<option value="60">1m</option>
+				<option value="120">2m</option>
+				<option value="300">5m</option>
+				<option value="600">10m</option>
+			</select>
+		</div>
+	</div>
+
 	<script>
 		let serviceStatuses = {};
 		let timerHandler = 0;
-		let refreshInterval = 0;
+		let refreshIntervalHandler = 0;
 		let userClickedStatus = false;
 
 		function showTooltip(serviceName, index, element) {
@@ -305,26 +317,19 @@
 				.replace(/'/g, '&apos;');
 		}
 
-		function setRefreshInterval(i) {
+		function setRefreshInterval(seconds) {
 			refreshResults();
-			refreshInterval = setInterval(function() {
+			refreshIntervalHandler = setInterval(function() {
 				refreshResults();
-			}, i)
+			}, seconds * 1000)
 		}
 
-		$("#refreshRate").change(function() {			
-			clearInterval(refreshInterval);
-			setRefreshInterval($(this).val() * 1000)
+		$("#refresh-rate").change(function() {
+			clearInterval(refreshIntervalHandler);
+			setRefreshInterval($(this).val())
 		});
-
-		for (var i = 5; i <= 600; i++) {
-			if (i%5 == 0) {
-				$("#refreshRate").append(new Option(i, i));
-			}
-		}
-		$("#refreshRate").val(30);
-
-		setRefreshInterval(30000)
+		setRefreshInterval(30);
+		$("#refresh-rate").val(30);
 	</script>
 </body>
 </html>

From 187b38ee2228b0e608224bbe7e49688821661d29 Mon Sep 17 00:00:00 2001
From: TwinProduction <twin@twinnation.org>
Date: Fri, 2 Oct 2020 12:10:09 -0400
Subject: [PATCH 5/5] Fix format

---
 static/index.html | 8 ++++----
 1 file changed, 4 insertions(+), 4 deletions(-)

diff --git a/static/index.html b/static/index.html
index 89c0ffc6..859b1053 100644
--- a/static/index.html
+++ b/static/index.html
@@ -91,14 +91,14 @@
 			opacity: 1;
 		}
 		#settings {
-            position: fixed;
+			position: fixed;
 			left: 5px;
 			bottom: 5px;
 			padding: 5px;
 		}
-        #settings select:focus {
-            box-shadow: none;
-        }
+		#settings select:focus {
+			box-shadow: none;
+		}
 	</style>
 </head>
 <body>