From e26668e5eb6e3a412e0f56c1ffbf55b13b3014b5 Mon Sep 17 00:00:00 2001
From: Ludovic Stephan <ludovic.stephan@ens.fr>
Date: Thu, 6 Apr 2017 21:17:47 -0300
Subject: [PATCH] Add tabs to account_read

---
 kfet/templates/kfet/account_read.html | 75 +++++++++++++--------------
 1 file changed, 37 insertions(+), 38 deletions(-)

diff --git a/kfet/templates/kfet/account_read.html b/kfet/templates/kfet/account_read.html
index 3c2ccbcd..e55c18b2 100644
--- a/kfet/templates/kfet/account_read.html
+++ b/kfet/templates/kfet/account_read.html
@@ -56,45 +56,44 @@ $(document).ready(function() {
   <div class="col-sm-8 col-md-9 col-content-right">
     {% include "kfet/base_messages.html" %}
     <div class="content-right">
-      {% if addcosts %}
-        <div class="content-right-block">
-          <h2>Gagné des majorations</h2>
-          <div>
-            <ul>
-              {% for addcost in addcosts %}
-                <li>{{ addcost.date|date:'l j F' }}: +{{ addcost.sum_addcosts }}€</li>
-              {% endfor %}
-            </ul>
-          </div>
-        </div>
-      {% endif %}
-      {% if account.user == request.user %}
-      <div class="content-right-block content-right-block-transparent">
-        <h2>Statistiques</h2>
-        <div class="row">
-          <div class="col-sm-12 nopadding">
-            <div class="panel-md-margin">
-              <h3>Ma balance</h3>
-              <div id="stat_balance"></div>
-            </div>
-          </div>
-        </div><!-- /row -->
-        <div class="row">
-          <div class="col-sm-12 nopadding">
-            <div class="panel-md-margin">
-              <h3>Ma consommation</h3>
-              <div id="stat_last"></div>
-            </div>
-          </div>
-        </div><!-- /row -->
-      </div>
-      {% endif %}
       <div class="content-right-block">
-        <h2>Historique</h2>
-        <div id="history">
-        </div>
-      </div>
-    </div>
+        <div class="col-sm-12 nopadding">
+          {% if account.user == request.user %}
+          <ul class="nav nav-tabs">
+            <li class="active"><a data-toggle="tab" href="#tab_stats">Statistiques</a></li>
+            <li><a data-toggle="tab" href="#tab_history">Historique</a></li>
+          </ul>
+          <div class='tab-content'>
+            <div class="tab-pane fade in active" id="tab_stats">
+              <h2>Statistiques</h2>
+              <div class="panel-md-margin">
+                <h3>Ma balance</h3>
+                  <div id="stat_balance"></div>
+                <h3>Ma consommation</h3>
+                  <div id="stat_last"></div>
+              </div>
+            </div>
+            <div class="tab-pane fade" id="tab_history">
+          {% endif %}
+            {% if addcosts %}
+              <h2>Gagné des majorations</h2>
+              <div>
+                <ul>
+                  {% for addcost in addcosts %}
+                    <li>{{ addcost.date|date:'l j F' }}: +{{ addcost.sum_addcosts }}€</li>
+                  {% endfor %}
+                </ul>
+              </div>
+            {% endif %}
+              <h2>Historique</h2>
+              <div id="history"></div>
+            {% if account.user == request.user %}
+            </div>
+          </div><!-- tab-content -->
+        {% endif %}
+        </div><!-- col-sm-12 -->
+      </div><!-- content-right-block -->
+    </div><!-- content-right-->
   </div>
 </div>