django-handyhelpers 0.3.20__py3-none-any.whl → 0.3.35__py3-none-any.whl

handyhelpers/templates/handyhelpers/htmx/bs5/filter_form/generic_modal_swap.htm

@@ -0,0 +1,48 @@
+<div class="modal-dialog modal-dialog-scrollable {{ modal_size }} ">
+    {% if form %}
+    <form hx-headers='{"X-CSRFToken":"{{ csrf_token }}"}'
+          class="modal-content">
+    {% else %}
+    <div class="modal-content">
+    {% endif %}
+        <div class="modal-header">
+            <div class="modal-title" id="generic_modal_label">
+                {% if modal_title %}
+                <span class="h5 text-primary fw-bold">
+                {{ modal_title|safe }}:
+                </span>
+                {% if modal_subtitle %}
+                <span class="h6 text-secondary fst-italic ms-2">
+                    {{ modal_subtitle|safe }}
+                </span>
+                {% endif %}
+                {% endif %}
+            </div>
+            <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
+        </div>
+        <div class="modal-body">
+        {% if form %}
+            {% if form_template %}
+                {% include form_template %}
+            {% else %}
+                {% if form_display == "bs5" %}{{ form.as_bs5 }}{% else %}{{ form.as_p }}{% endif %}
+            {% endif %}
+        {% else %}
+            {% if modal_body %}{{ modal_body|safe }}{% endif %}
+        {% endif %}                
+        </div>
+        <div class="modal-footer">
+            {% if modal_button_close %}
+            <button type="button" class="btn btn-light" data-bs-dismiss="modal">{{ modal_button_close }}</button>
+            {% endif %}
+            {% if modal_button_submit %}
+            <button hx-post="/parademgr/awards/table/" hx-target="#body_main" hx-push-url="true" hx-headers='{"X-CSRFToken": "{{ csrf_token }}"}'
+            type="button" class="btn btn-primary" data-bs-dismiss="modal">{{ modal_button_submit }}</button>
+            {% endif %}
+        </div>
+    {% if form %}
+    </form>
+    {% else %}
+    </div>
+    {% endif %}
+</div>

handyhelpers/templates/handyhelpers/htmx/bs5/form/form_wrapper.htm

@@ -0,0 +1,48 @@
+<div id="{{ form.hx_target }}">
+    <form enctype="multipart/form-data" 
+    {% if form.hx_post %}hx-post="{{ form.hx_post }}"{% endif %}
+    {% if form.hx_target %}hx-target="#{{ form.hx_target }}"{% endif %}
+    {% if form.hx_trigger %}hx-trigger="{{ form.hx_trigger }}"{% endif %}
+    {% if form.hx_swap %}hx-swap="{{ form.hx_swap }}"{% endif %}
+    >
+    {% csrf_token %}
+        <div>{% if success and form.disable_on_success %}{{ form.as_bs5_disabled }}{% else %}{{ form.as_bs5 }}{% endif %}</div>
+        {% if form.align %}
+        <div class="d-flex justify-content-{{ form.align }}">
+            <button type="submit" class="btn btn-primary" {% if success and form.disable_on_success %}disabled{% endif %}>{{ form.submit_button_text }}</button>
+        </div>
+        {% else %}
+        <button type="submit" class="btn btn-primary" {% if success and form.disable_on_success %}disabled{% endif %}>{{ form.submit_button_text }}</button>
+        {% endif %}
+    </form>
+    {% if form.align %}
+    <div class="my-2 d-flex justify-content-{{ form.align }}">
+        {% if success and form.success_message %}
+            {% if form.use_alert_for_success_message %}
+            <div class="alert alert-success alert-dismissible fade show" role="alert">
+                <span class="my-2 fw-bold">{{ form.success_message }}</span>
+                {% if results %}<span>{{ results }}</span>{% endif %}
+                <button type="button" class="btn-close" data-bs-dismiss="alert" aria-label="Close"></button>
+            </div>
+            {% else %}
+            <div class="my-2 fw-bold text-success">{{ form.success_message }}</div>
+            {% endif %}
+        {% endif %}
+    </div>
+    {% else %}
+        {% if success and form.success_message %}
+            {% if form.use_alert_for_success_message %}
+            <div class="alert alert-success alert-dismissible fade show" role="alert">
+                <span class="my-2 fw-bold">{{ form.success_message }}</span>
+                <button type="button" class="btn-close" data-bs-dismiss="alert" aria-label="Close"></button>
+            </div>
+            {% else %}
+            <div class="my-2 fw-bold text-success">{{ form.success_message }}</div>
+            {% endif %}
+        {% endif %}
+        {% if results %}
+        <div hx-swap-oob="true" id="{{ form.hx_target }}-results" class="me-3 text-primary my-2 d-flex justify-content-{{ form.align }}">{{ results|safe }}</div>
+        {% endif %}
+    {% endif %}
+</div>
+

