added a reload button

Author: HB9HIL

index.html

@@ -101,7 +101,25 @@
 		position: fixed;
 		bottom: 8px;
 		width: 100%;
-		padding: 10px; /* Optional: Füge Padding hinzu, um die Knöpfe zu trennen */
+		padding: 10px;
+	}
+
+	#reload_icon {
+		width: 16px;
+		height: 16px;
+		margin-left: 4px;
+		margin-bottom: 2px;
+		vertical-align: middle;
+		fill: white;
+	}
+	
+	label {
+		display: flex;
+		align-items: center;
+	}
+	
+	label svg {
+		cursor: pointer; 
 	}
 </style>
 
@@ -152,8 +170,13 @@
 							</div>
 						</div>
 						<div class="col">
-							<div class="mb-3">
-								<label for="wavelog_id">Wavelog-Station-ID</label>
+							<div class="mb-3" style="position: relative;">
+								<label for="wavelog_id" style="display: inline-block;">
+									Wavelog-Station-ID
+									<svg id="reload_icon" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
+										<path d="M463.5 224l8.5 0c13.3 0 24-10.7 24-24l0-128c0-9.7-5.8-18.5-14.8-22.2s-19.3-1.7-26.2 5.2L413.4 96.6c-87.6-86.5-228.7-86.2-315.8 1c-87.5 87.5-87.5 229.3 0 316.8s229.3 87.5 316.8 0c12.5-12.5 12.5-32.8 0-45.3s-32.8-12.5-45.3 0c-62.5 62.5-163.8 62.5-226.3 0s-62.5-163.8 0-226.3c62.2-62.2 162.7-62.5 225.3-1L327 183c-6.9 6.9-8.9 17.2-5.2 26.2s12.5 14.8 22.2 14.8l119.5 0z" />
+									</svg>
+								</label>
 								<select id="wavelog_id" class="form-control form-control-sm" disabled>
 									<option value="">No stations loaded</option>
 								</select>

renderer.js

@@ -75,6 +75,9 @@ $(document).ready(function() {
 	input_url.addEventListener('change', () => {
 		getStations();
 	});
+	$('#reload_icon').on('click', () => {
+		getStations();
+	});
 	if (cfg.wavelog_key != "" && cfg.wavelog_url != "") {
 		getStations();
 	}