Introduce tabs in the invoice list

This commit is contained in:
PCoder 2020-02-06 14:45:40 +05:30
parent d0455fbafb
commit 246292135d

View file

@ -2,7 +2,15 @@
{% load staticfiles bootstrap3 humanize i18n custom_tags %}
{% block content %}
<div class="dashboard-container">
<div class="container">
<ul class="nav nav-tabs">
<li class="active"><a data-toggle="tab" href="#recurring">{% trans "Recurring" %}</a></li>
<li><a data-toggle="tab" href="#one_off">{% trans "One-off payments" %}</a></li>
</ul>
<div class="tab-content">
<div id="recurring" class="tab-pane fade in active">
<div class="dashboard-container">
<div class="dashboard-container-head">
<h3 class="dashboard-title-thin"><img src="{% static 'hosting/img/shopping-cart.svg' %}" class="un-icon" style="margin-top: -4px; width: 30px;"> {% trans "My Bills" %}</h3>
{% if messages %}
@ -33,7 +41,7 @@
{% endfor %}
</tbody>
</table>
{% if invs.has_other_pages %}
{% if invs.has_other_pages %}
<ul class="pagination">
{% if invs.has_previous %}
{% if user_email %}
@ -65,7 +73,13 @@
<li class="disabled"><span>&raquo;</span></li>
{% endif %}
</ul>
{% endif %}
{% endif %}
</div>
</div>
<div id="one_off" class="tab-pane fade">
<h3>One-off payments</h3>
</div>
</div>
</div>
{% endblock %}