// kpi orders

admin-dev/themes/default/css/_theme-colors.sass

@@ -34,13 +34,13 @@ $main-color: #515561 			//gris bleu clair
 //$secondary-color: #F6A88A		//abricot
 //$secondary-color: #937976		//taupe clair
 //$secondary-color: #60C276		//vert
-$secondary-color: #9DC44B		//vert pomme
+$secondary-color: #8FC04D		//vert pomme
 //$secondary-color: #6992AF		//theme wordpress
 //$secondary-color: #8BC954 	//vert PrestaShop
 //$secondary-color: #AB7073
 //$secondary-color: black
 
-$brand-primary: #89AFE5
+$brand-primary: #1BA6E5
 //$brand-primary: #1BA6E5
 
 //some tests

admin-dev/themes/default/css/admin-theme.sass

@@ -377,10 +377,10 @@ hr
 
 //filter table
 tr.filter
-	background-color: lighten($brand-primary,25%)
+	background-color: lighten(#CAE5F4,10%)
 	input[type="text"].filter, input[type="password"].filter, select.filter
 		font-size: 12px
-		border-color: lighten($brand-primary,10%)
+		border-color: darken(#CAE5F4,10%)
 
 .breadcrumb
 	background-color: lighten($bg-content-color,7%)
@@ -489,12 +489,10 @@ fieldset > .row
 
 
 .box-stats
-	padding: 10px
-	margin-bottom: 20px
 	background-color: white
-	@include box-shadow(rgba(black,0.10) 0 2px 0, white 0 0 0 3px inset)
+	//@include box-shadow(rgba(black,0.10) 0 2px 0, white 0 0 0 3px inset)
 	.boxchart-overlay
-		padding: 10px
+		padding: 10px 10px 5px 10px
 		margin-right: 10px
 		float: left
 		color: white
@@ -503,17 +501,21 @@ fieldset > .row
 		@include border-radius(3px)
 		float: left
 		color: white
-		font-size: 30px
-		height: 50px
-		width: 50px
+		font-size: 35px
+		height: 64px
+		width: 64px
 		text-align: center
-		line-height: 50px
+		line-height: 64px
 		margin-right: 10px
 	.title
-		color: #999
+		color: #666
 		display: block
 	.value
-		font-size: 25px
+		font-size: 22px
+	small
+		line-height: 0.3em
+		color: #aaa
+		text-transform: uppercase
 .color1
 	i, .boxchart-overlay
 		background-color: #2BA8E3

admin-dev/themes/default/template/controllers/orders/helpers/list/list_header.tpl

@@ -0,0 +1,75 @@
+{*
+* 2007-2013 PrestaShop
+*
+* NOTICE OF LICENSE
+*
+* This source file is subject to the Academic Free License (AFL 3.0)
+* that is bundled with this package in the file LICENSE.txt.
+* It is also available through the world-wide-web at this URL:
+* http://opensource.org/licenses/afl-3.0.php
+* If you did not receive a copy of the license and are unable to
+* obtain it through the world-wide-web, please send an email
+* to license@prestashop.com so we can send you a copy immediately.
+*
+* DISCLAIMER
+*
+* Do not edit or add to this file if you wish to upgrade PrestaShop to newer
+* versions in the future. If you wish to customize PrestaShop for your
+* needs please refer to http://www.prestashop.com for more information.
+*
+*  @author PrestaShop SA <contact@prestashop.com>
+*  @copyright  2007-2013 PrestaShop SA
+*  @license    http://opensource.org/licenses/afl-3.0.php  Academic Free License (AFL 3.0)
+*  International Registered Trademark & Property of PrestaShop SA
+*}
+{extends file="helpers/list/list_header.tpl"}
+{block name='leadin'}
+<div class="panel">
+	<div class="row">
+		<div id="box-clients" class="col-lg-3 box-stats color1" >
+			<div class="boxchart-overlay">
+				<div class="boxchart"></div>
+			</div>	
+			<span class="title">Conversion Rate <br/><small>30 days</small></span>
+			<span class="value">1.89%</span>
+		</div>
+
+		<div id="box-orders" class="col-lg-3 box-stats color4">
+			<i class="icon-user"></i>
+			<span class="title">Net Profit per visitor <br/><small>30 days</small></span>
+			<span class="value">$2.12</span>
+		</div>
+
+		<div id="box-income" class="col-lg-3 box-stats color3">
+			<i class="icon-money"></i>
+			<span class="title">Average order value <br/><small>30 days</small></span>
+			<span class="value">$78.36</span>
+		</div>
+
+		<div id="box-messages" class="col-lg-3 box-stats color2">
+			<i class="icon-shopping-cart"></i>
+			<span class="title">Carts abandoned <br/><small>Today</small></span>
+			<span class="value">14</span>
+		</div>
+	</div>
+</div>
+
+<script>
+	var data = [4, 8, 15, 16, 23, 42, 8, 15, 16, 23, 42, 16, 23, 42, 8];
+	var chart = d3.select("#box-clients .boxchart").append("svg")
+		.attr("class", "data_chart")
+		.attr("width", data.length * 6)
+		.attr("height", 45);
+	var y = d3.scale.linear()
+		.domain([0, d3.max(data)])
+		.range([0, d3.max(data)]);
+	chart.selectAll("rect")
+		.data(data)
+		.enter().append("rect")
+		.attr("y", function(d) { return 45 - d; })
+		.attr("x", function(d, i) { return i * 6; })
+		.attr("width", 4)
+		.attr("height", y);
+</script>
+
+{/block}