60 lines
1.9 KiB
Cheetah
60 lines
1.9 KiB
Cheetah
{{define "categories:list"}}
|
|
<div
|
|
id="all_categories_search"
|
|
class="w3-panel w3-border w3-round-large w3-display-container"
|
|
style="display: none"
|
|
>
|
|
<form
|
|
class="w3-container"
|
|
method="POST"
|
|
hx-post="/categories"
|
|
hx-target="#categories"
|
|
>
|
|
<input type="hidden" name="csrf_token" value="{{.CSRFToken}}" />
|
|
<div class="w3-row">
|
|
<div class="w3-half" style="padding-right: 4px">
|
|
<label for="category-name">Name</label>
|
|
<input
|
|
name="Name"
|
|
class=" w3-border"
|
|
id="category-name"
|
|
type="text"
|
|
value=""
|
|
/>
|
|
</div>
|
|
</div>
|
|
<div class="w3-bar" style="padding-top: 8px; padding-bottom: 8px">
|
|
<button type="submit" class="w3-btn w3-metro-dark-blue w3-round-large">
|
|
<i class="bi bi-search"></i> Find
|
|
</button>
|
|
</div>
|
|
</form>
|
|
</div>
|
|
<div id="categories" class="list">
|
|
<table class="table-all striped">
|
|
<thead>
|
|
<tr>
|
|
<th>Name</th>
|
|
<th class="operations">
|
|
<a class="button" hx-get="/category/create" hx-push-url="true" hx-target="#page-content"><i class="bi bi-plus-circle"></i></a>
|
|
<a class="button" href="#" _="on click toggle the *display of #all_categories_search"><i class="bi bi-search"></i></a>
|
|
</th>
|
|
</tr>
|
|
</thead>
|
|
<tbody>
|
|
{{ range .categories }}
|
|
<tr>
|
|
<td class="title" data-label="Name">{{.Name}}
|
|
</td>
|
|
<td data-label="" class="operations">
|
|
<button hx-get="/category/update/{{.Id}}" hx-push-url="true" hx-target="#page-content"><i class="bi bi-pencil"></i></button>
|
|
<button hx-delete="/category/delete/{{.Id}}" hx-target="closest tr" hx-swap="outerHTML swap:1s" hx-trigger="confirmed" onClick="bm_show_confirm_delete(this, 'Categories', 'Delete this category ?')"><i class="bi bi-trash"></i>
|
|
</button>
|
|
</td>
|
|
</tr>
|
|
{{ end }}
|
|
</tbody>
|
|
</table>
|
|
</div>
|
|
{{ end }}
|