add selectall checkboxes

This commit is contained in:
Manuel Gugger 2022-08-01 15:06:54 +02:00
parent 89baa30467
commit 97d2cccd73
2 changed files with 14 additions and 3 deletions

View File

@ -17,6 +17,17 @@
<style type="text/css"> <style type="text/css">
.full-width { width: 100%; } .full-width { width: 100%; }
</style> </style>
<script>
function checkAll(bx) {
var cbs = document.getElementsByTagName('input');
for(var i=0; i < cbs.length; i++) {
if(cbs[i].type == 'checkbox') {
cbs[i].checked = bx.checked;
}
}
}
</script>
</head> </head>
<body> <body>

View File

@ -12,7 +12,7 @@
</summary> </summary>
<ul role="listbox"> <ul role="listbox">
<li><a href="create">Create</a></li> <li><a href="create">Create</a></li>
<li><a href="#" hx-delete="delete">Delete Selected</a></li> <li><a href="#" hx-confirm="Are you sure?" hx-delete="delete">Delete Selected</a></li>
</ul> </ul>
</details> </details>
</div> </div>
@ -32,7 +32,7 @@
<thead> <thead>
<tr> <tr>
<th> <th>
<input type="checkbox"> <input type="checkbox" onclick="checkAll(this)">
<!-- <div class="htmx-indicator">{% include "spinner.svg" %}</div>--> <!-- <div class="htmx-indicator">{% include "spinner.svg" %}</div>-->
</th> </th>
<th>{{ view_model.primary_key | title }}</th> <th>{{ view_model.primary_key | title }}</th>
@ -48,7 +48,7 @@
<tbody hx-confirm="Are you sure?" hx-target="closest tr" hx-swap="outerHTML"> <tbody hx-confirm="Are you sure?" hx-target="closest tr" hx-swap="outerHTML">
{% for entity in entities -%} {% for entity in entities -%}
<tr> <tr>
<td><input type="checkbox" name="ids" value="{{ entity.primary_key }}" name="terms"></td> <td><input type="checkbox" name="ids" value="{{ entity.primary_key }}"></td>
<td>{{ entity.primary_key }}</td> <td>{{ entity.primary_key }}</td>
{% for model_field in view_model.fields -%} {% for model_field in view_model.fields -%}
<td>{{ entity.values | get(key=model_field.field_name) }}</td> <td>{{ entity.values | get(key=model_field.field_name) }}</td>