Prevent duplicate hourly-heatmap initialization

Author: jacquesbach

static/js/script.js

@@ -732,7 +732,11 @@ document.getElementById("heatmapYearSelect")
 
 document.addEventListener("DOMContentLoaded", initHeatmapYears);
 
+let heatmapInitialized = false;
+
 async function initHourlyHeatmap() {
+    if (heatmapInitialized) return;
+    heatmapInitialized = true;
     const res = await fetch("/api/heatmap_hourly");
     const data = await res.json();
 

templates/index.html

@@ -162,7 +162,7 @@ <h1>
             </div>
           </div>
         </div>
-        <strong>test</strong>
+        
         <div class="grid-stack-item" id="card-hourly-heatmap" gs-w="15" gs-h="7">
           <div class="grid-stack-item-content">
             <div class="card card-light heatmap-card" style="height: 100%; box-sizing: border-box; position: relative;">