Add fixes for proxy

web/js/main.js

@@ -1,7 +1,6 @@
-var hostParts = window.location.host.split(':');
-var hostname = hostParts[0]; // Extract the hostname
-var port = hostParts[1] || '8080'; // Extract the port or use a default (e.g., 8080)
-var socketAddress = 'ws://' + hostname + ':' + port + '/text'; // Use 'wss' for secure WebSocket connections (recommended for external access)
+var url = new URL('text', window.location.href);
+url.protocol = url.protocol.replace('http', 'ws');
+var socketAddress = url.href;
 var socket = new WebSocket(socketAddress);
 var parsedData;
 var data = [];
@@ -121,7 +120,7 @@ $(document).ready(function() {
 
 function getInitialSettings() {
     $.ajax({
-        url: '/static_data',
+        url: './static_data',
         dataType: 'json',
         success: function(data) {
             // Use the received data (data.qthLatitude, data.qthLongitude) as needed
@@ -521,4 +520,4 @@ function toggleButtonState(buttonId) {
     message += parsedData.eq ? "1" : "0";
     message += parsedData.ims ? "1" : "0";
     socket.send(message);
-}
+}

web/js/settings.js

@@ -54,7 +54,7 @@
         // Perform an AJAX request to the /login endpoint
         $.ajax({
             type: 'POST',
-            url: '/login',
+            url: './login',
             data: $(this).serialize(),
             success: function (data) {
                 // Update the content on the page with the message from the response
@@ -83,7 +83,7 @@
         // Perform an AJAX request to the /logout endpoint
         $.ajax({
             type: 'GET',  // Assuming the logout is a GET request, adjust accordingly
-            url: '/logout',
+            url: './logout',
             success: function (data) {
                 // Update the content on the page with the message from the response
                 $('#login-message').text(data.message);
@@ -113,4 +113,4 @@
           $(':root').css('--color-main', themeColors[0]);
           $(':root').css('--color-main-bright', themeColors[1]);
       }
-  }
+  }

web/js/setup.js

@@ -2,10 +2,6 @@ var map;
 var pin;
 var tilesURL='https://tiles.stadiamaps.com/tiles/alidade_smooth_dark/{z}/{x}/{y}.png';
 var mapAttrib='&copy; <a href="http://www.openstreetmap.org/copyright">OpenStreetMap</a>, Tiles by <a href="http://stadiamaps.com/" target="_blank">Stadiamaps</a>';
-var hostParts = window.location.host.split(':');
-var hostname = hostParts[0]; // Extract the hostname
-var port = hostParts[1] || '80'; // Extract the port or use a default (e.g., 8080)
-var serverAddress = 'http://' + hostname + ':' + port;
 
 // add map container
 
@@ -36,7 +32,7 @@ $(document).ready(function() {
     // Perform an AJAX request to the /login endpoint
     $.ajax({
       type: 'POST',
-      url: '/login',
+      url: './login',
       data: $(this).serialize(),
       success: function (data) {
         // Update the content on the page with the message from the response
@@ -65,7 +61,7 @@ $(document).ready(function() {
     // Perform an AJAX request to the /logout endpoint
     $.ajax({
       type: 'GET',  // Assuming the logout is a GET request, adjust accordingly
-      url: '/logout',
+      url: './logout',
       success: function (data) {
         // Update the content on the page with the message from the response
         $('#login-message').text(data.message);
@@ -108,7 +104,7 @@ function MapCreate() {
 
 function fetchData() {
     // Make a GET request to retrieve the data.json file
-    fetch(serverAddress + "/getData")
+    fetch("./getData")
       .then(response => {
         if (!response.ok) {
           throw new Error(`HTTP error! Status: ${response.status}`);
@@ -231,7 +227,7 @@ function submitData() {
     }
     // Send data to the server using jQuery
     $.ajax({
-      url: serverAddress + '/saveData',
+      url: './saveData',
       type: 'POST',
       contentType: 'application/json',
       data: JSON.stringify(data),
@@ -242,4 +238,4 @@ function submitData() {
         console.error(error);
       }
     });
-  }
+  }

web/js/webserver.js

@@ -1,4 +1,4 @@
-$.getScript('/js/main.js');
-$.getScript('/js/dropdown.js');
-$.getScript('/js/modal.js');
-$.getScript('/js/settings.js');
+$.getScript('./js/main.js');
+$.getScript('./js/dropdown.js');
+$.getScript('./js/modal.js');
+$.getScript('./js/settings.js');