som eprogress made on dropdown selection, now needs a dat aendpoint c…

…onnecting
Aiky30 · Feb 13, 2024 · e776487 · e776487
1 parent 98690d7
commit e776487
Show file tree

Hide file tree

Showing 2 changed files with 23 additions and 5 deletions.
diff --git a/shedpi_hub_dashboard/static/shedpi_hub_dashboard/js/index.js b/shedpi_hub_dashboard/static/shedpi_hub_dashboard/js/index.js
@@ -25,15 +25,21 @@ let drawDropdown = function (data) {
   emptySelector.textContent = "Please Select"
   dropdown.append(emptySelector)
 
+
+  dropdown.addEventListener('change', function (e) {
+    optionId = this.selectedOptions[0].id
+
+    if (optionId) {
+      loadTableData(optionId)
+    }
+  });
+
   for (let deviceModuleIndex in data) {
     const deviceModule = data[deviceModuleIndex]
 
     let optionElement = document.createElement("option");
     optionElement.textContent = deviceModule.device + " - " + deviceModule.name
-
-    optionElement.addEventListener('select', function (e) {
-      console.log("Draw data")
-    });
+    optionElement.id = deviceModule.device
 
     dropdown.append(optionElement);
   }
@@ -44,7 +50,13 @@ let drawDropdown = function (data) {
 
 /* Table visual */
 
-let loadTableData = function () {
+let loadTableData = function (deviceModuleId) {
+
+
+  // TODO: Get data based on deviceModuleId
+  // Endpoint: http://127.0.0.1:8000/api/v1/device-module-readings/
+  // device_module = deviceModuleId
+
   const urlDeviceModuleReading = section.getAttribute("data-json-feed")
   let endpointDeviceModuleReading = new Request(urlDeviceModuleReading);
   response = fetch(endpointDeviceModuleReading)

diff --git a/shedpi_hub_dashboard/tests/test_endpoints.py b/shedpi_hub_dashboard/tests/test_endpoints.py
@@ -18,6 +18,12 @@ def test_device_module_list(client):
     assert len(response.data) == 2
 
 
+# TODO: device_module_readings_list
+@pytest.mark.django_db
+def device_module_readings_list(client):
+    assert False
+
+
 @pytest.mark.django_db
 def test_device_module_reading_submission(client):
     schema = {