added password counter

templates/base.html

@@ -46,6 +46,21 @@
     <button id="theme-toggle">🌓</button>
     {{ block "body" . }}{{end}}
 
-<footer>Version: {{getAppVersion}} | made with golang and ♥️  {{ block "footer" . }}{{ end }}</footer>
+<!-- <footer>Version: {{getAppVersion}} | made with golang and ♥️  {{ block "footer" . }}{{ end }}</footer> -->
+<footer>
+    <div class="footer-container">
+        <div class="footer-item">
+            <span class="label">Passwörter generiert:</span>
+            <span id="global-counter" class="value badge-blue">{{getPassCount}}</span>
+        </div>
+        <div class="footer-item">
+            <span class="label">Version:</span>
+            <span class="value badge-gray">{{getAppVersion}}</span>
+        </div>
+        <div class="footer-item">
+            <span class="claim">made with golang and ♥️ </span>
+        </div>
+    </div>
+</footer>
 </body>
 </html>

templates/index.html

@@ -17,13 +17,22 @@
     }
 
     function generateNewPassword() {
-        fetch("/api/password")
-            .then(response => response.text())
-            .then(password => {
-                document.getElementById("password").innerText = password;
-            })
-            .catch(error => console.error("Fehler:", error));
-    }
+        fetch("/json/password")
+            .then(response => response.json()) // Jetzt .json() statt .text()
+            .then(data => {
+               // Passwort aktualisieren
+               document.getElementById("password").innerText = data.password;
+            
+               // Counter im Footer aktualisieren
+               // Wir suchen das Element mit der Klasse 'badge-blue' (oder gib ihm eine ID)
+               const counterElement = document.querySelector(".badge-blue");
+               if (counterElement) {
+                   //counterElement.innerText = data.count;
+                   document.getElementById("global-counter").innerText = data.count;
+               }
+        })
+        .catch(error => console.error("Fehler:", error));
+}
 </script>
 {{ end }}