autocommit

src/client/static/app.js

@@ -3,6 +3,7 @@ document.addEventListener('DOMContentLoaded', () => {
     const API_BASE_URL = 'http://192.168.1.219:8001';
 
     // Control Buttons
+    const reconnectBtn = document.getElementById('reconnect-btn');
     const startStreamBtn = document.getElementById('streamon-btn');
     const takeoffBtn = document.getElementById('takeoff-btn');
     const landBtn = document.getElementById('land-btn');
@@ -30,6 +31,7 @@ document.addEventListener('DOMContentLoaded', () => {
     };
 
     // Event Listeners for Control Buttons
+    if (reconnectBtn) reconnectBtn.addEventListener('click', () => sendCommand('/reconnect'));
     if (startStreamBtn) startStreamBtn.addEventListener('click', () => sendCommand('/stream/streamon'));
     if (takeoffBtn) takeoffBtn.addEventListener('click', () => sendCommand('/command/takeoff'));
     if (landBtn) landBtn.addEventListener('click', () => sendCommand('/command/land'));
@@ -37,7 +39,6 @@ document.addEventListener('DOMContentLoaded', () => {
 
     // Movement Commands with fixed distance
     const moveDistance = 20; // Adjust as needed
-
     if (moveUpBtn) moveUpBtn.addEventListener('click', () => sendCommand(`/command/move/forward/${moveDistance}`));
     if (moveDownBtn) moveDownBtn.addEventListener('click', () => sendCommand(`/command/move/back/${moveDistance}`));
     if (moveLeftBtn) moveLeftBtn.addEventListener('click', () => sendCommand(`/command/move/left/${moveDistance}`));

src/client/templates/index.html

@@ -40,6 +40,9 @@
     <!-- Basic Controls Panel -->
     <div class="basic-controls-panel">
         <div class="basic-controls">
+            <button class="btn btn-primary btn-sm mb-1 w-100" id="reconnect-btn">
+                <i class="bi bi-arrow-repeat"></i> Reconnect
+            </button>
             <button class="btn btn-primary btn-sm mb-1 w-100" id="streamon-btn">
                 <i class="bi bi-camera-video"></i> Stream On
             </button>