[+] BO: Form components

This commit is contained in:
Kevin Granger
2013-06-18 21:03:43 +02:00
parent 3bdf86e634
commit 40f03d0ba1
52 changed files with 730 additions and 259 deletions
+437
View File
@@ -0,0 +1,437 @@
/* ------------------------------------------
CSS TOGGLE SWITCHES (Ionuț Colceriu)
Licensed under Unlicense
https://github.com/ghinda/css-toggle-switch
------------------------------------------ */
/* Hide by default */
.switch .slide-button,
.toggle p span {
display: none;
}
.switch {
width: 120px;
background-color: #eee;
border-radius: 4px;
}
.switch label {
padding: 0
}
/* Toggle Switches */
/* We can't test for a specific feature,
* so we only target browsers with support for media queries.
*/
@media only screen {
/* Checkbox
*/
.toggle {
position: relative;
padding: 0;
margin-left: 100px;
}
/* Position the label over all the elements, except the slide-button
* Clicking anywhere on the label will change the switch-state
*/
.toggle label {
position: relative;
z-index: 3;
display: block;
width: 100%;
}
/* Don't hide the input from screen-readers and keyboard access
*/
.toggle input {
position: absolute;
opacity: 0;
z-index: 5;
}
.toggle p {
position: absolute;
left: -100px;
width: 100%;
margin: 0;
padding-right: 100px;
text-align: left;
}
.toggle p span {
position: absolute;
top: 0;
left: 0;
z-index: 5;
display: block;
width: 50%;
margin-left: 100px;
text-align: center;
}
.toggle p span:last-child {
left: 50%;
}
.toggle .slide-button {
position: absolute;
right: 0;
top: 0;
z-index: 4;
display: block;
width: 50%;
height: 100%;
padding: 0;
}
/* Radio Switch
*/
.switch {
position: relative;
padding: 0;
}
.switch input {
position: absolute;
opacity: 0;
}
.switch label {
position: relative;
z-index: 2;
float: left;
width: 50%;
height: 100%;
margin: 0;
text-align: center;
}
.switch .slide-button {
position: absolute;
top: 0;
left: 0;
padding: 0;
z-index: 1;
width: 50%;
height: 100%;
}
.switch input:last-of-type:checked ~ .slide-button {
left: 50%;
}
/* Switch with 3 items */
.switch.switch-three label,
.switch.switch-three .slide-button {
width: 33.3%;
}
.switch.switch-three input:checked:nth-of-type(2) ~ .slide-button {
left: 33.3%;
}
.switch.switch-three input:checked:last-of-type ~ .slide-button {
left: 66.6%;
}
/* Switch with 4 items */
.switch.switch-four label,
.switch.switch-four .slide-button {
width: 25%;
}
.switch.switch-four input:checked:nth-of-type(2) ~ .slide-button {
left: 25%;
}
.switch.switch-four input:checked:nth-of-type(3) ~ .slide-button {
left: 50%;
}
.switch.switch-four input:checked:last-of-type ~ .slide-button {
left: 75%;
}
/* Switch with 5 items */
.switch.switch-five label,
.switch.switch-five .slide-button {
width: 20%;
}
.switch.switch-five input:checked:nth-of-type(2) ~ .slide-button {
left: 20%;
}
.switch.switch-five input:checked:nth-of-type(3) ~ .slide-button {
left: 40%;
}
.switch.switch-five input:checked:nth-of-type(4) ~ .slide-button {
left: 60%;
}
.switch.switch-five input:checked:last-of-type ~ .slide-button {
left: 80%;
}
/* Shared */
.toggle,
.switch {
display: block;
height: 30px;
}
.switch *,
.toggle * {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-ms-box-sizing: border-box;
-o-box-sizing: border-box;
box-sizing: border-box;
}
.switch .slide-button,
.toggle .slide-button {
display: block;
-webkit-transition: all 0.3s ease-out;
-moz-transition: all 0.3s ease-out;
-ms-transition: all 0.3s ease-out;
-o-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;
}
.toggle label,
.toggle p,
.switch label {
line-height: 30px;
vertical-align: middle;
}
.toggle input:checked ~ .slide-button {
right: 50%;
}
/* Outline the toggles when the inputs are focused */
.toggle input:focus ~ .slide-button,
.switch input:focus + label {
outline: 1px dotted #888;
}
/* Bugfix for older Webkit, including mobile Webkit. Adapted from:
* http://css-tricks.com/webkit-sibling-bug/
*/
.switch, .toggle {
-webkit-animation: bugfix infinite 1s;
}
@-webkit-keyframes bugfix { from { position: relative; } to { position: relative; } }
/* Standalone Themes */
/* Candy Theme
* Based on the "Sort Switches / Toggles (PSD)" by Ormal Clarck
* http://www.premiumpixels.com/freebies/sort-switches-toggles-psd/
*/
.candy {
background-color: #2d3035;
color: #fff;
font-weight: bold;
text-align: center;
text-shadow: 1px 1px 1px #191b1e;
border-radius: 3px;
box-shadow: inset 0 2px 6px rgba(0, 0, 0, 0.3), 0 1px 0px rgba(255, 255, 255, 0.2);
}
.candy input:checked + label {
color: #333;
text-shadow: 0 1px 0 rgba(255,255,255,0.5);
}
.candy .slide-button {
border: 1px solid #333;
background-color: #70c66b;
background-image: -webkit-linear-gradient(top, rgba(255, 255, 255, 0.2), rgba(0, 0, 0, 0));
background-image: -moz-linear-gradient(top, rgba(255, 255, 255, 0.2), rgba(0, 0, 0, 0));
background-image: -ms-linear-gradient(top, rgba(255, 255, 255, 0.2), rgba(0, 0, 0, 0));
background-image: -o-linear-gradient(top, rgba(255, 255, 255, 0.2), rgba(0, 0, 0, 0));
background-image: linear-gradient(top, rgba(255, 255, 255, 0.2), rgba(0, 0, 0, 0));
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2), inset 0 1px 1px rgba(255, 255, 255, 0.45);
border-radius: 3px;
}
.candy p {
color: #333;
text-shadow: none;
}
.candy span {
color: #fff;
}
.candy.blue .slide-button {
background-color: #38a3d4;
}
.candy.yellow .slide-button {
background-color: #f5e560;
}
/* Android Theme
* Based on Holo
*/
.android {
background-color: #b6b6b6;
color: #fff;
}
.android.toggle {
border: 2px solid #b6b6b6;
}
.android.switch {
overflow: hidden;
}
.android.switch .slide-button {
background-color: #279fca;
-webkit-transform: skew(20deg) translateX(10px);
-moz-transform: skew(20deg) translateX(10px);
-ms-transform: skew(20deg) translateX(10px);
-o-transform: skew(20deg) translateX(10px);
transform: skew(20deg) translateX(10px);
}
.android.toggle .slide-button {
border-radius: 2px;
background-color: #848484;
}
/* Selected ON toggle */
.android.toggle input:first-of-type:checked ~ .slide-button {
background-color: #279fca;
}
.android.switch input:first-of-type:checked ~ .slide-button {
-webkit-transform: skew(20deg) translateX(-10px);
-moz-transform: skew(20deg) translateX(-10px);
-ms-transform: skew(20deg) translateX(-10px);
-o-transform: skew(20deg) translateX(-10px);
transform: skew(20deg) translateX(-10px);
}
.android p {
color: #333;
}
.android span {
color: #fff;
}
.android.switch,
.android span {
text-transform: uppercase;
}
/* Fix Android/Holo Theme in firefox - force absolute position */
.android.switch input {
top: 0;
left: 0;
}
/* iOS Theme
* Similar to iOS but more accessible
*/
.ios {
background: -webkit-linear-gradient(top, #cfcfcf, #efefef 50%, #f9f9f9 50%, #fefefe);
background: -moz-linear-gradient(top, #cfcfcf, #efefef 50%, #f9f9f9 50%, #fefefe);
background: -o-linear-gradient(top, #cfcfcf, #efefef 50%, #f9f9f9 50%, #fefefe);
background: -ms-linear-gradient(top, #cfcfcf, #efefef 50%, #f9f9f9 50%, #fefefe);
background: linear-gradient(top, #cfcfcf, #efefef 50%, #f9f9f9 50%, #fefefe);
-webkit-box-shadow: inset 0 2px 2px #b6b6b6, inset 3px 0 3px #b6b6b6;
box-shadow: inset 0 2px 2px #b6b6b6, inset 3px 0 3px #b6b6b6;
border: 1px solid #efefef;
border-radius: 3px;
color: #7f7f7f;
font: bold 14px sans-serif;
text-align: center;
text-shadow: none;
}
.ios.toggle .slide-button {
border: 1px solid #919191;
background: -webkit-linear-gradient(top, #cdcdcd, #fbfbfb);
background: -moz-linear-gradient(top, #cdcdcd, #fbfbfb);
background: -o-linear-gradient(top, #cdcdcd, #fbfbfb);
background: -ms-linear-gradient(top, #cdcdcd, #fbfbfb);
background: linear-gradient(top, #cdcdcd, #fbfbfb);
border-radius: 3px;
-webkit-box-shadow: inset 0 1px 0 #f0f0f0;
box-shadow: inset 0 1px 0 #f0f0f0;
}
/* Selected ON toggle */
.ios.toggle input:first-of-type:checked ~ p span:first-child,
.ios.switch input:checked + label {
color: #fff;
text-shadow: 0 -1px 0 #1b3b6f;
}
.ios.toggle input:first-of-type:checked ~ .slide-button,
.ios.switch .slide-button {
background: -webkit-linear-gradient(top, #3672dc, #4085ec 50%, #4d8fef 50%, #76adfc);
background: -moz-linear-gradient(top, #3672dc, #4085ec 50%, #4d8fef 50%, #76adfc);
background: -o-linear-gradient(top, #3672dc, #4085ec 50%, #4d8fef 50%, #76adfc);
background: -ms-linear-gradient(top, #3672dc, #4085ec 50%, #4d8fef 50%, #76adfc);
background: linear-gradient(top, #3672dc, #4085ec 50%, #4d8fef 50%, #76adfc);
border-radius: 3px;
border: 1px solid #1654b5;
text-align: center;
color: #fff;
font: bold 14px sans-serif;
text-shadow: 0 -1px 0 #1b3b6f;
}
.ios.toggle p span {
color: #7f7f7f;
}
}
@@ -1,3 +1,4 @@
@import url(import/toggle-switch.css);
/*
* Bootstrap v2.3.2
*
@@ -5866,8 +5867,6 @@ body.fixed-top {
.page-sidebar > ul > li.active > a {
color: white;
background-color: #2d94c9; }
.page-sidebar > ul > li.active > ul li a {
background-color: #d7e9f2; }
.page-sidebar > ul > li > a {
text-transform: uppercase;
font-size: 12px;
@@ -5889,22 +5888,27 @@ body.fixed-top {
padding: 3px 5px 3px 20px;
border: none;
border-bottom: 1px solid #f6f6f6; }
.page-sidebar > ul > li ul li a:hover {
background-color: #d7e9f2;
text-decoration: none; }
.page-sidebar > ul > li ul li.active a {
background-color: #d7e9f2; }
.page-sidebar > ul li:not(.active) ul {
display: none; }
.page-sidebar > ul li.expanded ul {
display: block !important; }
.page-sidebar > ul > li > ul.sub-menu {
display: none;
list-style: none;
clear: both;
margin: 8px 0px 8px 0px; }
.page-sidebar > ul > li > ul.sub-menu {
display: none;
list-style: none;
clear: both;
margin: 8px 0px 8px 0px; }
.page-content {
margin-left: 225px;
margin-top: 0px;
min-height: 860px;
padding-top: 20px; }
padding-top: 20px;
margin-bottom: 90px; }
#footer {
width: 100%;
@@ -5937,57 +5941,55 @@ body.fixed-top {
.table td.center, .table th.center {
text-align: center; }
.icon-AdminCatalog {
background-color: #7a0928;
#menu .maintab > a [class^="icon-"], #menu .maintab > a [class*=" icon-"] {
font-size: 18px;
border-radius: 35px;
height: 30px;
width: 30px;
color: white;
padding: 6px; }
display: inline-block;
text-align: center;
line-height: 30px; }
label span.label-tooltip {
color: #647858;
text-decoration: none;
border-bottom: dashed 1px #647858; }
label.required:before {
content: "*";
color: red;
font-size: 14px; }
.icon-AdminCatalog {
background-color: #7a0928; }
.icon-AdminParentCustomer {
background-color: #c4004e;
color: white;
padding: 6px; }
background-color: #c4004e; }
.icon-AdminParentLocalization {
background-color: #1c6dee;
color: white;
padding: 6px; }
background-color: #1c6dee; }
.icon-AdminParentModules {
background-color: #00c337;
color: white;
padding: 6px; }
background-color: #00c337; }
.icon-AdminParentOrders {
background-color: #004888;
color: white;
padding: 6px; }
background-color: #004888; }
.icon-AdminParentPreferences {
background-color: #009a00;
color: white;
padding: 6px; }
background-color: #009a00; }
.icon-AdminParentShipping {
background-color: #4ec3ff;
color: white;
padding: 6px; }
background-color: #4ec3ff; }
.icon-AdminParentStats {
background-color: #00a5a6;
color: white;
padding: 6px; }
background-color: #00a5a6; }
.icon-AdminPriceRule {
background-color: #7400af;
color: white;
padding: 6px; }
background-color: #7400af; }
.icon-AdminTools {
background-color: #af0d3a;
color: white;
padding: 6px; }
background-color: #af0d3a; }
.icon-AdminAdmin {
background-color: #1c6dee;
color: white;
padding: 6px; }
background-color: #1c6dee; }
@@ -1,4 +1,5 @@
@import "bootstrap/bootstrap"
@import "import/toggle-switch.css"
html, body
height: 100%
@@ -22,9 +23,6 @@ body.fixed-top
> a
color: white
background-color: #2D94C9
> ul li a
background-color: #D7E9F2
> a
text-transform: uppercase
font-size: 12px
@@ -47,16 +45,23 @@ body.fixed-top
padding: 3px 5px 3px 20px
border: none
border-bottom: 1px solid #F6F6F6
&:hover
background-color: #D7E9F2
text-decoration: none
&.active
a
background-color: #D7E9F2
li:not(.active) ul
display: none
li.expanded ul
display: block !important
.page-sidebar > ul > li > ul.sub-menu
display: none
list-style: none
clear: both
margin: 8px 0px 8px 0px
> ul > li > ul.sub-menu
display: none
list-style: none
clear: both
margin: 8px 0px 8px 0px
.page-content
@@ -64,6 +69,7 @@ body.fixed-top
margin-top: 0px
min-height: 860px
padding-top: 20px
margin-bottom: 90px
#footer
width: 100%
@@ -98,70 +104,68 @@ body.fixed-top
tr:hover
background-color
#menu .maintab > a [class^="icon-"], #menu .maintab > a [class*=" icon-"]
font-size: 18px
border-radius: 35px
height: 30px
width: 30px
color: white
display: inline-block
text-align: center
line-height: 30px
label span.label-tooltip
color: #647858
text-decoration: none
border-bottom: dashed 1px #647858
label.required:before
content: '*'
color: red
font-size: 14px
.icon-AdminCatalog
@extend .icon-book
background-color: #7A0928
color: white
padding: 6px
.icon-AdminParentCustomer
@extend .icon-group
background-color: #C4004E
color: white
padding: 6px
.icon-AdminParentLocalization
@extend .icon-globe
background-color: #1C6DEE
color: white
padding: 6px
.icon-AdminParentModules
@extend .icon-puzzle-piece
background-color: #00C337
color: white
padding: 6px
.icon-AdminParentOrders
@extend .icon-credit-card
background-color: #004888
color: white
padding: 6px
.icon-AdminParentPreferences
@extend .icon-wrench
background-color: #009A00
color: white
padding: 6px
.icon-AdminParentShipping
@extend .icon-truck
background-color: #4EC3FF
color: white
padding: 6px
.icon-AdminParentStats
@extend .icon-bar-chart
background-color: #00A5A6
color: white
padding: 6px
.icon-AdminPriceRule
@extend .icon-tags
background-color: #7400AF
color: white
padding: 6px
.icon-AdminTools
@extend .icon-cogs
background-color: #AF0D3A
color: white
padding: 6px
.icon-AdminAdmin
@extend .icon-cog
background-color: #1C6DEE
color: white
padding: 6px
@@ -75,7 +75,7 @@
</div>
</div>
<div style="float: left; width: 570px;">
<div class="hint" style="width: 570px; padding-left: 45px; margin-bottom: 15px; display: block; position: inherit;">{l s='The Combinations Generator is a tool that allows you to easily create a series of combinations by selecting the related attributes. For example, if you\'re selling t-shirts in three different sizes and two different colors, the generator will create six combinations for you.'}</div>
<div class="alert alert-info" style="width: 570px; padding-left: 45px; margin-bottom: 15px; display: block; position: inherit;">{l s='The Combinations Generator is a tool that allows you to easily create a series of combinations by selecting the related attributes. For example, if you\'re selling t-shirts in three different sizes and two different colors, the generator will create six combinations for you.'}</div>
<p>{l s='You\'re currently generating combinations for the following product:'} <b>{$product_name|escape:'htmlall':'UTF-8'}</b></p>
<h4>{l s='Step 1: On the left side, select the attributes you want to use (Hold down the "Ctrl" key on your keyboard and validate by clicking on "Add")'}</h4>
<div>
@@ -122,6 +122,6 @@
</div>
</div>
</div>
<div id="gift_products_err" class="warn" style="display:none"></div>
<div id="gift_products_err" class="alert alert-block" style="display:none"></div>
</div>
</div>
@@ -1,9 +1,14 @@
<div class="control-group">
<label class="control-label">{l s='Name'}</label>
<label class="control-label required">
<span class="label-tooltip" data-toggle="tooltip"
title="{l s='This will be displayed in the cart summary, as well as on the invoice.'}">
{l s='Name'}
</span>
</label>
<div class="controls">
{foreach from=$languages item=language}
<div class="input-append">
<input type="text">
<input id="name_{$language.id_lang|intval}" class="input-xlarge" type="text" name="name_{$language.id_lang|intval}" value="{$currentTab->getFieldValue($currentObject, 'name', $language.id_lang|intval)|escape:html:'UTF-8'}">
<div class="btn-group">
<button class="btn dropdown-toggle" data-toggle="dropdown">
<img src="http://checkout.kg/presta/img/l/1.jpg" alt=""> English
@@ -15,88 +20,96 @@
</ul>
</div>
</div>
{/foreach}
<div class="translatable hide">
{foreach from=$languages item=language}
<div class="lang_{$language.id_lang|intval}">
<input type="text" id="name_{$language.id_lang|intval}" name="name_{$language.id_lang|intval}" value="{$currentTab->getFieldValue($currentObject, 'name', $language.id_lang|intval)|escape:html:'UTF-8'}"/>
<sup>*</sup>
</div>
{/foreach}
</div>
<span class="help-block">{l s='This will be displayed in the cart summary, as well as on the invoice.'}</span>
</div>
</div>
<div class="control-group">
<label class="control-label">{l s='Description'}</label>
<div class="controls">
<textarea name="description" rows="3" >{$currentTab->getFieldValue($currentObject, 'description')|escape}</textarea>
<span class="help-block">{l s='For your eyes only. This will never be displayed to the customer.'}</span>
</div>
</div>
<div class="control-group">
<label class="control-label">{l s='Code'}</label>
<div class="controls">
<input type="text" id="code" name="code" value="{$currentTab->getFieldValue($currentObject, 'code')|escape}" />
<a href="javascript:gencode(8);" class="btn"><i class="icon-repeat"></i> {l s='Click to generate random code'}</a>
<span class="help-block">{l s='Caution! The rule will automatically be applied if you leave this field blank.'}</span>
</div>
</div>
<div class="control-group">
<label class="control-label">{l s='Highlight'}</label>
<div class="controls">
<label class="t radio" for="highlight_on">
<input type="radio" name="highlight" id="highlight_on" value="1" {if $currentTab->getFieldValue($currentObject, 'highlight')|intval}checked="checked"{/if} />
<i class="icon-check-sign"></i> {l s='Yes'}
</label>
<label class="t radio" for="highlight_off">
<input type="radio" name="highlight" id="highlight_off" value="0" {if !$currentTab->getFieldValue($currentObject, 'highlight')|intval}checked="checked"{/if} />
<i class="icon-ban-circle"></i> {l s='No'}
</label>
<span class="help-block">
{l s='If the voucher is not yet in the cart, it will be displayed in the cart summary.'}
<label class="control-label">
<span class="label-tooltip" data-toggle="tooltip"
title="{l s='For your eyes only. This will never be displayed to the customer.'}">
{l s='Description'}
</span>
</div>
</div>
<div class="control-group">
<label class="control-label">{l s='Partial use'}</label>
</label>
<div class="controls">
<label class="t radio" for="partial_use_on">
<input type="radio" name="partial_use" id="partial_use_on" value="1" {if $currentTab->getFieldValue($currentObject, 'partial_use')|intval}checked="checked"{/if} />
<i class="icon-check-sign"></i> {l s='Yes'}
</label>
<label class="t radio" for="partial_use_off">
<input type="radio" name="partial_use" id="partial_use_off" value="0" {if !$currentTab->getFieldValue($currentObject, 'partial_use')|intval}checked="checked"{/if} />
<i class="icon-ban-circle"></i> {l s='No'}
</label>
<span class="help-block">
{l s='Only applicable if the voucher value is greater than the cart total.'}<br />
{l s='If you do not allow partial use, the voucher value will be lowered to the total order amount. If you allow partial use, however, a new voucher will be created with the remainder.'}
</span>
<textarea class="input-xxlarge" name="description" rows="2" >{$currentTab->getFieldValue($currentObject, 'description')|escape}</textarea>
</div>
</div>
<div class="control-group">
<label class="control-label">{l s='Priority'}</label>
<label class="control-label">
<span class="label-tooltip" data-toggle="tooltip"
title="{l s='Caution! The rule will automatically be applied if you leave this field blank.'}">
{l s='Code'}
</span>
</label>
<div class="controls">
<input class="input-medium" type="text" id="code" name="code" value="{$currentTab->getFieldValue($currentObject, 'code')|escape}" />
<a href="javascript:gencode(8);" class="btn"><i class="icon-random"></i> {l s='Generate random code'}</a>
</div>
</div>
<div class="control-group">
<label class="control-label">
<span class="label-tooltip" data-toggle="tooltip"
title="{l s='If the voucher is not yet in the cart, it will be displayed in the cart summary.'}">
{l s='Highlight'}
</span>
</label>
<div class="controls switch">
<input type="radio" name="highlight" id="highlight_on" value="1" {if $currentTab->getFieldValue($currentObject, 'highlight')|intval}checked="checked"{/if}/>
<label class="t radio" for="highlight_on"><i class="icon-check-sign"></i> {l s='Yes'}</label>
<input type="radio" name="highlight" id="highlight_off" value="0" {if !$currentTab->getFieldValue($currentObject, 'highlight')|intval}checked="checked"{/if} />
<label class="t radio" for="highlight_off"><i class="icon-ban-circle"></i> {l s='No'}</label>
<span class="slide-button btn"></span>
</div>
</div>
<div class="control-group">
<label class="control-label">
<span class="label-tooltip" data-toggle="tooltip"
title="{l s='Only applicable if the voucher value is greater than the cart total.'}
{l s='If you do not allow partial use, the voucher value will be lowered to the total order amount. If you allow partial use, however, a new voucher will be created with the remainder.'}">
{l s='Partial use'}
</span>
</label>
<div class="controls switch">
<input type="radio" name="partial_use" id="partial_use_on" value="1" {if $currentTab->getFieldValue($currentObject, 'partial_use')|intval}checked="checked"{/if} />
<label class="t radio" for="partial_use_on"><i class="icon-check-sign"></i> {l s='Yes'}</label>
<input type="radio" name="partial_use" id="partial_use_off" value="0" {if !$currentTab->getFieldValue($currentObject, 'partial_use')|intval}checked="checked"{/if} />
<label class="t radio" for="partial_use_off"><i class="icon-ban-circle"></i> {l s='No'}</label>
<span class="slide-button btn"></span>
</div>
</div>
<div class="control-group">
<label class="control-label">
<span class="label-tooltip" data-toggle="tooltip"
title="{l s='Cart rules are applied by priority. A cart rule with a priority of "1" will be processed before a cart rule with a priority of "2".'}">
{l s='Priority'}
</span>
</label>
<div class="controls">
<input type="text" class="input-mini" name="priority" value="{$currentTab->getFieldValue($currentObject, 'priority')|intval}" />
<span class="help-block">{l s='Cart rules are applied by priority. A cart rule with a priority of "1" will be processed before a cart rule with a priority of "2".'}</span>
</div>
</div>
<div class="control-group">
<label class="control-label">{l s='Status'}</label>
<div class="controls">
<label class="t radio" for="active_on">
<input type="radio" name="active" id="active_on" value="1" {if $currentTab->getFieldValue($currentObject, 'active')|intval}checked="checked"{/if} />
<i class="icon-check-sign"></i> {l s='Yes'}
</label>
<label class="t radio" for="active_off">
<input type="radio" name="active" id="active_off" value="0" {if !$currentTab->getFieldValue($currentObject, 'active')|intval}checked="checked"{/if} />
<i class="icon-ban-circle"></i> {l s='No'}
</label>
<div class="controls switch">
<input type="radio" name="active" id="active_on" value="1" {if $currentTab->getFieldValue($currentObject, 'active')|intval}checked="checked"{/if} />
<label class="t radio" for="active_on"><i class="icon-check-sign"></i> {l s='Yes'}</label>
<input type="radio" name="active" id="active_off" value="0" {if !$currentTab->getFieldValue($currentObject, 'active')|intval}checked="checked"{/if} />
<label class="t radio" for="active_off"><i class="icon-ban-circle"></i> {l s='No'}</label>
<span class="slide-button btn"></span>
</div>
</div>
</div>
<hr/>
@@ -32,7 +32,7 @@
{$fields_value.image}
<p align="center">{l s='File size'} {$fields_value.size}kb</p>
{if $shared_category}
<p class="warn">{l s='If you delete this picture, it will be deleted in all of your shared shops!'}</p>
<p class="alert alert-block">{l s='If you delete this picture, it will be deleted in all of your shared shops!'}</p>
{/if}
<br>
<a href="{$current}&{$identifier}={$form_id}&token={$token}&{if $shared_category}forcedeleteImage=1{else}deleteImage=1{/if}">
@@ -42,7 +42,7 @@
{/if}
{/if}
<input type="file" name="{$input.name}" {if isset($input.id)}id="{$input.id}"{/if} />
{if !empty($input.hint)}<span class="hint" name="help_box">{$input.hint}<span class="hint-pointer">&nbsp;</span></span>{/if}
{if !empty($input.hint)}<span class="alert alert-info" name="help_box">{$input.hint}<span class="hint-pointer">&nbsp;</span></span>{/if}
{else}
{$smarty.block.parent}
{/if}
@@ -64,7 +64,7 @@
{block name="description"}
{$smarty.block.parent}
{if ($input.name == 'groupBox')}
<p class="hint" style="display:block; position:relative; display:inline-block;">
<p class="alert alert-info" style="display:block; position:relative; display:inline-block;">
<span>{$input.info_introduction}</span><br />
<span>{$input.unidentified}</span><br />
<span>{$input.guest}</span><br />
@@ -44,7 +44,7 @@
</div>
{if isset($delete_category) && $delete_category}
<form action="{$REQUEST_URI}" method="post">
<div class="warn">
<div class="alert alert-block">
<h2>
{if $need_delete_mode}
{l s='Do you want to delete the products too?'}
@@ -36,7 +36,7 @@
{block name=leadin}
{if isset($delete_customer) && $delete_customer}
<form action="{$REQUEST_URI}" method="post">
<div class="warn">
<div class="alert alert-block">
<h2>{l s='How do you want to delete these customer(s)?'}</h2>
<p>{l s='There are two ways of deleting a customer. Please choose your preferred method.'}</p>
<ul class="listForm">
@@ -185,7 +185,7 @@
{l s='Caution: The discount applied to a category does not stack with the overall reduction but instead replaces it.'}
</div>
{$categoryTreeView}
<div class="warn">{l s='Only products that have this category as the default category will be affected.'}</div>
<div class="alert alert-block">{l s='Only products that have this category as the default category will be affected.'}</div>
<div class="clear">&nbsp;</div>
<label>{l s='Discount (%):'}</label>
<input type="text" name="category_reduction_fancybox" id="category_reduction_fancybox" value="0.00" size="33">
@@ -29,7 +29,7 @@
<h2 class="space">{l s='Regenerate thumbnails'}</h2>
{l s='Regenerates thumbnails for all existing images'}<br /><br />
<div class="width4">
<div class="warn">
<div class="alert alert-block">
{l s='Please be patient. This can take several minutes.'}<br />
{l s='Be careful! Manually uploaded thumbnails will be erased and replaced by automatically generated thumbnails.'}
</div>
@@ -81,7 +81,7 @@
{l s='PrestaShop now uses a new storage system for product images. It offers better performance if your shop has a large number of products.'}<br />
<br />
{if $safe_mode}
<div class="warn">
<div class="alert alert-block">
{l s='PrestaShop has detected that your server configuration is not compatible with the new storage system (directive "safe_mode" is activated). You should therefore continue to use the existing system.'}
</div>
{else}
@@ -91,7 +91,7 @@
{l s='You can choose to keep your images stored in the previous system. There\'s nothing wrong with that.'}<br />
{l s='You can also decide to move your images to the new storage system. In this case, click on the "Move images" button below. Please be patient. This can take several minutes.'}
<br /><br />
<div class="hint clear" style="display: block;">&nbsp;
<div class="alert alert-info" style="display: block;">&nbsp;
{l s='After moving all of your product images, set the "Use the legacy image filesystem" option above to "No" for best performance.'}
</div>
<center><input type="Submit" name="submitMoveImages{$table}" value="{l s='Move images'}" class="button space" onclick="return confirm('{l s='Are you sure?'}');" /></center>
@@ -192,15 +192,15 @@
<input type="submit" name="submitImportFile" value="{l s='Next step'}" class="button" {if empty($files_to_import)}disabled{/if}/>
{if empty($files_to_import)}<span style="color:red;">{l s='You must upload a file in order to proceed to the next step'}</span>{/if}
</div>
<div class="warn import_products_categories" style="margin-top: 20px;">
<div class="alert alert-block import_products_categories" style="margin-top: 20px;">
<p>{l s='Note that the category import does not support categories of the same name.'}</p>
<p>{l s='Note that you can have several products with the same reference.'}</p>
</div>
<div class="warn import_supply_orders_details" style="margin-top: 20px; display:none">
<div class="alert alert-block import_supply_orders_details" style="margin-top: 20px; display:none">
<p>{l s='Importing Supply Order Details will reset products ordered, if there are any.'}</p>
</div>
{if !count($files_to_import)}
<div class="warn" style="margin-top: 20px;">
<div class="alert alert-block" style="margin-top: 20px;">
<p>{l s='There is no CSV file available. Please upload one using the \'Upload\' button above.'}</p>
<ul>
<li>{l s='You can read information on CSV import at:'} <a href="http://doc.prestashop.com/display/PS14/Troubleshooting#Troubleshooting-HowtocorrectlyimportaccentuatedcontentusingaCSVfile%3F" target="_blank">http://doc.prestashop.com/display/PS14/Troubleshooting</a></li>
@@ -46,7 +46,7 @@
};
if (json.missing.length || json.updated.length)
$('#changedFiles').html('<div class="warn">{l s='Changed/missing files have been detected.'}</div>');
$('#changedFiles').html('<div class="alert alert-block">{l s='Changed/missing files have been detected.'}</div>');
else
$('#changedFiles').html('<div class="conf">{l s='No change has been detected in your files'}</div>');
@@ -41,7 +41,7 @@
</div>
<br />
{if isset($warningSslMessage)}
<div class="warn">{$warningSslMessage}</div>
<div class="alert alert-block">{$warningSslMessage}</div>
{/if}
<div id="login">
<h1>{$shop_name}</h1>
@@ -37,7 +37,7 @@
<!--end addons login-->
{else}
{if $check_url_fopen eq 'ko' OR $check_openssl eq 'ko'}
<div class="warn">
<div class="alert alert-block">
<b>{l s='If you want to be able to fully use the AdminModules panel and have free modules available, you should enable the following configuration on your server:'}</b><br />
{if $check_url_fopen eq 'ko'}- {l s='Enable allow_url_fopen'}<br />{/if}
{if $check_openssl eq 'ko'}- {l s='Enable php openSSL extension'}<br />{/if}
@@ -27,7 +27,7 @@
{include file='controllers/modules/header.tpl'}
{include file='controllers/modules/filters.tpl'}
{if $upgrade_available|@count}
<div class="hint" style="display:block;">
<div class="alert alert-info" style="display:block;">
{l s='An upgrade is available for some of your modules!'}
<ul>
{foreach from=$upgrade_available item='module'}
@@ -448,7 +448,7 @@
html += '</ul>';
}
else
html = '<div class="warn">{l s='No customers found'}</div>';
html = '<div class="alert alert-block">{l s='No customers found'}</div>';
$('#customers').html(html);
resetBind();
}
@@ -1027,7 +1027,7 @@
</div>
</div>
</div>
<div id="products_err" class="warn" style="display:none;"></div>
<div id="products_err" class="alert alert-block" style="display:none;"></div>
<div>
<table cellspacing="0" cellpadding="0" class="table width5" id="customer_cart">
<colgroup>
@@ -1152,12 +1152,12 @@
</tbody>
</table>
</div>
<div id="vouchers_err" class="warn"></div>
<div id="vouchers_err" class="alert alert-block"></div>
</fieldset>
<br />
<fieldset id="address_part" style="display:none;">
<legend><img src="../img/t/AdminAddresses.gif" />{l s='Addresses'}</legend>
<div id="addresses_err" class="warn" style="display:none;"></div>
<div id="addresses_err" class="alert alert-block" style="display:none;"></div>
<div id="address_delivery">
<h3>{l s='Delivery'}</h3>
<select id="id_address_delivery" name="id_address_delivery">
@@ -1177,7 +1177,7 @@
<br />
<fieldset id="carriers_part" style="display:none;">
<legend><img src="../img/t/AdminCarriers.gif" />{l s='Shipping'}</legend>
<div id="carriers_err" style="display:none;" class="warn"></div>
<div id="carriers_err" style="display:none;" class="alert alert-block"></div>
<div id="carrier_form">
<div>
<p>
@@ -266,7 +266,7 @@
{if (!$order->valid && sizeof($currencies) > 1)}
<form method="post" action="{$currentIndex}&vieworder&id_order={$order->id}&token={$smarty.get.token|escape:'htmlall':'UTF-8'}">
<p class="warn">{l s='Don\'t forget to update your conversion rate before making this change.'}</p>
<p class="alert alert-block">{l s='Don\'t forget to update your conversion rate before making this change.'}</p>
<label>{l s='Don\'t forget to update your conversion rate before making this change.'}</label>
<select name="new_currency">
{foreach from=$currencies item=currency_change}
@@ -26,23 +26,19 @@
{extends file="helpers/view/view.tpl"}
{block name="override_tpl"}
{if !$shop_context}
<div class="warn">{l s='You have more than one shop and must select one to configure payment.'}</div>
<div class="alert alert-block">{l s='You have more than one shop and must select one to configure payment.'}</div>
{else}
{if isset($modules_list)}
{$modules_list}
{/if}
<br />
{if $display_restrictions}
<br /><h2 class="space">{l s='Payment module restrictions'}</h2>
<h2 class="space">{l s='Payment module restrictions'}</h2>
{foreach $lists as $list}
{include file='controllers/payment/restrictions.tpl'}
<br />
{/foreach}
{else}
<br />
<div class='warn'>{l s='No payment module installed'}</div>
<div class="alert alert-block">{l s='No payment module installed'}</div>
{/if}
{/if}
{/block}
@@ -27,7 +27,7 @@
{block name="label"}
{if $input.type == 'text' && $input.name == 'ps_cache_fs_directory_depth'}
<div id="directory_depth">
<div class="warn">{l s='The CacheFS system should be used only when the infrastructure contains one front-end server. If you are not sure, ask your hosting company.'}</div>
<div class="alert alert-block">{l s='The CacheFS system should be used only when the infrastructure contains one front-end server. If you are not sure, ask your hosting company.'}</div>
{else}
{$smarty.block.parent}
{/if}
@@ -35,7 +35,7 @@
{block name="input"}
{if $input.type == 'radio' && $input.name == 'combination' && $input.disabled}
<div class="warn">
<div class="alert alert-block">
{l s='This feature cannot be disabled because it is currently in use.'}
</div>
{/if}
@@ -29,7 +29,7 @@
{include file="controllers/products/multishop/check_fields.tpl" product_tab="Associations"}
<div class="separation"></div>
<div id="no_default_category" class="hint">
<div id="no_default_category" class="alert alert-info">
{l s='Please select a default category.'}
</div>
<table>
@@ -67,7 +67,7 @@
<option value="{$cat.id_category}" {if $id_category_default == $cat.id_category}selected="selected"{/if} >{$cat.name}</option>
{/foreach}
</select>
<div class="hint" style="display:block;">{l s='The default category is the category displayed by default.'}</div>
<div class="alert alert-info" style="display:block;">{l s='The default category is the category displayed by default.'}</div>
</td>
</tr>
</table>
@@ -27,7 +27,7 @@
{block name="after"}
<div class="hint" style="display:block">
<div class="alert alert-info" style="display:block">
<ul>
<li>{l s='The row in blue is the default combination.'}</li>
<li>{l s='A default combination must be designated for each product.'}</li>
@@ -50,7 +50,7 @@
&nbsp;<a class="button bt-icon confirm_leave" href="index.php?tab=AdminAttributeGenerator&id_product={$product->id}&attributegenerator&token={$token_generator}"><img src="../img/admin/appearance.gif" alt="combinations_generator" class="middle" title="{l s='Product combinations generator'}" /><span>{l s='Product combinations generator'}</span></a>
{l s='in order to automatically create a set of combinations.'}
{if $combination_exists}
<div class="warn" style="display:block">
<div class="alert alert-block" style="display:block">
<ul>
<li>{l s='Some combinations already exist. If you want to generate new combinations, the quantities for the existing combinations will be lost.'}</li>
<li>{l s='You can add a combination by clicking the link "Add new combination" on the toolbar.'}</li>
@@ -113,7 +113,7 @@
<input size="55" type="text" id="attribute_reference" name="attribute_reference" value="" style="width: 130px; margin-right: 44px;" />
{l s='EAN13:'}<input size="55" maxlength="13" type="text" id="attribute_ean13" name="attribute_ean13" value="" style="width: 110px; margin-left: 10px; margin-right: 44px;" />
{l s='UPC:'}<input size="55" maxlength="12" type="text" id="attribute_upc" name="attribute_upc" value="" style="width: 110px; margin-left: 10px; margin-right: 44px;" />
<span class="hint" name="help_box">{l s='Special characters allowed:'} .-_#<span class="hint-pointer">&nbsp;</span></span>
<span class="alert alert-info" name="help_box">{l s='Special characters allowed:'} .-_#<span class="hint-pointer">&nbsp;</span></span>
</td>
</tr>
<tr>
@@ -86,13 +86,13 @@
</script>
{if isset($display_common_field) && $display_common_field}
<div class="warn" style="display: block">{l s='Warning, if you change the value of fields with an orange bullet %s, the value will be changed for all other shops for this product' sprintf=$bullet_common_field}</div>
<div class="alert alert-block" style="display: block">{l s='Warning, if you change the value of fields with an orange bullet %s, the value will be changed for all other shops for this product' sprintf=$bullet_common_field}</div>
{/if}
{include file="controllers/products/multishop/check_fields.tpl" product_tab="Informations"}
<div class="separation"></div>
<div id="warn_virtual_combinations" class="warn" style="display:none">{l s='You cannot use combinations with a virtual product.'}</div>
<div id="warn_virtual_combinations" class="alert alert-block" style="display:none">{l s='You cannot use combinations with a virtual product.'}</div>
<div>
<label class="text">{$bullet_common_field} {l s='Type:'}</label>
<input type="radio" name="type_product" id="simple_product" value="{Product::PTYPE_SIMPLE}" {if $product_type == Product::PTYPE_SIMPLE}checked="checked"{/if} />
@@ -118,7 +118,7 @@
<input class="{$class_input_ajax}{if !$product->id}copy2friendlyUrl{/if} updateCurrentText" size="43" type="text" {if !$product->id}disabled="disabled"{/if}
id="name_{$language.id_lang}" name="name_{$language.id_lang}"
value="{$product->name[$language.id_lang]|htmlentitiesUTF8|default:''}"/><sup> *</sup>
<span class="hint" name="help_box">{l s='Invalid characters:'} <>;=#{}<span class="hint-pointer">&nbsp;</span>
<span class="alert alert-info" name="help_box">{l s='Invalid characters:'} <>;=#{}<span class="hint-pointer">&nbsp;</span>
</span>
</div>
{/foreach}
@@ -128,7 +128,7 @@
<td class="col-left"><label>{$bullet_common_field} {l s='Reference:'}</label></td>
<td style="padding-bottom:5px;">
<input size="55" type="text" name="reference" value="{$product->reference|htmlentitiesUTF8}" style="width: 130px; margin-right: 44px;" />
<span class="hint" name="help_box">{l s='Special characters allowed:'}.-_#\<span class="hint-pointer">&nbsp;</span></span>
<span class="alert alert-info" name="help_box">{l s='Special characters allowed:'}.-_#\<span class="hint-pointer">&nbsp;</span></span>
</td>
</tr>
<tr>
@@ -175,7 +175,7 @@
<option value="301" {if $product->redirect_type == '301'} selected="selected" {/if}>{l s='Redirect permanently (301)'}</option>
<option value="302" {if $product->redirect_type == '302'} selected="selected" {/if}>{l s='Redirect temporarily (302)'}</option>
</select>
<span class="hint" name="help_box">
<span class="alert alert-info" name="help_box">
{l s='404 : Not Found = Product does not exist and no redirect'}<br/>
{l s='301 : Moved Permanently = Product Moved Permanently'}<br/>
{l s='302 : Moved Temporarily = Product moved temporarily'}
@@ -300,7 +300,7 @@
<tr>
<td class="col-left"><label></label></td>
<td style="padding-bottom:5px;">
<div style="display:block;width:620px;" class="hint clear">
<div style="display:block;width:620px;" class="alert alert-info">
{l s='Do you want an image associated with the product in your description?'}
<span class="addImageDescription" style="cursor:pointer">{l s='Click here'}</span>.
</div>
@@ -377,7 +377,7 @@
<div class="lang_{$language.id_lang}" style="{if !$language.is_default}display: none;{/if}float: left;">
<input size="55" type="text" id="tags_{$language.id_lang}" name="tags_{$language.id_lang}"
value="{$product->getTags($language.id_lang, true)|htmlentitiesUTF8}" />
<span class="hint" name="help_box">{l s='Forbidden characters:'} !&lt;;&gt;;?=+#&quot;&deg;{}_$%<span class="hint-pointer">&nbsp;</span></span>
<span class="alert alert-info" name="help_box">{l s='Forbidden characters:'} !&lt;;&gt;;?=+#&quot;&deg;{}_$%<span class="hint-pointer">&nbsp;</span></span>
</div>
{/foreach}
<p class="preference_description clear">{l s='Tags separated by commas (e.g. dvd, dvd player, hifi)'}</p>
@@ -70,7 +70,7 @@
</div>
<br />
<p class="hint" style="display:block">{l s='You cannot add combinations to a pack.'}</p>
<p class="alert alert-info" style="display:block">{l s='You cannot add combinations to a pack.'}</p>
</td>
</div>
@@ -81,7 +81,7 @@ $(document).ready(function () {
html += '</ul>';
}
else
html = '<div class="warn">{l s='No customers found'}</div>';
html = '<div class="alert alert-block">{l s='No customers found'}</div>';
Customer.hideLoader();
Customer.container.html(html);
jQuery('.fancybox', Customer.container).fancybox();
@@ -107,7 +107,7 @@ $(document).ready(function () {
{* END CUSTOMER AUTO-COMPLETE / TO REFACTO *}
<input type="hidden" name="submitted_tabs[]" value="Prices" />
<h4>{l s='Product price'}</h4>
<div class="hint" style="display:block;min-height:0;">
<div class="alert alert-info" style="display:block;min-height:0;">
{l s='You must enter either the pre-tax retail price, or the retail price with tax. The input field will be automatically calculated.'}
</div>
@@ -239,7 +239,7 @@ $(document).ready(function () {
{if isset($specificPriceModificationForm)}
<h4>{l s='Specific prices'}</h4>
<div class="hint" style="display:block;min-height:0;">
<div class="alert alert-info" style="display:block;min-height:0;">
{l s='You can set specific prices for clients belonging to different groups, different countries, etc...'}
</div>
<br />
@@ -28,10 +28,10 @@
<h4>{l s='Available quantities for sale'}</h4>
<div class="separation"></div>
{if !$ps_stock_management}
<div class="hint" style="display:block; position:auto;">{l s='The stock management is disabled'}</div>
<div class="alert alert-info" style="display:block; position:auto;">{l s='The stock management is disabled'}</div>
{else}
{include file="controllers/products/multishop/check_fields.tpl" product_tab="Quantities"}
<div class="hint" style="display:block; position:'auto';">
<div class="alert alert-info" style="display:block; position:'auto';">
<p>{l s='This interface allows you to manage available quantities for sale for products. It also allows you to manage product combinations in the current shop.'}</p>
<p>{l s='You can choose whether or not to use the advanced stock management system for this product.'}</p>
<p>{l s='You can manually specify the quantities for the product/each product combination, or you can choose to automatically determine these quantities based on your stock (if advanced stock management is activated).'}</p>
@@ -42,7 +42,7 @@
</div>
<br />
{if $show_quantities == true}
<div class="warn" id="available_quantity_ajax_msg" style="display: none;"></div>
<div class="alert alert-block" id="available_quantity_ajax_msg" style="display: none;"></div>
<div class="error" id="available_quantity_ajax_error_msg" style="display: none;"></div>
<div class="conf" id="available_quantity_ajax_success_msg" style="display: none;"></div>
@@ -181,7 +181,7 @@
</tbody>
</table>
{else}
<div class="warn">
<div class="alert alert-block">
<p>{l s='It is not possible to manage quantities when:'}</p>
<ul>
<li>{l s='You are currently managing all of your shops.'}</li>
@@ -214,7 +214,7 @@
languages=$languages
input_value=$product->available_now
input_name='available_now'}
<span class="hint" name="help_box">{l s='Forbidden characters:'} <>;=#{}<span class="hint-pointer">&nbsp;</span></span>
<span class="alert alert-info" name="help_box">{l s='Forbidden characters:'} <>;=#{}<span class="hint-pointer">&nbsp;</span></span>
</td>
</tr>
<tr>
@@ -227,7 +227,7 @@
languages=$languages
input_value=$product->available_later
input_name='available_later'}
<span class="hint" name="help_box">{l s='Forbidden characters:'} <>;=#{}<span class="hint-pointer">&nbsp;</span></span>
<span class="alert alert-info" name="help_box">{l s='Forbidden characters:'} <>;=#{}<span class="hint-pointer">&nbsp;</span></span>
</td>
</tr>
{if !$countAttributes}
@@ -28,7 +28,7 @@
<h4>{l s='Shipping'}</h4>
{if isset($display_common_field) && $display_common_field}
<div class="hint" style="display: block">{l s='Warning, if you change the value of fields with an orange bullet %s, the value will be changed for all other shops for this product' sprintf=$bullet_common_field}</div>
<div class="alert alert-info" style="display: block">{l s='Warning, if you change the value of fields with an orange bullet %s, the value will be changed for all other shops for this product' sprintf=$bullet_common_field}</div>
{/if}
<div class="separation"></div>
@@ -28,7 +28,7 @@
<input type="hidden" name="submitted_tabs[]" value="Suppliers" />
<h4>{l s='Suppliers of the current product'}</h4>
<div class="separation"></div>
<div class="hint" style="display:block; position:'auto';">
<div class="alert alert-info" style="display:block; position:'auto';">
<p>{l s='This interface allows you to specify the suppliers of the current product and eventually its combinations.'}</p>
<p>{l s='It is also possible to specify supplier references according to previously associated suppliers.'}</p>
<br />
@@ -30,7 +30,7 @@
name="{$input_name}_{$language.id_lang}"
class="autoload_rte" >{if isset($input_value[$language.id_lang])}{$input_value[$language.id_lang]|htmlentitiesUTF8}{/if}</textarea>
<span class="counter" max="{if isset($max)}{$max}{else}none{/if}"></span>
<span class="hint">{$hint|default:''}<span class="hint-pointer">&nbsp;</span></span>
<span class="alert alert-info">{$hint|default:''}<span class="hint-pointer">&nbsp;</span></span>
</div>
{/foreach}
</div>
@@ -224,11 +224,11 @@
{*</td>*}
{*<td class="col-right">*}
{*<input type="checkbox" id="virtual_product_is_shareable" name="virtual_product_is_shareable" value="1" {if $product->productDownload->is_shareable}checked="checked"{/if} />*}
{*<span class="hint" name="help_box" style="display:none">{l s='Please specify if the file can be shared.'}</span>*}
{*<span class="alert alert-info" name="help_box" style="display:none">{l s='Please specify if the file can be shared.'}</span>*}
{*</td>*}
{*</tr>*}
{else}
<div class="hint clear" style="display: block;width: 70%;">{l s='You cannot edit your file here because you used combinations. Please edit this file in the Combinations tab.'}</div>
<div class="alert alert-info" style="display: block;width: 70%;">{l s='You cannot edit your file here because you used combinations. Please edit this file in the Combinations tab.'}</div>
<br />
{if isset($error_product_download)}{$error_product_download}{/if}
{/if}
@@ -28,7 +28,7 @@
<input type="hidden" name="submitted_tabs[]" value="Warehouses" />
<h4>{l s='Product location in warehouses'}</h4>
<div class="separation"></div>
<div class="hint" style="display:block; position:'auto';">
<div class="alert alert-info" style="display:block; position:'auto';">
<p>{l s='This interface allows you to specify the warehouse in which the product is stocked.'}</p>
<p>{l s='You can also specify product/product combinations as it relates to warehouse location. '}</p>
</div>
@@ -53,7 +53,7 @@
>{$option[$input.options.name]|escape:'htmlall':'UTF-8'}</option>
{/foreach}
</select>
{if isset($input.hint)}<span class="hint" name="help_box">{$input.hint}<span class="hint-pointer">&nbsp;</span></span>{/if}
{if isset($input.hint)}<span class="alert alert-info" name="help_box">{$input.hint}<span class="hint-pointer">&nbsp;</span></span>{/if}
<img onclick="viewTemplates('#template_select_{$language.id_lang}', '../mails/{$language.iso_code}/', '.html');"
src="../img/t/AdminFeatures.gif" class="pointer" alt="{l s='Preview'}" title="{l s='Preview'}" />
</div>
@@ -36,7 +36,7 @@
<option value="{$product.id_product}">{$product.name}</option>
{/foreach}
</select>
<span class="hint" name="help_box">{l s='Double click to move the item to another column'}<span class="hint-pointer">&nbsp;</span></span>
<span class="alert alert-info" name="help_box">{l s='Double click to move the item to another column'}<span class="hint-pointer">&nbsp;</span></span>
<br /><br />
<a href="#" id="move_to_right" class="multiple_select_add">
{l s='Add'} &gt;&gt;
@@ -49,7 +49,7 @@
<option selected="selected" value="{$product.id_product}">{$product.name}</option>
{/foreach}
</select>
<span class="hint" name="help_box">{l s='Double click to move the item to another column'}<span class="hint-pointer">&nbsp;</span></span>
<span class="alert alert-info" name="help_box">{l s='Double click to move the item to another column'}<span class="hint-pointer">&nbsp;</span></span>
<br /><br />
<a href="#" id="move_to_left" class="multiple_select_remove">
&lt;&lt; {l s='Remove'}
@@ -89,7 +89,7 @@
</th>
{foreach $fields_display AS $key => $params}
<th {if isset($params.align)} class="{$params.align}"{/if}>
{if isset($params.hint)}<span class="hint" name="help_box">{$params.hint}<span class="hint-pointer">&nbsp;</span></span>{/if}
{if isset($params.hint)}<span class="alert alert-info" name="help_box">{$params.hint}<span class="hint-pointer">&nbsp;</span></span>{/if}
<span class="title_box">
{$params.title}
</span>
@@ -95,7 +95,7 @@
</legend>
<div id="submitAddLangContent" style="float:left;">
<p>{l s='You can add or update a language directly from the PrestaShop website here:'}</p>
<div class="warn">
<div class="alert alert-block">
{l s='If you choose to update an existing language pack, all of your previous customization\'s in the theme named "Default" will be lost. This includes Front Office expressions and default email templates.'}
</div>
{if $packs_to_update || $packs_to_install}
@@ -28,7 +28,7 @@
{block name="override_tpl"}
{if !empty($limit_warning)}
<div class="warn">
<div class="alert alert-block">
{if $limit_warning['error_type'] == 'suhosin'}
{l s='Warning: Your hosting provider is using the suhosin patch for PHP, which limits the maximum number of fields allowed in a form:'}
@@ -44,7 +44,7 @@
</div>
{else}
<div class="hint" style="display:block;">
<div class="alert alert-info" style="display:block;">
{l s='Some sentences to translate use this syntax: %s... These are variables, and PrestaShop take care of replacing them before displaying your translation. You must leave these in your translations, and place them appropriately in your sentence.' sprintf='%d, %s, %1$s, %2$d'}
</div><br /><br />
@@ -67,7 +67,7 @@
</script>
<div id="BoxUseSpecialSyntax">
<div class="warn">
<div class="alert alert-block">
<p class="syntax">
{l s='This expression uses this special syntax:'} <span>%d.</span><br />
{l s='You must use this syntax in your translations. Here are several examples:'}
@@ -28,7 +28,7 @@
{block name="override_tpl"}
{if !empty($limit_warning)}
<div class="warn">
<div class="alert alert-block">
{if $limit_warning['error_type'] == 'suhosin'}
{l s='Warning: Your hosting provider is using the suhosin patch for PHP, which limits the maximum number of fields allowed in a form:'}
@@ -44,7 +44,7 @@
</div>
{else}
<div class="hint" style="display:block;">
<div class="alert alert-info" style="display:block;">
<ul style="margin-left:30px;list-style-type:disc;">
<li>{l s='Click on titles to open fieldsets'}.</li>
<li>{l s='Some sentences to translate use this syntax: %s... These are variables, and PrestaShop take care of replacing them before displaying your translation. You must leave these in your translations, and place them appropriately in your sentence.' sprintf='%d, %s, %1$s, %2$d'}</li>
@@ -77,7 +77,7 @@
</script>
<div id="BoxUseSpecialSyntax">
<div class="warn">
<div class="alert alert-block">
<p class="syntax">
{l s='This expression uses this special syntax:'} <span>%d.</span><br />
{l s='You must use this syntax in your translations. Here are several examples:'}
@@ -30,7 +30,7 @@
{$tinyMCE}
{if !empty($limit_warning)}
<div class="warn">
<div class="alert alert-block">
{if $limit_warning['error_type'] == 'suhosin'}
{l s='Warning: Your hosting provider is using the suhosin patch for PHP, which limits the maximum number of fields allowed in a form:'}
@@ -46,7 +46,7 @@
</div>
{else}
<div class="hint" style="display:block;">
<div class="alert alert-info" style="display:block;">
<ul style="margin-left:30px;list-style-type:disc;">
<li>{l s='Click on titles to open fieldsets'}.</li>
<li>{l s='Some sentences to translate use this syntax: %s... These are variables, and PrestaShop take care of replacing them before displaying your translation. You must leave these in your translations, and place them appropriately in your sentence.' sprintf='%d, %s, %1$s, %2$d'}</li>
@@ -74,7 +74,7 @@
</script>
<div id="BoxUseSpecialSyntax">
<div class="warn">
<div class="alert alert-block">
<p class="syntax">
{l s='This expression uses this special syntax:'} <span>%d.</span><br />
{l s='You must use this syntax in your translations. Here are several examples:'}
@@ -28,7 +28,7 @@
{block name="override_tpl"}
{if !empty($limit_warning)}
<div class="warn">
<div class="alert alert-block">
{if $limit_warning['error_type'] == 'suhosin'}
{l s='Warning: Your hosting provider is using the suhosin patch for PHP, which limits the maximum number of fields allowed in a form:'}
@@ -44,7 +44,7 @@
</div>
{else}
<div class="hint" style="display:block;">
<div class="alert alert-info" style="display:block;">
<ul style="margin-left:30px;list-style-type:disc;">
<li>{l s='Click on titles to open fieldsets'}.</li>
<li>{l s='Some sentences to translate use this syntax: %s... These are variables, and PrestaShop take care of replacing them before displaying your translation. You must leave these in your translations, and place them appropriately in your sentence.' sprintf='%d, %s, %1$s, %2$d'}</li>
@@ -70,7 +70,7 @@
</script>
<div id="BoxUseSpecialSyntax">
<div class="warn">
<div class="alert alert-block">
<p class="syntax">
{l s='This expression uses this special syntax:'} <span>%d.</span><br />
{l s='You must use this syntax in your translations. Here are several examples:'}
+11 -8
View File
@@ -104,7 +104,7 @@
<div id="ajax_running"><img src="../img/admin/ajax-loader-yellow.gif" alt="" /> {l s='Loading...'}</div>
{* begin HEADER *}
<div id="header" class="navbar navbar-fixed-top table-bordered" >
<div id="header" class="navbar navbar-fixed-top" >
<div class="navbar-inner">
<div class="container-fluid">
<div id="header_infos">
@@ -215,23 +215,26 @@
{/if}
<div id="main" class="page-container row-fluid">
<div class="page-sidebar nav-collapse collapse">
<ul id="menu nav nav-tabs nav-stacked">
<div class="page-sidebar">
<ul id="menu">
{if !$tab}
<div class="mainsubtablist" style="display:none"></div>
{/if}
{foreach $tabs AS $t}
{if $t.active}
<li class="submenu_size maintab {if $t.current}active{/if}" id="maintab{$t.id_tab}">
<li class="maintab {if $t.current}active{/if}" id="maintab{$t.id_tab}">
<a href="javascript:adminNav('#maintab{$t.id_tab}');" class="title">
<i class="icon-{$t.class_name}"></i> {if $t.name eq ''}{$t.class_name}{else}{$t.name}{/if}
</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>
<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>
@@ -245,7 +248,7 @@
<div class="row-fluid">
{if $display_header && $install_dir_exists}
<div class="warning">
<div class="alert alert-block">
{l s='For security reasons, you must also:'}&nbsp;{l s='delete the /install folder'}
</div>
{/if}
@@ -87,7 +87,7 @@
{if isset($input.readonly) && $input.readonly}readonly="readonly"{/if}
{if isset($input.disabled) && $input.disabled}disabled="disabled"{/if}
{if isset($input.autocomplete) && !$input.autocomplete}autocomplete="off"{/if} />
{if !empty($input.hint)}<span class="hint" name="help_box">{$input.hint}<span class="hint-pointer">&nbsp;</span></span>{/if}
{if !empty($input.hint)}<span class="alert alert-info" name="help_box">{$input.hint}<span class="hint-pointer">&nbsp;</span></span>{/if}
</div>
{/foreach}
</div>
@@ -119,7 +119,7 @@
{if isset($input.disabled) && $input.disabled}disabled="disabled"{/if}
{if isset($input.autocomplete) && !$input.autocomplete}autocomplete="off"{/if} />
{if isset($input.suffix)}{$input.suffix}{/if}
{if !empty($input.hint)}<span class="hint" name="help_box">{$input.hint}<span class="hint-pointer">&nbsp;</span></span>{/if}
{if !empty($input.hint)}<span class="alert alert-info" name="help_box">{$input.hint}<span class="hint-pointer">&nbsp;</span></span>{/if}
{/if}
{elseif $input.type == 'select'}
{if isset($input.options.query) && !$input.options.query && isset($input.empty_message)}
@@ -188,7 +188,7 @@
{/foreach}
{/if}
</select>
{if !empty($input.hint)}<span class="hint" name="help_box">{$input.hint}<span class="hint-pointer">&nbsp;</span></span>{/if}
{if !empty($input.hint)}<span class="alert alert-info" name="help_box">{$input.hint}<span class="hint-pointer">&nbsp;</span></span>{/if}
{/if}
{elseif $input.type == 'radio'}
{foreach $input.values as $value}
@@ -245,7 +245,7 @@
{/if}
{/if}
<input type="file" name="{$input.name}" {if isset($input.id)}id="{$input.id}"{/if} />
{if !empty($input.hint)}<span class="hint" name="help_box">{$input.hint}<span class="hint-pointer">&nbsp;</span></span>{/if}
{if !empty($input.hint)}<span class="alert alert-info" name="help_box">{$input.hint}<span class="hint-pointer">&nbsp;</span></span>{/if}
{elseif $input.type == 'password'}
<input type="password"
name="{$input.name}"
@@ -23,5 +23,5 @@
* International Registered Trademark & Property of PrestaShop SA
*}
<a href="{$href}" class="delete" {if isset($confirm)}onclick="if (confirm('{$confirm}')){ return true; }else{ event.stopPropagation(); event.preventDefault();};"{/if} title="{$action}">
<i class="icon-minus-sign-alt"></i> {$action}
<i class="icon-trash"></i> {$action}
</a>
@@ -23,5 +23,5 @@
* International Registered Trademark & Property of PrestaShop SA
*}
<a class="pointer" title="{$action}" onclick="if (confirm('{$confirm}')) document.location = '{$location_ok}'; else document.location = '{$location_ko}';">
<img src="../img/admin/duplicate.png" alt="{$action}" />
<i class="icon-copy"></i> {$action}
</a>
@@ -136,16 +136,24 @@
{/if}
{if $has_actions}
<td>
<div class="btn-group">
<a href="#" class="btn dropdown-toggle" data-toggle="dropdown"><i class="icon-cog"></i> {l s='Actions'} <span class="caret"></span></a>
<div class="btn-group">
{foreach $actions AS $key => $action}
{if $key==0}
<span class="btn">
{$tr.$action}
</span>
<button class="btn dropdown-toggle" data-toggle="dropdown">
<span class="caret"></span>&nbsp;
</button>
<ul class="dropdown-menu">
{foreach $actions AS $action}
{else}
<li>
{if isset($tr.$action)}
{$tr.$action}
{/if}
</li>
{/foreach}
{/if}
{/foreach}
</ul>
</div>
</td>
@@ -136,7 +136,7 @@
</th>
{foreach $fields_display AS $key => $params}
<th {if isset($params.align)} class="{$params.align}"{/if}>
{if isset($params.hint)}<span class="hint" name="help_box">{$params.hint}<span class="hint-pointer">&nbsp;</span></span>{/if}
{if isset($params.hint)}<span class="alert alert-info" name="help_box">{$params.hint}<span class="hint-pointer">&nbsp;</span></span>{/if}
<span class="title_box">
{$params.title}
</span>
@@ -185,10 +185,10 @@
{if isset($field['required']) && $field['required'] && $field['type'] != 'radio'}
<sup>*</sup>
{/if}
{if isset($field['hint'])}<span class="hint" name="help_box">{$field['hint']}<span class="hint-pointer">&nbsp;</span></span>{/if}
{if isset($field['hint'])}<span class="alert alert-info" name="help_box">{$field['hint']}<span class="hint-pointer">&nbsp;</span></span>{/if}
{/block}{* end block input *}
{if isset($field['desc'])}<p class="preference_description">{$field['desc']}</p>{/if}
{if $field['is_invisible']}<p class="warn">{l s='You can\'t change the value of this configuration field in the context of this shop.'}</p>{/if}
{if $field['is_invisible']}<p class="alert alert-block">{l s='You can\'t change the value of this configuration field in the context of this shop.'}</p>{/if}
</div>
</div>
<div class="clear"></div>
@@ -57,7 +57,7 @@
{/if}
{if isset($informations) && count($informations) && $informations}
<div class="hint clear" style="display:block;">
<div class="alert alert-info" style="display:block;">
{foreach $informations as $info}
{$info}<br />
{/foreach}
@@ -73,7 +73,7 @@
{/if}
{if count($warnings)}
<div class="warn">
<div class="warning">
<span style="float:right">
<a id="hideWarn" href=""><img alt="X" src="../img/admin/close.png" /></a>
</span>
+3 -5
View File
@@ -48,7 +48,7 @@
</div>
{/if}
{if isset($informations) && count($informations) && $informations}
<div class="hint clear" style="display:block;">
<div class="alert alert-info" style="display:block;">
<span id="see_more_infos">
<b><a href="#" style="color:#00529B;" onclick="$('#see_more_infos').hide(); $('#infos_block').show();return false;">{l s='Click here to see more informations'}</a></b>
</span>
@@ -67,10 +67,8 @@
</div><br />
{/if}
{if count($warnings)}
<div class="warn">
<span style="float:right">
<a id="hideWarn" href=""><img alt="X" src="../img/admin/close.png" /></a>
</span>
<div class="alert alert-block">
<button type="button" class="close" data-dismiss="alert">&times;</button>
{if count($warnings) > 1}
{l s='There are %d warnings.' sprintf=count($warnings)}
<span style="margin-left:20px;" id="labelSeeMore">
@@ -32,8 +32,10 @@ class AdminCartRulesControllerCore extends AdminController
$this->table = 'cart_rule';
$this->className = 'CartRule';
$this->lang = true;
$this->addRowAction('edit');
$this->addRowAction('delete');
$this->addRowAction('edit');
$this->bulk_actions = array('delete' => array('text' => $this->l('Delete selected'), 'confirm' => $this->l('Delete selected items?')));
$this->fields_list = array(
+4 -10
View File
@@ -57,23 +57,17 @@
margin:0;
padding:0;
width:100%;
border: solid 1px black;
border-collapse: collapse;
}
}
#nobootstrap table.table-bordered {
border: none;
}
#nobootstrap table.table-stripped {
border: none;
}
#nobootstrap table.widthfull {
width:100%;
}
#nobootstrap table {
border-collapse:separate!important;
}
#nobootstrap .table thead th {
vertical-align:top;
+19 -5
View File
@@ -999,10 +999,24 @@ function quickSelect(elt)
location.href = eltVal;
}
function adminNav(navId)
{
$(".expanded").removeClass("expanded");
$(navId).addClass("expanded");
console.log($(navId));
}
if($(".expanded").length ){
$(".expanded > ul").slideUp(
"fast",
function(){
var $target = $(".expanded").not(".active");
$target.removeClass("expanded");
$(navId).not(".active").not($target).addClass("expanded");
}
);
}
else{
$(navId).not(".active").addClass("expanded");
}
}
$( document ).ready(function() {
$('.label-tooltip').tooltip({
})
});