starred/WYGIWYH
1
0
Fork 0
mirror of https://github.com/eitchtee/WYGIWYH.git synced 2026-07-16 09:42:42 +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
app/templates/exchange_rates/fragments/list.html
+9 -3
View File
@@ -19,17 +19,23 @@
<div class="card-header">
<ul class="nav nav-pills card-header-pills" id="myTab" role="tablist">
<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>
{% for pair in pairings %}
<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"
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 %}
</ul>
</div>
<div id="exchange-rates-table"></div>
<div id="exchange-rates-table" class="show-loading"></div>
</div>
</div>