[modif] affichage facturé non encaissé

static/src/css/lefilament_tdb.css

@@ -35,8 +35,12 @@
 .card-half { float: left; width: 50%; }
 .card-header { margin: 0!important; }
 .card-number { font-size: 30px; font-weight: 300; margin: 0!important; font-family: "Helvetica Neue", Helvetica, "Open Sans", Arial, sans-serif; }
+.card-tab { background-color: #fff; color: #73879C; padding: 20px; margin: 0px 0 10px; }
 .tresorerie .card-number { font-size: 20px; font-weight: 300; }
 
+.nav-tabs { margin-top: 10px; border-bottom: none; }
+.nav-tabs > li > a { border-radius: 0; border: none!important; color: #aaa;}
+
 .ca_target { font-size: 18px; }
 
 .btn-tdb { border: 1px solid #eee; border-radius: 0; font-size: 11px;  padding: 6px 10px; text-transform: none; }

static/src/xml/lefilament_tdb.xml

@@ -109,16 +109,6 @@
 							</p>
 						</div>
 					</div>
-					<div class="col-xs-12">
-						<div class="card">
-							<p class="card-header">Facturé non encaissé</p>
-							<p class="card-number">
-								<a id="facture_non_encaisse">
-									<t t-esc="widget.render_monetary(widget.values.a_encaisser)"></t>
-								</a>
-							</p>
-						</div>
-					</div>
 				</div>
 				<!-- COLONNE 2 -->
 				<div class="col-xs-6 col-sm-4">
@@ -142,6 +132,24 @@
 					</div>
 					<div class="col-xs-12">
 						<div class="card">
+							<p class="card-header">Facturé non encaissé</p>
+							<p class="card-number">
+								<t t-esc="widget.render_monetary(widget.values.a_encaisser)"></t>
+							</p>
+						</div>
+					</div>
+					<div class="col-xs-12">
+						<ul class="nav nav-tabs" id="myTab2">
+							<li class="active"><a data-toggle="tab" href="#variation">Variation</a></li>
+							<li><a data-toggle="tab" href="#e_s">Entrées/Sorties</a></li>
+						</ul>
+						<div class="tab-content card-tab" id="myTab2Content">
+							<div id="variation" class="tab-pane fade active in">
+								<p class="card-number">
+									<t t-raw="widget.render_monetary_color(widget.values.variation)"></t>
+								</p>
+							</div>
+							<div id="e_s" class="tab-pane fade">
 								<div class="card-half">
 									<p class="card-header">Encaissé</p>
 									<p class="card-number">
@@ -157,13 +165,6 @@
 								<div class="clearfix"></div>
 							</div>
 						</div>
-					<div class="col-xs-12">
-						<div class="card">
-							<p class="card-header">Variation</p>
-							<p class="card-number">
-								<t t-raw="widget.render_monetary_color(widget.values.variation)"></t>
-							</p>
-						</div>
 					</div>
 					<div class="col-xs-12">
 						<div class="card">