Working : Finish renaming class for bootstrap migration

This commit is contained in:
mespeche
2013-09-04 15:05:49 +02:00
parent dafaa02718
commit 7258b24c88
25 changed files with 2445 additions and 391 deletions

View File

@@ -23,24 +23,12 @@
<link rel="stylesheet" href="{$asset_url}">
{/stylesheets}
<!-- {stylesheets file='assets/bootstrap/css/bootstrap.css' filters='cssembed'}
<link rel="stylesheet" href="{$asset_url}">
{/stylesheets}
{stylesheets file='assets/bootstrap/css/bootstrap-responsive.css' filters='cssembed'}
<link rel="stylesheet" href="{$asset_url}">
{/stylesheets} -->
{block name="after-bootstrap-css"}{/block}
{* -- Admin CSS section ------------------------------------------------- *}
{block name="before-admin-css"}{/block}
<!-- {stylesheets file='assets/css/*' filters='less,cssembed'}
<link rel="stylesheet" href="{$asset_url}">
{/stylesheets} -->
{block name="after-admin-css"}{/block}
{* Modules css are included here *}
@@ -58,28 +46,32 @@
{module_include location='before_topbar'}
<div class="topbar">
<div class="container">
<div class="container">
<div class="row">
<div class="col-md-6">
<div class="version-info">{intl l='Version %ver' ver="{$THELIA_VERSION}"}</div>
</div>
<div class="version-info">{intl l='Version %ver' ver="{$THELIA_VERSION}"}</div>
{module_include location='inside_topbar'}
<div class="col-md-6 clearfix">
{module_include location='inside_topbar'}
<div class="btn-group pull-right">
<a href="{navigate to="index"}" title="{intl l='View site'}" target="_blank" class="btn btn-default"><span class="glyphicon glyphicon-eye-open"></span> {intl l="View shop"}</a>
<button class="btn btn-default btn-primary"><span class="glyphicon glyphicon-user"></span> {admin attr="firstname"} {admin attr="lastname"}</button>
<button class="btn btn-default btn-primary dropdown-toggle" data-toggle="dropdown">
<span class="caret"></span>
</button>
<ul class="dropdown-menu">
<li><a class="profile" href="{url path='admin/edit_profile'}"><span class="glyphicon glyphicon-edit"></span> {intl l="Profil"}</a></li>
<li><a class="logout" href="{url path='admin/logout'}" title="{intl l='Close administation session'}"><span class="glyphicon glyphicon-off"></span> {intl l="Logout"}</a></li>
</ul>
</div>
<div class="user-info">
<a class="profile" href="{url path='admin/edit_profile'}">{admin attr="firstname"} {admin attr="lastname"}</a>
<a class="logout" href="{url path='admin/logout'}" title="{intl l='Close administation session'}">{intl l="Logout"}</a></div>
{loop name="top-bar-search" type="auth" roles="ADMIN" permissions="admin.search"}
<form class="form-search pull-right" action="{url path='/admin/search'}">
<div class="control-group">
<div class="input-group">
<input type="text" class="input-medium search-query" id="search_term" name="search_term" placeholder="{intl l='Search'}" />
<button class="btn btn-default"><span class="glyphicon glyphicon-search"></span></button>
</div>
</div>
</form>
{/loop}
<div class="view-shop"><a href="{navigate to="index"}" title="{intl l='View site'}" target="_blank"><span class="glyphicon glyphicon-white glyphicon-eye-open"></span> {intl l="View shop"}</a></div>
</div>
</div>
</div>
</div>
@@ -89,83 +81,92 @@
{module_include location='before_top_menu'}
<div class="navbar">
<div class="navbar-inner">
<div class="container">
<div class="navbar-collapse">
<nav class="navbar navbar-default" role="navigation">
<div class="container">
<ul class="nav">
<div class="navbar-header">
<button type="button" class="btn navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
<span class="sr-only">Toggle navigation</span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
</div>
<li class="{if $admin_current_location == 'home'}active{/if}" id="home_menu">
<a href="{url path='/admin/home'}">{intl l="Home"}</a>
</li>
<div class="collapse navbar-collapse navbar-collapse">
<ul class="nav navbar-nav">
{loop name="menu-auth-customer" type="auth" roles="ADMIN" permissions="admin.customers.view"}
<li class="{if $admin_current_location == 'customer'}active{/if}" id="customers_menu">
<a href="{url path='/admin/customers'}">{intl l="Customers"}</a>
</li>
{/loop}
<li class="{if $admin_current_location == 'home'}active{/if}" id="home_menu">
<a href="{url path='/admin/home'}">{intl l="Home"}</a>
</li>
{loop name="menu-auth-order" type="auth" roles="ADMIN" permissions="admin.orders.view"}
<li class="dropdown {if $admin_current_location == 'customer'}active{/if}" id="orders_menu" data-toggle="dropdown">
{loop name="menu-auth-customer" type="auth" roles="ADMIN" permissions="admin.customers.view"}
<li class="{if $admin_current_location == 'customer'}active{/if}" id="customers_menu">
<a href="{url path='/admin/customers'}">{intl l="Customers"}</a>
</li>
{/loop}
<a href="#">{intl l="Orders"} <span class="caret"></span></a>
{loop name="menu-auth-order" type="auth" roles="ADMIN" permissions="admin.orders.view"}
<li class="dropdown {if $admin_current_location == 'customer'}active{/if}" id="orders_menu" data-toggle="dropdown">
<ul class="dropdown-menu config_menu" role="menu">
<a href="#">{intl l="Orders"} <span class="caret"></span></a>
<li role="menuitem"><a data-target="{url path='admin/orders'}" href="{url path='admin/orders'}">
{intl l="All orders"}
<span class="badge badge-important">{count type="order"}</span></a>
</li>
<ul class="dropdown-menu config_menu" role="menu">
{loop name="order-status-list" type="order-status"}
<li role="menuitem">
<a data-target="{url path='admin/orders/$LABEL'}" href="{url path='admin/orders/$LABEL'}">
{$LABEL} <span class="badge badge-important">{count type="order" status="{$ID}"}</span>
</a>
</li>
{/loop}
</ul>
</li>
{/loop}
<li role="menuitem"><a data-target="{url path='admin/orders'}" href="{url path='admin/orders'}">
{intl l="All orders"}
<span class="badge badge-important">{count type="order"}</span></a>
</li>
{loop name="menu-auth-catalog" type="auth" roles="ADMIN" permissions="admin.catalog.view"}
<li class="{if $admin_current_location == 'catalog'}active{/if}" id="catalog_menu">
<a href="{url path='/admin/catalog'}">{intl l="Catalog"}</a>
</li>
{/loop}
{loop name="order-status-list" type="order-status"}
<li role="menuitem">
<a data-target="{url path='admin/orders/$LABEL'}" href="{url path='admin/orders/$LABEL'}">
{$LABEL} <span class="badge badge-important">{count type="order" status="{$ID}"}</span>
</a>
</li>
{/loop}
</ul>
</li>
{/loop}
{loop name="menu-auth-content" type="auth" roles="ADMIN" permissions="admin.content.view"}
<li class="{if $admin_current_location == 'content'}active{/if}" id="content_menu">
<a href="{url path='/admin/content'}">{intl l="Content"}</a>
</li>
{/loop}
{loop name="menu-auth-catalog" type="auth" roles="ADMIN" permissions="admin.catalog.view"}
<li class="{if $admin_current_location == 'catalog'}active{/if}" id="catalog_menu">
<a href="{url path='/admin/catalog'}">{intl l="Catalog"}</a>
</li>
{/loop}
{loop name="menu-auth-discount" type="auth" roles="ADMIN" permissions="admin.discount.view"}
<li class="{if $admin_current_location == 'discount'}active{/if}" id="discount_menu">
<a href="{url path='/admin/discount'}">{intl l="Discount"}</a>
</li>
{/loop}
{loop name="menu-auth-content" type="auth" roles="ADMIN" permissions="admin.content.view"}
<li class="{if $admin_current_location == 'content'}active{/if}" id="content_menu">
<a href="{url path='/admin/content'}">{intl l="Content"}</a>
</li>
{/loop}
{loop name="menu-auth-config" type="auth" roles="ADMIN" permissions="admin.config.view"}
<li class="{if $admin_current_location == 'configuration'}active{/if}" id="config_menu">
<a href="{url path='/admin/configuration'}">{intl l="Configuration"}</a>
</li>
{/loop}
{loop name="menu-auth-discount" type="auth" roles="ADMIN" permissions="admin.discount.view"}
<li class="{if $admin_current_location == 'discount'}active{/if}" id="discount_menu">
<a href="{url path='/admin/discount'}">{intl l="Discount"}</a>
</li>
{/loop}
{loop name="menu-auth-modules" type="auth" roles="ADMIN" permissions="admin.modules.view"}
<li class="{if $admin_current_location == 'modules'}active{/if}" id="modules_menu">
<a href="{url path='/admin/modules'}">{intl l="Modules"}</a>
</li>
{loop name="menu-auth-config" type="auth" roles="ADMIN" permissions="admin.config.view"}
<li class="{if $admin_current_location == 'configuration'}active{/if}" id="config_menu">
<a href="{url path='/admin/configuration'}">{intl l="Configuration"}</a>
</li>
{/loop}
{module_include location='in_top_menu_items'}
{loop name="menu-auth-modules" type="auth" roles="ADMIN" permissions="admin.modules.view"}
<li class="{if $admin_current_location == 'modules'}active{/if}" id="modules_menu">
<a href="{url path='/admin/modules'}">{intl l="Modules"}</a>
</li>
{/loop}
</ul>
</div>
</div>
</div>
</div>
{module_include location='in_top_menu_items'}
{/loop}
</ul>
</div>
</div>
</nav>
{module_include location='after_top_menu'}
@@ -213,12 +214,12 @@
<script src="{$asset_url}"></script>
{/javascripts}
{javascripts file='assets/bootstrap/js/bootstrap.min.js'}
{block name="after-javascript-include"}{/block}
{javascripts file='assets/js/bootstrap/bootstrap.js'}
<script src="{$asset_url}"></script>
{/javascripts}
{block name="after-javascript-include"}{/block}
{block name="javascript-initialization"}{/block}
{* Modules scripts are included now *}

