87 lines
2.1 KiB
JavaScript
87 lines
2.1 KiB
JavaScript
modulejs.define('ext/crumb', ['_', '$', 'core/event', 'core/location', 'core/resource', 'core/settings'], function (_, $, event, location, resource, allsettings) {
|
|
|
|
var settings = _.extend({
|
|
enabled: false
|
|
}, allsettings.crumb);
|
|
var template =
|
|
'<a class="crumb">' +
|
|
'<img class="sep" src="' + resource.image('crumb') + '" alt=">"/>' +
|
|
'<span class="label"/>' +
|
|
'</a>';
|
|
var pageHintTemplate = '<img class="hint" src="' + resource.icon('folder-page') + '" alt="has index page"/>';
|
|
|
|
|
|
function update(item, force) {
|
|
|
|
if (!force && item.$crumb) {
|
|
return item.$crumb;
|
|
}
|
|
|
|
var $html = $(template);
|
|
|
|
$html
|
|
.addClass(item.isFolder() ? 'folder' : 'file')
|
|
.data('item', item);
|
|
|
|
location.setLink($html, item);
|
|
$html.find('.label').text(item.label);
|
|
|
|
if (item.isDomain() || item.isRoot()) {
|
|
$html.find('.sep').width(0);
|
|
}
|
|
|
|
if (item.isCurrentFolder()) {
|
|
$html.addClass('active');
|
|
}
|
|
|
|
if (!item.isManaged) {
|
|
$html.append($(pageHintTemplate));
|
|
}
|
|
|
|
if (item.$crumb) {
|
|
item.$crumb.replaceWith($html);
|
|
}
|
|
item.$crumb = $html;
|
|
|
|
return $html;
|
|
}
|
|
|
|
function onLocationChanged(item) {
|
|
|
|
var crumb = item.getCrumb();
|
|
var $crumbbar = $('#crumbbar');
|
|
var found = false;
|
|
|
|
$crumbbar.find('.crumb').each(function () {
|
|
|
|
var $html = $(this);
|
|
if ($html.data('item') === item) {
|
|
found = true;
|
|
$html.addClass('active');
|
|
} else {
|
|
$html.removeClass('active');
|
|
}
|
|
});
|
|
|
|
if (!found) {
|
|
$crumbbar.find('.crumb').remove();
|
|
_.each(crumb, function (e) {
|
|
|
|
$crumbbar.append(update(e, true));
|
|
});
|
|
}
|
|
}
|
|
|
|
function init() {
|
|
|
|
if (!settings.enabled) {
|
|
return;
|
|
}
|
|
|
|
event.sub('location.changed', onLocationChanged);
|
|
}
|
|
|
|
|
|
init();
|
|
});
|