50 lines
1.9 KiB
TypeScript
50 lines
1.9 KiB
TypeScript
import { defineStore } from "pinia";
|
|
import { http } from "@/serverCom";
|
|
import { useWearableStore } from "./wearable";
|
|
import type { DamageReportViewModel } from "@/viewmodels/admin/unit/damageReport/damageReport.models";
|
|
import { damageReportDemoData } from "@/demodata/damageReport";
|
|
|
|
export const useWearableDamageReportStore = defineStore("wearableDamageReport", {
|
|
state: () => {
|
|
return {
|
|
damageReports: [] as Array<DamageReportViewModel & { tab_pos: number }>,
|
|
totalCount: 0 as number,
|
|
loading: "loading" as "loading" | "fetched" | "failed",
|
|
};
|
|
},
|
|
actions: {
|
|
fetchDamageReportForWearable(offset = 0, count = 25, search = "", clear = false) {
|
|
const wearableId = useWearableStore().activeWearable;
|
|
this.damageReports = damageReportDemoData
|
|
.filter((drdd) => drdd.relatedId == wearableId)
|
|
.map((e, i) => ({ ...e, tab_pos: i }));
|
|
this.totalCount = this.damageReports.length;
|
|
this.loading = "fetched";
|
|
return;
|
|
if (clear) this.damageReports = [];
|
|
this.loading = "loading";
|
|
http
|
|
.get(
|
|
`/admin/wearable/${wearableId}/damageReport?offset=${offset}&count=${count}${search != "" ? "&search=" + search : ""}`
|
|
)
|
|
.then((result) => {
|
|
this.totalCount = result.data.total;
|
|
result.data.reports
|
|
.filter((elem: DamageReportViewModel) => this.damageReports.findIndex((m) => m.id == elem.id) == -1)
|
|
.map((elem: DamageReportViewModel, index: number): DamageReportViewModel & { tab_pos: number } => {
|
|
return {
|
|
...elem,
|
|
tab_pos: index + offset,
|
|
};
|
|
})
|
|
.forEach((elem: DamageReportViewModel & { tab_pos: number }) => {
|
|
this.damageReports.push(elem);
|
|
});
|
|
this.loading = "fetched";
|
|
})
|
|
.catch((err) => {
|
|
this.loading = "failed";
|
|
});
|
|
},
|
|
},
|
|
});
|