handyhelpers/templates/handyhelpers/htmx/bs5/form/inline_form.htm

@@ -0,0 +1,166 @@
+{% load form_tags %}
+
+{% for field in form %}
+{% if field.widget_type in "text" %}
+<div class="form-floating mb-3">
+    {% with form|get_form_errors:field.name as errors %}
+        {% with form|get_field_value:field.name as value %}
+            <input name="{{ field.name }}"
+            type="text" 
+            class="form-control {% if errors %}is-invalid{% endif %}" 
+            {% if value %}value="{{ value }}"{% endif %} 
+            id="id_{{ field.name }}"
+            placeholder="">
+            <label for="id_{{ field.name }}">{{ field.label }}</label>
+            {% if errors %}
+                <div class="invalid-feedback">{{ errors }}</div>
+            {% endif %}
+        {% endwith %}
+    {% endwith %}
+</div>
+
+{% elif field.widget_type in "email" %}
+<div class="form-floating mb-3">
+    {% with form|get_form_errors:field.name as errors %}
+        {% with form|get_field_value:field.name as value %}
+            <input name="{{ field.name }}"
+            type="email" 
+            class="form-control {% if errors %}is-invalid{% endif %}" 
+            {% if value %}value="{{ value }}"{% endif %} 
+            id="id_{{ field.name }}"
+            placeholder="">
+            <label for="id_{{ field.name }}">{{ field.label }}</label>
+            {% if errors %}
+                <div class="invalid-feedback">{{ errors }}</div>
+            {% endif %}
+        {% endwith %}
+    {% endwith %}
+</div>
+
+{% elif field.widget_type in "password" %}
+<div class="form-floating mb-3">
+    {% with form|get_form_errors:field.name as errors %}
+        {% with form|get_field_value:field.name as value %}
+            <input name="{{ field.name }}"
+            type="password" 
+            class="form-control {% if errors %}is-invalid{% endif %}" 
+            {% if value %}value="{{ value }}"{% endif %} 
+            id="id_{{ field.name }}"
+            placeholder="">
+            <label for="id_{{ field.name }}">{{ field.label }}</label>
+            {% if errors %}
+                <div class="invalid-feedback">{{ errors }}</div>
+            {% endif %}
+        {% endwith %}
+    {% endwith %}
+</div>
+
+{% elif field.widget_type in "date" %}
+<div class="form-floating mb-3">
+    {% with form|get_form_errors:field.name as errors %}
+        {% with form|get_field_value:field.name as value %}
+            <input name="{{ field.name }}"
+            type="date" 
+            class="form-control {% if errors %}is-invalid{% endif %}" 
+            {% if value %}value="{{ value }}"{% endif %} 
+            id="id_{{ field.name }}"
+            placeholder="">
+            <label for="id_{{ field.name }}">{{ field.label }}</label>
+            {% if errors %}
+                <div class="invalid-feedback">{{ errors }}</div>
+            {% endif %}
+        {% endwith %}
+    {% endwith %}
+</div>
+
+{% elif field.widget_type in "textarea" %}
+<div class="form-floating mb-3">
+    {% with form|get_form_errors:field.name as errors %}
+        {% with form|get_field_value:field.name as value %}
+            <textarea name="{{ field.name }}" class="form-control {% if errors %}is-invalid{% endif %}" 
+            id="id_{{ field.name }}" placeholder="">{% if value %}{{ value }}{% endif %}</textarea>
+            <label for="id_{{ field.name }}">{{ field.label }}</label>
+            {% if errors %}
+                <div class="invalid-feedback">{{ errors }}</div>
+            {% endif %}
+        {% endwith %}
+    {% endwith %}
+</div>
+
+{% elif field.widget_type in "checkbox" %}
+<div class="form-floating mb-3">
+    {% with form|get_form_errors:field.name as errors %}
+        {% with form|get_field_value:field.name as value %}
+            <input name="{{ field.name }}"
+            type="checkbox" 
+            class="form-check-input {% if errors %}is-invalid{% endif %}" 
+            {% if value %}value="{{ value }}"{% endif %} 
+            id="id_{{ field.name }}"
+            placeholder="">
+            <label class="form-check-label" for="id_{{ field.name }}">{{ field.label }}</label>
+            {% if errors %}
+                <div class="invalid-feedback">{{ errors }}</div>
+            {% endif %}
+        {% endwith %}
+    {% endwith %}
+</div>
+
+{% elif field.widget_type in "clearablefile" %}
+<div class="mb-3">
+    {% with form|get_form_errors:field.name as errors %}
+        {% with form|get_field_value:field.name as value %}
+            <input name="{{ field.name }}"
+            type="file" 
+            class="form-control {% if errors %}is-invalid{% endif %}" 
+            {% if value %}value="{{ value }}"{% endif %} 
+            id="id_{{ field.name }}"
+            >
+            {% if errors %}
+                <div class="invalid-feedback">{{ errors }}</div>
+            {% endif %}
+        {% endwith %}
+    {% endwith %}
+</div>
+
+{% elif field.widget_type in "number" %}
+<div class="form-floating mb-3">
+    {% with form|get_form_errors:field.name as errors %}
+        {% with form|get_field_value:field.name as value %}
+            <input name="{{ field.name }}"
+            type="number" 
+            class="form-control {% if errors %}is-invalid{% endif %}" 
+            {% if value %}value="{{ value }}"{% endif %} 
+            id="id_{{ field.name }}"
+            placeholder="">
+            <label for="id_{{ field.name }}">{{ field.label }}</label>
+            {% if errors %}
+                <div class="invalid-feedback">{{ errors }}</div>
+            {% endif %}
+        {% endwith %}
+    {% endwith %}
+</div>
+
+{% elif field.widget_type in "select" %}
+<div class="form-floating mb-3">
+    {% with form|get_form_errors:field.name as errors %}
+        {% with form|get_field_value:field.name as value %}
+            <select name="{{ field.name }}"
+            type="number" 
+            class="form-select {% if errors %}is-invalid{% endif %}" 
+            {% if value %}value="{{ value }}"{% endif %} 
+            id="id_{{ field.name }}"
+            placeholder="">
+                {% for value, label in field.field.choices %}
+                    <option value="{{ value }}">{{ label }}</option>
+                {% endfor %}
+            </select>
+            <label for="id_{{ field.name }}">{{ field.label }}</label>
+            {% if errors %}
+                <div class="invalid-feedback">{{ errors }}</div>
+            {% endif %}
+        {% endwith %}
+    {% endwith %}
+</div>
+
+{% endif %}
+{% endfor %}

