Merge branch 'bootstrap' of https://github.com/PrestaShop/PrestaShop into bootstrap

This commit is contained in:
Jerome Nadaud
2013-08-27 18:57:09 +02:00
6 changed files with 373 additions and 223 deletions
+116 -27
View File
@@ -353,7 +353,7 @@ small {
cite {
font-style: normal; }
.text-muted {
.text-muted, .hook_panel .module_description, .hook_panel_header .hook_description {
color: #999999; }
.text-primary {
@@ -3966,7 +3966,7 @@ a.list-group-item {
.panel-info > .panel-footer + .panel-collapse .panel-body, #header_notifs_icon_wrapper .notifs_panel .panel-info > .notifs_panel_footer + .panel-collapse .panel-body {
border-bottom-color: #bce8f1; }
.well {
.well, .hook_panel {
min-height: 20px;
padding: 19px;
margin-bottom: 20px;
@@ -3975,7 +3975,7 @@ a.list-group-item {
border-radius: 3px;
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05); }
.well blockquote {
.well blockquote, .hook_panel blockquote {
border-color: #ddd;
border-color: rgba(0, 0, 0, 0.15); }
@@ -5449,7 +5449,7 @@ a .icon-flip-vertical:before {
.icon-repeat:before {
content: "\f01e"; }
.icon-refresh:before {
.icon-refresh:before, .process-icon-refresh:before {
content: "\f021"; }
.icon-list-alt:before {
@@ -6228,7 +6228,7 @@ a .icon-flip-vertical:before {
.icon-css3:before {
content: "\f13c"; }
.icon-anchor:before {
.icon-anchor:before, .process-icon-anchor:before {
content: "\f13d"; }
.icon-unlock-alt:before {
@@ -7044,21 +7044,6 @@ input[type="password"].input-tiny {
width: 80px;
float: left; }
.fixed-width-XS {
width: 40px; }
.fixed-width-S {
width: 80px; }
.fixed-width-M {
width: 120px; }
.fixed-width-L {
width: 160px; }
.fixed-width-XL {
width: 200px; }
.btn-group-action {
display: inline-block;
white-space: nowrap; }
@@ -7133,12 +7118,6 @@ hr {
.table tr th:last-child {
border-top-right-radius: 3px;
border-bottom-right-radius: 3px; }
.table .btn-group {
float: right; }
.table .btn-group .btn {
float: left; }
.table .btn {
float: right; }
tr.filter {
background-color: #c5c5c5; }
@@ -7223,11 +7202,28 @@ tr.filter {
color: white;
cursor: pointer;
font-size: 16px;
background-color: rgba(0, 0, 0, 0.8); }
background-color: rgba(0, 0, 0, 0.5); }
#footer #go-top:hover {
background-color: black; }
#nobootstrap {
float: left; }
.fixed-width-XS {
width: 40px; }
.fixed-width-S {
width: 80px; }
.fixed-width-M {
width: 120px; }
.fixed-width-L {
width: 160px; }
.fixed-width-XL {
width: 200px; }
.box-stats {
padding: 10px;
margin-bottom: 20px;
@@ -7334,3 +7330,96 @@ tr.filter {
display: inline; }
#topbar .submenu {
display: none; }
.hook_panel {
-webkit-box-shadow: rgba(255, 255, 255, 0.9) 0 0 0 1px inset;
box-shadow: rgba(255, 255, 255, 0.9) 0 0 0 1px inset;
padding: 10px 10px 5px 10px;
margin-bottom: 3px !important; }
.hook_panel .module_name {
font-size: 1.2em; }
.hook_panel_header {
margin: 0 -10px 0 -10px;
padding: 0 10px 10px 10px; }
.hook_panel_header .hook_name {
font-weight: 400;
font-size: 1.2em;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
-ms-border-radius: 3px;
-o-border-radius: 3px;
border-radius: 3px;
color: #1d7878;
border: solid 1px #cccccc;
background-color: white;
padding: 0 4px; }
.hook_panel_header .hook_title {
text-transform: uppercase;
font-size: 1em; }
.hook_panel_header .hook_description {
padding: 3px 0 0 3px; }
.module_list .module_list_item {
display: table;
width: 100%;
padding: 5px 0;
margin-bottom: 4px;
background-color: white;
-webkit-box-shadow: rgba(0, 0, 0, 0.3) 0 0 3px, rgba(0, 0, 0, 0.1) 0 -2px 0 inset;
box-shadow: rgba(0, 0, 0, 0.3) 0 0 3px, rgba(0, 0, 0, 0.1) 0 -2px 0 inset;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
-ms-border-radius: 3px;
-o-border-radius: 3px;
border-radius: 3px; }
.module_col_select {
display: table-cell;
vertical-align: middle;
text-align: center;
width: 22px;
min-height: 35px;
border-right: 1px solid #dddddd; }
.module_col_position {
display: table-cell;
vertical-align: middle;
width: 50px;
text-align: right; }
.module_col_position .positions {
font-family: "Ubuntu", sans-serif;
font-weight: 200;
text-shadow: white 1px 1px;
padding: 0 5px;
font-size: 1.6em;
color: #aaaaaa;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
-ms-border-radius: 3px;
-o-border-radius: 3px;
border-radius: 3px;
-webkit-box-shadow: rgba(0, 0, 0, 0.2) 0 1px 3px inset;
box-shadow: rgba(0, 0, 0, 0.2) 0 1px 3px inset;
border: solid 1px #cccccc;
background-color: #eeeeee; }
.module_col_icon {
display: table-cell;
text-align: center;
vertical-align: middle;
width: 50px; }
.module_col_infos {
display: table-cell;
vertical-align: middle;
height: 50px; }
.module_col_actions {
width: 160px;
display: table-cell;
vertical-align: middle;
text-align: right;
padding: 0 10px; }
.module_col_actions .btn-group {
text-align: left; }
+114 -22
View File
@@ -116,6 +116,7 @@ html, body
margin: 0
.notifs_panel_footer
@extend .panel-footer
#header_nav_toggle
background-color: black
border: none
@@ -507,6 +508,10 @@ html, body
@extend .icon-remove
.process-icon-new-url
@extend .icon-plus-sign-alt
.process-icon-anchor
@extend .icon-anchor
.process-icon-refresh
@extend .icon-refresh
.navbar-inner
box-shadow: none!important
@@ -544,18 +549,6 @@ input[type="password"].input-tiny
width: 80px
float: left
//some helpers to get fixed width
.fixed-width-XS
width: 40px
.fixed-width-S
width: 80px
.fixed-width-M
width: 120px
.fixed-width-L
width: 160px
.fixed-width-XL
width: 200px
.btn-group-action
display: inline-block
white-space: nowrap
@@ -632,12 +625,6 @@ hr
tr th:last-child
border-top-right-radius: 3px
border-bottom-right-radius: 3px
.btn-group
float: right
.btn
float: left
.btn
float: right
//filter table
tr.filter
@@ -723,7 +710,9 @@ tr.filter
color: #fff
cursor: pointer
font-size: 16px
background-color: rgba(0,0,0,0.8)
background-color: rgba(0,0,0,0.5)
&:hover
background-color: black
#nobootstrap
float: left
@@ -731,12 +720,27 @@ tr.filter
//WIP
//some helpers to get fixed width
.fixed-width-XS
width: 40px
.fixed-width-S
width: 80px
.fixed-width-M
width: 120px
.fixed-width-L
width: 160px
.fixed-width-XL
width: 200px
// temp fix for latest bootstrap
input[type="text"],input[type="search"],input[type="password"], textarea, select
@extend .form-control
fieldset > .row
@extend .form-group
.box-stats
padding: 10px
margin-bottom: 20px
@@ -806,7 +810,7 @@ fieldset > .row
.highlighted
background-color: blue
.list-toolbar-btn
//.list-toolbar-btn
#topbar
@@ -835,4 +839,92 @@ fieldset > .row
li
display: inline
.submenu
display: none
display: none
.hook_panel
@extend .well
//@include background-image(linear-gradient(#fff, #ccc))
//@include box-shadow(rgba(black,0.10) 0 -2px 0 inset)
@include box-shadow(rgba(white,0.9) 0 0 0 1px inset)
padding: 10px 10px 5px 10px
margin-bottom: 3px!important
.module_name
font-size: 1.2em
.module_description
@extend .text-muted
.hook_panel_header
margin: 0 -10px 0 -10px
padding: 0 10px 10px 10px
.hook_name
font-weight: 400
font-size: 1.2em
@include border-radius(3px)
color: $brand-primary
border: solid 1px #ccc
background-color: white
padding: 0 4px
.hook_title
text-transform: uppercase
font-size: 1em
.hook_description
@extend .text-muted
padding: 3px 0 0 3px
.module_list
//@extend .list-group
.module_list_item
display: table
width: 100%
padding: 5px 0
margin-bottom: 4px
background-color: white
@include box-shadow(rgba(0,0,0,0.3) 0 0 3px,rgba(black,0.10) 0 -2px 0 inset)
@include border-radius(3px)
.module_col_select
display: table-cell
vertical-align: middle
text-align: center
width: 22px
min-height: 35px
border-right: 1px solid #ddd
.module_col_position
display: table-cell
vertical-align: middle
width: 50px
text-align: right
.positions
font-family: $headings-font-family
font-weight: 200
@include text-shadow(white 1px 1px)
padding: 0 5px
font-size: 1.6em
color: #aaa
@include border-radius(3px)
@include box-shadow(rgba(0,0,0,0.2) 0 1px 3px inset)
border: solid 1px #ccc
background-color: #eee
.module_col_icon
display: table-cell
text-align: center
vertical-align: middle
width: 50px
.module_col_infos
display: table-cell
vertical-align: middle
height: 50px
.module_col_actions
width: 160px
display: table-cell
vertical-align: middle
text-align: right
padding: 0 10px
.btn-group
text-align: left
@@ -24,6 +24,7 @@
*}
{if isset($module_content)}
{$module_content}
{else}
{if !isset($smarty.get.configure)}
@@ -32,178 +32,141 @@
{include file="toolbar.tpl" toolbar_btn=$toolbar_btn toolbar_scroll=$toolbar_scroll title=$title}
<div>{block name="leadin"}{/block}</div>
<div class="well">
<form class="form-inline">
<label>{l s='Show'} :</label>
<span>
<select id="show_modules" onChange="autoUrl('show_modules', '{$url_show_modules}')" class="filter fixed-width-XL">
<option value="all">{l s='All modules'}&nbsp;</option>
<option>---------------</option>
{foreach $modules as $module}
<option value="{$module->id|intval}" {if $display_key == $module->id}selected="selected"{/if}>{$module->displayName}</option>
{/foreach}
</select>
</span>
<p class="checkbox">
<label class="control-label" for="hook_position">
<input type="checkbox" id="hook_position" onclick="autoUrlNoList('hook_position', '{$url_show_invisible}')" {if $hook_position}checked="checked"{/if} />
{l s='Display non-positionable hooks'}
</label>
</p>
</form>
</div>
<div class="row">
<div id="modulePosition">
<div class="col-lg-9">
<form method="post" action="{$url_submit}">
<span class="pull-right">
<button type="submit" class="btn btn-default" name="unhookform" onclick="modules_management('install')">
<i class="icon-minus-sign-alt"></i>
{l s='Unhook the selection'}
</button>
<div class="col-lg-9">
<div class="panel">
<form class="form-inline well">
<label>{l s='Show'} :</label>
<span>
<select id="show_modules" onChange="autoUrl('show_modules', '{$url_show_modules}')" class="filter fixed-width-XL">
<option value="all">{l s='All modules'}&nbsp;</option>
<option>---------------</option>
{foreach $modules as $module}
<option value="{$module->id|intval}" {if $display_key == $module->id}selected="selected"{/if}>{$module->displayName}</option>
{/foreach}
</select>
</span>
{if !$can_move}
<p class="checkbox">
<label class="control-label" for="hook_position">
<input type="checkbox" id="hook_position" onclick="autoUrlNoList('hook_position', '{$url_show_invisible}')" {if $hook_position}checked="checked"{/if} />
{l s='Display non-positionable hooks'}
</label>
</p>
</form>
<div id="modulePosition">
<form method="post" action="{$url_submit}" >
{if !$can_move}
<span class="alert">
{l s='If you want to order/move the following data, please select a shop from the shop list.'}
</span>
{/if}
{foreach $hooks as $hook}
<div class="row-light clearfix">
{/if}
{foreach $hooks as $hook}
<section class="hook_panel">
<a name="{$hook['name']}"></a>
<table class="table {if $hook['module_count'] >= 2} tableDnD{/if}" id="{$hook['id_hook']}">
<colgroup>
<col width="10">
<col width="30">
<col width="40">
<col width="">
<col width="50">
</colgroup>
<thead>
<tr class="nodrag nodrop">
{if $hook['module_count'] && $can_move}
<th>
<input type="checkbox" id="Ghook{$hook['id_hook']}" style="margin-right: 2px;" onclick="hookCheckboxes({$hook['id_hook']}, 0, this)"/>
</th>
{/if}
<th colspan="5">
<h3>
{$hook['title']} -
<span class="badge">{$hook['module_count']} {if $hook['module_count'] > 1}{l s='Modules'}{else}{l s='Module'}{/if} </span>
<span>({l s='Technical name: '}{$hook['name']})</span>
</h3>
</th>
</tr>
</thead>
<tbody>
{if !empty($hook['description'])}
<tr>
<td colspan="5">
<p class="text-muted">
[{$hook['description']}]
</p>
</td>
</tr>
{/if}
{if $hook['module_count']}
{foreach $hook['modules'] as $position => $module}
{if isset($module['instance'])}
<tr id="{$hook['id_hook']}_{$module['instance']->id}" {cycle values='class="alt_row",'}>
<td align="center">
<input type="checkbox" id="mod{$hook['id_hook']}_{$module['instance']->id}" class="hook{$hook['id_hook']}" onclick="hookCheckboxes({$hook['id_hook']}, 1, this)" name="unhooks[]" value="{$hook['id_hook']}_{$module['instance']->id}"/>
</td>
{if !$display_key}
<td align="center" class="positions">{$module@iteration}</td>
<td {if $can_move && $hook['module_count'] >= 2} align=center class="dragHandle"{/if} id="td_{$hook['id_hook']}_{$module['instance']->id}">
{if $can_move}
<a {if {$module@iteration} == 1} style="display: none;"{/if} href="{$current}&id_module={$module['instance']->id}&id_hook={$hook['id_hook']}&direction=0&token={$token}&changePosition#{$hook['name']}">
<img src="../img/admin/up.gif" alt="{l s='Up'}" title="{l s='Up'}" />
</a><br />
<a {if {$module@iteration} == count($hook['modules'])} style="display: none;"{/if} href="{$current}&id_module={$module['instance']->id}&id_hook={$hook['id_hook']}&direction=1&token={$token}&changePosition#{$hook['name']}">
<img src="../img/admin/down.gif" alt="{l s='Down'}" title="{l s='Down'}" />
</a>
{/if}
</td>
<td>
<div class="lab_modules_positions" for="mod{$hook['id_hook']}_{$module['instance']->id}">
{else}
<td colspan="3">
<div class="lab_modules_positions" for="mod{$hook['id_hook']}_{$module['instance']->id}">
{/if}
<h4>
<img src="../modules/{$module['instance']->name}/logo.png" alt="{$module['instance']->name|stripslashes}" />
{$module['instance']->displayName|stripslashes}
</h4>
<dl class="dl-horizontal">
<dt>{l s='Version:'}</dt>
<dd>
{if $module['instance']->version}v{if $module['instance']->version|intval == $module['instance']->version}{sprintf('%.1f', $module['instance']->version)}{else}{$module['instance']->version|floatval}{/if}{/if}
</dd>
<dt>{l s='Description:'}</dt>
<dd>
{$module['instance']->description}
</dd>
</dl>
</div>
</td>
<td>
<div class="btn-group btn-group-action">
<span class="btn btn-default">{l s='Choose an action'}</span>
<button class="btn btn-default dropdown-toggle" data-toggle="dropdown">
<span class="caret"></span>&nbsp;
</button>
<ul class="dropdown-menu">
<li>
<a href="{$current}&id_module={$module['instance']->id}&id_hook={$hook['id_hook']}&editGraft{if $display_key}&show_modules={$display_key}{/if}&token={$token}">
<i class="icon-pencil"></i>
{l s='Edit'}
</a>
</li>
<li>
<a href="{$current}&id_module={$module['instance']->id}&id_hook={$hook['id_hook']}&deleteGraft{if $display_key}&show_modules={$display_key}{/if}&token={$token}">
<i class="icon-trash"></i>
{l s='Delete'}
</a>
</li>
</ul>
</div>
</td>
</tr>
{/if}
{/foreach}
{else}
<tr>
<td colspan="5">
<p class="text-warning">{l s='No module was found for this hook.'}</p>
</td>
</tr>
{/if}
</tbody>
</table>
<header class="hook_panel_header">
<span class="hook_name">{$hook['name']}</span>
<span class="hook_title">{$hook['title']}</span>
<span class="badge pull-right">
{if $hook['module_count'] && $can_move}
<input type="checkbox" id="Ghook{$hook['id_hook']}" onclick="hookCheckboxes({$hook['id_hook']}, 0, this)"/>
{/if}
{$hook['module_count']} {if $hook['module_count'] > 1}{l s='Modules'}{else}{l s='Module'}{/if}
</span>
{if !empty($hook['description'])}
<div class="hook_description">{$hook['description']}</div>
{/if}
</header>
{if $hook['module_count']}
<section class="module_list">
{foreach $hook['modules'] as $position => $module}
{if isset($module['instance'])}
<div id="{$hook['id_hook']}_{$module['instance']->id}" class="module_list_item">
<div class="module_col_select">
<input type="checkbox" id="mod{$hook['id_hook']}_{$module['instance']->id}" class="hook{$hook['id_hook']}" onclick="hookCheckboxes({$hook['id_hook']}, 1, this)" name="unhooks[]" value="{$hook['id_hook']}_{$module['instance']->id}"/>
</div>
{if !$display_key}
<div class="module_col_position" {if $can_move && $hook['module_count'] >= 2}class="dragHandle"{/if} id="td_{$hook['id_hook']}_{$module['instance']->id}">
<span class="positions">{$module@iteration}</span>
{if $can_move}
<a class="btn btn-default" {if {$module@iteration} == 1} style="display: none;"{/if} href="{$current}&id_module={$module['instance']->id}&id_hook={$hook['id_hook']}&direction=0&token={$token}&changePosition#{$hook['name']}">
<i class="icon-chevron-up"></i>
</a>
<a class="btn btn-default" {if {$module@iteration} == count($hook['modules'])} style="display: none;"{/if} href="{$current}&id_module={$module['instance']->id}&id_hook={$hook['id_hook']}&direction=1&token={$token}&changePosition#{$hook['name']}">
<i class="icon-chevron-down"></i>
</a>
{/if}
</div>
{/if}
<div class="module_col_icon">
<img src="../modules/{$module['instance']->name}/logo.png" alt="{$module['instance']->name|stripslashes}" />
</div>
<div class="module_col_infos"><span class="module_name">
{$module['instance']->displayName|stripslashes} {if $module['instance']->version}
<small class="text-muted">&nbsp;-&nbsp;v{if $module['instance']->version|intval == $module['instance']->version}{sprintf('%.1f', $module['instance']->version)}{else}{$module['instance']->version|floatval}{/if}</small>{/if}
</span>
<div class="module_description">{$module['instance']->description}</div></div>
<div class="module_col_actions">
<!-- <div class="lab_modules_positions" for="mod{$hook['id_hook']}_{$module['instance']->id}"></div> -->
<div class="btn-group">
<a class="btn btn-default" href="{$current}&id_module={$module['instance']->id}&id_hook={$hook['id_hook']}&editGraft{if $display_key}&show_modules={$display_key}{/if}&token={$token}">
<i class="icon-pencil"></i>
{l s='Edit'}
</a>
<a class="btn btn-default dropdown-toggle" data-toggle="dropdown">
<span class="caret"></span>&nbsp;
</a>
<ul class="dropdown-menu">
<li>
<a href="{$current}&id_module={$module['instance']->id}&id_hook={$hook['id_hook']}&deleteGraft{if $display_key}&show_modules={$display_key}{/if}&token={$token}">
<i class="icon-minus-sign-alt"></i>
{l s='Unhook'}
</a>
</li>
</ul>
</div>
</div>
</div>
{/if}
{/foreach}
</section>
{else}
<!-- <p>{l s='No module was found for this hook.'}</p> -->
{/if}
</section>
{/foreach}
<div id="unhook_button_position_bottom">
<button type="submit" class="btn btn-default" name="unhookform">
<i class="icon-minus-sign-alt"></i>
{l s='Unhook the selection'}
</button>
</div>
{/foreach}
<div id="unhook_button_position_bottom">
<span class="pull-right">
<button type="submit" class="btn btn-default" name="unhookform">
<i class="icon-minus-sign-alt"></i>
{l s='Unhook the selection'}
</button>
</span>
</div>
</form>
</form>
</div>
</div>
<div class="col-lg-3">
<h2>{l s='LiveEdit'}</h2>
</div>
<div class="col-lg-3">
<div class="panel">
<h3><i class="icon-eye-open"></i> {l s='LiveEdit'}</h3>
{if $live_edit}
<p>{l s='You have to select a shop to use LiveEdit'}</p>
{else}
<p>{l s='Click here to be redirected to the Front Office of your shop where you can move and delete modules directly.'}</p>
<a class="btn btn-default pull-right" href="{$url_live_edit}" target="_blank">
<a class="btn btn-default" href="{$url_live_edit}" target="_blank">
<i class="icon-edit"></i>
{l s='Run LiveEdit'}
</a>
{/if}
</div>
</div>
</div>
</div>
@@ -58,6 +58,12 @@
{/if}
</div>
<div id="go-top"><i class="icon-arrow-up"></i></div>
<script>
$("#go-top").click(function() {
$("html, body").animate({ scrollTop: 0 }, "slow");
return false;
});
</script>
</div>
<div id="ajax_confirmation" style="display:none"></div>
{* ajaxBox allows*} <div id="ajaxBox" style="display:none"></div>