From dcf547495ab012a95524fe83d17788dc86876dfc Mon Sep 17 00:00:00 2001
From: vKham <vKham@prestashop.com>
Date: Wed, 21 Dec 2011 18:10:07 +0000
Subject: [PATCH] // add stylesheet stats, commandes, new icon back to list

---
 .../themes/default/process-icon-back.png      | Bin 2342 -> 1184 bytes
 .../template/helper/form/form_category.tpl    |  13 +++---
 admin-dev/themes/template/orders/form.tpl     |  37 +++++++++---------
 .../themes/template/products/associations.tpl |   2 +-
 .../themes/template/products/shipping.tpl     |   2 +-
 controllers/admin/AdminProductsController.php |  14 +++----
 css/admin.css                                 |  27 ++++++++++++-
 modules/statsproduct/statsproduct.php         |   2 +-
 8 files changed, 61 insertions(+), 36 deletions(-)

diff --git a/admin-dev/themes/default/process-icon-back.png b/admin-dev/themes/default/process-icon-back.png
index 3cfadb3e2b64c0d26a9ab178241d0fde5f77bea8..c03843653e17c8b64f6c9121dc06cf72eefee8c5 100644
GIT binary patch
delta 1127
zcmV-t1ep7#5}*l?NPh%ENkl<Zc-q8QTWl0n82--8>@KymP||{JsX)v^LBorLq|mew
zxkST0)CUtEAVlzi7mW`RO*A1QqM%lc`d}oh1`~y-F$4{mtx_mf(ln7MSfSxoyS-WH
zWoNguGjsgU%nr;h)7_1B*OUA^^UpbF&v(B6a{j|O=lEZn0Ds`fG);N@0FH;=ff(SQ
z>2;+X<KzwdaI|qTwiu?Rm(DZ+*#O9o?!&Q$C1}~c?l3gn`sSNy07|yS*F1=pZH<Qz
zOHM%5fc5(^$flXVsDp7_U?x6|kKpjxR*dBXfVpkY7`wZ85G`BR9zx{8b7+3}UHB9Y
zGIJ9q>{m{|9Dib#VXC+^a1lMxOX#@Lf$>RvHTf5Ic7BN4)A@iG0A<tb_@-egwmj8v
z5I<df!Mz^9+<yR6l-ALU?Hr1HA1caLU_tpRlm_Ob{g3Z(tm|8-V+ggqiW8}S$O)iq
z^8t*1uysGWuDyq`coY)LnCSw<J#-sb4IWy!%X)wN`+rvSMMrl=_8?5%W+s44C-i9(
zIQ{uAFCn2vA<Oozg=GW~NpcDGiGJCoJ90bTkIvp#FfnxvyF)Ldva;mk;3mw=Ckm23
z?!~i_PPAViB{byol46UGGC)8`z$K*n19qRR*o(82h^_wGC!%KvPd7h<x@NR{MbSMz
zK##d34}Ubhh}I2j(6nfQZTfJ8X3I7kZpy1GgaZQgwac))b{?wA7U9Nd8)Dj!WdgtK
z!@BzS@z(LZIPp<m_4RWY$mRo96p&OnAT~ClDY%dToB~en#$$pd_XdI+QLiV!YaYSo
zIdurF4gycEeiPj{4-$wG3&hIW9q1j1A$;<S&wtwXU<b|9oprtPfI)IgytKc8=NW<U
zuSb(&8|$jm=a}&F59kpo`sx{+t6GL5Q`_<7@|v?)Tp7Y|{b7r~p~>?IR)@ePtfH|2
z0U%c<bU@rVO(0I4!OyZiQhXb7$skET$xV{p;U08P4dd(1E9WT^mWl-}K4ba_=FFZA
zvVX>k6o8zW&<%n`Uc;_g<<{8by}@XWGn~G^|HM&sC7v*N%r+*q@njUY62HT=S(oz#
z;0BRMj9YBQvmJ0^T*+K$m-`1{umnWnwA_k%O8oa@et8us!z|y!$Z5h}6C@(HYq<b-
zA3>MM83tGHW=?wQW{jdm&-*a?x6O1+VSgZzMz&5m=VrkHa3|gBP}BG|NG}Eehj9vY
z+XwFG#DHn?;sCg_W9HW5@T&R>#z0c|fXf6)0RU$47!W=n4kf3KFnFBuKoJ2LEaikL
z0J@~Y%LY=x7$7H1(@pO%lnNIGYC0o4?s@kpm<dc`z$xcMIu=n-G#?Np8dFrOT3~W~
zKvLqA7mC9G*Hv_U64ut5rW=$7@jbIT_Ns{fYbz7g6iH>q2E|D<B5DkAxMeHJX5zM0
tLNY7;CSf1fsUux4B!Ikc$D;iszyKAx)Q(|ksA>QJ002ovPDHLkV1kw$B@X}q

literal 2342
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
J6=}=fzW}I|+pPcq

diff --git a/admin-dev/themes/template/helper/form/form_category.tpl b/admin-dev/themes/template/helper/form/form_category.tpl
index 577613018..2d3ab6772 100644
--- a/admin-dev/themes/template/helper/form/form_category.tpl
+++ b/admin-dev/themes/template/helper/form/form_category.tpl
@@ -36,12 +36,15 @@
 		});
 	</script>
 
-	<div style="background-color:#F4E6C9; width:99%;padding:5px 0 5px 5px;">
-		<a href="#" id="collapse_all" >{$categories.trads['Collapse All']}</a>
-		 - <a href="#" id="expand_all" >{$categories.trads['Expand All']}</a>
+	<div class="category-filter">
+		<span><a href="#" id="collapse_all" >{$categories.trads['Collapse All']}</a>
+		 |</span>
+		 <span><a href="#" id="expand_all" >{$categories.trads['Expand All']}</a>
 		{if !$categories.use_radio}
-		 - <a href="#" id="check_all" >{$categories.trads['Check All']}</a>
-		 - <a href="#" id="uncheck_all" >{$categories.trads['Uncheck All']}</a>
+		 |</span>
+		 <span></span><a href="#" id="check_all" >{$categories.trads['Check All']}</a>
+		 |</span>
+		 <span></span><a href="#" id="uncheck_all" >{$categories.trads['Uncheck All']}</a></span>
 		 {/if}
 		{if $categories.use_search}
 			<span style="margin-left:20px">
diff --git a/admin-dev/themes/template/orders/form.tpl b/admin-dev/themes/template/orders/form.tpl
index 81113a1fd..40cc2821e 100755
--- a/admin-dev/themes/template/orders/form.tpl
+++ b/admin-dev/themes/template/orders/form.tpl
@@ -361,8 +361,8 @@
 				{
 					var html = '<ul>';
 					$.each(res.customers, function() {
-						html += '<li><a class="fancybox" href="{$link->getAdminLink('AdminCustomers')}&id_customer='+this.id_customer+'&viewcustomer&liteDisplaying=1">'+this.firstname+' '+this.lastname+'</a> - '+this.birthday+'<br/>';
-						html += '<a href="mailto:'+this.email+'">'+this.email+'<br />';
+						html += '<li class="customerCard"><div class="customerName"><a class="fancybox" href="{$link->getAdminLink('AdminCustomers')}&id_customer='+this.id_customer+'&viewcustomer&liteDisplaying=1">'+this.firstname+' '+this.lastname+'</a> - '+this.birthday+'</div>';
+						html += '<div class="customerEmail"><a href="mailto:'+this.email+'">'+this.email+'</div>';
 						html += '<a onclick="setupCustomer('+ this.id_customer+');" href="#" class="id_customer">{l s='Choose'}</a></li>';
 					});
 					html += '</ul>';
@@ -780,7 +780,7 @@
 </script>
 <fieldset id="customer_part"><legend><img src="../img/admin/tab-customers.gif" />{l s='Customer'}</legend>
 	<p><label>{l s='Search customers:'}</label><input type="text" id="customer" value="" />
-	<a class="fancybox" href="{$link->getAdminLink('AdminCustomers')}&addcustomer&liteDisplaying=1&submitFormAjax=1#"><img src="../img/admin/add.gif" title="new"/>{l s='Add new customer'}</a></p>
+	<a class="fancybox button" href="{$link->getAdminLink('AdminCustomers')}&addcustomer&liteDisplaying=1&submitFormAjax=1#"><img src="../img/admin/add.gif" title="new"/><span>{l s='Add new customer'}</span></a></p>
 	<div id="customers">
 	</div>
 </fieldset><br />
@@ -802,7 +802,7 @@
 		</div>
 	</div>
 	<div id="products_err" class="warn" style="display:none;"></div>
-	<div style="clear:both;float:left;width:600px;">
+	<div>
 		<table class="table" id="customer_cart">
 			<thead>
 				<tr>
@@ -818,7 +818,7 @@
 			</tbody>
 		</table>
 	</div>
-	<div style="float:right">
+	<div>
 		<p><label for="id_currency">{l s='Currency:'}</label>
 			<script type="text/javascript">
 				{foreach from=$currencies item='currency'}
@@ -840,11 +840,12 @@
 		</select>
 		</p>
 	</div>
-	<div id="carts" style="margin: 20px 0;clear:both;float:left;">
+	<div class="separation"></div>
+	<div id="carts">
 		<p><a href="#" id="show_old_carts"></a></p>
 		<div id="old_carts_orders">
-			<div id="nonOrderedCarts" style="clear:both;float:left;">
-				<h2>{l s='Carts:'}</h2>
+			<div id="nonOrderedCarts">
+				<h3>{l s='Carts:'}</h3>
 				<table class="table">
 				<thead>
 					<tr>
@@ -858,8 +859,8 @@
 					</tbody>
 				</table>
 			</div>
-			<div id="lastOrders" style="float:left;margin-left:20px;">
-				<h2>{l s='Orders:'}</h2>
+			<div id="lastOrders">
+				<h3>{l s='Orders:'}</h3>
 				<table class="table">
 					<thead>
 						<tr>
@@ -885,7 +886,7 @@
 	<p>
 		<label>{l s='Search a voucher:'} </label>
 		<input type="text" id="voucher" value="" />
-		<a class="fancybox" href="{$link->getAdminLink('AdminDiscounts')}&adddiscount&liteDisplaying=1&submitFormAjax=1#"><img src="../img/admin/add.gif" title="new"/>{l s='Add new voucher'}</a>
+		<a class="fancybox button" href="{$link->getAdminLink('AdminDiscounts')}&adddiscount&liteDisplaying=1&submitFormAjax=1#"><img src="../img/admin/add.gif" title="new"/>{l s='Add new voucher'}</a>
 	</p>
 	<div class="margin-form">
 		<table class="table" id="voucher_list">
@@ -904,25 +905,23 @@
 	<div id="vouchers_err" class="warn"></div>
 </fieldset>
 <br />
-<fieldset id="address_part" class="width2" style="display:none;">
+<fieldset id="address_part" style="display:none;">
 	<legend><img src="../img/t/AdminAddresses.gif" />{l s='Addresses'}</legend>
-	<div id="address_delivery" style="clear:both;float:left;">
-		<p><b>{l s='Delivery:'}</b></p>
+	<div id="address_delivery">
+		<h3>{l s='Delivery:'}</h3>
 		<select id="id_address_delivery" name="id_address_delivery">
 		</select>
 		<div id="address_delivery_detail">
 		</div>
 	</div>
-	<div id="address_invoice" style="float:left; margin-left:10px;">
-		<p><b>{l s='Invoice:'}</b></p>
+	<div id="address_invoice">
+		<h3>{l s='Invoice:'}</h3>
 		<select id="id_address_invoice" name="id_address_invoice">
 		</select>
 		<div id="address_invoice_detail">
 		</div>
 	</div>
-	<div>
-		<p><a class="fancybox" id="new_address" href="{$link->getAdminLink('AdminAddresses')}&addaddress&id_customer=42&liteDisplaying=1&submitFormAjax=1#"><img src="../img/admin/add.gif" title="new"/>{l s='Add new address'}</a></p>
-	</div>
+<a class="fancybox button" id="new_address" href="{$link->getAdminLink('AdminAddresses')}&addaddress&id_customer=42&liteDisplaying=1&submitFormAjax=1#"><img src="../img/admin/add.gif" title="new"/>{l s='Add new address'}</a>
 </fieldset>
 <br />
 <fieldset id="carriers_part" style="display:none;">
diff --git a/admin-dev/themes/template/products/associations.tpl b/admin-dev/themes/template/products/associations.tpl
index 7edb45ec6..6848d1913 100644
--- a/admin-dev/themes/template/products/associations.tpl
+++ b/admin-dev/themes/template/products/associations.tpl
@@ -40,7 +40,7 @@
 <div class="Associations">
 	<h4>{l s='Associations'}</h4>
 	<div class="separation"></div>
-		<div id="no_default_category" style="font-weight: bold;display: none;">
+		<div id="no_default_category" class="hint">
 		{l s='Please check a category in order to select the default category.'}
 	</div>
 	<table>
diff --git a/admin-dev/themes/template/products/shipping.tpl b/admin-dev/themes/template/products/shipping.tpl
index 5c625de15..b3e3ab852 100644
--- a/admin-dev/themes/template/products/shipping.tpl
+++ b/admin-dev/themes/template/products/shipping.tpl
@@ -71,7 +71,7 @@
 		<td style="padding-bottom:5px;">{$currency->prefix}<input type="text" name="additional_shipping_cost"
 				value="{$product->additional_shipping_cost}" />{$currency->suffix}
 			{if $country_display_tax_label}{l s='tax excl.'}{/if}
-			<p>{l s='Carrier tax will be applied.'}</p>
+			<p class="preference_description">{l s='Carrier tax will be applied.'}</p>
 		</td>
 	</tr>
 	<tr>
diff --git a/controllers/admin/AdminProductsController.php b/controllers/admin/AdminProductsController.php
index b701fa862..1fe6a2b99 100644
--- a/controllers/admin/AdminProductsController.php
+++ b/controllers/admin/AdminProductsController.php
@@ -3309,12 +3309,12 @@ class AdminProductsControllerCore extends AdminController
 		$color_by_default = '#BDE5F8';
 
 		$this->fieldsDisplay = array(
-			'attributes' => array('title' => $this->l('Attributes'), 'align' => 'center', 'width' => 70),
-			'price' => array('title' => $this->l('Impact'), 'type' => 'price', 'align' => 'center', 'width' => 70),
-			'weight' => array('title' => $this->l('Weight'), 'align' => 'center', 'width' => 70),
-			'reference' => array('title' => $this->l('Reference'), 'align' => 'center', 'width' => 70),
-			'ean13' => array('title' => $this->l('EAN13'), 'align' => 'center', 'width' => 70),
-			'upc' => array('title' => $this->l('UPC'), 'align' => 'center', 'width' => 70)
+			'attributes' => array('title' => $this->l('Attributes'), 'align' => 'left', 'width' => 70),
+			'price' => array('title' => $this->l('Impact'), 'type' => 'price', 'align' => 'left', 'width' => 70),
+			'weight' => array('title' => $this->l('Weight'), 'align' => 'left', 'width' => 70),
+			'reference' => array('title' => $this->l('Reference'), 'align' => 'left', 'width' => 70),
+			'ean13' => array('title' => $this->l('EAN13'), 'align' => 'left', 'width' => 70),
+			'upc' => array('title' => $this->l('UPC'), 'align' => 'left', 'width' => 70)
 		);
 
 		$product_download = new ProductDownload($id_product_download);
@@ -3850,8 +3850,8 @@ class AdminProductsControllerCore extends AdminController
 				_PS_JS_DIR_.'admin-categories-tree.js',
 				_PS_JS_DIR_.'/jquery/ui/jquery.ui.progressbar.min.js'
 			));
-
 			$this->addCSS(_PS_JS_DIR_.'jquery/plugins/treeview/jquery.treeview.css');
+
 		}
 	}
 
diff --git a/css/admin.css b/css/admin.css
index 3f4e4010e..d8086d082 100644
--- a/css/admin.css
+++ b/css/admin.css
@@ -811,7 +811,7 @@ tr.deleted td {
 	color: #00529B;
 	background: #BDE5F8 url(../img/admin/icon-info.png) no-repeat 6px 5px;
 	border-radius:3px;
-	min-height:32px;
+	min-height:15px;
 }
 .hint p {
 	color: #00529B;
@@ -1842,15 +1842,27 @@ div.progressBarImage
 #menu .submenu_size .submenu { display: none; position:absolute}
 #menu .submenu_size:hover > .submenu { display: block; }
 .submenu li{float:none;clear:left;}
+
+#fancybox-content { text-align:left;}
+/*customer_form*/
+.blocTitle {background-color: #EBEDF4;border: 1px solid #C2C4D9; display: block; position:relative; padding: 10px;}
+#customers { display:block; position:relative;}
+#customer_form #fieldset_0 { text-align:left;}
 #customer_part #customers ul {
 	float:left;
 }
 #customer_part #customers ul li {
+	background-color:#fff;
 	display:inline;
 	list-style-type: none;
 	float:left;
 	margin:10px;
-}
+	border:1px solid #ccc;
+	padding:5px;
+	width:200px;
+	}
+#customer_part #customers ul li div.customerName { font-size:13px;}
+
 #customer_part #customers ul li .id_customer {
 	font-weight:bold;
 	color:green;
@@ -1864,6 +1876,17 @@ div.progressBarImage
 #vouchers_part #vouchers_err {
 	display:none;
 }
