add version on footer

frontend/index.html

@@ -207,6 +207,12 @@
         <!-- Globaler Fehlerbereich -->
         <div id="global-error" class="mt-6 p-4 bg-red-800 text-red-100 rounded hidden"></div>
 
+        <!-- Footer für Version -->
+        <footer class="mt-8 pt-4 border-t border-gray-600 text-center text-xs text-gray-500">
+            <p>Version: <span id="commit-sha" class="font-mono">loading...</span></p>
+        </footer>
+
+
     </div>
 
     <!-- Leaflet JS -->

frontend/script.js

@@ -66,6 +66,9 @@ document.addEventListener('DOMContentLoaded', () => {
     const tracerouteLoader = document.getElementById('traceroute-loader');
     const tracerouteMessage = document.getElementById('traceroute-message');
 
+    // --- DOM Elements (Footer) ---
+    const commitShaEl = document.getElementById('commit-sha');
+
     // --- Configuration ---
     const API_BASE_URL = '/api'; // Anpassen, falls nötig
 
@@ -260,6 +263,22 @@ document.addEventListener('DOMContentLoaded', () => {
         }
     }
 
+    /** Ruft die Versionsinformationen (Commit SHA) ab */
+    async function fetchVersionInfo() {
+        try {
+            const response = await fetch(`${API_BASE_URL}/version`);
+            if (!response.ok) throw new Error(`Network response: ${response.statusText} (${response.status})`);
+            const data = await response.json();
+            console.log('Received Version Info:', data);
+            if (commitShaEl) {
+                commitShaEl.textContent = data.commitSha || 'unknown';
+            }
+        } catch (error) {
+            console.error('Failed to fetch version info:', error);
+            if (commitShaEl) commitShaEl.textContent = 'error';
+        }
+    }
+
     // --- Lookup Functions ---
 
     /** Zeigt Fehler im Lookup-Bereich an */
@@ -562,6 +581,7 @@ document.addEventListener('DOMContentLoaded', () => {
 
     // --- Initial Load & Event Listeners ---
     fetchIpInfo(); // Lade Infos zur eigenen IP
+    fetchVersionInfo(); // Lade Versionsinfo für Footer
 
     lookupButton.addEventListener('click', handleLookupClick);
     lookupIpInput.addEventListener('keypress', (event) => {