// treeview

This commit is contained in:
Kevin Granger
2013-09-09 19:03:38 +02:00
parent e91460b8fe
commit 2a7bc49190
9 changed files with 21 additions and 81 deletions
@@ -1168,11 +1168,6 @@ fieldset > .row
+opacity(1)
+scale(1)
$treeBackgroundHover: lighten(blue,30%)
$treeBackgroundSelect: blue
.tree
padding: 0 0 0 20px
list-style: none
@@ -1202,61 +1197,6 @@ $treeBackgroundSelect: blue
background-color: #ccc
+border-radius(6px)
// .tree
// padding: 0 0 0 18px
// .tree-folder
// width: 100%
// min-height: 20px
// cursor: pointer
// margin-top: 1px
// .tree-folder-header
// position: relative
// height: 20px
// +border-radius(6px)
// &:hover
// background-color: $treeBackgroundHover
// i
// position: absolute
// float: left
// top: 1px
// left: 5px
// .tree-folder-name
// padding-left: 29px
// white-space: nowrap
// overflow: hidden
// text-overflow: ellipsis
// .tree-folder-content
// margin-left: 23px
// .tree-item
// position: relative
// width: 100%
// height: 20px
// cursor: pointer
// margin-top: 1px
// &:hover
// background-color: $treeBackgroundHover
// .tree-item-name
// position: absolute
// left: 29px
// .tree-dot
// position: absolute
// top: 8px
// left: 10px
// display: block
// width: 4px
// height: 4px
// background-color: #ccc
// +border-radius(6px)
// .icon-ok
// position: absolute
// top: 1px
// left: 5px
// .tree-selected
// background-color: $treeBackgroundSelect
// &:hover
// background-color: $treeBackgroundSelect
#carrier_wizard.swMain
position: relative
display: block
@@ -37,7 +37,6 @@
else
location.href = base_url + '&reset_filter_category=1';
});
// Make sure the checkbox is checked/unchecked when the link is clicked
$('#toggle_category_tree').bind('click', function(event){
event.preventDefault();
@@ -51,13 +50,13 @@
}
});
});
</script>
<div class="bloc-leadin">
<div id="container_category_tree">
<a href="#" id="toggle_category_tree">
<a class="btn btn-default" href="javascript:void(0);" id="toggle_category_tree">
<form>
<input type="checkbox" {if $is_category_filter}checked="checked"{/if} />{l s='Filter by category'}
<input type="checkbox" {if $is_category_filter}checked="checked"{/if} />
<i class="icon-tags"></i> {l s='Filter by category'}
</form>
</a>
<div id="block_category_tree" {if !$is_category_filter}style="display:none"{/if}>
@@ -66,4 +65,4 @@
</div>
</div>
{/if}
{/block}
{/block}
@@ -23,8 +23,8 @@
* International Registered Trademark & Property of PrestaShop SA
*}
<div class="panel">
{if $header}{$header}{/if}
{if $nodes}
{if isset($header)}{$header}{/if}
{if isset($nodes)}
<ul id="{$id}" class="tree">
{$nodes}
</ul>
@@ -24,5 +24,5 @@
*}
<div class="panel-heading">
<i class="icon-tag"></i>&nbsp;{l s=$title}
{if $toolbar}{$toolbar}{/if}
{if isset($toolbar)}{$toolbar}{/if}
</div>
@@ -23,7 +23,6 @@
* International Registered Trademark & Property of PrestaShop SA
*}
<li class="tree-folder">
<span class="tree-folder-name">
<input type="radio" name="id-category" value="{$node['id_category']}" />
<i class="icon-folder-close"></i>
@@ -22,13 +22,12 @@
* @license http://opensource.org/licenses/afl-3.0.php Academic Free License (AFL 3.0)
* International Registered Trademark & Property of PrestaShop SA
*}
<li>
<i class="icon-folder-open"></i>
<input type="checkbox" name="id-category[]" value="{$node['id_category']}" />
<label class="tree-toggler tree-folder-name">{$name}</label>
<li class="tree-folder">
<span class="tree-folder-name">
<input type="checkbox" name="id-category[]" value="{$node['id_category']}" />
<i class="icon-folder-close"></i>
<label class="tree-toggler">{$name}</label>
</span>
<ul class="tree">
{$children}
</ul>
@@ -23,12 +23,9 @@
* International Registered Trademark & Property of PrestaShop SA
*}
<li class="tree-item">
<label class="tree-item-name">
<input type="radio" name="id-category" value="{$node['id_category']}" />
<i class="tree-dot"></i>
{$name}
<label>
</li>
@@ -22,4 +22,10 @@
* @license http://opensource.org/licenses/afl-3.0.php Academic Free License (AFL 3.0)
* International Registered Trademark & Property of PrestaShop SA
*}
<li><input type="checkbox" name="id-category[]" value="{$node['id_category']}" />&nbsp;{$name}</li>
<li class="tree-item">
<label class="tree-item-name">
<input type="checkbox" name="id-category[]" value="{$node['id_category']}" />
<i class="tree-dot"></i>
{$name}
</label>
</li>
@@ -251,7 +251,7 @@
<i class="icon-eraser"></i> {l s='Reset'}
</button>
<button type="submit" id="submitFilterButton{$list_id}" name="submitFilter" class="btn btn-default btn-small" />
<i class="icon-filter"></i> {l s='Filter'}
<i class="icon-ok"></i> {l s='Filter'}
</button>
</span>
{/if}