speatzle/nfsense
1
0
Fork 0
mirror of https://github.com/speatzle/nfsense.git synced 2025-05-10 18:38:22 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions

Get Update/Edit Form Working

Browse source
This commit is contained in:
Samuel Lorch 2023-04-12 20:37:46 +02:00
parent 1b4e219fda
commit 5f09adb10c
1 changed files with 34 additions and 8 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

42
client/src/pages/[subsystem]/[entity]/edit/[id].vue
View file

@ -1,29 +1,55 @@
<script setup lang="ts"> <script setup lang="ts">
import { editTypes } from "../../../../definitions"; import { editTypes } from "../../../../definitions";
import { apiCall } from "../../../../api";
import getPlugins from '../../../../plugins'; import getPlugins from '../../../../plugins';
const p = getPlugins(); const p = getPlugins();
const props = $defineProps<{subsystem: string, entity: string, id: string}>(); const props = $defineProps<{subsystem: string, entity: string, id: string}>();
const { subsystem, entity, id } = $(props); const { subsystem, entity, id } = $(props);
let data = $ref({} as {}); let initialValues = $ref({} as {});
let loading = $ref(true);
async function update() {
async function load(){
loading = true
let res = await apiCall(editTypes[subsystem].name +".Get"+ editTypes[subsystem][entity].name, {id: id});
if (res.Error === null) {
console.debug("update data", res.Data);
initialValues = res.Data;
} else {
console.debug("error", res);
}
loading = false
} }
async function update(value: any) {
console.debug("value", value);
let res = await apiCall(editTypes[subsystem].name +".Update"+ editTypes[subsystem][entity].name, value);
if (res.Error === null) {
p.toast.success("Updated " + editTypes[subsystem][entity].name);
p.router.go(-1);
} else {
console.debug("error", res);
}
}
onMounted(async() => {
if (editTypes[subsystem][entity]) {
load();
}
});
</script> </script>
<template> <template>
<div v-if="editTypes[subsystem][entity]"> <div v-if="editTypes[subsystem][entity]">
<PageHeader :title="'Edit ' + editTypes[subsystem][entity].name"> <PageHeader :title="'Update ' + editTypes[subsystem][entity].name">
<button @click="update">Update</button>
<button @click="$router.go(-1)">Discard</button>
</PageHeader> </PageHeader>
<NiceForm class="scroll cl-secondary" :sections="editTypes[subsystem][entity].sections" v-model="data"/> <NiceForm v-if="!loading" class="scroll cl-secondary" :submit="update" :discard="() => $router.go(-1)" :sections="editTypes[subsystem][entity].sections" :initialValues="initialValues"/>
<p v-else>Loading...</p>
</div> </div>
<div v-else> <div v-else>
<PageHeader title="Error"/> <PageHeader title="Error"/>
No editType for this Entity No editType for this Entity
</div> </div>
</template> </template>