innocuous-symmetry/go-htmx-tailwind-example
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

recovering from problematic changes

Browse Source
This commit is contained in:
Mikayla Dobson
2024-03-09 14:14:10 +00:00
parent 9b2caddeb4
commit 8c187a310e
4 changed files with 52 additions and 11 deletions
Download Patch File Download Diff File Expand all files Collapse all files

1
templates/entity-list.html
View File

@@ -25,6 +25,7 @@
<th scope="col" class="px-6 py-4">Category</th> <th scope="col" class="px-6 py-4">Category</th>
<th scope="col" class="px-6 py-4">Description</th> <th scope="col" class="px-6 py-4">Description</th>
<th scope="col" class="px-6 py-4">Notes</th> <th scope="col" class="px-6 py-4">Notes</th>
<th scope="col" class="px-6 py-4"></th>
</tr> </tr>
</thead> </thead>
<tbody id="table-body"> <tbody id="table-body">

24
templates/entity-row.html
View File

@@ -3,6 +3,26 @@
<td class="whitespace-nowrap px-6 py-4">{{.Name}}</td> <td class="whitespace-nowrap px-6 py-4">{{.Name}}</td>
<td class="whitespace-nowrap px-6 py-4">{{.Stage}}</td> <td class="whitespace-nowrap px-6 py-4">{{.Stage}}</td>
<td class="whitespace-nowrap px-6 py-4">{{.Category}}</td> <td class="whitespace-nowrap px-6 py-4">{{.Category}}</td>
<td class="whitespace-nowrap px-6 py-4">{{.Description}}</td>
<td class="whitespace-nowrap px-6 py-4">{{.Notes}}</td> {{ if .Description }}
<td class="whitespace-nowrap px-6 py-4">{{.Description}}</td>
{{ else }}
<td class="whitespace-nowrap px-6 py-4">...</td>
{{ end }}
{{ if .Notes }}
<td class="whitespace-nowrap px-6 py-4">{{.Notes}}</td>
{{ else }}
<td class="whitespace-nowrap px-6 py-4">...</td>
{{ end }}
<td class="whitespace-nowrap px-6 py-4">
<button
hx-get="/items/edit/{{.ID}}"
hx-target="#datarow-{{.ID}}"
hx-swap="outerHTML"
class="inline-flex items-center h-8 px-4 m-2 text-sm text-blue-100 transition-colors duration-150 bg-blue-700 rounded-lg focus:shadow-outline hover:bg-blue-800"
>
Edit
</button>
</tr> </tr>

4
templates/index.html
View File

@@ -4,9 +4,9 @@
<meta charset="UTF-8" /> <meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" />
<meta http-equiv="X-UA-Compatible" content="ie=edge" /> <meta http-equiv="X-UA-Compatible" content="ie=edge" />
<title>Mikayla's Move Manager</title>
<script src="https://unpkg.com/htmx.org@1.9.2"></script> <script src="https://unpkg.com/htmx.org@1.9.2"></script>
<link href="/css/output.css" rel="stylesheet" /> <script src="https://cdn.tailwindcss.com"></script>
<title>Go + HTMX + Tailwind</title>
</head> </head>
<body> <body>
<main> <main>

34
templates/row-edit.html
View File

@@ -5,8 +5,8 @@
type="text" type="text"
class="shadow appearance-none border rounded w-full py-2 px-3 text-gray-700 leading-tight focus:outline-none focus:shadow-outline" class="shadow appearance-none border rounded w-full py-2 px-3 text-gray-700 leading-tight focus:outline-none focus:shadow-outline"
data-include-edit="{{.ID}}" data-include-edit="{{.ID}}"
name="company" name="name"
value="{{.Company}}" value="{{.Name}}"
/> />
</td> </td>
<td class="whitespace-nowrap px-6 py-4"> <td class="whitespace-nowrap px-6 py-4">
@@ -14,8 +14,8 @@
type="text" type="text"
class="shadow appearance-none border rounded w-full py-2 px-3 text-gray-700 leading-tight focus:outline-none focus:shadow-outline" class="shadow appearance-none border rounded w-full py-2 px-3 text-gray-700 leading-tight focus:outline-none focus:shadow-outline"
data-include-edit="{{.ID}}" data-include-edit="{{.ID}}"
name="contact" name="stage"
value="{{.Contact}}" value="{{.Stage}}"
/> />
</td> </td>
<td class="whitespace-nowrap px-6 py-4"> <td class="whitespace-nowrap px-6 py-4">
@@ -23,13 +23,33 @@
type="text" type="text"
class="shadow appearance-none border rounded w-full py-2 px-3 text-gray-700 leading-tight focus:outline-none focus:shadow-outline" class="shadow appearance-none border rounded w-full py-2 px-3 text-gray-700 leading-tight focus:outline-none focus:shadow-outline"
data-include-edit="{{.ID}}" data-include-edit="{{.ID}}"
name="country" name="category"
value="{{.Country}}" value="{{.Category}}"
/> />
</td> </td>
<td class="whitespace-nowrap px-6 py-4">
<input
type="text"
class="shadow appearance-none border rounded w-full py-2 px-3 text-gray-700 leading-tight focus:outline-none focus:shadow-outline"
data-include-edit="{{.ID}}"
name="description"
value="{{.Description}}"
/>
</td>
<td class="whitespace-nowrap px-6 py-4">
<input
type="text"
class="shadow appearance-none border rounded w-full py-2 px-3 text-gray-700 leading-tight focus:outline-none focus:shadow-outline"
data-include-edit="{{.ID}}"
name="notes"
value="{{.Notes}}"
/>
<td class="whitespace-nowrap px-1 py-1"> <td class="whitespace-nowrap px-1 py-1">
<a <a
hx-put="/company/{{.ID}}" hx-put="/items/{{.ID}}"
hx-target="#datarow-{{.ID}}" hx-target="#datarow-{{.ID}}"
hx-swap="outerHTML" hx-swap="outerHTML"
hx-indicator="#processing" hx-indicator="#processing"