Add DOM element existence checks and detailed event listener debugging

- Added checks to verify if DOM elements exist before attaching listeners
- Added detailed logging for each event listener attachment
- Log format shows which elements are found and which listeners are attached
- This will reveal if buttons exist in DOM and if listeners are properly attached

wssshd2/templates/rdp.html

@@ -309,7 +309,6 @@
 </div>
 <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/js/bootstrap.bundle.min.js"></script>
 <script>
-alert('RDP page script is loading!');
 console.log('RDP page script starting...');
 
 // init kbdlayout_input
@@ -769,42 +768,93 @@ const onMouseWheel = (evt) => {
 
 console.log('Attaching event listeners...');
 
-document.getElementById('connectBtn').addEventListener('click', function(e) {
-    console.log('Connect button clicked');
-    showRdpConfig();
-});
-document.getElementById('disconnectBtn').addEventListener('click', function(e) {
-    console.log('Disconnect button clicked');
-    disconnect();
-});
-document.getElementById('cancelConnectBtn').addEventListener('click', function(e) {
-    console.log('Cancel connect button clicked');
-    cancelConnect();
-});
-document.getElementById('startRdpBtn').addEventListener('click', function(e) {
-    console.log('Start RDP button clicked');
-    startRdpConnection();
+// Check if elements exist
+const connectBtn = document.getElementById('connectBtn');
+const disconnectBtn = document.getElementById('disconnectBtn');
+const cancelConnectBtn = document.getElementById('cancelConnectBtn');
+const startRdpBtn = document.getElementById('startRdpBtn');
+const closeBtn = document.querySelector('.close-btn');
+const maximizeBtn = document.querySelector('.maximize-btn');
+const minimizeBtn = document.querySelector('.minimize-btn');
+const zoomBtn = document.getElementById('zoomBtn');
+
+console.log('DOM elements found:', {
+    connectBtn: !!connectBtn,
+    disconnectBtn: !!disconnectBtn,
+    cancelConnectBtn: !!cancelConnectBtn,
+    startRdpBtn: !!startRdpBtn,
+    closeBtn: !!closeBtn,
+    maximizeBtn: !!maximizeBtn,
+    minimizeBtn: !!minimizeBtn,
+    zoomBtn: !!zoomBtn
 });
 
+if (connectBtn) {
+    connectBtn.addEventListener('click', function(e) {
+        console.log('Connect button clicked');
+        showRdpConfig();
+    });
+    console.log('Connect button listener attached');
+}
+
+if (disconnectBtn) {
+    disconnectBtn.addEventListener('click', function(e) {
+        console.log('Disconnect button clicked');
+        disconnect();
+    });
+    console.log('Disconnect button listener attached');
+}
+
+if (cancelConnectBtn) {
+    cancelConnectBtn.addEventListener('click', function(e) {
+        console.log('Cancel connect button clicked');
+        cancelConnect();
+    });
+    console.log('Cancel connect button listener attached');
+}
+
+if (startRdpBtn) {
+    startRdpBtn.addEventListener('click', function(e) {
+        console.log('Start RDP button clicked');
+        startRdpConnection();
+    });
+    console.log('Start RDP button listener attached');
+}
+
 // Window control buttons
-document.querySelector('.close-btn').addEventListener('click', function(e) {
-    console.log('Close button clicked');
-    disconnect();
-});
-document.querySelector('.maximize-btn').addEventListener('click', function(e) {
-    console.log('Maximize button clicked');
-    toggleFullscreen();
-});
-document.querySelector('.minimize-btn').addEventListener('click', function(e) {
-    console.log('Minimize button clicked');
-    toggleFullscreen();
-});
-document.getElementById('zoomBtn').addEventListener('click', function(e) {
-    console.log('Zoom button clicked');
-    toggleZoom();
-});
+if (closeBtn) {
+    closeBtn.addEventListener('click', function(e) {
+        console.log('Close button clicked');
+        disconnect();
+    });
+    console.log('Close button listener attached');
+}
+
+if (maximizeBtn) {
+    maximizeBtn.addEventListener('click', function(e) {
+        console.log('Maximize button clicked');
+        toggleFullscreen();
+    });
+    console.log('Maximize button listener attached');
+}
+
+if (minimizeBtn) {
+    minimizeBtn.addEventListener('click', function(e) {
+        console.log('Minimize button clicked');
+        toggleFullscreen();
+    });
+    console.log('Minimize button listener attached');
+}
+
+if (zoomBtn) {
+    zoomBtn.addEventListener('click', function(e) {
+        console.log('Zoom button clicked');
+        toggleZoom();
+    });
+    console.log('Zoom button listener attached');
+}
 
-console.log('Event listeners attached');
+console.log('Event listeners attachment completed');
 
 // Input event handlers
 let ecanvas = document.getElementById('canvas');