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,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 %}