Alpine is now all gone. Good riddance.

admin/table/api.go

@@ -76,7 +76,6 @@ func PostApiUpdate(c *fiber.Ctx) error {
   return c.RedirectBack("/admin/table/", 303)
 }
 
-
 func GetApiInsert(c *fiber.Ctx) error {
   _, err := AuthCheck(c, true)
   if err != nil { return c.Redirect("/") }
@@ -84,6 +83,7 @@ func GetApiInsert(c *fiber.Ctx) error {
   table := c.Params("table")
   typeOf := data.Models()[table]
   result := reflect.New(typeOf)
+
   return c.JSON(result.Interface())
 }
 

views/admin/table/index.html

@@ -1,4 +1,3 @@
-<!-- HAS_ALPINE -->
 <script>
   let Data = new PaginateTable("/api/admin/table")
 

views/admin/table/new.html

@@ -1,18 +1,28 @@
-<!-- HAS_ALPINE -->
+<script>
-<h1><a href="/admin/table/{{ .table }}/">&laquo;</a>Admin {{ .table }}</h1>
+$boot(async () => {
+  let item = await GetJson('/api/admin/table/new/{{ .table }}');
+  let data = [];
+
+  for(let key of Object.keys(item)) {
+    data.push({key, value: item[key]});
+  }
 
-<block x-data="{item: {}}"
+  $render_data('data-template', 'data-form', data);
-       x-init="item = await GetJson('/api/admin/table/new/{{ .table }}')">
+});
+</script>
+
+<h1><a href="/admin/table/{{ .table }}/">&laquo;</a>Admin {{ .table }}</h1>
 
+<block>
   <form method="POST" action="/api/admin/table/new/{{ .table }}">
     <card>
     <top><h2>New {{ .table }}</h2></top>
 
-    <middle>
+    <middle id="data-form">
-      <template x-for="(value, key) in item">
+      <template id="data-template">
         <div>
-          <label x-text="key" x-bind:for="key"></label>
+          <label for="${item.key}">${item.key}</label>
-          <input x-bind:name="key" x-text="value" x-model="item[key]" x-bind:id="key" />
+          <input name="${item.key}" value="" />
         </div>
       </template>
     </middle>

views/admin/table/view.html

@@ -1,7 +1,4 @@
-<!-- HAS_ALPINE -->
-
 <script>
-
 $boot(async () => {
   let item = await GetJson('/api/admin/table/{{ .table }}/{{ .id }}');
   let data = [];
@@ -12,7 +9,6 @@ $boot(async () => {
 
   $render_data('data-template', 'data-form', data);
 });
-
 </script>
 
 <h1><a href="/admin/table/{{ .table }}/">&laquo;</a>Admin {{ .table }}</h1>