handyhelpers/templates/handyhelpers/htmx/bs5/form/inline_form_disabled.htm

@@ -0,0 +1,125 @@
+{% load form_tags %}
+
+{% for field in form %}
+{% if field.widget_type in "text" %}
+<div class="form-floating mb-3">
+    {% with form|get_form_errors:field.name as errors %}
+        {% with form|get_field_value:field.name as value %}
+            <input name="{{ field.name }}"
+            type="text" 
+            class="form-control {% if errors %}is-invalid{% endif %}" 
+            {% if value %}value="{{ value }}"{% endif %} 
+            id="id_{{ field.name }}"
+            placeholder="" disabled>
+            <label for="id_{{ field.name }}">{{ field.label }}</label>
+            {% if errors %}
+                <div class="invalid-feedback">{{ errors }}</div>
+            {% endif %}
+        {% endwith %}
+    {% endwith %}
+</div>
+
+{% elif field.widget_type in "email" %}
+<div class="form-floating mb-3">
+    {% with form|get_form_errors:field.name as errors %}
+        {% with form|get_field_value:field.name as value %}
+            <input name="{{ field.name }}"
+            type="email" 
+            class="form-control {% if errors %}is-invalid{% endif %}" 
+            {% if value %}value="{{ value }}"{% endif %} 
+            id="id_{{ field.name }}"
+            placeholder="" disabled>
+            <label for="id_{{ field.name }}">{{ field.label }}</label>
+            {% if errors %}
+                <div class="invalid-feedback">{{ errors }}</div>
+            {% endif %}
+        {% endwith %}
+    {% endwith %}
+</div>
+
+{% elif field.widget_type in "password" %}
+<div class="form-floating mb-3">
+    {% with form|get_form_errors:field.name as errors %}
+        {% with form|get_field_value:field.name as value %}
+            <input name="{{ field.name }}"
+            type="password" 
+            class="form-control {% if errors %}is-invalid{% endif %}" 
+            {% if value %}value="{{ value }}"{% endif %} 
+            id="id_{{ field.name }}"
+            placeholder="" disabled>
+            <label for="id_{{ field.name }}">{{ field.label }}</label>
+            {% if errors %}
+                <div class="invalid-feedback">{{ errors }}</div>
+            {% endif %}
+        {% endwith %}
+    {% endwith %}
+</div>
+
+{% elif field.widget_type in "date" %}
+<div class="form-floating mb-3">
+    {% with form|get_form_errors:field.name as errors %}
+        {% with form|get_field_value:field.name as value %}
+            <input name="{{ field.name }}"
+            type="date" 
+            class="form-control {% if errors %}is-invalid{% endif %}" 
+            {% if value %}value="{{ value }}"{% endif %} 
+            id="id_{{ field.name }}"
+            placeholder="" disabled>
+            <label for="id_{{ field.name }}">{{ field.label }}</label>
+            {% if errors %}
+                <div class="invalid-feedback">{{ errors }}</div>
+            {% endif %}
+        {% endwith %}
+    {% endwith %}
+</div>
+
+{% elif field.widget_type in "textarea" %}
+<div class="form-floating mb-3">
+    {% with form|get_form_errors:field.name as errors %}
+        {% with form|get_field_value:field.name as value %}
+            <textarea name="{{ field.name }}" class="form-control {% if errors %}is-invalid{% endif %}" 
+            id="id_{{ field.name }}" placeholder="" disabled>{% if value %}{{ value }}{% endif %}</textarea>
+            <label for="id_{{ field.name }}">{{ field.label }}</label>
+            {% if errors %}
+                <div class="invalid-feedback">{{ errors }}</div>
+            {% endif %}
+        {% endwith %}
+    {% endwith %}
+</div>
+
+{% elif field.widget_type in "checkbox" %}
+<div class="form-floating mb-3">
+    {% with form|get_form_errors:field.name as errors %}
+        {% with form|get_field_value:field.name as value %}
+            <input name="{{ field.name }}"
+            type="checkbox" 
+            class="form-check-input {% if errors %}is-invalid{% endif %}" 
+            {% if value %}value="{{ value }}"{% endif %} 
+            id="id_{{ field.name }}"
+            placeholder="" disabled>
+            <label class="form-check-label" for="id_{{ field.name }}">{{ field.label }}</label>
+            {% if errors %}
+                <div class="invalid-feedback">{{ errors }}</div>
+            {% endif %}
+        {% endwith %}
+    {% endwith %}
+</div>
+
+{% elif field.widget_type in "clearablefile" %}
+<div class="mb-3">
+    {% with form|get_form_errors:field.name as errors %}
+        {% with form|get_field_value:field.name as value %}
+            <input name="{{ field.name }}"
+            type="file" 
+            class="form-control {% if errors %}is-invalid{% endif %}" 
+            {% if value %}value="{{ value }}"{% endif %} 
+            id="id_{{ field.name }}"
+            disabled>
+            {% if errors %}
+                <div class="invalid-feedback">{{ errors }}</div>
+            {% endif %}
+        {% endwith %}
+    {% endwith %}
+</div>
+{% endif %}
+{% endfor %}

