starred/WYGIWYH
1
0
Fork 0
mirror of https://github.com/eitchtee/WYGIWYH.git synced 2026-07-11 07:12:57 +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"> <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"
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> </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>