Binary file not shown.

After

Width:  |  Height:  |  Size: 26 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 3.6 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 11 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 3.5 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 7.8 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 5.6 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 13 KiB

File diff suppressed because it is too large Load Diff

View File

@@ -20,7 +20,7 @@
display: inline-block;
border-left: 6px solid transparent;
border-right: 6px solid transparent;
border-bottom: 6px solid @white;
border-bottom: 6px solid #FFF;
position: absolute;
top: -6px;
left: 7px;
@@ -41,15 +41,15 @@
}
td {
&.day:hover {
background: @grayLighter;
background: @gray-lighter;
cursor: pointer;
}
&.day.disabled {
color: @grayLighter;
color: @gray-lighter;
}
&.old,
&.new {
color: @grayLight;
color: @gray-light;
}
&.active,
&.active:hover {
@@ -67,7 +67,7 @@
cursor: pointer;
.rounded(4px);
&:hover {
background: @grayLighter;
background: @gray-lighter;
}
&.active {
#gradient > .vertical(rgb(243,153,34),rgb(227,83,11));
@@ -75,7 +75,7 @@
text-shadow: 0 -1px 0 rgba(0,0,0,.25);
}
&.old {
color: @grayLight;
color: @gray-light;
}
}
}
@@ -86,14 +86,14 @@
}
&.next,
&.prev {
font-size: @baseFontSize * 1.5;
font-size: @font-size-base * 1.5;
}
}
thead tr:first-child th {
cursor: pointer;
&:hover{
background: @grayLighter;
background: @gray-lighter;
}
}

