make the start button work

This commit is contained in:
iamBadgers
2026-03-22 23:02:01 -07:00
parent 91f7755af9
commit fb82472cac

View File

@@ -19,22 +19,30 @@ onMounted(() => {
}
]
axios.get('http://localhost/api/tables').then((resp) => allTables.value=resp.data)
axios.get('http://localhost/api/active_tables').then((resp) => activeTables.value=resp.data)
axios.get('http://localhost/api/tables').then((resp) => allTables.value = resp.data)
axios.get('http://localhost/api/active_tables').then((resp) => activeTables.value = resp.data)
})
function startTable(tableId: number) {
const activate = axios.get(`http://localhost/api/tables/${tableId}:start`);
activate.then((resp) => axios.get('http://localhost/api/tables')).then((resp) => allTables.value = resp.data)
activate.then((resp) => axios.get('http://localhost/api/active_tables')).then((resp) => activeTables.value = resp.data)
}
</script>
<style>
.ActiveTables {
.ActiveTables {
margin: 20px;
h2 {
padding-left: 15px;
}
.ATTables {
padding-left: 50px;
}
}
}
</style>
<template>
@@ -46,11 +54,11 @@ onMounted(() => {
<template #content>
<DataTable class="ATTables" style="" :exportable="false" :value="activeTables">
<Column field="table_name" header="Table Name"/>
<Column field="table_link" header="Table Link"/>
<Column field="table_name" header="Table Name" />
<Column field="table_link" header="Table Link" />
<Column header="Close">
<template #body="slotProps">
<Button label="Close"/>
<Button label="Close" />
</template>
</Column>
</DataTable>
@@ -64,11 +72,11 @@ onMounted(() => {
<template #content>
<DataTable class="ATTables" style="" :exportable="false" :value="allTables">
<Column field="table_name" header="Table Name"/>
<Column field="table_link" header="Table Link"/>
<Column field="table_name" header="Table Name" />
<Column field="table_link" header="Table Link" />
<Column header="Close">
<template #body="slotProps">
<Button label="Close"/>
<Button label="Start" @click="startTable(slotProps.data.id)" />
</template>
</Column>
</DataTable>
@@ -76,4 +84,3 @@ onMounted(() => {
</Card>
</template>