added local storage

wlanboy · wlanboy · commit 889e35921996 · 2025-12-22T11:17:54.000+01:00
diff --git a/src/main/resources/static/js/http-client.js b/src/main/resources/static/js/http-client.js
@@ -19,8 +19,10 @@ document.addEventListener('DOMContentLoaded', () => {
     const exportHistoryBtn = document.getElementById('exportHistoryBtn');
 
     let requestHistory = [];
+    const STORAGE_KEY = 'k8s_http_client_history';
 
     // --- INITIALISIERUNG ---
+    loadHistoryFromStorage();
     addHeaderRow('Content-Type', 'application/json');
 
     // --- EVENT LISTENER ---
@@ -36,9 +38,11 @@ document.addEventListener('DOMContentLoaded', () => {
     }
 
     clearHistoryBtn.addEventListener('click', () => {
-        requestHistory = [];
-        renderHistory();
-        emptyHistoryMsg.style.display = 'block';
+        if (confirm("Möchtest du die gesamte Historie wirklich löschen?")) {
+            requestHistory = [];
+            saveHistoryToStorage();
+            renderHistory();
+        }
     });
 
     exportHistoryBtn.addEventListener('click', exportHistoryToJson);
@@ -136,7 +140,7 @@ document.addEventListener('DOMContentLoaded', () => {
         responseOutput.style.display = 'none';
         document.getElementById('errorSummary').innerText = lines[0];
         document.getElementById('errorDetail').innerText = lines[1] || "";
-        
+
         stacktraceArea.innerText = stack.trim();
         // Sicherstellen, dass er beim Laden des Fehlers erstmal zu ist
         stacktraceArea.style.display = 'none';
@@ -168,6 +172,9 @@ document.addEventListener('DOMContentLoaded', () => {
             payload, status, duration, responseData
         };
         requestHistory.unshift(entry);
+        if (requestHistory.length > 50) requestHistory.pop();
+
+        saveHistoryToStorage();
         renderHistory();
     }
 
@@ -199,7 +206,7 @@ document.addEventListener('DOMContentLoaded', () => {
 
         resultArea.style.display = 'block';
         updateResponseMetadata(entry.status, entry.duration);
-        
+
         const istioPanel = document.getElementById('istioPanel');
         if (istioPanel) istioPanel.style.display = 'none';
 
@@ -220,4 +227,27 @@ document.addEventListener('DOMContentLoaded', () => {
         downloadAnchor.click();
         downloadAnchor.remove();
     }
+
+    // --- NEUE STORAGE FUNKTIONEN ---
+
+    function saveHistoryToStorage() {
+        try {
+            localStorage.setItem(STORAGE_KEY, JSON.stringify(requestHistory));
+        } catch (e) {
+            console.error("Fehler beim Speichern im LocalStorage", e);
+        }
+    }
+
+    function loadHistoryFromStorage() {
+        try {
+            const saved = localStorage.getItem(STORAGE_KEY);
+            if (saved) {
+                requestHistory = JSON.parse(saved);
+                renderHistory();
+            }
+        } catch (e) {
+            console.error("Fehler beim Laden aus LocalStorage", e);
+            requestHistory = [];
+        }
+    }
 });
diff --git a/src/main/resources/templates/index.html b/src/main/resources/templates/index.html
@@ -4,7 +4,7 @@
 <head>
     <meta charset="UTF-8">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
-    <title>K8s HTTP Debugger & Istio Analyzer</title>
+    <title>K8s http Debugger & Istio Analyzer</title>
 
     <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/css/bootstrap.min.css" rel="stylesheet">
     <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.0/font/bootstrap-icons.css">
@@ -76,7 +76,7 @@
     <nav class="navbar navbar-dark mb-4">
         <div class="container-fluid px-4">
             <span class="navbar-brand fw-bold">
-                <i class="bi bi-box-seam me-2"></i>K8s HTTP Client
+                <i class="bi bi-box-seam me-2"></i>K8s http Client
             </span>
             <div id="k8sContext" class="d-flex align-items-center text-white">
                 <div class="spinner-border spinner-border-sm me-2" role="status"></div>
