mirror of
https://github.com/netbox-community/netbox.git
synced 2024-05-10 07:54:54 +00:00
1a2dae3471
* Enable HTMX rendering for embedded tables * Start converting embedded tables to use HTMX (WIP) * Additional table conversions (WIP) * Standardize HTMX usage for nested group models * Enable HTMX for additional emebedded tables * Fix HTMX table rendering for ObjectChildrenView * Standardize usage of inc/panel_table.html * Hide selection boxes in embedded tables
73 lines
2.6 KiB
HTML
73 lines
2.6 KiB
HTML
{% load helpers %}
|
|
|
|
<div class="row">
|
|
<div class="col col-md-6 mb-0">
|
|
{# Page number carousel #}
|
|
{% if paginator.num_pages > 1 %}
|
|
<div class="btn-group btn-group-sm" role="group" aria-label="Pages">
|
|
{% if page.has_previous %}
|
|
<a href="#"
|
|
hx-get="{{ table.htmx_url }}{% querystring request page=page.previous_page_number %}"
|
|
hx-target="closest .htmx-container"
|
|
{% if not table.embedded %}hx-push-url="true"{% endif %}
|
|
class="btn btn-outline-secondary"
|
|
>
|
|
<i class="mdi mdi-chevron-double-left"></i>
|
|
</a>
|
|
{% endif %}
|
|
{% for p in page.smart_pages %}
|
|
{% if p %}
|
|
<a href="#"
|
|
hx-get="{{ table.htmx_url }}{% querystring request page=p %}"
|
|
hx-target="closest .htmx-container"
|
|
{% if not table.embedded %}hx-push-url="true"{% endif %}
|
|
class="btn btn-outline-secondary{% if page.number == p %} active{% endif %}"
|
|
>
|
|
{{ p }}
|
|
</a>
|
|
{% else %}
|
|
<button type="button" class="btn btn-outline-secondary" disabled>
|
|
<span>…</span>
|
|
</button>
|
|
{% endif %}
|
|
{% endfor %}
|
|
{% if page.has_next %}
|
|
<a href="#"
|
|
hx-get="{{ table.htmx_url }}{% querystring request page=page.next_page_number %}"
|
|
hx-target="closest .htmx-container"
|
|
{% if not table.embedded %}hx-push-url="true"{% endif %}
|
|
class="btn btn-outline-secondary"
|
|
>
|
|
<i class="mdi mdi-chevron-double-right"></i>
|
|
</a>
|
|
{% endif %}
|
|
</div>
|
|
{% endif %}
|
|
</div>
|
|
<div class="col col-md-6 mb-0 text-end">
|
|
{# Per-page count selector #}
|
|
{% if page %}
|
|
<div class="dropdown dropup">
|
|
<button class="btn btn-sm btn-outline-secondary dropdown-toggle" type="button" data-bs-toggle="dropdown">
|
|
Per Page
|
|
</button>
|
|
<ul class="dropdown-menu">
|
|
{% for n in page.paginator.get_page_lengths %}
|
|
<li>
|
|
<a href="#"
|
|
hx-get="{{ table.htmx_url }}{% querystring request per_page=n %}"
|
|
hx-target="closest .htmx-container"
|
|
{% if not table.embedded %}hx-push-url="true"{% endif %}
|
|
class="dropdown-item"
|
|
>{{ n }}</a>
|
|
</li>
|
|
{% endfor %}
|
|
</ul>
|
|
</div>
|
|
<small class="text-end text-muted">
|
|
Showing {{ page.start_index }}-{{ page.end_index }} of {{ page.paginator.count }}
|
|
</small>
|
|
{% endif %}
|
|
</div>
|
|
</div>
|