handyhelpers/templates/handyhelpers/htmx/bs5/generic_modal_swap.htm

@@ -1,6 +1,5 @@
 <div class="modal-dialog modal-dialog-scrollable {{ modal_size }} ">
     {% if form %}
-    {{ csrf_token }}
     <form hx-headers='{"X-CSRFToken":"{{ csrf_token }}"}'
           class="modal-content">
     {% else %}
@@ -26,7 +25,7 @@
             {% if form_template %}
                 {% include form_template %}
             {% else %}
-                {{ form.as_p }}
+                {% if form_display == "bs5" %}{{ form.as_bs5 }}{% else %}{{ form.as_p }}{% endif %}
             {% endif %}
         {% else %}
             {% if modal_body %}{{ modal_body|safe }}{% endif %}
@@ -37,7 +36,7 @@
             <button type="button" class="btn btn-light" data-bs-dismiss="modal">{{ modal_button_close }}</button>
             {% endif %}
             {% if modal_button_submit %}
-            <button hx-post="{% if hx_post %}{{ hx_post }}{% else %}{{ request.path }}{% endif %}" 
+            <button hx-post="{% if hx_post %}{{ hx_post }}{% else %}{{ request.path }}{% endif %}" hx-headers='{"X-CSRFToken": "{{ csrf_token }}"}'
            
             type="button" class="btn btn-primary" data-bs-dismiss="modal">{{ modal_button_submit }}</button>
             {% endif %}

