openmedialibrary/static/js/columnView.js

148 lines
5.5 KiB
JavaScript
Raw Normal View History

2014-05-04 17:26:43 +00:00
'use strict';
oml.ui.columnView = function() {
var ui = oml.user.ui,
that = Ox.CustomColumnList({
columns: [
{
id: 'authors',
item: getItemFunction('authors'),
itemHeight: 32,
items: function(data, selected, callback) {
oml.api.find(Ox.extend({
group: 'author',
query: {conditions: [], operator: '&'}
}, data), callback);
},
keys: ['name', 'items'],
max: -1,
sort: [{key: 'name', operator: '+'}],
selected: [],
title: Ox._('Authors'),
unique: 'name'
},
{
id: 'items',
item: getItemFunction('items'),
itemHeight: 32,
items: function(data, selected, callback) {
if (selected[0].length) {
oml.api.find(Ox.extend({
query: {
conditions: selected[0].map(function(name) {
return {
key: 'author',
operator: '==',
value: name
};
}),
operator: '|'
}
}, data), callback);
} else {
callback({
data: {
items: data.keys ? [] : 0
}
});
}
},
keys: ['author', 'title', 'date'],
max: -1,
selected: [],
sort: [{key: 'title', operator: '+'}],
title: Ox._('Items'),
unique: 'id'
},
{
id: 'files',
item: getItemFunction('files'),
itemHeight: 32,
items: function(data, selected, callback) {
oml.api.find(Ox.extend({
query: {
conditions: selected[0].map(function(name) {
return {
key: 'author',
operator: '==',
value: name
};
}),
operator: '|'
}
}, data), callback);
},
keys: ['id', 'name'],
selected: [],
sort: [{key: 'name', operator: '+'}],
title: Ox._('Files'),
unique: 'id'
}
],
width: window.innerWidth - (ui.showSidebar * ui.sidebarSize) - 1
});
function getItemFunction(id) {
return function(data, width) {
var $item = $('<div>')
.css({
height: '32px',
width: width + 'px'
})
if (!Ox.isEmpty(data)) {
$('<img>')
.attr({
src: '/static/png/oml.png'
})
.css({
position: 'relative',
display: 'inline-block',
left: '2px',
top: '2px',
width: '26px',
height: '26px',
border: '1px solid rgb(192, 192, 192)',
backgroundImage: '-webkit-linear-gradient(top, rgb(255, 255, 255), rgb(224, 224, 224))'
})
.appendTo($item);
$('<div>')
.css({
position: 'relative',
left: '34px',
top: '-28px',
width: width - 36 + 'px',
height: '16px',
fontSize: '13px',
textOverflow: 'ellipsis',
whiteSpace: 'nowrap',
overflow: 'hidden',
cursor: 'default'
})
.html(id == 'authors' ? data.name : 'foo')
.appendTo($item);
$('<div>')
.addClass('OxLight')
.css({
position: 'relative',
left: '34px',
top: '-28px',
width: width - 36 + 'px',
height: '12px',
fontSize: '9px',
textOverflow: 'ellipsis',
whiteSpace: 'nowrap',
overflow: 'hidden',
cursor: 'default'
})
.html(id == 'authors' ? Ox.formatCount(data.items, 'Item') : 'bar')
.appendTo($item);
}
return $item;
};
}
return that;
};