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:
2025-04-18 17:30:11 -04:00
committed by Siteworx Pro Gitea
parent 1ae280d785
commit eaa9b97baa
41 changed files with 1159 additions and 88 deletions

1
frontend/.gitignore vendored
View File

@@ -22,3 +22,4 @@ dist-ssr
*.njsproj
*.sln
*.sw?
.env

View File

@@ -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