Merge pull request #15 from hurnhu/refresh-interval

Close #1: Add support for refresh interval
Fix format
2020-10-02 12:20:09 -04:00 · 2020-10-02 12:10:09 -04:00 · 2020-10-02 12:08:52 -04:00 · 2020-10-02 10:10:48 -04:00 · 2020-10-02 09:48:23 -04:00 · 2020-10-01 10:45:20 -04:00
1 changed files with 38 additions and 3 deletions
--- 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>
@@ -128,9 +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 refreshIntervalHandler = 0;
 		let userClickedStatus = false;

 		function showTooltip(serviceName, index, element) {
@@ -291,10 +317,19 @@
 				.replace(/'/g, '&apos;');
 		}

-		refreshResults();
-		setInterval(function() {
+		function setRefreshInterval(seconds) {
 			refreshResults();
-		}, 30000);
+			refreshIntervalHandler = setInterval(function() {
+				refreshResults();
+			}, seconds * 1000)
+		}
+
+		$("#refresh-rate").change(function() {
+			clearInterval(refreshIntervalHandler);
+			setRefreshInterval($(this).val())
+		});
+		setRefreshInterval(30);
+		$("#refresh-rate").val(30);
 	</script>
 </body>
 </html>
Author	SHA1	Message	Date
Chris C	ed490669b1	Merge pull request #15 from hurnhu/refresh-interval Close #1: Add support for refresh interval	2020-10-02 12:20:09 -04:00
TwinProduction	187b38ee22	Fix format	2020-10-02 12:10:09 -04:00
TwinProduction	261fe27b2e	Move refresh interval to bottom left corner instead + Use icon + Minor improvements	2020-10-02 12:08:52 -04:00
mike	a29f175cba	default 30 seconds	2020-10-02 10:10:48 -04:00
mike	f26dacaf22	changed interval input to a select. select is autopopulated with options on load. default is 30 seconds	2020-10-02 09:48:23 -04:00
Michael LaPan	93b7220d5f	added code to set the refresh interval	2020-10-01 10:45:20 -04:00