+
+/*address_part*/
+#address_part #address_delivery, #address_part #address_invoice { width:400px; float:left;}
+#address_part #address_delivery h3, #address_part #address_invoice h3 { margin-top:0;}
+#address_part #address_delivery {border-right:1px solid #cccccc;}
+#address_part #address_invoice { border-left: 1px solid #ffffff; padding-left:20px;}
+#address_part #address_delivery_detail, #address_invoice #address_invoice_detail { font-size:12px; color:#585A69; padding:10px 0;}
+#address_part a#new_address {clear:both; float:left; margin:20px 0;}
+
+
+
 #loader_container {
 	display:none;
 	z-index: 100;
diff --git a/modules/statsproduct/statsproduct.php b/modules/statsproduct/statsproduct.php
index 9f5277ddb..815bb42c0 100644
--- a/modules/statsproduct/statsproduct.php
+++ b/modules/statsproduct/statsproduct.php
@@ -175,7 +175,7 @@ class StatsProduct extends ModuleGraph
 			<p>'.$this->l('Conversion rate:').' '.number_format($totalViewed ? $totalBought / $totalViewed : 0, 2).'</p>
 			<center>'.$this->engine(array('layers' => 2, 'type' => 'line', 'option' => '1-'.$id_product)).'</center>
 			<br />
-			<p><a href="'.Tools::safeOutput($_SERVER['REQUEST_URI']).'&export=1&exportType=1"><img src="../img/admin/asterisk.gif" />'.$this->l('CSV Export').'</a></p>';
+			<p><a class="button export-csv" href="'.Tools::safeOutput($_SERVER['REQUEST_URI']).'&export=1&exportType=1"><span>'.$this->l('CSV Export').'</span></a></p>';
 			if ($hasAttribute = $product->hasAttributes() && $totalBought)
 				$this->html .= '<h3 class="space">'.$this->l('Attribute sales distribution').'</h3><center>'.$this->engine(array('type' => 'pie', 'option' => '3-'.$id_product)).'</center><br />
 			<p><a href="'.Tools::safeOutput($_SERVER['REQUEST_URI']).'&export=1&exportType=2"><img src="../img/admin/asterisk.gif" />'.$this->l('CSV Export').'</a></p><br />';