View File

@@ -47,19 +47,19 @@ label {
// Warning
form .warning {
.formFieldState(@warningText, @warningText, @warningBackground);
//.formFieldState(@warningText, @warningText, @warningBackground);
}
// Error
form .error {
.formFieldState(@errorText, @errorText, @errorBackground);
//.formFieldState(@errorText, @errorText, @errorBackground);
}
// Success
form .success {
.formFieldState(@successText, @successText, @successBackground);
//.formFieldState(@successText, @successText, @successBackground);
}
// Success
form .info {
.formFieldState(@infoText, @infoText, @infoBackground);
//.formFieldState(@infoText, @infoText, @infoBackground);
}
@@ -165,4 +165,33 @@ form .info {
text-align: right;
}
}
}
// -- Sign in --
.form-signin{
// .form-control {
// position: relative;
// font-size: 16px;
// height: auto;
// padding: 10px;
// -webkit-box-sizing: border-box;
// -moz-box-sizing: border-box;
// box-sizing: border-box;
// &:focus {
// z-index: 2;
// }
// }
// input[type="text"] {
// margin-bottom: -1px;
// border-bottom-left-radius: 0;
// border-bottom-right-radius: 0;
// }
// input[type="password"] {
// margin-bottom: 10px;
// border-top-left-radius: 0;
// border-top-right-radius: 0;
// }
}

View File

