starred/WYGIWYH
1
0
Fork 0
mirror of https://github.com/eitchtee/WYGIWYH.git synced 2026-04-23 17:18:44 +02:00
Code Issues 14 Packages Projects Releases 10 Wiki Activity

feat: add loading indicator to exchange-rates

Browse Source
This commit is contained in:
Herculino Trotta
2024-11-07 11:54:33 -03:00
parent 727b6772a9
commit 3ee2ab9117
1 changed files with 18 additions and 12 deletions
Download Patch File Download Diff File Expand all files Collapse all files

30
app/templates/exchange_rates/fragments/list.html
View File

@@ -3,13 +3,13 @@
<div class="container px-md-3 py-3 column-gap-5"> <div class="container px-md-3 py-3 column-gap-5">
<div class="tw-text-3xl fw-bold font-monospace tw-w-full mb-3"> <div class="tw-text-3xl fw-bold font-monospace tw-w-full mb-3">
{% spaceless %} {% spaceless %}
<div>{% translate 'Exchange Rates' %}<span> <div>{% translate 'Exchange Rates' %}<span>
<a class="text-decoration-none tw-text-2xl p-1 category-action" <a class="text-decoration-none tw-text-2xl p-1 category-action"
role="button" role="button"
data-bs-toggle="tooltip" data-bs-toggle="tooltip"
data-bs-title="{% translate "Add" %}" data-bs-title="{% translate "Add" %}"
hx-get="{% url 'exchange_rate_add' %}" hx-get="{% url 'exchange_rate_add' %}"
hx-target="#generic-offcanvas"> hx-target="#generic-offcanvas">
<i class="fa-solid fa-circle-plus fa-fw"></i></a> <i class="fa-solid fa-circle-plus fa-fw"></i></a>
</span></div> </span></div>
{% endspaceless %} {% endspaceless %}
@@ -19,17 +19,23 @@
<div class="card-header"> <div class="card-header">
<ul class="nav nav-pills card-header-pills" id="myTab" role="tablist"> <ul class="nav nav-pills card-header-pills" id="myTab" role="tablist">
<li class="nav-item" role="presentation"> <li class="nav-item" role="presentation">
<button class="nav-link active" data-bs-toggle="tab" type="button" role="tab" aria-controls="home-tab-pane" aria-selected="true" hx-get="{% url 'exchange_rates_list_pair' %}" hx-trigger="load, click" hx-target="#exchange-rates-table">{% translate 'All' %}</button> <button class="nav-link active" hx-indicator="#exchange-rates-table" data-bs-toggle="tab" type="button"
role="tab" aria-controls="home-tab-pane" aria-selected="true"
hx-get="{% url 'exchange_rates_list_pair' %}" hx-trigger="load, click"
hx-target="#exchange-rates-table" aria-controls="#exchange-rates-table">{% translate 'All' %}</button>
</li> </li>
{% for pair in pairings %} {% for pair in pairings %}
<li class="nav-item" role="presentation"> <li class="nav-item" role="presentation">
<button class="nav-link" hx-get="{% url 'exchange_rates_list_pair' from_currency=pair.1 to_currency=pair.2 %}" hx-target="#exchange-rates-table" data-bs-toggle="tab" type="button" role="tab" aria-controls="profile-tab-pane" aria-selected="false">{{ pair.0 }}</button> <button class="nav-link" hx-indicator="#exchange-rates-table"
</li> hx-get="{% url 'exchange_rates_list_pair' from_currency=pair.1 to_currency=pair.2 %}"
hx-target="#exchange-rates-table" data-bs-toggle="tab" type="button" role="tab"
aria-controls="#exchange-rates-table" aria-selected="false">{{ pair.0 }}</button>
</li>
{% endfor %} {% endfor %}
</ul> </ul>
</div> </div>
<div id="exchange-rates-table"></div> <div id="exchange-rates-table" class="show-loading"></div>
</div> </div>
</div> </div>