handyhelpers/templates/handyhelpers/htmx/bs5/htmx_option_multi_filter_view/content_title.htm

@@ -0,0 +1,38 @@
+<div class="container-fluid px-5 py-2 animated fadeIn" style="animation-delay: .1s;">
+    <div class="row">
+        <div class="col-10">
+            {% if title %}<span class="h2 text-primary fw-bold my-3">{{ title }}: </span>{% endif %}
+            {% if subtitle %}<span class="h4 text-secondary mx-2">{{ subtitle }}</span>{% elif page_description %}<span class="h4 text-secondary mx-2">{{ page_description }}</span>{% endif %}
+        </div>
+        <div class="col-2 d-flex align-items-end justify-content-end pe-2">
+            {% if control_list|length > 1 %}
+            {% for control in control_list %}
+            <span class="mx-1">
+                <a href="#" {% if control.name == display %}class="text-secondary" style="opacity: .25;"{% endif %}
+                    hx-get="{{ control.url }}"
+                    hx-target="#body_main"
+                    title="{{ control.name }} view"
+                    hx-push-url="true"
+                >{{ control.icon|safe }}</a>
+            </span>
+            {% endfor %}
+            {% endif %}
+            {% if filter_form %}
+            <a href="#" class="mx-1 text-primary" title="filter data"
+            hx-get="{{ filter_form.modal_url }}?display={{ display }}" 
+            hx-target="#modal_wrapper"
+            data-bs-toggle="modal" 
+            data-bs-target="#modal_wrapper">
+                <i class="fa-solid fa-filter"></i>
+            </a>
+            {% endif %}
+            {% if query_string %}
+            <span class="mx-1 text-primary">
+                <a href="#" hx-get="{{ root_url }}" hx-target="#body_main" hx-push-url="true">
+                <i class="fas fa-undo-alt"></i>
+                </a>
+            </span>
+            {% endif %}
+        </div>
+    </div>
+</div>

handyhelpers/templates/handyhelpers/htmx/bs5/htmx_option_multi_filter_view/controls.htm