@@ -24,6 +24,10 @@
// Navbar button for toggling navbar items in responsive layouts
// These definitions need to come after '.navbar .btn'
.navbar .btn-navbar {
.buttonBackground(darken(@btnPrimaryBackground, 5%), darken(@btnPrimaryBackgroundHighlight, 5%));
.navbar .btn {
.button-variant(@btn-primary-color; @btn-primary-bg; @btn-primary-border);
}
.navbar-default .navbar-toggle .icon-bar{
background-color: @btn-primary-color;
}

View File

@@ -1,248 +1,248 @@
@import "variables.less";
// @import "navbar.less";
// @import "scaffolding.less";
// @import "type.less";
// @import "breadcrumbs.less";
// @import "forms.less";
// @import "datepicker.less";
// @import "modals.less";
// @import "tables.less";
// @import "tablesorter.less";
@import "navbar.less";
@import "scaffolding.less";
@import "type.less";
@import "breadcrumbs.less";
@import "forms.less";
@import "datepicker.less";
@import "modals.less";
@import "tables.less";
@import "tablesorter.less";
// // -- Base styling ------------------------------------------------------------
// -- Base styling ------------------------------------------------------------
// #wrapper {
// padding-top: 20px;
// }
#wrapper {
padding-top: 20px;
}
// // Bootstrap Adjustements ------------------------------------------------------
// Bootstrap Adjustements ------------------------------------------------------
// .footer {
// background: none repeat scroll 0 0 transparent;
// border: medium none;
// box-shadow: none;
// color: #7D756A;
// margin-bottom: 0;
// padding: 35px 15px 15px;
// text-align: left;
// }
.footer {
background: none repeat scroll 0 0 transparent;
border: medium none;
box-shadow: none;
color: #7D756A;
margin-bottom: 0;
padding: 35px 15px 15px;
text-align: left;
}
// // -- Top bar -----------------------------------------------------------------
// -- Top bar -----------------------------------------------------------------
// .topbar {
.topbar {
// background: url("@{imgDir}/top.jpg") repeat-x;
// font-weight: bold;
background: url("@{imgDir}/top.jpg") repeat-x;
font-weight: bold;
// .version-info {
// line-height: @topBarHeight;
// height: @topBarHeight;
// background: url("@{imgDir}/top-bar-logo.png") left -3px no-repeat;
// padding-left: 100px;
// text-shadow: 0px 1px 1px black;
// color: #6d737b;
// }
.version-info {
line-height: @topBarHeight;
height: @topBarHeight;
background: url("@{imgDir}/top-bar-logo.png") left -3px no-repeat;
padding-left: 100px;
text-shadow: 0px 1px 1px black;
color: #6d737b;
}
// .form-search, .btn-group{
// margin-top: 10px;
// }
// }
.form-search, .btn-group{
margin-top: 10px;
}
}
// // -- Brandbar ----------------------------------------------------------------
// -- Brandbar ----------------------------------------------------------------
// .loginpage {
.loginpage {
// .hero-unit {
// background-color: transparent;
.hero-unit {
background-color: transparent;
// h1 {
// margin-bottom: 25px;
// }
// }
h1 {
margin-bottom: 25px;
}
}
// .well {
// background-color: #E4E3DE;
// border: 1px solid rgba(0, 0, 0, 0.2);
// box-shadow: 0 -4px 0 rgba(0, 0, 0, 0.05) inset;
// }
// }
.well {
background-color: #E4E3DE;
border: 1px solid rgba(0, 0, 0, 0.2);
box-shadow: 0 -4px 0 rgba(0, 0, 0, 0.05) inset;
}
}
// // -- Feed list on home page --------------------------------------------------
// -- Feed list on home page --------------------------------------------------
// .feed-list {
// h2 {
// font-size: 24px;
// line-height: 120%;
// color: #E9730F;
.feed-list {
h2 {
font-size: 24px;
line-height: 120%;
color: #E9730F;
// a {
// &:hover {
// color: inherit;
// text-decoration: none;
// }
// }
// }
a {
&:hover {
color: inherit;
text-decoration: none;
}
}
}
// h3 {
// margin-bottom: 0;
// padding-bottom: 0;
// font-size: 90%;
// line-height: 100%;
// }
h3 {
margin-bottom: 0;
padding-bottom: 0;
font-size: 90%;
line-height: 100%;
}
// .feed-list-item{
// padding: 10px 20px;
// }
// }
.feed-list-item{
padding: 10px 20px;
}
}
// .brandbar {
.brandbar {
// background: url("@{imgDir}/header.jpg") repeat-x;
// height: 90px;
background: url("@{imgDir}/header.jpg") repeat-x;
height: 90px;
// a.brand {
// text-indent: -133337px;
// display: block;
// float: left;
// margin-right: 20px;
// background: url("@{imgDir}/logo.png") 0px 12px no-repeat;
// width: 124px;
// height: 63px;
// }
a.brand {
text-indent: -133337px;
display: block;
float: left;
margin-right: 20px;
background: url("@{imgDir}/logo.png") 0px 12px no-repeat;
width: 124px;
height: 63px;
}
// .breadcrumb {
// .rounded(0px);
// padding: 25px 0px 25px 30px;
// background: url("@{imgDir}/logo-light.png") left center no-repeat;
// float: left;
// margin: 12px 0px 0px 0px;
.breadcrumb {
.rounded(0px);
padding: 25px 0px 25px 30px;
background: url("@{imgDir}/logo-light.png") left center no-repeat;
float: left;
margin: 12px 0px 0px 0px;
// a {
// color: #949aa1;
// text-shadow: 0px 1px 0px rgba(0,0,0,0.8);
// }
a {
color: #949aa1;
text-shadow: 0px 1px 0px rgba(0,0,0,0.8);
}
// .active {
// color: #FFF;
// text-shadow: 0px 1px 0px rgba(0,0,0,0.8);
// border-bottom: 1px dotted white;
// }
// }
.active {
color: #FFF;
text-shadow: 0px 1px 0px rgba(0,0,0,0.8);
border-bottom: 1px dotted white;
}
}
// .Blocmoncompte {
// float: right;
// margin: 0px;
// padding: 0px;
// margin-top: 35px;
.Blocmoncompte {
float: right;
margin: 0px;
padding: 0px;
margin-top: 35px;
// color: white;
// font-size: 13px;
// text-shadow: 0px 1px 0px rgba(0,0,0,0.8);
// }
color: white;
font-size: 13px;
text-shadow: 0px 1px 0px rgba(0,0,0,0.8);
}
// dt {
// float: left;
// margin-right: 15px;
// }
dt {
float: left;
margin-right: 15px;
}
// .deconnexion {
// float: right;
// margin: 0px;
.deconnexion {
float: right;
margin: 0px;
// a {
// text-indent: -13337px;
// display: block;
// background: url("@{imgDir}/deconnexion.png") no-repeat;
// width: 23px;
// height: 24px;
// }
// }
// }
a {
text-indent: -13337px;
display: block;
background: url("@{imgDir}/deconnexion.png") no-repeat;
width: 23px;
height: 24px;
}
}
}
// .brandbar-wide {
// width: 100%;
// }
.brandbar-wide {
width: 100%;
}
// // -- Login form --------------------------------------------------------------
// -- Login form --------------------------------------------------------------
// .form-signin {
// max-width: 400px;
// padding: 19px 29px 29px;
// margin: 0 auto 20px;
// background-color: #fff;
// border: 1px solid #e5e5e5;
// .rounded(5px);
// .box-shadow;
// }
.form-signin {
max-width: 400px;
padding: 19px 29px 29px;
margin: 0 auto 20px;
background-color: #fff;
border: 1px solid #e5e5e5;
.rounded(5px);
.box-shadow;
}
// // -- General decoration of back-office boxes ---------------------------------
// -- General decoration of back-office boxes ---------------------------------
// .general-block-decorator {
// background: none repeat scroll 0 0 white;
// border: 1px solid rgba(0, 0, 0, 0.2);
// border-radius: 4px 4px 4px 4px;
// box-shadow: 0 -4px 0 rgba(0, 0, 0, 0.05) inset, 0 2px 3px rgba(0, 0, 0, 0.1);
// padding: 1em;
// margin-bottom: 20px;
.general-block-decorator {
background: none repeat scroll 0 0 white;
border: 1px solid rgba(0, 0, 0, 0.2);
border-radius: 4px 4px 4px 4px;
box-shadow: 0 -4px 0 rgba(0, 0, 0, 0.05) inset, 0 2px 3px rgba(0, 0, 0, 0.1);
padding: 1em;
margin-bottom: 20px;
// // The block title
// .title {
// color: #5A6876;
// text-transform: uppercase;
// font-weight: bold;
// padding-bottom: 0.5em;
// line-height: 30px;
// }
// The block title
.title {
color: #5A6876;
text-transform: uppercase;
font-weight: bold;
padding-bottom: 0.5em;
line-height: 30px;
}
// .title-without-tabs {
// border-bottom: 2px solid #A5CED8;
// margin-bottom: 0.5em;
// }
.title-without-tabs {
border-bottom: 2px solid #A5CED8;
margin-bottom: 0.5em;
}
// // The action bar on the right
// .actions {
// text-align: right;
// }
// }
// The action bar on the right
.actions {
text-align: right;
}
}
// // The overall form container
// .form-container {
// The overall form container
.form-container {
// // The inner toolbar (flags & save buttons)
// .inner-toolbar {
// The inner toolbar (flags & save buttons)
.inner-toolbar {
// line-height: 30px;
// margin-bottom: 1em;
// border-bottom: 1px dotted #A5CED8;
// padding-bottom: 0.5em;
line-height: 30px;
margin-bottom: 1em;
border-bottom: 1px dotted #A5CED8;
padding-bottom: 0.5em;
// .inner-actions {
// text-align: right;
// }
.inner-actions {
text-align: right;
}
// .nav-pills {
// margin-bottom: 0;
.nav-pills {
margin-bottom: 0;
// li a {
// padding: 4px;
// opacity: 0.3;
// }
li a {
padding: 4px;
opacity: 0.3;
}
// li.active a {
// opacity: 1;
// background-color: #E7E7E7;
// }
// }
// }
// }
li.active a {
opacity: 1;
background-color: #E7E7E7;
}
}
}
}
// // -- Editable tweaks ---------------------------------------------------------
// -- Editable tweaks ---------------------------------------------------------
// .editable-click, a.editable-click, a.editable-click:hover {
// border-bottom: 1px dotted #0088CC;
// }
.editable-click, a.editable-click, a.editable-click:hover {
border-bottom: 1px dotted #0088CC;
}
// .ui-slider{
// margin-top: 23px;
// }
.ui-slider{
margin-top: 23px;
}

