Update tree.

This commit is contained in:
Lars Jung 2014-12-26 14:17:32 +01:00
parent 8327617df6
commit a671006e56
15 changed files with 282 additions and 130 deletions

View file

@ -1,4 +1,4 @@
modulejs.define('ext/tree', ['_', '$', 'core/settings', 'core/resource', 'core/event', 'core/location'], function (_, $, allsettings, resource, event, location) {
modulejs.define('ext/tree', ['_', '$', 'core/settings', 'core/resource', 'core/store', 'core/event', 'core/location'], function (_, $, allsettings, resource, store, event, location) {
var settings = _.extend({
enabled: false,
@ -14,6 +14,14 @@ modulejs.define('ext/tree', ['_', '$', 'core/settings', 'core/resource', 'core/e
'<span class="label"/>' +
'</a>' +
'</span>';
var settingsTemplate =
'<div class="block">' +
'<h1 class="l10n-tree">Tree</h1>' +
'<div id="view-tree" class="button view">' +
'<img src="' + resource.image('view-tree') + '" alt="view-tree"/>' +
'</div>' +
'</div>';
var storekey = 'ext/tree';
function update(item) {
@ -50,18 +58,6 @@ modulejs.define('ext/tree', ['_', '$', 'core/settings', 'core/resource', 'core/e
}
}
// is it the domain?
if (item.isDomain()) {
$html.addClass('domain');
// $img.attr('src', resource.image('home'));
}
// is it the root?
if (item.isRoot()) {
$html.addClass('root');
// $img.attr('src', resource.image('home'));
}
// is it the current folder?
if (item.isCurrentFolder()) {
$html.addClass('current');
@ -91,7 +87,6 @@ modulejs.define('ext/tree', ['_', '$', 'core/settings', 'core/resource', 'core/e
}
}
if (item.$tree) {
item.$tree.replaceWith($html);
}
@ -157,13 +152,23 @@ modulejs.define('ext/tree', ['_', '$', 'core/settings', 'core/resource', 'core/e
});
}
function updateSettings() {
if (store.get(storekey)) {
$('#view-tree').addClass('active');
$('#tree').show();
} else {
$('#view-tree').removeClass('active');
$('#tree').hide();
}
}
function onLocationChanged(item) {
fetchTree(item, function (root) {
$('#tree')
.append(update(root))
.show();
$('#tree').append(update(root));
updateSettings();
});
}
@ -177,6 +182,20 @@ modulejs.define('ext/tree', ['_', '$', 'core/settings', 'core/resource', 'core/e
.appendTo('#main-row')
.on('click', '.indicator', createOnIndicatorClick());
$(settingsTemplate)
.appendTo('#settings')
.find('#view-tree')
.on('click', function (ev) {
store.put(storekey, !store.get(storekey));
updateSettings();
ev.preventDefault();
});
// ensure stored value is boolean, default to true
store.put(storekey, store.get(storekey) !== false);
updateSettings();
event.sub('location.changed', onLocationChanged);
}