add single locker selection

src/lib/services/admin/mainApi.js

@@ -18,18 +18,20 @@ export async function fetchEnabledGrades() {
     return await response.json();
 }
 
-export async function fetchUserData(){
-    const response = await fetch('https://locker-api.cvapps.net/admin/data/user-data?page=1&pageSize=10', {
-        method: 'get',
-        credentials: 'include'
-    });
-
-    return await response.json();
+export async function fetchUserData() {
+    try {
+        const response = await axios.get('https://locker-api.cvapps.net/admin/data/user-data', {
+            withCredentials: true
+        });
+        return response.data;
+    } catch (error) {
+        throw error; // Rethrow the error to handle it elsewhere if needed
+    }
 }
 
 export async function fetchLockerData() {
     try {
-        const response = await axios.get('https://locker-api.cvapps.net/admin/data/locker-data?page=1&pageSize=10', {
+        const response = await axios.get('https://locker-api.cvapps.net/admin/data/locker-data', {
             withCredentials: true
         });
         return response.data;

src/routes/(admin)/admin/edit/views/LockerEdit.svelte

@@ -113,7 +113,7 @@
         <Grid
                 {columns}
                 pagination={{ enabled: true, limit: 11 }}
-
+                sort
                 search
                 {data}
                 {style}

src/routes/(admin)/admin/edit/views/UserEdit.svelte

@@ -109,10 +109,10 @@
         <Grid
                 {columns}
                 pagination={{ enabled: true, limit: 11 }}
-
+                sort
                 search
                 {data}
                 {style}
         />
     {/if}
-</div>
+</div>

src/routes/(app)/register/views/Selection.svelte

@@ -16,7 +16,7 @@
     let areas = {};
     let data1 = [];
     let data2 = [];
-    let data3 = ['Top', 'Single', 'Bottom'];
+    let data3 = [];
 
     let value1;
     let value2;
@@ -26,10 +26,6 @@
         areas = await fetchAvailableLockers();
         // Update data1 based on fetched areas
         data1 = Object.keys(areas);
-        // Check if value1 is selected and update data2 accordingly
-        if (value1 && areas[value1.value]) {
-            data2 = areas[value1.value];
-        }
     }
 
     async function next() {
@@ -38,6 +34,8 @@
             floor: value2.label,
             level: value3.label,
         });
+        if(value3.label === "Single") singleLocker.set(true);
+
         console.log($selectedLocation);
         pageView.set(2);
     }
@@ -49,17 +47,26 @@
     // Watch for changes in value1 and update data2 accordingly
     $: {
         if (value1 && areas[value1.value]) {
-            console.log("feuj")
 
-            data2 = areas[value1.value];
-            clear();
+            data2 = Object.keys(areas[value1.value]);
+
+            clear(1);
+
+        }
+    }
+
+    $:{
+        if (value2 && areas[value1.value][value2.value]) {
+
+            data3 = areas[value1.value][value2.value]['Levels']
+            clear(2);
 
         }
     }
 
-    function clear(){
-        value2 = null;
-        value3 = null;
+    function clear(number){
+        if(number === 1) value2 = null;
+        if(number === 2) value3 = null;
     }
 
 </script>