Introduce tabs in the invoice list

datacenterlight/views.py

@@ -29,7 +29,7 @@ from utils.forms import (
 )
 from utils.hosting_utils import (
     get_vm_price_with_vat, get_all_public_keys, get_vat_rate_for_country,
-    get_vm_price_for_given_vat, round_up
+    get_vm_price_for_given_vat
 )
 from utils.stripe_utils import StripeUtils
 from utils.tasks import send_plain_email_task

hosting/templates/hosting/invoices.html

@@ -2,6 +2,14 @@
 {% load staticfiles bootstrap3 humanize i18n custom_tags %}
 
 {% block content %}
+<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>
@@ -68,4 +76,10 @@
         {% endif %}
 
         </div>
+    </div>
+    <div id="one_off" class="tab-pane fade">
+      <h3>One-off payments</h3>
+    </div>
+  </div>
+</div>
 {% endblock %}