You've already forked reloading-manager
Nobody had ever created a function like this one before. (#26)
Reviewed-on: rrise/reloading-manager#26 Co-authored-by: Ron Rise <ron@siteworxpro.com> Co-committed-by: Ron Rise <ron@siteworxpro.com>
This commit is contained in:
1
frontend/.gitignore
vendored
1
frontend/.gitignore
vendored
@@ -22,3 +22,4 @@ dist-ssr
|
||||
*.njsproj
|
||||
*.sln
|
||||
*.sw?
|
||||
.env
|
||||
@@ -8,6 +8,10 @@
|
||||
:value="loads"
|
||||
filterDisplay="row"
|
||||
paginator
|
||||
:sortField="sortField"
|
||||
:sortOrder="sortOrder"
|
||||
@update:sortField="(e: string) => {sortField = e; fetchLoads()}"
|
||||
@update:sortOrder="(e: number | undefined) => {sortOrder = e; fetchLoads()}"
|
||||
lazy
|
||||
:rows="50"
|
||||
:totalRecords="total"
|
||||
@@ -19,7 +23,7 @@
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<Column field="cartridge" header="Name" :sortable="true" :showFilterMenu="false">
|
||||
<Column field="cartridge_name" header="Name" :sortable="true" :showFilterMenu="false">
|
||||
<template #filter>
|
||||
<Select />
|
||||
</template>
|
||||
@@ -29,7 +33,7 @@
|
||||
|
||||
</Column>
|
||||
|
||||
<Column field="bulletManufacturer" header="Bullet Manufacturer" :sortable="true" :showFilterMenu="false">
|
||||
<Column field="bullet_manufacturer_name" header="Bullet Manufacturer" :sortable="true" :showFilterMenu="false">
|
||||
<template #filter>
|
||||
<Select />
|
||||
</template>
|
||||
@@ -37,7 +41,7 @@
|
||||
{{ data.bullet.manufacturer.name }}
|
||||
</template>
|
||||
</Column>
|
||||
<Column header="Bullet" :sortable="true" :showFilterMenu="false">
|
||||
<Column field="bullet_name" header="Bullet" :sortable="true" :showFilterMenu="false">
|
||||
<template #filter>
|
||||
<Select />
|
||||
</template>
|
||||
@@ -47,36 +51,36 @@
|
||||
.{{ data.bullet.diameter }}
|
||||
</template>
|
||||
</Column>
|
||||
<Column field="name" header="Primer Manufacturer" :sortable="true">
|
||||
<Column field="primer_manufacturer_name" header="Primer Manufacturer" :sortable="true">
|
||||
<template #body="{ data }">
|
||||
{{ data.primer.manufacturer.name }}
|
||||
</template>
|
||||
</Column>
|
||||
<Column field="name" header="Primer" :sortable="true">
|
||||
<Column field="primer_name" header="Primer" :sortable="true">
|
||||
<template #body="{ data }">
|
||||
{{ data.primer.name }}
|
||||
</template>
|
||||
</Column>
|
||||
|
||||
<Column field="name" header="Powder Manufacturer" :sortable="true">
|
||||
<Column field="powder_manufacturer_name" header="Powder Manufacturer" :sortable="true">
|
||||
<template #body="{ data }">
|
||||
{{ data.powder.manufacturer.name }}
|
||||
</template>
|
||||
</Column>
|
||||
|
||||
<Column field="name" header="Powder" :sortable="true">
|
||||
<Column field="powder_name" header="Powder" :sortable="true">
|
||||
<template #body="{ data }">
|
||||
{{ data.powder.name }}
|
||||
</template>
|
||||
</Column>
|
||||
|
||||
<Column field="name" header="Powder Grs" :sortable="true">
|
||||
<Column field="powder_gr" header="Powder Grs" :sortable="true">
|
||||
<template #body="{ data }">
|
||||
{{ data.powder_gr }}gr
|
||||
</template>
|
||||
</Column>
|
||||
|
||||
<Column field="name" header="Edit">
|
||||
<Column field="edit" header="Edit">
|
||||
<template #body>
|
||||
<Button size="small" text :icon="icons.edit" />
|
||||
</template>
|
||||
@@ -121,10 +125,23 @@ const loads = ref<Load[]>([])
|
||||
const total = ref(0)
|
||||
const loading = ref(true)
|
||||
|
||||
const sortField = ref('cartridge_name')
|
||||
const sortOrder = ref<number | undefined>(-1)
|
||||
|
||||
const fetchLoads = async () => {
|
||||
loading.value = true
|
||||
|
||||
const resp = await axios.get<any, Response<LoadResponse>>(`${import.meta.env.VITE_API}/load`)
|
||||
const searchParams = []
|
||||
|
||||
searchParams.unshift(`sortField=${sortField.value}`)
|
||||
|
||||
if (sortOrder.value) {
|
||||
searchParams.unshift(`sortOrder=${sortOrder.value}`)
|
||||
}
|
||||
|
||||
console.log(searchParams)
|
||||
|
||||
const resp = await axios.get<any, Response<LoadResponse>>(`${import.meta.env.VITE_API}/load?${searchParams.join('&')}`)
|
||||
|
||||
loads.value = resp.data.payload.results
|
||||
total.value = resp.data.payload.total
|
||||
|
||||
Reference in New Issue
Block a user