openmedialibrary/static/js/transfersDialog.js
2014-05-12 04:09:31 +02:00

125 lines
No EOL
3.6 KiB
JavaScript

'use strict';
oml.ui.transfersDialog = function() {
var ui = oml.user.ui,
$list = Ox.TableList({
columns: [
'title', 'extension', 'size',
'transferadded', 'transferprogress'
].map(function(id) {
var key = Ox.getObjectById(oml.config.itemKeys, id);
return {
align: Ox.contains([
'size', 'transferprogress'
], id) ? 'right' : 'left',
format: key.format,
id: id,
operator: oml.getSortOperator(id),
title: Ox._(key.title),
visible: true,
width: id == 'title' ? 240
: id == 'transferadded' ? 144
: id == 'transferprogress' ? 80
: key.columnWidth
};
}),
columnsVisible: true,
items: function(data, callback) {
Ox.Request.clearCache('find'); // FIXME: not ideal - and doesn't work
oml.api.find(Ox.extend(data, {
query: {
conditions: [{
key: 'mediastate',
operator: '==',
value: 'transferring'
}],
operator: '&'
}
}), callback);
},
keys: ['author'],
sort: [{key: 'transferprogress', operator: '-'}],
unique: 'id'
}),
$statusbar = Ox.Bar({size: 16}),
$panel = Ox.SplitPanel({
elements: [
{element: $list},
{element: $statusbar, size: 16}
],
orientation: 'vertical'
}),
$item = Ox.Element(),
$cancelButton = Ox.Button({
title: 'Cancel Transfer...',
width: 128
})
.css({
margin: '8px'
})
.bindEvent({
click: function() {
// ...
}
})
.appendTo($item),
$content = Ox.SplitPanel({
elements: [
{element: $panel},
{element: $item, size: 160}
],
orientation: 'horizontal'
}),
that = Ox.Dialog({
buttons: [
Ox.Button({
id: 'preferences',
title: Ox._('Network Preferences...')
})
.bindEvent({
click: function() {
oml.UI.set({page: 'transfers'});
}
}),
{},
Ox.Button({
id: 'done',
title: Ox._('Done')
})
.bindEvent({
click: function() {
that.close();
}
})
],
closeButton: true,
content: $content,
height: 384,
title: Ox._('Transfers'),
width: 768
})
.bindEvent({
close: function() {
if (ui.page == 'transfers') {
oml.UI.set({page: ''});
}
}
});
oml.bindEvent({
transfer: Ox.throttle(function() {
$list.reloadList(true);
}, 1000)
});
return that;
};