129 lines
4.5 KiB
JavaScript
129 lines
4.5 KiB
JavaScript
'use strict';
|
||
|
||
oml.ui.listDialog = function() {
|
||
|
||
var ui = oml.user.ui,
|
||
list = ui._list,
|
||
|
||
that = Ox.Dialog({
|
||
buttons: [].concat(list && !Ox.endsWith(list, ':') ? [
|
||
Ox.Button({
|
||
id: 'duplicate',
|
||
style: 'squared',
|
||
title: Ox._('Duplicate List...')
|
||
})
|
||
.bindEvent({
|
||
click: function() {
|
||
that.close();
|
||
oml.addList(list);
|
||
}
|
||
})
|
||
] : []).concat(Ox.startsWith(list, ':') && list != '' ? [
|
||
Ox.Button({
|
||
id: 'delete',
|
||
style: 'squared',
|
||
title: Ox._('Delete List...')
|
||
})
|
||
.bindEvent({
|
||
click: function() {
|
||
that.close();
|
||
oml.ui.deleteListDialog().open();
|
||
}
|
||
})
|
||
] : []).concat([
|
||
{},
|
||
Ox.Button({
|
||
id: 'done',
|
||
style: 'squared',
|
||
title: Ox._('Done')
|
||
})
|
||
.bindEvent({
|
||
click: function() {
|
||
that.close();
|
||
}
|
||
})
|
||
]),
|
||
closeButton: true,
|
||
content: Ox.LoadingScreen().start(),
|
||
height: 264,
|
||
title: Ox.encodeHTMLEntities(getTitle(list)),
|
||
width: 648 + Ox.UI.SCROLLBAR_SIZE
|
||
});
|
||
|
||
oml.api.getLists(function(result) {
|
||
var lists = result.data.lists.filter(function(list) {
|
||
return list.user == '';
|
||
}),
|
||
listData = Ox.getObjectById(lists, list),
|
||
listNames = lists.map(function(list) {
|
||
return list.name;
|
||
}),
|
||
$content = Ox.Element()
|
||
.css({margin: '16px'}),
|
||
$nameInput = Ox.Input({
|
||
label: Ox._('Name'),
|
||
labelWidth: 128,
|
||
value: listData.name,
|
||
width: 616
|
||
})
|
||
.bindEvent({
|
||
change: function(data) {
|
||
var value = oml.getValidName(
|
||
data.value || Ox._('Untitled'),
|
||
listNames.filter(function(listName) {
|
||
return listName != listData.name;
|
||
})
|
||
);
|
||
that.options({
|
||
title: Ox.encodeHTMLEntities(getTitle(':' + value))
|
||
});
|
||
$nameInput.value(value);
|
||
// FIXME: UGLY
|
||
listNames[listNames.indexOf(listData.name)] = value;
|
||
listData.id = ':' + value;
|
||
listData.name = value;
|
||
listData.title = value;
|
||
// ...
|
||
oml.api.editList({
|
||
id: ui._list,
|
||
name: value
|
||
}, function(result) {
|
||
oml.$ui.folders.updateOwnLists(function() {
|
||
oml.UI.set({
|
||
find: {
|
||
conditions: [{
|
||
key: 'list',
|
||
operator: '==',
|
||
value: ':' + value
|
||
}],
|
||
operator: '&'
|
||
}
|
||
}/*, false*/); // FIXME: ui._lists still outdated
|
||
});
|
||
});
|
||
}
|
||
})
|
||
.appendTo($content),
|
||
$findForm;
|
||
if (listData.type == 'smart') {
|
||
$findForm = oml.ui.findForm(listData)
|
||
.css({marginTop: '8px'})
|
||
.appendTo($content);
|
||
}
|
||
that.options({content: $content});
|
||
$nameInput.focusInput(true);
|
||
});
|
||
|
||
function getTitle(list) {
|
||
return Ox._('List – {0}', [
|
||
list == '' ? Ox._('All Libraries')
|
||
: list
|
||
.replace(/^:/, oml.user.preferences.username + ':')
|
||
.replace(/:$/, Ox._(':Library'))
|
||
]);
|
||
}
|
||
|
||
return that;
|
||
|
||
};
|