dinislage/PrestaShop
1
0 Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

// add new tpl for navigation top/side

Browse Source
This commit is contained in:
Kevin Granger committed 2013-09-05 19:07:57 +02:00
1 parent a3233cc00c
commit b2fd886722
9 files changed
+175 -115
Download Patch File Download Diff File Expand all files Collapse all files

No files matched your search

admin-dev/themes/default/css/admin-theme.css
+1 -1
View File
@@ -30,4 +30,4 @@
* Email: dave@fontawesome.io * Email: dave@fontawesome.io
* Twitter: http://twitter.com/byscuits * Twitter: http://twitter.com/byscuits
* Work: Lead Product Designer @ Kyruus - http://kyruus.com * Work: Lead Product Designer @ Kyruus - http://kyruus.com
*/@font-face{font-family:'FontAwesome';src:url("../font/fontawesome-webfont.eot?v=3.2.1");src:url("../font/fontawesome-webfont.eot?#iefix&v=3.2.1") format("embedded-opentype"),url("../font/fontawesome-webfont.woff?v=3.2.1") format("woff"),url("../font/fontawesome-webfont.ttf?v=3.2.1") format("truetype"),url("../font/fontawesome-webfont.svg#fontawesomeregular?v=3.2.1") format("svg");font-weight:normal;font-style:normal}[class^="icon-"],[class*=" icon-"]{font-family:FontAwesome;font-weight:normal;font-style:normal;text-decoration:inherit;-webkit-font-smoothing:antialiased;*margin-right:.3em}[class^="icon-"]:before,[class*=" icon-"]:before{text-decoration:inherit;display:inline-block;speak:none}.icon-large:before{vertical-align:-10%;font-size:1.3333333333333333em}a [class^="icon-"],a [class*=" icon-"]{display:inline}[class^="icon-"].icon-fixed-width,[class*=" icon-"].icon-fixed-width{display:inline-block;width:1.1428571428571428em;text-align:right;padding-right:0.2857142857142857em}[class^="icon-"].icon-fixed-width.icon-large,[class*=" icon-"].icon-fixed-width.icon-large{width:1.4285714285714286em}.icons-ul{margin-left:2.142857142857143em;list-style-type:none}.icons-ul>li{position:relative}.icons-ul .icon-li{position:absolute;left:-2.142857142857143em;width:2.142857142857143em;text-align:center;line-height:inherit}[class^="icon-"].hide,[class*=" icon-"].hide{display:none}.icon-muted{color:#eeeeee}.icon-light{color:#ffffff}.icon-dark{color:#333333}.icon-border{border:solid 1px #eeeeee;padding:.2em .25em .15em;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px}.icon-2x{font-size:2em}.icon-2x.icon-border{border-width:2px;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px}.icon-3x{font-size:3em}.icon-3x.icon-border{border-width:3px;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px}.icon-4x{font-size:4em}.icon-4x.icon-border{border-width:4px;-webkit-border-radius:6px;-moz-border-radius:6px;border-radius:6px}.icon-5x{font-size:5em}.icon-5x.icon-border{border-width:5px;-webkit-border-radius:7px;-moz-border-radius:7px;border-radius:7px}.pull-right,.panel-heading-action{float:right}.pull-left,.page-head h2.page-title{float:left}[class^="icon-"].pull-left,.page-head h2[class^="icon-"].page-title,[class*=" icon-"].pull-left,.page-head h2[class*=" icon-"].page-title{margin-right:.3em}[class^="icon-"].pull-right,[class^="icon-"].panel-heading-action,[class*=" icon-"].pull-right,[class*=" icon-"].panel-heading-action{margin-left:.3em}[class^="icon-"],[class*=" icon-"]{display:inline;width:auto;height:auto;line-height:normal;vertical-align:baseline;background-image:none;background-position:0% 0%;background-repeat:repeat;margin-top:0}.icon-white,.nav-pills>.active>a>[class^="icon-"],.nav-pills>.active>a>[class*=" icon-"],.nav-list>.active>a>[class^="icon-"],.nav-list>.active>a>[class*=" icon-"],.navbar-inverse .nav>.active>a>[class^="icon-"],#header_infos .nav>.active>a>[class^="icon-"],.navbar-inverse #header_notifs_icon_wrapper>.active>a>[class^="icon-"],#header_infos #header_notifs_icon_wrapper>.active>a>[class^="icon-"],.navbar-inverse #header_employee_box>.active>a>[class^="icon-"],#header_infos #header_employee_box>.active>a>[class^="icon-"],.navbar-inverse #header_quick>.active>a>[class^="icon-"],#header_infos #header_quick>.active>a>[class^="icon-"],.navbar-inverse .nav>.active>a>[class*=" icon-"],#header_infos .nav>.active>a>[class*=" icon-"],.navbar-inverse #header_notifs_icon_wrapper>.active>a>[class*=" icon-"],#header_infos #header_notifs_icon_wrapper>.active>a>[class*=" icon-"],.navbar-inverse #header_employee_box>.active>a>[class*=" icon-"],#header_infos #header_employee_box>.active>a>[class*=" icon-"],.navbar-inverse #header_quick>.active>a>[class*=" icon-"],#header_infos #header_quick>.active>a>[class*=" icon-"],.dropdown-menu>li>a:hover>[class^="icon-"],.dropdown-menu>li>a:hover>[class*=" icon-"],.dropdown-menu>.active>a>[class^="icon-"],.dropdown-menu>.active>a>[class*=" icon-"],.dropdown-submenu:hover>a>[class^="icon-"],.dropdown-submenu:hover>a>[class*=" icon-"]{background-image:none}.btn [class^="icon-"].icon-large,#carrier_wizard.swMain .buttonNext [class^="icon-"].icon-large,#carrier_wizard.swMain .buttonDisabled [class^="icon-"].icon-large,#carrier_wizard.swMain .buttonPrevious [class^="icon-"].icon-large,#carrier_wizard.swMain .buttonFinish [class^="icon-"].icon-large,.nav [class^="icon-"].icon-large,#header_notifs_icon_wrapper [class^="icon-"].icon-large,#header_employee_box [class^="icon-"].icon-large,#header_quick [class^="icon-"].icon-large,.btn [class*=" icon-"].icon-large,#carrier_wizard.swMain .buttonNext [class*=" icon-"].icon-large,#carrier_wizard.swMain .buttonDisabled [class*=" icon-"].icon-large,#carrier_wizard.swMain .buttonPrevious [class*=" icon-"].icon-large,#carrier_wizard.swMain .buttonFinish [class*=" icon-"].icon-large,.nav [class*=" icon-"].icon-large,#header_notifs_icon_wrapper [class*=" icon-"].icon-large,#header_employee_box [cLine truncated */@font-face{font-family:'FontAwesome';src:url("../font/fontawesome-webfont.eot?v=3.2.1");src:url("../font/fontawesome-webfont.eot?#iefix&v=3.2.1") format("embedded-opentype"),url("../font/fontawesome-webfont.woff?v=3.2.1") format("woff"),url("../font/fontawesome-webfont.ttf?v=3.2.1") format("truetype"),url("../font/fontawesome-webfont.svg#fontawesomeregular?v=3.2.1") format("svg");font-weight:normal;font-style:normal}[class^="icon-"],[class*=" icon-"]{font-family:FontAwesome;font-weight:normal;font-style:normal;text-decoration:inherit;-webkit-font-smoothing:antialiased;*margin-right:.3em}[class^="icon-"]:before,[class*=" icon-"]:before{text-decoration:inherit;display:inline-block;speak:none}.icon-large:before{vertical-align:-10%;font-size:1.3333333333333333em}a [class^="icon-"],a [class*=" icon-"]{display:inline}[class^="icon-"].icon-fixed-width,[class*=" icon-"].icon-fixed-width{display:inline-block;width:1.1428571428571428em;text-align:right;padding-right:0.2857142857142857em}[class^="icon-"].icon-fixed-width.icon-large,[class*=" icon-"].icon-fixed-width.icon-large{width:1.4285714285714286em}.icons-ul{margin-left:2.142857142857143em;list-style-type:none}.icons-ul>li{position:relative}.icons-ul .icon-li{position:absolute;left:-2.142857142857143em;width:2.142857142857143em;text-align:center;line-height:inherit}[class^="icon-"].hide,[class*=" icon-"].hide{display:none}.icon-muted{color:#eeeeee}.icon-light{color:#ffffff}.icon-dark{color:#333333}.icon-border{border:solid 1px #eeeeee;padding:.2em .25em .15em;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px}.icon-2x{font-size:2em}.icon-2x.icon-border{border-width:2px;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px}.icon-3x{font-size:3em}.icon-3x.icon-border{border-width:3px;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px}.icon-4x{font-size:4em}.icon-4x.icon-border{border-width:4px;-webkit-border-radius:6px;-moz-border-radius:6px;border-radius:6px}.icon-5x{font-size:5em}.icon-5x.icon-border{border-width:5px;-webkit-border-radius:7px;-moz-border-radius:7px;border-radius:7px}.pull-right,.panel-heading-action{float:right}.pull-left,.page-head h2.page-title{float:left}[class^="icon-"].pull-left,.page-head h2[class^="icon-"].page-title,[class*=" icon-"].pull-left,.page-head h2[class*=" icon-"].page-title{margin-right:.3em}[class^="icon-"].pull-right,[class^="icon-"].panel-heading-action,[class*=" icon-"].pull-right,[class*=" icon-"].panel-heading-action{margin-left:.3em}[class^="icon-"],[class*=" icon-"]{display:inline;width:auto;height:auto;line-height:normal;vertical-align:baseline;background-image:none;background-position:0% 0%;background-repeat:repeat;margin-top:0}.icon-white,.nav-pills>.active>a>[class^="icon-"],.nav-pills>.active>a>[class*=" icon-"],.nav-list>.active>a>[class^="icon-"],.nav-list>.active>a>[class*=" icon-"],.navbar-inverse .nav>.active>a>[class^="icon-"],#header_infos .nav>.active>a>[class^="icon-"],.navbar-inverse #header_notifs_icon_wrapper>.active>a>[class^="icon-"],#header_infos #header_notifs_icon_wrapper>.active>a>[class^="icon-"],.navbar-inverse #header_employee_box>.active>a>[class^="icon-"],#header_infos #header_employee_box>.active>a>[class^="icon-"],.navbar-inverse #header_quick>.active>a>[class^="icon-"],#header_infos #header_quick>.active>a>[class^="icon-"],.navbar-inverse .nav>.active>a>[class*=" icon-"],#header_infos .nav>.active>a>[class*=" icon-"],.navbar-inverse #header_notifs_icon_wrapper>.active>a>[class*=" icon-"],#header_infos #header_notifs_icon_wrapper>.active>a>[class*=" icon-"],.navbar-inverse #header_employee_box>.active>a>[class*=" icon-"],#header_infos #header_employee_box>.active>a>[class*=" icon-"],.navbar-inverse #header_quick>.active>a>[class*=" icon-"],#header_infos #header_quick>.active>a>[class*=" icon-"],.dropdown-menu>li>a:hover>[class^="icon-"],.dropdown-menu>li>a:hover>[class*=" icon-"],.dropdown-menu>.active>a>[class^="icon-"],.dropdown-menu>.active>a>[class*=" icon-"],.dropdown-submenu:hover>a>[class^="icon-"],.dropdown-submenu:hover>a>[class*=" icon-"]{background-image:none}.btn [class^="icon-"].icon-large,#carrier_wizard.swMain .buttonNext [class^="icon-"].icon-large,#carrier_wizard.swMain .buttonDisabled [class^="icon-"].icon-large,#carrier_wizard.swMain .buttonPrevious [class^="icon-"].icon-large,#carrier_wizard.swMain .buttonFinish [class^="icon-"].icon-large,.nav [class^="icon-"].icon-large,#header_notifs_icon_wrapper [class^="icon-"].icon-large,#header_employee_box [class^="icon-"].icon-large,#header_quick [class^="icon-"].icon-large,.btn [class*=" icon-"].icon-large,#carrier_wizard.swMain .buttonNext [class*=" icon-"].icon-large,#carrier_wizard.swMain .buttonDisabled [class*=" icon-"].icon-large,#carrier_wizard.swMain .buttonPrevious [class*=" icon-"].icon-large,#carrier_wizard.swMain .buttonFinish [class*=" icon-"].icon-large,.nav [class*=" icon-"].icon-large,#header_notifs_icon_wrapper [class*=" icon-"].icon-large,#header_employee_box [cLine truncated
admin-dev/themes/default/css/admin-theme.sass
+41 -34
View File
@@ -133,11 +133,10 @@ html, body
#main #main
min-height: 100% min-height: 100%
//height: auto!important
padding: 36px 0 60px padding: 36px 0 60px
margin: 0 0 -60px 0 margin: 0 0 -60px 0
background-color: $bg-content-color background-color: $bg-content-color
//background-image: url('../img/patterns/bedge_grunge.png') // texture background-image: url('../img/patterns/bedge_grunge.png') // texture
#content #content
padding: 90px 20px 0 padding: 90px 20px 0
@@ -234,10 +233,11 @@ html, body
float: left float: left
width: 240px width: 240px
background-color: $main-color background-color: $main-color
border-bottom: 1px solid lighten($main-color,5%) //border-bottom: 1px solid lighten($main-color,5%)
border-right: 1px solid black
.menu .menu
border-top: 1px black solid border-top: 1px black solid
.maintab > a [class^="icon-"], .menu .maintab > a [class*=" icon-"] .maintab > a > i
font-size: 20px font-size: 20px
@include border-radius(40px) @include border-radius(40px)
height: 30px height: 30px
@@ -258,6 +258,9 @@ html, body
ul ul
display: block display: block
background-color: white background-color: white
li.active
.submenu_expand i
display: none
> ul > ul
> li > li
position: relative position: relative
@@ -280,6 +283,7 @@ html, body
background-color: white background-color: white
> a > a
display: block display: block
position: relative
padding: 2px 0 2px 8px padding: 2px 0 2px 8px
border-top: 1px solid lighten($main-color,5%) border-top: 1px solid lighten($main-color,5%)
border-bottom: 1px solid darken($main-color,10%) border-bottom: 1px solid darken($main-color,10%)
@@ -300,10 +304,23 @@ html, body
@include transition-property(color) @include transition-property(color)
@include transition-duration(0.4s) @include transition-duration(0.4s)
@include transition-timing-function(ease-out) @include transition-timing-function(ease-out)
&:hover
color: white
.submenu_expand
position: absolute
right: 10px
top: 11px
i
font-size: 18px
font-weight: 100
color: black
@include text-shadow(lighten($main-color,10%) 1px 1px 0)
background-color: transparent
ul.submenu ul.submenu
a a
display: block display: block
padding: 2px 5px 2px 10px padding: 4px 5px 4px 10px
font-size: 12px font-size: 12px
border: none border: none
border-bottom: solid 1px #eee border-bottom: solid 1px #eee
@@ -360,6 +377,9 @@ html, body
@media (max-width: $screen-tablet) @media (max-width: $screen-tablet)
margin-left: 0 margin-left: 0
width: 100% width: 100%
.submenu_expand
display: none
.menu-collapse .menu-collapse
height: 54px height: 54px
@@ -373,6 +393,7 @@ html, body
i i
color: lighten($secondary-color,10%) color: lighten($secondary-color,10%)
// Tool bar // Tool bar
.toolbar_btn .toolbar_btn
position: relative position: relative
@@ -797,28 +818,33 @@ fieldset > .row
background-color: blue background-color: blue
//.list-toolbar-btn //.list-toolbar-btn
#topbar #nav-topbar
display: none
position: fixed position: fixed
left: 80 left: 80
width: 100% width: 100%
height: 25px height: 32px
z-index: 600 z-index: 600
background-color: $main-color background-color: $main-color
border-top: black solid 1px border-top: black solid 1px
border-bottom: black solid 1px border-bottom: black solid 1px
a a
line-height: 25px line-height: 32px
color: white color: white
border-right: solid 1px white
padding-right: 3px
margin-right: 3px
i i
height: 25px height: 25px
width: 25px width: 25px
line-height: 25px line-height: 25px
color: white color: white!important
background-color: transparent
font-size: 20px font-size: 20px
.menu-collapse .menu-collapse
display: none display: none
.menu .menu
padding: 0 0 0 60px padding: 0
display: inline display: inline
li li
display: inline display: inline
@@ -826,6 +852,7 @@ fieldset > .row
display: none display: none
.hook_panel .hook_panel
@extend .well @extend .well
@include box-shadow(rgba(white,0.9) 0 0 0 1px inset) @include box-shadow(rgba(white,0.9) 0 0 0 1px inset)
@@ -1151,15 +1178,12 @@ fieldset > .row
+scale(1) +scale(1)
$treeBackgroundHover: lighten(blue,30%) $treeBackgroundHover: lighten(blue,30%)
$treeBackgroundSelect: blue $treeBackgroundSelect: blue
.tree .tree
border: 1px solid #BBBBBB border: 1px solid #BBBBBB
border-radius: 4px 4px 4px 4px +border-radius(4px)
overflow-y: auto overflow-y: auto
overflow-x: hidden overflow-x: hidden
padding: 10px 15px 0 15px padding: 10px 15px 0 15px
@@ -1172,12 +1196,9 @@ $treeBackgroundSelect: blue
.tree-folder-header .tree-folder-header
position: relative position: relative
height: 20px height: 20px
-webkit-border-radius: 6px +border-radius(6px)
-moz-border-radius: 6px
border-radius: 6px
&:hover &:hover
background-color: $treeBackgroundHover background-color: $treeBackgroundHover
i i
position: absolute position: absolute
float: left float: left
@@ -1188,23 +1209,16 @@ $treeBackgroundSelect: blue
white-space: nowrap white-space: nowrap
overflow: hidden overflow: hidden
text-overflow: ellipsis text-overflow: ellipsis
.tree-folder-content .tree-folder-content
margin-left: 23px margin-left: 23px
.tree-item
.tree-item
position: relative position: relative
width: 100% width: 100%
height: 20px height: 20px
cursor: pointer cursor: pointer
margin-top: 1px margin-top: 1px
-webkit-border-radius: 6px
-moz-border-radius: 6px
border-radius: 6px
&:hover &:hover
background-color: $treeBackgroundHover background-color: $treeBackgroundHover
.tree-item-name .tree-item-name
position: absolute position: absolute
left: 29px left: 29px
@@ -1216,10 +1230,7 @@ $treeBackgroundSelect: blue
width: 4px width: 4px
height: 4px height: 4px
background-color: #ccc background-color: #ccc
-webkit-border-radius: 6px +border-radius(6px)
-moz-border-radius: 6px
border-radius: 6px
.icon-ok .icon-ok
position: absolute position: absolute
top: 1px top: 1px
@@ -1230,8 +1241,6 @@ $treeBackgroundSelect: blue
background-color: $treeBackgroundSelect background-color: $treeBackgroundSelect
#carrier_wizard.swMain #carrier_wizard.swMain
position: relative position: relative
display: block display: block
@@ -1249,7 +1258,6 @@ $treeBackgroundSelect: blue
display: block display: block
position: relative position: relative
clear: both clear: both
ul.anchor ul.anchor
position: relative position: relative
display: block display: block
@@ -1364,7 +1372,6 @@ $treeBackgroundSelect: blue
@extend .alert-danger @extend .alert-danger
.range_inf td, .range_sup td .range_inf td, .range_sup td
background-color: #ccc background-color: #ccc
.range_type .range_type
width: 220px width: 220px
text-align: right text-align: right
admin-dev/themes/default/js/admin-theme.js
+28 -20
View File
@@ -22,27 +22,35 @@
* International Registered Trademark & Property of PrestaShop SA * International Registered Trademark & Property of PrestaShop SA
*/ */
function adminNav(navId) $( document ).ready(function() {
{ $('.submenu_expand').click(function(){
$(".submenu-collapse").remove(); //var $tab = $(this).parent().data('submenu');
if($(".expanded").length ){ var $navId = $(this).parent();
$(".expanded > ul").slideUp( $(".submenu-collapse").remove();
"fast", if($(".expanded").length ){
function(){ $(".expanded > ul").slideUp(
var $target = $(".expanded").not(".active"); "fast",
$target.removeClass("expanded"); function(){
$(navId).not($target).addClass("expanded"); var $target = $(".expanded");
$(navId).not($target).children("ul:first").hide().slideDown(); $target.removeClass("expanded");
$($navId).not($target).not(".active").addClass("expanded");
} $($navId).not($target).not(".active").children("ul:first").hide().slideDown();
); }
} );
else{ }
$(navId).not(".active").addClass("expanded"); else{
$(navId).not(".active").children("ul:first").hide().slideDown(); $($navId).not(".active").addClass("expanded");
} $($navId).not(".active").children("ul:first").hide().slideDown();
} }
});
});
$( document ).ready(function() { $( document ).ready(function() {
$('.label-tooltip').tooltip(); $('.label-tooltip').tooltip();
});
$( document ).ready(function() {
$('.menu-collapse').click(function(){
$('body').toggleClass('page-sidebar-closed');
});
}); });
admin-dev/themes/default/js/vendor/nv.d3.js
Vendored
+1 -1
View File
@@ -4,7 +4,7 @@ var nv = window.nv || {};
nv.version = '1.1.10b'; nv.version = '1.1.10b';
nv.dev = true //set false when in production nv.dev = false //set false when in production
window.nv = nv; window.nv = nv;
admin-dev/themes/default/template/header.tpl
+5 -47
View File
@@ -210,8 +210,8 @@
</li> </li>
{/if} {/if}
</ul> </ul>
</div> </div>
<div class="collapse navbar-collapse navbar-collapse-primary"> <div class="collapse navbar-collapse navbar-collapse-primary">
<form id="header_search" method="post" action="index.php?controller=AdminSearch&amp;token={getAdminToken tab='AdminSearch'}" role="search"> <form id="header_search" method="post" action="index.php?controller=AdminSearch&amp;token={getAdminToken tab='AdminSearch'}" role="search">
<div class="form-group"> <div class="form-group">
<input type="text" class="form-control" name="bo_query" id="bo_query" value="{$bo_query}" placeholder="{l s='Search'}"/> <input type="text" class="form-control" name="bo_query" id="bo_query" value="{$bo_query}" placeholder="{l s='Search'}"/>
@@ -271,55 +271,13 @@
{if isset($displayBackOfficeTop)}{$displayBackOfficeTop}{/if} {if isset($displayBackOfficeTop)}{$displayBackOfficeTop}{/if}
</nav>{* end header_infos*} </nav>{* end header_infos*}
</header> </header>
{* end header*} {* end header*}
{/if} {/if}
<div id="main"> <div id="main">
<nav id="nav-sidebar" data-spy="affix" data-offset-top="0" role="navigation"> {include file='nav-top.tpl'}
{if !$tab} {include file='nav-side.tpl'}
<div class="mainsubtablist" style="display:none"></div>
{/if}
<span class="menu-collapse">
<i class="icon-align-justify"></i>
</span>
<script type="text/javascript">
$('.menu-collapse').click(function(){
$('body').toggleClass('page-sidebar-closed');
});
</script>
{if $controller_name != 'AdminLogin'}
<ul class="menu">
<li class="maintab">
<a href="{$link->getAdminLink('AdminHome')|escape:'htmlall':'UTF-8'}" class="title">
<i class="icon-AdminDashboard"></i>
<span class="title">{l s='Dashboard'}</span>
</a>
</li>
{foreach $tabs as $t}
{if $t.active}
<li class="maintab {if $t.current}active{/if}" id="maintab{$t.id_tab}">
<a href="{if count($t.sub_tabs) > 0}{$t.sub_tabs[0].href}{else}#{/if}" class="title" onclick="javascript:adminNav('#maintab{$t.id_tab}');">
<i class="icon-{$t.class_name}"></i>
<span class="title">{if $t.name eq ''}{$t.class_name}{else}{$t.name}{/if}</span>
</a>
<ul class="submenu">
{foreach from=$t.sub_tabs item=t2}
{if $t2.active}
<li {if $t2.current} class="active"{/if}>
<a href="{$t2.href|escape:'htmlall':'UTF-8'}">
{if $t2.name eq ''}{$t2.class_name}{else}{$t2.name|escape:'htmlall':'UTF-8'}{/if}
<i class="icon-chevron-sign-right pull-right"></i>
</a>
</li>
{/if}
{/foreach}
</ul>
</li>
{/if}
{/foreach}
</ul>
{/if}
</nav>
<div id="content" class="page-content"> <div id="content" class="page-content">
{if $display_header && $install_dir_exists} {if $display_header && $install_dir_exists}
admin-dev/themes/default/template/helpers/form/form.tpl
+2
View File
@@ -232,6 +232,7 @@
{foreach $input.values as $value} {foreach $input.values as $value}
<div class="radio {if isset($input.class)}"{$input.class}"{/if}"> <div class="radio {if isset($input.class)}"{$input.class}"{/if}">
<div class="label">
<input type="radio" name="{$input.name}"id="{$value.id}" value="{$value.value|escape:'htmlall':'UTF-8'}" <input type="radio" name="{$input.name}"id="{$value.id}" value="{$value.value|escape:'htmlall':'UTF-8'}"
{if $fields_value[$input.name] == $value.value}checked="checked"{/if} {if $fields_value[$input.name] == $value.value}checked="checked"{/if}
{if isset($input.disabled) && $input.disabled}disabled="disabled"{/if} /> {if isset($input.disabled) && $input.disabled}disabled="disabled"{/if} />
@@ -244,6 +245,7 @@
{else} {else}
{$value.label} {$value.label}
{/if} {/if}
</div>
</div> </div>
{*if isset($input.br) && $input.br}<br />{/if*} {*if isset($input.br) && $input.br}<br />{/if*}
{*if isset($value.p) && $value.p}<p>{$value.p}</p>{/if*} {*if isset($value.p) && $value.p}<p>{$value.p}</p>{/if*}
admin-dev/themes/default/template/layout.tpl
+11 -12
View File
@@ -31,18 +31,17 @@
{if count($errors) && (!isset($disableDefaultErrorOutPut) || $disableDefaultErrorOutPut == false)} {if count($errors) && (!isset($disableDefaultErrorOutPut) || $disableDefaultErrorOutPut == false)}
<div class="alert alert-danger"> <div class="alert alert-danger">
<button type="button" class="close" data-dismiss="alert">&times;</button> <button type="button" class="close" data-dismiss="alert">&times;</button>
{if count($errors) == 1}
{if count($errors) == 1} {reset($errors)}
{reset($errors)} {else}
{else} {l s='%d errors' sprintf=$errors|count}
{l s='%d errors' sprintf=$errors|count} <br/>
<br/> <ol>
<ol> {foreach $errors as $error}
{foreach $errors as $error} <li>{$error}</li>
<li>{$error}</li> {/foreach}
{/foreach} </ol>
</ol> {/if}
{/if}
</div> </div>
{/if} {/if}
{if isset($informations) && count($informations) && $informations} {if isset($informations) && count($informations) && $informations}
admin-dev/themes/default/template/nav-side.tpl
+41
View File
@@ -0,0 +1,41 @@
<nav id="nav-sidebar" data-spy="affix" data-offset-top="0" role="navigation">
{if !$tab}
<div class="mainsubtablist" style="display:none"></div>
{/if}
<span class="menu-collapse">
<i class="icon-align-justify"></i>
</span>
{if $controller_name != 'AdminLogin'}
<ul class="menu">
<li class="maintab">
<a href="{$link->getAdminLink('AdminHome')|escape:'htmlall':'UTF-8'}" class="title">
<i class="icon-AdminDashboard"></i>
<span class="title">{l s='Dashboard'}</span>
</a>
</li>
{foreach $tabs as $t}
{if $t.active}
<li class="maintab {if $t.current}active{/if}" id="maintab{$t.id_tab}" data-submenu="{$t.id_tab}">
<a href="{if count($t.sub_tabs) > 0}{$t.sub_tabs[0].href}{else}#{/if}" class="title" >
<i class="icon-{$t.class_name}"></i>
<span class="title">{if $t.name eq ''}{$t.class_name}{else}{$t.name}{/if}</span>
</a>
<span class="submenu_expand" ><i class="icon-collapse"></i></span>
<ul class="submenu">
{foreach from=$t.sub_tabs item=t2}
{if $t2.active}
<li {if $t2.current} class="active"{/if}>
<a href="{$t2.href|escape:'htmlall':'UTF-8'}">
{if $t2.name eq ''}{$t2.class_name}{else}{$t2.name|escape:'htmlall':'UTF-8'}{/if}
<!-- <i class="icon-chevron-sign-right pull-right"></i> -->
</a>
</li>
{/if}
{/foreach}
</ul>
</li>
{/if}
{/foreach}
</ul>
{/if}
</nav>
admin-dev/themes/default/template/nav-top.tpl
+45
View File
@@ -0,0 +1,45 @@
<nav id="nav-topbar" role="navigation">
{if !$tab}
<div class="mainsubtablist" style="display:none"></div>
{/if}
<span class="menu-collapse">
<i class="icon-align-justify"></i>
</span>
<script type="text/javascript">
$('.menu-collapse').click(function(){
$('body').toggleClass('page-sidebar-closed');
});
</script>
{if $controller_name != 'AdminLogin'}
<ul class="menu">
<li class="maintab">
<a href="{$link->getAdminLink('AdminHome')|escape:'htmlall':'UTF-8'}" class="title">
<i class="icon-AdminDashboard"></i>
<span class="title">{l s='Dashboard'}</span>
</a>
</li>
{foreach $tabs as $t}
{if $t.active}
<li class="maintab {if $t.current}active{/if}" id="maintab{$t.id_tab}">
<a href="{if count($t.sub_tabs) > 0}{$t.sub_tabs[0].href}{else}#{/if}" class="title" onclick="javascript:adminNav('#maintab{$t.id_tab}');">
<i class="icon-{$t.class_name}"></i>
<span class="title">{if $t.name eq ''}{$t.class_name}{else}{$t.name}{/if}</span>
</a>
<ul class="submenu">
{foreach from=$t.sub_tabs item=t2}
{if $t2.active}
<li {if $t2.current} class="active"{/if}>
<a href="{$t2.href|escape:'htmlall':'UTF-8'}">
{if $t2.name eq ''}{$t2.class_name}{else}{$t2.name|escape:'htmlall':'UTF-8'}{/if}
<i class="icon-chevron-sign-right pull-right"></i>
</a>
</li>
{/if}
{/foreach}
</ul>
</li>
{/if}
{/foreach}
</ul>
{/if}
</nav>