86 lines
2.5 KiB
JavaScript
86 lines
2.5 KiB
JavaScript
'use strict';
|
|
|
|
pandora.ui.allItems = function() {
|
|
|
|
var that = Ox.Element()
|
|
.addClass('OxSelectableElement' + (pandora.user.ui._list ? '' : ' OxSelected'))
|
|
.css({
|
|
height: '16px',
|
|
cursor: 'default',
|
|
overflow: 'hidden'
|
|
})
|
|
.on({
|
|
click: function() {
|
|
that.gainFocus();
|
|
if (pandora.user.ui.section == 'items') {
|
|
pandora.user.ui._list && pandora.UI.set('find', {conditions: [], operator: '&'});
|
|
} else {
|
|
pandora.UI.set(pandora.user.ui.section.slice(0, -1), '');
|
|
}
|
|
}
|
|
})
|
|
.bindEvent({
|
|
pandora_find: function() {
|
|
that[pandora.user.ui._list ? 'removeClass' : 'addClass']('OxSelected');
|
|
}
|
|
}),
|
|
$icon = $('<img>')
|
|
.attr({src: '/static/png/icon.png'})
|
|
.css({float: 'left', width: '14px', height: '14px', margin: '1px'})
|
|
.appendTo(that),
|
|
$name = $('<div>')
|
|
.css({
|
|
float: 'left',
|
|
height: '14px',
|
|
margin: '1px 4px 1px 3px',
|
|
textOverflow: 'ellipsis',
|
|
overflow: 'hidden',
|
|
whiteSpace: 'nowrap'
|
|
})
|
|
.html(pandora.user.ui.section == 'items' ? 'All ' + pandora.site.itemName.plural
|
|
: pandora.site.site.name + ' ' + Ox.toTitleCase(pandora.user.ui.section))
|
|
.appendTo(that),
|
|
$items,
|
|
$clickButton,
|
|
$uploadButton;
|
|
|
|
if (pandora.user.ui.section == 'items') {
|
|
$items = $('<div>')
|
|
.css({
|
|
float: 'left',
|
|
width: '42px',
|
|
margin: '1px 4px 1px 3px',
|
|
textAlign: 'right'
|
|
})
|
|
.appendTo(that);
|
|
$clickButton = Ox.Button({
|
|
style: 'symbol',
|
|
title: 'click',
|
|
type: 'image'
|
|
})
|
|
.css({opacity: 0.25})
|
|
.appendTo(that);
|
|
$uploadButton = Ox.Button({
|
|
style: 'symbol',
|
|
title: 'upload',
|
|
type: 'image'
|
|
})
|
|
.appendTo(that);
|
|
pandora.api.find({
|
|
query: {conditions: [], operator: '&'}
|
|
}, function(result) {
|
|
that.update(result.data.items);
|
|
});
|
|
}
|
|
|
|
that.update = function(items) {
|
|
$items && $items.html(Ox.formatNumber(items));
|
|
};
|
|
|
|
that.resizeElement = function(width) {
|
|
$name.css({width: width + 'px'});
|
|
};
|
|
|
|
return that;
|
|
|
|
};
|