I can now list the contents of a table and display a form for one row to update/delete, but haven't implemented update and delete.

This commit is contained in:
Zed A. Shaw 2025-07-17 01:20:25 -04:00
parent 2b40d6fdc3
commit d12817f4cc
4 changed files with 49 additions and 17 deletions

View file

@ -7,14 +7,24 @@
<h1>Admin Tables</h1>
<block x-data="Tables">
<ul>
<table>
<template x-for="item in theData">
<table>
<td><a x-bind:href="'/admin/table/{{ .Table }}/' + item.id + '/'" x-text="item.id"></td>
<td x-text="item.Email"></td>
</table>
<tr>
<td>
<a x-bind:href="'/admin/table/{{ .Table }}/' + item.id + '/'">
^
</a>
</td>
<template x-for="(value, key) in item">
<td x-text="value"></td>
</template>
</tr>
</template>
</ul>
</table>
<block class="horizontal">
<a href="/admin/table/{{.Table}}/?page=2">Prev</a>
<a href="/admin/table/{{.Table}}/?page=2">Next</a>
</block>
</block>
</blockstart>

View file

@ -1,15 +1,31 @@
<script>
let Data = new GetJson("/api/admin/table/{{ .Table }}/{{ .Id }}/")
console.log("Data", Data)
let Data = new GetJson("/api/admin/table/{{ .Table }}/{{ .Id }}/");
</script>
<blockstart>
<h1>Admin Tables</h1>
<block x-data="Data">
<ul>
<h1 x-text="item.id"></h1>
</ul>
<block x-init="item = await Data.oneThing()" x-data="{item: {}}">
<form method="POST" action="/api/admin/table/{{ .Table }}/{{ .Id }}/">
<card>
<top><h1>{{ .Table }} : {{ .Id }}</h1></top>
<middle>
<template x-for="(value, key) in item">
<div>
<label x-text="key" x-bind:for="key"></label>
<input x-text="value" x-bind:value="value" x-bind:id="key" />
</div>
</template>
</middle>
<bottom>
<button-group>
<button type="button">Back</button>
<button type="submit">Update</button>
<button type="button">Delete</button>
</button-group>
</bottom>
</card>
</form>
</block>
</blockstart>