BrainMinder/assets/templates/categories/list.tmpl

86 lines
2.5 KiB
Cheetah
Raw Normal View History

2024-08-22 10:13:16 +02:00
{{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-input 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" style="overflow-x:auto;">
<table class="w3-table-all w3-striped">
<thead>
<tr>
<th>Name</th>
<th class="w3-right-align">
<a
class="w3-button w3-small w3-border w3-round-large w3-metro-dark-blue"
hx-get="/category/create"
hx-push-url="true"
hx-target="#page-content"><i class="bi bi-plus-circle"></i
></a>
<a
class="w3-button w3-small w3-border w3-round-large w3-metro-blue"
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="w3-right-align">
<button
class="w3-button w3-edit w3-small w3-border w3-round-large"
hx-get="/category/update/{{.Id}}"
hx-push-url="true"
hx-target="#page-content">
<i class="bi bi-pencil"></i>
</button>
<button
class="w3-button w3-delete w3-small w3-border w3-round-large"
hx-delete="/category/delete/{{.Id}}"
hx-target="closest tr"
hx-swap="outerHTML swap:1s"
hx-trigger="confirmed"
onClick="bm_show_confirm(this, 'Categories', 'Delete this category ?')"><i class="bi bi-trash"></i>
</button>
</td>
</tr>
{{
end
}}
</tbody>
</table>
</div>
{{ end }}