// change layout dashboard flexible, add button change view module list normal favorite

This commit is contained in:
vKham
2012-01-30 17:26:28 +00:00
parent 7198161661
commit 5342c35e1d
21 changed files with 230 additions and 91 deletions
+26 -1
View File
@@ -393,7 +393,7 @@ form#product_form h4 { font-size:18px; font-weight:normal;}
#moduleContainer .moduleDesc .metadata dl dd { padding-right:10px;}
#moduleContainer .moduleDesc .metadata dl dt { font-weight:bold; padding-right:5px;}
#moduleContainer .moduleDesc p.desc { color:#666; font-family: Georgia; font-style: italic; font-size:12px; display:block; clear:both;}
#moduleContainer .setup {background-color:#6db300;font-size:10px; color:#fff; text-transform:uppercase; position:relative; left:10px; padding:0px 4px; display: inline-block; border-radius:3px;}
#moduleContainer .setup {background-color:#6db300; font-weight:bold; font-size:10px; color:#fff; text-transform:uppercase; position:relative; left:10px; padding:0px 4px; display: inline-block; border-radius:3px;}
#moduleContainer .setup.non-install { background-color:#ec7000;}
#moduleContainer .setup.off{ background-color:#ccc;}
#moduleContainer .row-actions-module span { padding-right:5px;}
@@ -436,3 +436,28 @@ ul.listForm li {padding-bottom:3px;}
#footer .footerRight {float:right; margin-right:10px;}
#footer .footer_link, #footer .footer_link:hover { color:#268CCD;}
/*DASHBOARD*/
.pageTitleHome { font-size: 1.6em; font-weight: normal; margin:0; padding:10px 0;}
.pageTitleHome h3 { font-weight: normal; margin:0;}
#dashboard { background-color: #EBEDF4; border: 1px solid #C2C4D9; display: block; padding: 10px; position: relative; min-width:1200px;}
#dashboard h2 {font-size: 1.4em; font-weight:normal; margin:0 0 15px 0;}
#iframe {}
#iframe #video-content { float:left;}
#iframe {position:relative; display:block; min-height:180px;}
#adminpresentation #video { float:left; padding-right:15px; min-height:150px;}
#adminpresentation #video a { position:relative; height:128px; width:220px; display:block; padding:6px; }
#adminpresentation #video a img { }
#adminpresentation #video a span {background: transparent url("../img/play.png") no-repeat scroll left top; height:128px; width:220px; position:absolute; top:0; left:0; z-index:1; display:block; border:6px solid #fff; border-radius:3px; }
#adminpresentation #video a span:hover {background-position:left bottom;border:6px solid #C2C4D9; transition:background 0.5s;}
#adminpresentation #video-content { padding-left:10px; min-height:150px; }
#adminpresentation #video-content p { font-size:20px; line-height: 26px; color:#585A69; text-shadow: 0 1px 0 #fff;}
.view-modules { float:right; margin: 10px 0;}
.view-modules li { float:left;}
.view-modules li img { padding-right:5px;}
.view-modules li.normal-view-disabled { background: -moz-linear-gradient(center top ,#cccccc, #F9F9F9 ) repeat scroll 0 0 transparent; border-bottom-right-radius: 0; border-right: 1px solid #ccc; border-top-right-radius: 0; color:#999; }
.view-modules li.favorites-view-disabled { background: -moz-linear-gradient(center top ,#cccccc, #F9F9F9 ) repeat scroll 0 0 transparent; border-bottom-left-radius: 0; border-left: 1px solid #fff; border-top-left-radius: 0; color:#999; }
.view-modules li.normal-view-disabled:hover,
.view-modules li.favorites-view-disabled:hover {border-color: #CCCCCC #BBBBBB #A0A0A0;}
.view-modules li.favorites-view {border-bottom-left-radius: 0;border-left: 1px solid #fff; border-top-left-radius: 0;}
.view-modules li.normal-view {border-bottom-right-radius: 0;border-right: 1px solid #ccc; border-top-right-radius: 0;}
Binary file not shown.

Before

Width:  |  Height:  |  Size: 998 B

After

Width:  |  Height:  |  Size: 515 B

Binary file not shown.

Before

Width:  |  Height:  |  Size: 998 B

After

Width:  |  Height:  |  Size: 489 B

Binary file not shown.

After

Width:  |  Height:  |  Size: 2.7 KiB

@@ -24,12 +24,15 @@
* International Registered Trademark & Property of PrestaShop SA
*}
<div class="toolbarBox">
<div class="pageTitle">
<div class="pageTitleHome">
<span><h3>{l s='Dashboard'}</h3></span>
</div>
</div>
{if $upgrade}
<div id="dashboard">
<div id="homepage">
<div id="column_left">
{if $upgrade}
<div id="blockNewVersionCheck">
{if $upgrade->need_upgrade}
<div class="warning warn" style="margin-bottom:10px;"><h3>{l s ='New PrestaShop version available'} : <a style="text-decoration: underline;" href="{$upgrade->link}" target="_blank">{l s ='Download'} {$upgrade->version_name}</a> !</h3></div>
@@ -42,13 +45,20 @@
<p>{l s ='If you don\'t know how to do that, please contact your host administrator !'}</p><br />
{/if}
{if $employee->bo_show_screencast}
<div id="adminpresentation">
<iframe src="{$protocol}://screencasts.prestashop.com/v1.5/screencast.php?iso_lang={$isoUser}" style="border:none;width:100%;height:384px;" scrolling="no"></iframe>
<div id="adminpresentation" style="display:block;">
<h2>{l s ='Video'}</h2>
<div id="video">
<a href="{$protocol}://screencasts.dev.prestashop.com/screencast.php?iso_lang={$isoUser}" id="screencast_fancybox"><img height="128" width="220" src="http://screencasts.dev.prestashop.com/img/preview_fr.jpg" /><span class="mask-player"></span></a>
</div>
<div id="video-content">
<p>{l s ='Start now with PrestaShop and all new features to help you sell more and simplify management of your shop'}</p>
</div>
<div id="footer_iframe_home">
<!--<a href="#">{l s ='View more video tutorials'}</a>-->
<input type="checkbox" id="screencast_dont_show_again">
<label for="screencast_dont_show_again">{l s='don\'t show again'}</label>
</div>
<div class="separation"></div>
</div>
<script type="text/javascript">
$(document).ready(function() {
@@ -84,11 +94,9 @@ $(document).ready(function() {
});
});
</script>
<div class="clear"></div>
{/if}
<div id="homepage">
<div id="column_left">
<h2>{l s='Quick link'}</h2>
<ul class="F_list clearfix">
{foreach from=$quick_links key=k item=link}
<li id="{$k}_block">
@@ -99,20 +107,32 @@ $(document).ready(function() {
</li>
{/foreach}
</ul>
<div class="separation"></div>
<div id="partner_preactivation"><h2>{l s='Your Required'}</h2><p class="center"><img src="../img/loader.gif" alt="" /></p>
<div class="separation"></div>
</div>
{$tips_optimization}
<div id="discover_prestashop"><p class="center"><img src="../img/loader.gif" alt="" />{l s='Loading...'}</p></div>
</div>
<div id="column_right">
<h2>{l s='Your Indicators'}</h2>
{$monthly_statistics}
{$customers_service}
{$stats_sales}
{$last_orders}
<div id="column_right">
{$tips_optimization}
<div id="partner_preactivation"><p class="center"><img src="../img/loader.gif" alt="" />{l s='Loading...'}</p></div>
<div id="discover_prestashop"><p class="center"><img src="../img/loader.gif" alt="" />{l s='Loading...'}</p></div>
</div>
{hook h="displayBackOfficeHome"}
</div>
<div class="clear">&nbsp;</div>
</div>
<script type="text/javascript">
$(document).ready(function() {
if ({$refresh_check_version})
@@ -192,5 +212,27 @@ $(document).ready(function() {
$('#discover_prestashop').fadeOut('slow');
}
});
$('#screencast_fancybox').bind('click', function(event)
{
$.fancybox(
this.href,
{
'width' : 660,
'height' : 384,
'transitionIn' : 'none',
'transitionOut' : 'none',
'type' : 'iframe',
'scrolling' : 'no',
'onComplete' : function()
{
// Rewrite some css properties of Fancybox
$('#fancybox-wrap').css('width', '');
$('#fancybox-content').css('background-color', '');
$('#fancybox-content').css( 'border', '');
}
});
event.preventDefault();
});
});
</script>
@@ -1,23 +1,25 @@
<div id="productBox">
{include file='controllers/modules/header.tpl'}
<ul class="view-modules">
<li class="button normal-view"><a href="index.php?controller={$smarty.get.controller|htmlentities}&token={$smarty.get.token|htmlentities}"><img src="themes/default/img/modules_view_layout_sidebar.png" alt="{l s='Normal view'}" border="0" /><span>{l s='Normal view'}</span></a></li>
<li class="button favorites-view-disabled"><img src="themes/default/img/modules_view_table_select_row.png" alt="{l s='Favorites view'}" border="0" /><span>{l s='Favorites view'}</span></li>
</ul>
<a href="index.php?controller={$smarty.get.controller|htmlentities}&token={$smarty.get.token|htmlentities}"><img src="themes/default/img/modules_view_layout_sidebar_grey.png" alt="{l s='Normal view'}" border="0" /></a>
<img src="themes/default/img/modules_view_table_select_row.png" alt="{l s='Favorites view'}" border="0" /><br />
<div id="container">
<div id="moduleContainer" style="padding:0px;margin:0px;padding-top:15px">
<table cellspacing="0" cellpadding="0" style="width: 100%; margin-bottom:10px;" class="table" id="">
<col width="20px">
<col width="30px">
<col width="240px">
<col width="">
<col width="140px">
<col width="180px">
<col width="320px">
<col width="80px">
<col width="100px">
<col width="70px">
<col width="70px">
<col width="70px">
<col width="130px">
</colgroup>
<thead>
<tr class="nodrag nodrop">
@@ -29,9 +29,11 @@
{include file='controllers/modules/header.tpl'}
{include file='controllers/modules/filters.tpl'}
<br />
<img src="themes/default/img/modules_view_layout_sidebar.png" alt="{l s='Normal view'}" border="0" />
<a href="index.php?controller={$smarty.get.controller|htmlentities}&token={$smarty.get.token|htmlentities}&select=favorites"><img src="themes/default/img/modules_view_table_select_row_grey.png" alt="{l s='Favorites view'}" border="0" /></a><br />
<ul class="view-modules">
<li class="button normal-view-disabled"><img src="themes/default/img/modules_view_layout_sidebar.png" alt="{l s='Normal view'}" border="0" /><span>{l s='Normal view'}</span></li>
<li class="button favorites-view"><a href="index.php?controller={$smarty.get.controller|htmlentities}&token={$smarty.get.token|htmlentities}&select=favorites"><img src="themes/default/img/modules_view_table_select_row.png" alt="{l s='Favorites view'}" border="0" /><span>{l s='Favorites view'}</span></a></li>
</ul>
<div id="container">
<!--start sidebar module-->