Ross
87 lines
3.8 KiB
HTML
87 lines
3.8 KiB
HTML
|
|
{% extends app_name|add:'/base.html' %}
|
|
|
|
{% load render_table from django_tables2 %}
|
|
{% block css %}
|
|
{% endblock %}
|
|
|
|
{% block content %}
|
|
|
|
<div id="view-filter-options">
|
|
<details class="filter">
|
|
<summary>
|
|
<h3>Filter questions</h3>
|
|
</summary>
|
|
<form action="" method="get">
|
|
{{ filter.form }}
|
|
<input class="btn btn-primary btn-sm mt-1 mb-1" type="submit" />
|
|
</form>
|
|
</details>
|
|
</div>
|
|
<form id="bulk-delete-form" method="post" action="{% url 'generic:bulk_delete_questions' %}" hx-post="{% url 'generic:bulk_delete_questions' %}" hx-target="#bulk-delete-result" hx-swap="innerHTML">
|
|
{% render_table table %}
|
|
|
|
{% csrf_token %}
|
|
<input type="hidden" name="app" value="{{ app_name }}">
|
|
<input type="hidden" name="selected" id="bulk-selected-input" value="">
|
|
<button id="button-bulk-delete" class="btn btn-danger btn-sm" type="submit">Delete selected</button>
|
|
<span id="bulk-delete-result" class="ms-2"></span>
|
|
</form>
|
|
|
|
<button id="button-select-add-exam"
|
|
data-exam_json_edit_url="{% url 'generic:generic_exam_json_edit' %}"
|
|
data-exam_list_url="{% url 'api-1:'|add:app_name|add:'_user_exams' %}"
|
|
data-type={{app_name}} data-csrf="{{ csrf_token}}">Add selected questions to
|
|
exam</button>
|
|
|
|
{% endblock %}
|
|
|
|
{% block scripts %}
|
|
<script>
|
|
// When the user submits the bulk-delete form, gather selected checkboxes from the table
|
|
document.getElementById('bulk-delete-form').addEventListener('submit', function(e){
|
|
const selected = [];
|
|
// Try common patterns: name="selection", name="selection[]", name="selection-<pk>", data-pk, or any checked checkbox inside the table
|
|
// 1) explicit selection name
|
|
document.querySelectorAll('input[type=checkbox][name="selection"]:checked, input[type=checkbox][name="selection[]"]:checked').forEach(function(cb){
|
|
if(cb.value) selected.push(cb.value);
|
|
else if(cb.dataset && cb.dataset.pk) selected.push(cb.dataset.pk);
|
|
});
|
|
|
|
// 2) inputs with name like selection-<pk> or selection_<pk>
|
|
document.querySelectorAll('input[type=checkbox]').forEach(function(cb){
|
|
if(!cb.checked) return;
|
|
const n = cb.getAttribute('name') || '';
|
|
if(n.startsWith('selection-') || n.startsWith('selection_')){
|
|
// try extract trailing number
|
|
const m = n.match(/selection[-_](\d+)/);
|
|
if(m && m[1]){
|
|
selected.push(m[1]);
|
|
} else if(cb.value){
|
|
selected.push(cb.value);
|
|
}
|
|
}
|
|
// 3) fallback: any checked checkbox inside the rendered table
|
|
if(cb.closest('table') && cb.checked && cb.value){
|
|
selected.push(cb.value);
|
|
}
|
|
// 4) data-pk attribute
|
|
if(cb.checked && cb.dataset && cb.dataset.pk){
|
|
selected.push(cb.dataset.pk);
|
|
}
|
|
});
|
|
// fallback: django-tables2 renders checkboxes with accessor name 'selection' and value
|
|
if(selected.length === 0){
|
|
// try to find inputs inside table
|
|
document.querySelectorAll('table input[type=checkbox]').forEach(function(cb){
|
|
if(cb.checked && cb.value) selected.push(cb.value);
|
|
});
|
|
}
|
|
// dedupe
|
|
const uniq = Array.from(new Set(selected.map(String)));
|
|
console.log('Bulk delete selected ids:', uniq);
|
|
document.getElementById('bulk-selected-input').value = uniq.join(',');
|
|
// allow HTMX to submit
|
|
});
|
|
</script>
|
|
{% endblock %} |