View File

@@ -8,6 +8,11 @@
@imgDir : '../img';
@topBarHeight: 50px;
// Brand colors
// -------------------------
@brand-primary: #f39922;
// Links
// -------------------------
@@ -21,11 +26,22 @@
// Buttons
// -------------------------
@btn-primary-bg: #f39922;
@btn-primary-bg: @brand-primary;
// Iconography
// -------------------------
@icon-font-path: "../fonts/bootstrap/";
@icon-font-name: "glyphicons-halflings-regular";
@icon-font-name: "glyphicons-halflings-regular";
// COMPONENT VARIABLES
// --------------------------------------------------
// Z-index master list
// -------------------------
// Used for a bird's eye view of components dependent on the z-axis
// Try to avoid customizing these :)
@zindex-dropdown: 1005;

View File

@@ -38,7 +38,7 @@
{loop type="auth" name="can_create" roles="ADMIN" permissions="admin.category.create"}
<a class="btn btn-default btn-primary action-btn" title="{intl l='Add a new category'}" href="#add_category_dialog" data-toggle="modal">
<i class="glyphicon glyphicon-plus-sign glyphicon-white"></i>
<span class="glyphicon glyphicon-plus-sign"></span>
</a>
{/loop}
</caption>
@@ -176,7 +176,7 @@
{module_include location='product_list_caption'}
<a class="btn btn-default btn-primary action-btn" title="{intl l='Add a new product'}" href="#productAddModal" data-toggle="modal">
<i class="glyphicon glyphicon-plus-sign glyphicon-white"></i>
<span class="glyphicon glyphicon-plus-sign"></span>
</a>
</caption>

