@@ -103,6 +104,7 @@
+
\ No newline at end of file
diff --git a/frontend/src/pages/loads/Search.vue b/frontend/src/pages/loads/Search.vue
index 0afb9ed..2780f8c 100644
--- a/frontend/src/pages/loads/Search.vue
+++ b/frontend/src/pages/loads/Search.vue
@@ -8,13 +8,15 @@
:value="loads"
filterDisplay="row"
paginator
+ :rowsPerPageOptions="[5, 10, 20, 50]"
size="small"
:sortField="sortField"
:sortOrder="sortOrder"
@update:sortField="(e: string) => {sortField = e; fetchLoads()}"
@update:sortOrder="(e: number | undefined) => {sortOrder = e; fetchLoads()}"
+ @page="updatePagination"
+ :rows="rowsPerPage"
lazy
- :rows="50"
:totalRecords="total"
:loading="loading"
>
@@ -42,7 +44,9 @@
@change="fetchLoads" />
- {{ data.bullet.manufacturer.name }}
+
+ {{ data.bullet.manufacturer.name }}
+
@@ -63,7 +67,9 @@
@change="fetchLoads" />
- {{ data.primer.manufacturer.name }}
+
+ {{ data.primer.manufacturer.name }}
+
@@ -83,7 +89,9 @@
@change="fetchLoads" />
- {{ data.powder.manufacturer.name }}
+
+ {{ data.powder.manufacturer.name }}
+
@@ -104,8 +112,13 @@
-
-
+
+
@@ -116,22 +129,13 @@
import { Bullet } from '../../types/bullet'
import { Powder } from '../../types/powder'
import { Primers } from '../../types/primers'
+import { Load } from '../../types/Response'
interface LoadResponse {
total: number
results: Load[]
}
-interface Load {
- id: string
- bullet: Bullet
- cartridge: string
- powder: Powder
- powder_gr: number
- primer: Primers
- col: number
-}
-
interface Option {
label: string
value: string
@@ -143,6 +147,7 @@ import { Response } from '../../types/Response'
import axios from 'axios'
import Column from 'primevue/column'
import { icons } from '../../lib/icons.ts'
+import router from '../../router'
const DataTable = defineAsyncComponent(() => import('primevue/datatable'))
const Card = defineAsyncComponent(() => import('primevue/card'))
@@ -151,6 +156,8 @@ const MultiSelect = defineAsyncComponent(() => import('primevue/multiselect'))
const loads = ref
([])
const total = ref(0)
+const rowsPerPage = ref(50)
+const page = ref(1)
const loading = ref(true)
// use local storage to store the selected filters
@@ -181,6 +188,14 @@ const powderManufacturerSelected = ref(localStorageFilters.powderManuf
const powderOptions = ref