feat: Started using the paginated endpoint, requires more work

Author: Aiky30

shedpi_hub_dashboard/pagination.py

@@ -4,3 +4,4 @@
 class CreatedAtBasedCursorPagination(CursorPagination):
     ordering = "-created_at"
     page_size_query_param = "page_size"
+    page_size = 100

shedpi_hub_dashboard/static/shedpi_hub_dashboard/js/modules/table.js

@@ -3,6 +3,9 @@ import {getSchemaDataFields} from "./utils.js";
 
 /* Table visual */
 
+/* TODO: The table needs to have next and prev buttons and auto reload the data,
+    this is going to require a redesign of the fetch */
+
 class dataTable {
   constructor() {
     this.dataset = [];

shedpi_hub_dashboard/static/shedpi_hub_dashboard/js/reading.js

@@ -99,7 +99,7 @@ let bindFormSubmision = function () {
 let loadTableData = function (deviceModuleId, startDate, endDate) {
 
   // const url = section.getAttribute("data-json-feed")
-  const url = window.location.origin + "/api/v1/device-module-readings/"
+  const url = window.location.origin + "/api/v1/device-module-readings-paginated/"
   const endpoint = new URL(url);
   endpoint.searchParams.append("device_module", deviceModuleId);
   endpoint.searchParams.append("format", "json");
@@ -122,7 +122,7 @@ let loadTableData = function (deviceModuleId, startDate, endDate) {
     .then((response) => {
       const schema = deviceModuleSchemaMap[deviceModuleId]
 
-      table.draw(response, schema)
-      chart.draw(response, schema)
+      table.draw(response["results"], schema)
+      chart.draw(response["results"], schema)
     });
 }

shedpi_hub_example_project/settings.py

@@ -134,5 +134,6 @@
     # "DEFAULT_PERMISSION_CLASSES": [
     #     "rest_framework.permissions.DjangoModelPermissionsOrAnonReadOnly"
     # ]
-    "PAGE_SIZE": 100,
+    # "DEFAULT_PAGINATION_CLASS": "rest_framework.pagination.CursorPagination",
+    # "PAGE_SIZE": 100,
 }