View File

@@ -16,8 +16,8 @@
<div id="wrapper" class="container">
<ul class="breadcrumb">
<li><a href="{url path='/admin/home'}">{intl l="Home"}</a> <span class="divider">/</span></li>
<li><a href="{url path='/admin/configuration'}">{intl l="Configuration"}</a> <span class="divider">/</span></li>
<li><a href="{url path='/admin/home'}">{intl l="Home"}</a></li>
<li><a href="{url path='/admin/configuration'}">{intl l="Configuration"}</a></li>
<li><a href="{url path='/admin/configuration/currencies'}">{intl l="Currencies"}</a></li>
</ul>
@@ -33,9 +33,9 @@
{intl l='Currencies'}
{loop type="auth" name="can_create" roles="ADMIN" permissions="admin.configuration.currencies.create"}
<a class="btn btn-default btn-primary action-btn" title="{intl l='Add a new currency'}" href="#add_currency_dialog" data-toggle="modal">
<span class="glyphicon glyphicon-plus-sign glyphicon-white"></span>
<span class="glyphicon glyphicon-plus-sign"></span>
</a>
<button class="btn btn-default btn-info action-btn" title="{intl l='Update rates'}">{intl l='Update rates'} <i class="glyphicon glyphicon-white glyphicon-globe"></i></button>
<button class="btn btn-default btn-info action-btn" title="{intl l='Update rates'}">{intl l='Update rates'} <span class="glyphicon glyphicon-globe"></span></button>
{/loop}
</caption>

View File

@@ -12,9 +12,9 @@
{loop name="currency_edit" type="currency" id="$currency_id" backend_context="1" lang="$edit_language_id"}
<ul class="breadcrumb">
<li><a href="{url path='/admin/home'}">{intl l="Home"}</a> <span class="divider">/</span></li>
<li><a href="{url path='/admin/configuration'}">{intl l="Configuration"}</a> <span class="divider">/</span></li>
<li><a href="{url path='/admin/configuration/currencies'}">{intl l="Currencies"}</a> <span class="divider">/</span></li>
<li><a href="{url path='/admin/home'}">{intl l="Home"}</a></li>
<li><a href="{url path='/admin/configuration'}">{intl l="Configuration"}</a></li>
<li><a href="{url path='/admin/configuration/currencies'}">{intl l="Currencies"}</a></li>
<li>{intl l='Editing currency "%name"' name="{$NAME}"}</li>
</ul>

View File