@@ -0,0 +1,21 @@
+<div class="col-2 d-flex align-items-end justify-content-end pe-2">
+    {% if control_list|length > 1 %}
+    {% for control in control_list %}
+    <span class="mx-1">
+        <a href="#" {% if control.name == display %}class="text-secondary" style="opacity: .25;"{% endif %}
+            hx-get="{{ control.url }}"
+            hx-target="#body_main"
+            title="{{ control.name }} view"
+            hx-push-url="true"
+        >{{ control.icon|safe }}</a>
+    </span>
+    {% endfor %}
+    {% endif %}
+    {% if query_string %}
+    <span class="mx-1 text-primary">
+        <a href="{{ root_url }}{{ display }}/">
+        <i class="fas fa-undo-alt"></i>
+        </a>
+    </span>
+    {% endif %}
+</div>

handyhelpers/templates/handyhelpers/htmx/bs5/htmx_option_multi_filter_view/examples/card.htm

@@ -0,0 +1,17 @@
+<div class="container mt-5">
+    <div class="row justify-content-center">
+    {% for row in queryset %}
+    <div class="col-lg-3 col-md-4 col-sm-6 d-flex justify-content-center mb-4">
+        <div class="card hvr-grow">
+            <div class="card-body">
+                <div class="card-title mb-1 fs-6 fw-bold text-primary">{{ row.pk }}</div>
+                <div class="card-text text-secondary row" style="font-size: smaller;">
+                    <div class="col-12">{{ row.created_at }}</div>
+                    <div class="col-12">{{ row.updated_at }}</div>
+                </div>
+            </div>
+        </div>
+    </div>
+    {% endfor %}
+    </div>
+</div>

handyhelpers/templates/handyhelpers/htmx/bs5/htmx_option_multi_filter_view/examples/list.htm

@@ -0,0 +1,11 @@
+<div class="list-group mt-3">
+{% for row in queryset %}
+    <div class="list-group-item border rounded mb-2 hvr-grow">
+        <div class="mb-1 fs-6 fw-bold text-primary">{{ row.pk }}</div>
+        <div class="mb-1 text-secondary row" style="font-size: smaller;">
+            <div class="col-4">{{ row.created_at }}</div>
+            <div class="col-8">{{ row.updated_at }}</div>
+        </div>
+    </div>
+{% endfor %}
+</div>

handyhelpers/templates/handyhelpers/htmx/bs5/htmx_option_multi_filter_view/examples/table.htm

@@ -0,0 +1,21 @@
+<table class="table table-condensed table-bordered table-striped mt-3">
+    <thead>
+        <tr>
+            <th class="sortable">ID<i class="fa fa-sortable fa-sort-up"></i><i class="fa fa-sortable fa-sort-down"></i></th>
+            <th class="sortable">Created At <i class="fa fa-sortable fa-sort-up"></i><i class="fa fa-sortable fa-sort-down"></i></th>
+            <th class="sortable">Updated At <i class="fa fa-sortable fa-sort-up"></i><i class="fa fa-sortable fa-sort-down"></i></th>
+            <th></th>
+        </tr>
+    </thead>
+    <tbody>
+        {% for row in queryset %}
+        <tr>
+            <td>{{ row.pk }}</td>
+            <td>{{ row.created_at }}</td>
+            <td>{{ row.updated_at }}</td>
+            <td>
+            </td>
+        </tr>
+        {% endfor %}
+    </tbody>
+</table>

handyhelpers/templates/handyhelpers/htmx/bs5/htmx_option_multi_filter_view/filter_form_modal_swap.htm

