fix edit addresses id

This commit is contained in:
Samuel Lorch 2023-04-13 22:50:18 +02:00
parent 83b800ea05
commit eec845ee76

View file

@ -1,5 +1,7 @@
<script setup lang="ts">
import { apiCall } from "../../api";
import getPlugins from '../../plugins';
const p = getPlugins();
let addresses = $ref([]);
let loading = $ref(false);
@ -13,7 +15,7 @@ const columns = [
];
async function load(){
loading = true
loading = true;
let res = await apiCall("Object.GetAddresses", {});
if (res.Error === null) {
addresses = res.Data.Addresses;
@ -21,7 +23,7 @@ async function load(){
} else {
console.debug("error", res);
}
loading = false
loading = false;
}
const displayData = $computed(() => {
@ -69,6 +71,10 @@ async function deleteAddress(){
load();
}
async function editInterface() {
p.router.push("/object/addresses/edit/" + displayData[selection[0]].name);
}
onMounted(async() => {
load();
});
@ -76,10 +82,10 @@ onMounted(async() => {
</script>
<template>
<TableView title="Addresses" :columns="columns" :loading="loading" v-model:selection="selection" v-model:data="displayData" :table-props="{sort:true, sortSelf: true}">
<TableView title="Addresses" :columns="columns" :loading="loading" v-model:selection="selection" v-model:data="displayData" :table-props="{sort:true, sortSelf: true}">
<button @click="load">Refresh</button>
<router-link class="button" to="/object/addresses/edit">Create</router-link>
<router-link class="button" :class="{ disabled: selection.length != 1 }" :to="'/object/addresses/edit/' + selection[0]">Edit</router-link>
<button @click="editInterface" :disabled="selection.length != 1">Edit</button>
<button @click="deleteAddress" :disabled="selection.length != 1">Delete</button>
</TableView>
</template>