@@ -1,66 +1,71 @@
{* Adding a new Category *}
<div class="modal hide fade" id="add_category_dialog" tabindex="-1" role="dialog" aria-hidden="true">
<div class="modal fade" id="add_category_dialog" tabindex="-1" role="dialog" aria-hidden="true">
<div class="modal-dialog">
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
<h3>{intl l="Create a new category"}</h3>
</div>
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
<h3>{intl l="Create a new category"}</h3>
</div>
{form name="thelia.admin.category.creation"}
<form method="POST" action="{url path='/admin/catalog/category'}" {form_enctype form=$form}>
{form name="thelia.admin.category.creation"}
<form method="POST" action="{url path='/admin/catalog/category'}" {form_enctype form=$form}>
{* the action processed by the controller *}
<input type="hidden" name="action" value="create" />
{* the action processed by the controller *}
<input type="hidden" name="action" value="create" />
{form_hidden_fields form=$form}
{form_hidden_fields form=$form}
{form_field form=$form field='parent'}
<input type="hidden" name="{$name}" value="{$current_category_id}" />
{/form_field}
{form_field form=$form field='parent'}
<input type="hidden" name="{$name}" value="{$current_category_id}" />
{/form_field}
{form_field form=$form field='success_url'}
{* on success, redirect to category change page. _ID_ is replaced with the ID of the created category (see Thelia\Action\Category.php) *}
<input type="hidden" name="{$name}" value="{url path='admin/catalog/category' id="_ID_" action='edit'}" />
{/form_field}
{form_field form=$form field='success_url'}
{* on success, redirect to category change page. _ID_ is replaced with the ID of the created category (see Thelia\Action\Category.php) *}
<input type="hidden" name="{$name}" value="{url path='admin/catalog/category' id="_ID_" action='edit'}" />
{/form_field}
<div class="modal-body">
<div class="modal-body">
{if #form_error}<div class="alert alert-block alert-error" id="add_category_dialog_error">#form_error_message</div>{/if}
{if #form_error}<div class="alert alert-block alert-error" id="add_category_dialog_error">#form_error_message</div>{/if}
<div class="control-group">
<label class="control-label">
{intl l='Category Title *'}
</label>
<div class="controls">
{loop type="lang" name="default-lang" default_only="1"}
{form_field form=$form field='locale'}
<input type="hidden" name="{$name}" value="{$LOCALE}" />
{/form_field}
<div class="input-append input-block-level">
{form_field form=$form field='title'}
<span {if $error}class="error"{/if}>
<input type="text" required="required" name="{$name}" value="{$value}" title="{intl l='Category title'}" placeholder="{intl l='Category title'}" class="input-block-level">
</span>
<div class="form-group">
<label class="control-label">
{intl l='Category Title *'}
</label>
{loop type="lang" name="default-lang" default_only="1"}
{form_field form=$form field='locale'}
<input type="hidden" name="{$name}" value="{$LOCALE}" />
{/form_field}
<span class="add-on"><img src="{image file="../assets/img/flags/{$CODE}.gif"}" alt="{intl l=$TITLE}" /></span>
</div>
<div class="help-block">{intl l="Enter here the category title in the default language ($TITLE)"}</div>
{/loop}
</div>
<div class="input-group input-block-level">
{form_field form=$form field='title'}
<span {if $error}class="error"{/if}>
<input type="text" required="required" name="{$name}" value="{$value}" title="{intl l='Category title'}" placeholder="{intl l='Category title'}" class="form-control input-block-level">
</span>
{/form_field}
<span class="input-group-addon"><img src="{image file="../assets/img/flags/{$CODE}.gif"}" alt="{intl l=$TITLE}" /></span>
</div>
</div>
</div>
<div class="help-block">{intl l="Enter here the category title in the default language ($TITLE)"}</div>
{/loop}
</div>
</div>
<div class="modal-footer">
<button type="button" class="btn" data-dismiss="modal" aria-hidden="true">{intl l="Cancel"}</button>
<button type="submit" class="btn btn-primary">{intl l="Create this category"}</button>
</div>
<div class="modal-footer">
<button type="button" class="btn btn-default" data-dismiss="modal" aria-hidden="true">{intl l="Cancel"}</button>
<button type="submit" class="btn btn-default btn-primary">{intl l="Create this category"}</button>
</div>
</form>
{/form}
</div>
</form>
{/form}
</div>
</div>
</div>

View File

@@ -1,13 +1,13 @@
{* Breadcrumb for categories browsing and editing *}
<li><a href="{url path='admin/home'}">Home</a> <span class="divider">/</span></li>
<li><a href="{url path='admin/catalog'}">Catalog</a> {ifloop rel="category_path"} <span class="divider">/</span></li>
<li><a href="{url path='admin/home'}">Home</a></li>
<li><a href="{url path='admin/catalog'}">Catalog</a> {ifloop rel="category_path"}</li>
{loop name="category_path" type="category-path" visible="*" category="{$current_category_id}"} {if $ID == $current_category_id}
<li class="active">{if $action == 'edit'} {intl l='Editing %cat' cat="{$TITLE}"} {else} {$TITLE} <a href="{url path='admin/catalog/category' id=" $ID" action='edit' }" title="{intl l='Edit this category'}">{intl l="(edit)"}</a> {/if}
</li>
{else}
<li><a href="{url path='admin/catalog/category' id=" $ID" action='browse'}">{$TITLE}</a> <span class="divider">/</span></li>
<li><a href="{url path='admin/catalog/category' id=" $ID" action='browse'}">{$TITLE}</a></li>
{/if} {/loop} {/ifloop} {elseloop rel="category_path"}
</li>
{/elseloop}

View File

@@ -1,5 +1,5 @@
<div class="row-fluid inner-toolbar">
<div class="span6 inner-actions">
<div class="row inner-toolbar">
<div class="col-md-6 inner-actions">
{* Display the top form toolbar, with edition flags, and save buttons *}
{* When creating a new object, only default language is displayed *}
@@ -20,8 +20,8 @@
</ul>
</div>
<div class="span6 inner-actions">
<button type="submit" name="save_mode" value="stay" class="btn btn-primary" title="{intl l='Save'}">{intl l='Save'} <i class="icon icon-white icon-ok"></i></button>
<button type="submit" name="save_mode" value="close" class="btn btn-info" title="{intl l='Save and close'}">{intl l='Save and close'} <i class="icon icon-remove icon-white"></i></button>
<div class="col-md-6 inner-actions">
<button type="submit" name="save_mode" value="stay" class="btn btn-default btn-primary" title="{intl l='Save'}">{intl l='Save'} <span class="glyphicon glyphicon-ok"></span></button>
<button type="submit" name="save_mode" value="close" class="btn btn-default btn-info" title="{intl l='Save and close'}">{intl l='Save and close'} <span class="glyphicon glyphicon-remove"></span></button>
</div>
</div>

View File

@@ -42,7 +42,7 @@
<label class="checkbox"> <input type="checkbox" name="{$name}" value="{$value}" {$attr} {if $options.checked}checked="checked"{/if}/> {intl l='Remember me'}</label>
{/form_field}
<span class="pull-right"><button type="submit" class="btn btn-default btn-primary">{intl l='Login'} <i class="glyphicon glyphicon-play glyphicon-white"></i></button></span>
<span class="pull-right"><button type="submit" class="btn btn-default btn-primary">{intl l='Login'} <span class="glyphicon glyphicon-play"></span></button></span>
</form>
{/form}
</div>

View File

@@ -12,9 +12,9 @@
{loop name="message_edit" type="message" secured="*" id="$message_id" backend_context="1" lang="$edit_language_id"}
<ul class="breadcrumb">
<li><a href="{url path='/admin/home'}">{intl l="Home"}</a> <span class="divider">/</span></li>
<li><a href="{url path='/admin/configuration'}">{intl l="Configuration"}</a> <span class="divider">/</span></li>
<li><a href="{url path='/admin/configuration/messages'}">{intl l="Mailing templates"}</a> <span class="divider">/</span></li>
<li><a href="{url path='/admin/home'}">{intl l="Home"}</a></li>
<li><a href="{url path='/admin/configuration'}">{intl l="Configuration"}</a></li>
<li><a href="{url path='/admin/configuration/messages'}">{intl l="Mailing templates"}</a></li>
<li>{intl l='Editing mailing template "%name"' name="{$NAME}"}</li>
</ul>

View File

@@ -10,8 +10,8 @@
<div id="wrapper" class="container">
<ul class="breadcrumb">
<li><a href="{url path='/admin/home'}">{intl l="Home"}</a> <span class="divider">/</span></li>
<li><a href="{url path='/admin/configuration'}">{intl l="Configuration"}</a> <span class="divider">/</span></li>
<li><a href="{url path='/admin/home'}">{intl l="Home"}</a></li>
<li><a href="{url path='/admin/configuration'}">{intl l="Configuration"}</a></li>
<li><a href="{url path='/admin/configuration/messages'}">{intl l="Mailing templates"}</a></li>
</ul>
@@ -27,7 +27,7 @@
{intl l='Thelia mailing templates'}
{loop type="auth" name="can_create" roles="ADMIN" permissions="admin.configuration.messages.create"}
<a class="btn btn-default btn-primary action-btn" title="{intl l='Add a new mailing template'}" href="#add_message_dialog" data-toggle="modal">
<i class="glyphicon glyphicon-plus-sign glyphicon-white"></i>
<span class="glyphicon glyphicon-plus-sign"></span>
</a>
{/loop}

View File

@@ -12,9 +12,9 @@
{loop name="config_edit" type="config" hidden="*" id="$variable_id" backend_context="1" lang="$edit_language_id"}
<ul class="breadcrumb">
<li><a href="{url path='/admin/home'}">{intl l="Home"}</a> <span class="divider">/</span></li>
<li><a href="{url path='/admin/configuration'}">{intl l="Configuration"}</a> <span class="divider">/</span></li>
<li><a href="{url path='/admin/configuration/variables'}">{intl l="System variables"}</a> <span class="divider">/</span></li>
<li><a href="{url path='/admin/home'}">{intl l="Home"}</a></li>
<li><a href="{url path='/admin/configuration'}">{intl l="Configuration"}</a></li>
<li><a href="{url path='/admin/configuration/variables'}">{intl l="System variables"}</a></li>
<li>{intl l='Editing variable "%name"' name="{$NAME}"}</li>
</ul>

View File

@@ -10,8 +10,8 @@
<div id="wrapper" class="container">
<ul class="breadcrumb">
<li><a href="{url path='/admin/home'}">{intl l="Home"}</a> <span class="divider">/</span></li>
<li><a href="{url path='/admin/configuration'}">{intl l="Configuration"}</a> <span class="divider">/</span></li>
<li><a href="{url path='/admin/home'}">{intl l="Home"}</a></li>
<li><a href="{url path='/admin/configuration'}">{intl l="Configuration"}</a></li>
<li><a href="{url path='/admin/configuration/variables'}">{intl l="System variables"}</a></li>
</ul>
@@ -27,9 +27,9 @@
{intl l='Thelia system variables'}
{loop type="auth" name="can_create" roles="ADMIN" permissions="admin.configuration.variables.create"}
<a class="btn btn-default btn-primary action-btn" title="{intl l='Add a new variable'}" href="#add_variable_dialog" data-toggle="modal">
<i class="glyphicon glyphicon-plus-sign glyphicon-white"></i>
<span class="glyphicon glyphicon-plus-sign"></span>
</a>
<button class="btn btn-default btn-primary action-btn" title="{intl l='Save chages'}">{intl l='Save changes'} <i class="glyphicon glyphicon-white glyphicon-ok"></i></button>
<button class="btn btn-default btn-primary action-btn" title="{intl l='Save chages'}">{intl l='Save changes'} <span class="glyphicon glyphicon-ok"></span></button>
{/loop}
</caption>