Add create button to breadcrumb fragment and update table template for navigation

This commit is contained in:
Yaro Kasear 2025-07-07 10:50:55 -05:00
parent 3492358645
commit 7c15754cab
2 changed files with 12 additions and 3 deletions

View file

@ -1,6 +1,6 @@
{% import "fragments/_icon_fragment.html" as icons %} {% import "fragments/_icon_fragment.html" as icons %}
{% macro breadcrumb_header(breadcrumbs=[], title=None, save_button=False, delete_button=False) %} {% macro breadcrumb_header(breadcrumbs=[], title=None, save_button=False, delete_button=False, create_button=False) %}
<!-- Breadcrumb Fragment --> <!-- Breadcrumb Fragment -->
<nav class="row d-flex mb-3 justify-content-between"> <nav class="row d-flex mb-3 justify-content-between">
@ -25,7 +25,7 @@
{% endif %} {% endif %}
</ol> </ol>
</div> </div>
{% if save_button or delete_button %} {% if save_button or delete_button or create_button %}
<div class="col text-end"> <div class="col text-end">
<div class="btn-group"> <div class="btn-group">
{% if save_button %} {% if save_button %}
@ -34,6 +34,9 @@
{% if delete_button %} {% if delete_button %}
<button type="submit" class="btn btn-danger" id="deleteButton">{{ icons.render_icon('trash', 16) }}</button> <button type="submit" class="btn btn-danger" id="deleteButton">{{ icons.render_icon('trash', 16) }}</button>
{% endif %} {% endif %}
{% if create_button %}
<button type="submit" class="btn btn-primary" id="createButton">{{ icons.render_icon('plus', 16) }}</button>
{% endif %}
</div> </div>
</div> </div>
{% endif %} {% endif %}

View file

@ -7,11 +7,17 @@
{{ breadcrumbs.breadcrumb_header( {{ breadcrumbs.breadcrumb_header(
title=title, title=title,
breadcrumbs=breadcrumb breadcrumbs=breadcrumb,
create_button=True
) }} ) }}
{{ tables.render_table(headers=header, rows=rows, id='table', entry_route=entry_route) }} {{ tables.render_table(headers=header, rows=rows, id='table', entry_route=entry_route) }}
{% endblock %} {% endblock %}
{% block script %} {% block script %}
createButton = document.getElementById("createButton");
createButton.addEventListener("click", async () => {
window.location.href = "/{{ entry_route }}/new";
})
{% endblock %} {% endblock %}