show_data

back/api/urls.py

@@ -23,6 +23,7 @@ from inventory import views
 router = routers.DefaultRouter()
 router.register(r'partner', views.PartnerViewSet)
 router.register(r'element', views.ElementViewSet)
+router.register(r'inventory', views.InventoryItemViewSet)
 
 urlpatterns = [
     path('', include(router.urls)),

back/inventory/views.py

@@ -66,6 +66,18 @@ def get_depth_cat(id):
     return parsed_data["value"]
 
 
+class InventoryItemViewSet(viewsets.ModelViewSet):
+    queryset = InventoryItem.objects.all()
+    serializer_class = InventorySerializer
+    
+    def get_queryset(self):
+        queryset = InventoryItem.objects.all()
+        partner = self.request.query_params.get('partner_id')
+        if partner is not None:
+            queryset = queryset.filter(partner=partner)
+        return queryset
+
+
 class ElementViewSet(viewsets.ModelViewSet):
     """
     API endpoint that allows elements to be viewed or edited.

front/pages/organization/p_[id]/i_[id].vue

@@ -1,3 +1,15 @@
+<script setup lang="ts">
+import { apiBase } from '~/helpers';
+import type { ApiTypeBase } from '~/helpers';
+
+const headers = new Headers();
+headers.append("Content-Type", "application/json");
+
+const route = useRoute()
+
+const { data } = await useFetch<ApiTypeBase>(`${apiBase}/element?inventory_id=${route.params.id}`, { headers })
+</script>
 <template>
-    inv
+    <UTable :rows="data?.results">
+    </UTable>
 </template>

front/pages/organization/p_[id]/index.vue

@@ -10,5 +10,11 @@ const route = useRoute()
 const { data } = await useFetch<ApiTypeBase>(`${apiBase}/inventory?partner_id=${route.params.id}`, { headers })
 </script>
 <template>
-    <UTable :rows="data?.results" />
+    <UTable :rows="data?.results">
+        <template #id-data="{ row }">
+            <NuxtLink :to="`/organization/p_${route.params.id}/i_${row.id}`">
+                {{ row.id }}
+            </NuxtLink>
+        </template>
+    </UTable>
 </template>