sensor and location done and some cleanupd

testing will be required

Sean/views/sensor.js

@@ -3,12 +3,32 @@ $(document).ready(function () {
       $('#sensorContainer').show();
       $('#createSensorForm').hide();
       $('#additional-text4').hide();
+      $('#updateSensorForm').hide();
+      $('#deleteSensorForm').hide();
     });
     $('#addSensorLink').on('click', function () {
         $('#sensorContainer').hide();
         $('#createSensorForm').show();
         $('#additional-text4').show();
+        $('#updateSensorForm').hide();
+        $('#deleteSensorForm').hide();
       });
+      $('#updateSensorLink').on('click', function () {
+        $('#sensorContainer').hide();
+        $('#createSensorForm').show();
+        $('#additional-text4').show();
+        $('#updateSensorForm').show();
+        $('#deleteSensorForm').hide();
+      });
+      $('#deleteSensorLink').on('click', function () {
+        $('#sensorContainer').hide();
+        $('#createSensorForm').show();
+        $('#additional-text4').show();
+        $('#updateSensorForm').hide();
+        $('#deleteSensorForm').show();
+      });  
+
+    
   });
   function populateTableAndArray(data, locationsArray) {
     const tableBody = document.getElementById("sensorTableBody");
@@ -38,16 +58,13 @@ $(document).ready(function () {
 
   function populateLocationDropdown() {
     const locationDropdown = document.getElementById('locationDropdown');
-
     // Clear existing options
     locationDropdown.innerHTML = '';
-
     // Add a default option
     const defaultOption = document.createElement('option');
     defaultOption.text = 'Select a Location';
     defaultOption.value = '';
     locationDropdown.add(defaultOption);
-
     // Add locations as options
     locationsArray.forEach(location => {
         const option = document.createElement('option');
@@ -58,6 +75,29 @@ $(document).ready(function () {
 }
 populateLocationDropdown();
 
+function populateSensorDropdown() {
+  const sensorDropdown = document.getElementById('sensorDropdown');
+
+  // Clear existing options
+  sensorDropdown.innerHTML = '';
+
+  // Add a default option
+  const defaultOption = document.createElement('option');
+  defaultOption.text = 'Select a Sensor';
+  defaultOption.value = '';
+  sensorDropdown.add(defaultOption);
+
+  // Add locations as options
+  sensorArray.forEach(location => {
+      const option = document.createElement('option');
+      option.text = sensor.sensorname;
+      option.value = sensor.id;
+      sensorDropdown.add(option);
+  });
+}
+populateSensorDropdown();
+
+
 $('#sensorForm').on('submit', function (e) {
     e.preventDefault();
        const sensor = $('#sensor').val();
@@ -73,7 +113,6 @@ $('#sensorForm').on('submit', function (e) {
           'Content-Type': 'application/json'
       },
       body: JSON.stringify({
-          id: id,
           sensorname: sensor,
           added_by: user,
           mac_address: macAddress,
@@ -102,3 +141,85 @@ $('#sensorForm').on('submit', function (e) {
     // Handle error as needed
 });
   });
+
+  $('#updatesensorForm').on('submit', function (e) {
+    e.preventDefault();
+       const id = $('#sensorDropdown').val();
+       const sensorname = $('#sensorname').val();
+       const user = req.session.jobTitle;
+       const macAddress = $('#macAddress').val();
+       const description = $('#description').val();
+       const location = $('#locationDropdown').val();
+       const csrf_token = $('#userForm input[name="csrf_token"]').val();
+   
+    fetch('sensor/update', {
+      method: 'PUT',
+      headers: {
+          'Content-Type': 'application/json'
+      },
+      body: JSON.stringify({
+          id: id,
+          sensorname: sensorname,
+          added_by: user,
+          mac_address: macAddress,
+          description: description,
+          location: location,
+          csrf_token: csrf_token
+      }),
+  })
+  .then(response => {
+    if (response.ok) {
+        // Status 201 indicates successful creation
+        return response.json();
+    } else {
+        return response.json().then(data => {
+            throw new Error(data.message || `HTTP error! Status: ${response.status}`);
+        });
+    }
+})
+.then(data => {
+    console.log(`Sensor updated successfully. Message: ${data.message}`);
+    alert('Sensor updated successfully!');
+    resetFormFields();
+})
+.catch(error => {
+    console.error('Sensor not updated successfully', error);
+    // Handle error as needed
+});
+  });
+
+  $('#deleteForm').on('submit', function (e) {
+    e.preventDefault();
+    const selectedSensorId = $('#sensorDropdown').val();
+    const csrf_token = $('#userForm input[name="csrf_token"]').val();
+
+    fetch('/sensor/delete', {
+      method: 'DELETE',
+      headers: {
+          'Content-Type': 'application/json'
+      },
+      body: JSON.stringify({
+          id:selectedSensorId,
+          csrf_token: csrf_token
+      }),
+  })
+  .then(response => {
+    if (response.ok) {
+        // Status 201 indicates successful creation
+        return response.json();
+    } else {
+        return response.json().then(data => {
+            throw new Error(data.message || `HTTP error! Status: ${response.status}`);
+        });
+    }
+})
+.then(data => {
+    console.log(`Sensor deleted successfully. Message: ${data.message}`);
+    alert('Sensor deleted successfully!');
+    resetFormFields();
+})
+.catch(error => {
+    console.error('Sensor not deleted successfully', error);
+    // Handle error as needed
+});
+  });