iamBadgers/foundry-manager
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

make the start button work

Browse Source
This commit is contained in:
iamBadgers
2026-03-22 23:02:01 -07:00
parent 91f7755af9
commit fb82472cac
1 changed files with 36 additions and 29 deletions
Download Patch File Download Diff File Expand all files Collapse all files

65
src/App.vue
View File

@@ -19,22 +19,30 @@ onMounted(() => {
} }
] ]
axios.get('http://localhost/api/tables').then((resp) => allTables.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) 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> </script>
<style> <style>
.ActiveTables { .ActiveTables {
margin: 20px; margin: 20px;
h2 {
padding-left: 15px; h2 {
} padding-left: 15px;
.ATTables {
padding-left: 50px;
}
} }
.ATTables {
padding-left: 50px;
}
}
</style> </style>
<template> <template>
@@ -45,15 +53,15 @@ onMounted(() => {
</template> </template>
<template #content> <template #content>
<DataTable class="ATTables" style="" :exportable="false" :value="activeTables"> <DataTable class="ATTables" style="" :exportable="false" :value="activeTables">
<Column field="table_name" header="Table Name"/> <Column field="table_name" header="Table Name" />
<Column field="table_link" header="Table Link"/> <Column field="table_link" header="Table Link" />
<Column header="Close"> <Column header="Close">
<template #body="slotProps"> <template #body="slotProps">
<Button label="Close"/> <Button label="Close" />
</template> </template>
</Column> </Column>
</DataTable> </DataTable>
</template> </template>
</Card> </Card>
@@ -63,17 +71,16 @@ onMounted(() => {
</template> </template>
<template #content> <template #content>
<DataTable class="ATTables" style="" :exportable="false" :value="allTables"> <DataTable class="ATTables" style="" :exportable="false" :value="allTables">
<Column field="table_name" header="Table Name"/> <Column field="table_name" header="Table Name" />
<Column field="table_link" header="Table Link"/> <Column field="table_link" header="Table Link" />
<Column header="Close"> <Column header="Close">
<template #body="slotProps"> <template #body="slotProps">
<Button label="Close"/> <Button label="Start" @click="startTable(slotProps.data.id)" />
</template> </template>
</Column> </Column>
</DataTable> </DataTable>
</template> </template>
</Card> </Card>
</template> </template>