@@ -0,0 +1,48 @@
+<div class="modal-dialog modal-dialog-scrollable {{ modal_size }} ">
+    {% if form %}
+    <form hx-headers='{"X-CSRFToken":"{{ csrf_token }}"}'
+          class="modal-content">
+    {% else %}
+    <div class="modal-content">
+    {% endif %}
+        <div class="modal-header">
+            <div class="modal-title" id="generic_modal_label">
+                {% if modal_title %}
+                <span class="h5 text-primary fw-bold">
+                {{ modal_title|safe }}:
+                </span>
+                {% if modal_subtitle %}
+                <span class="h6 text-secondary fst-italic ms-2">
+                    {{ modal_subtitle|safe }}
+                </span>
+                {% endif %}
+                {% endif %}
+            </div>
+            <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
+        </div>
+        <div class="modal-body">
+        {% if form %}
+            {% if form_template %}
+                {% include form_template %}
+            {% else %}
+                {% if form_display == "bs5" %}{{ form.as_bs5 }}{% else %}{{ form.as_p }}{% endif %}
+            {% endif %}
+        {% else %}
+            {% if modal_body %}{{ modal_body|safe }}{% endif %}
+        {% endif %}
+        </div>
+        <div class="modal-footer">
+            {% if modal_button_close %}
+            <button type="button" class="btn btn-light" data-bs-dismiss="modal">{{ modal_button_close }}</button>
+            {% endif %}
+            {% if modal_button_submit %}
+            <button hx-post="{{ form.hx_post_url }}{{display}}/" hx-target="#body_main" hx-push-url="true" hx-headers='{"X-CSRFToken": "{{ csrf_token }}"}'
+            type="button" class="btn btn-primary" data-bs-dismiss="modal">{{ modal_button_submit }}</button>
+            {% endif %}
+        </div>
+    {% if form %}
+    </form>
+    {% else %}
+    </div>
+    {% endif %}
+</div>

handyhelpers/templates/handyhelpers/htmx/bs5/htmx_option_multi_filter_view/full.html

@@ -0,0 +1,6 @@
+{% extends BASE_TEMPLATE|default:"base.htm" %}
+{% load static %}
+
+{% block content %}
+    <div hx-get="{{ url }}" hx-trigger="load"></div>
+{% endblock content %}

handyhelpers/templates/handyhelpers/htmx/bs5/htmx_option_multi_filter_view/wrapper_card.htm

@@ -0,0 +1,7 @@
+<section>
+    {% include 'handyhelpers/htmx/bs5/htmx_option_multi_filter_view/content_title.htm' %}
+    
+    <div class="container-fluid px-5 py-2 animated fadeIn" style="animation-delay: .2s;">
+        {% if item_content %}{% include item_content %}{% endif %}
+    </div>
+</section>

handyhelpers/templates/handyhelpers/htmx/bs5/htmx_option_multi_filter_view/wrapper_list.htm

@@ -0,0 +1,7 @@
+<section>
+    {% include 'handyhelpers/htmx/bs5/htmx_option_multi_filter_view/content_title.htm' %}
+    
+    <div class="container-fluid px-5 py-2 animated fadeIn" style="animation-delay: .2s;">
+        {% if item_content %}{% include item_content %}{% endif %}
+    </div>
+</section>

handyhelpers/templates/handyhelpers/htmx/bs5/htmx_option_multi_filter_view/wrapper_minimal.htm

@@ -0,0 +1,7 @@
+<section>
+    {% include 'handyhelpers/htmx/bs5/htmx_option_multi_filter_view/content_title.htm' %}
+    
+    <div class="container-fluid px-5 py-2 animated fadeIn" style="animation-delay: .2s;">
+        {% if item_content %}{% include item_content %}{% endif %}
+    </div>
+</section>

handyhelpers/templates/handyhelpers/htmx/bs5/htmx_option_multi_filter_view/wrapper_table.htm

@@ -0,0 +1,18 @@
+<section>
+    {% include 'handyhelpers/htmx/bs5/htmx_option_multi_filter_view/content_title.htm' %}
+    
+    <div class="container-fluid px-5 py-2 animated fadeIn" style="animation-delay: .2s;">
+        <div class="sortable-table-wrapper" data-pagination-size="12">
+            <div class="d-flex justify-content-end mb-3">
+                {% if queryset %}<span title="toggle pagination" class="text-primary"><i class="ms-1 pagination-toggle fs-5 fa-solid fa-square-caret-down"></i></span>{% endif %}
+            </div>
+            {% if item_content %}{% include item_content %}{% endif %}
+
+            {% if queryset %}
+            <nav class="sortable-table-nav">
+                <ul class="pagination justify-content-end">{% comment %}Pagination will be inserted here by JavaScript{% endcomment %}</ul>
+            </nav>
+            {% endif %}
+        </div>
+    </div>
+</section>