forked from 0x2620/pandora
update files view (make file properties editable)
This commit is contained in:
parent
fba6281b3f
commit
471ab02de9
1 changed files with 75 additions and 36 deletions
|
@ -11,63 +11,61 @@ pandora.ui.filesView = function(options, self) {
|
||||||
})
|
})
|
||||||
.options(options || {});
|
.options(options || {});
|
||||||
|
|
||||||
self.wasChecked = false;
|
self.filesQuery = {
|
||||||
|
conditions: [{
|
||||||
|
key: 'id',
|
||||||
|
value: self.options.id,
|
||||||
|
operator: '=='
|
||||||
|
}]
|
||||||
|
};
|
||||||
self.numberOfItems = 0;
|
self.numberOfItems = 0;
|
||||||
self.selected = [];
|
self.selected = [];
|
||||||
|
self.wasChecked = false;
|
||||||
|
|
||||||
self.$toolbar = Ox.Bar({
|
self.$toolbar = Ox.Bar({
|
||||||
size: 24
|
size: 24
|
||||||
});
|
});
|
||||||
|
|
||||||
/*
|
self.$deleteButton = Ox.Button({
|
||||||
self.$versionSelect = Ox.Select({
|
title: 'Delete ' + pandora.site.itemName.singular + '...',
|
||||||
items: [
|
width: 128
|
||||||
{id: 'user/volume/version', title: 'Version: user/volume/version'}
|
|
||||||
],
|
|
||||||
width: 240
|
|
||||||
})
|
})
|
||||||
.css({
|
.css({
|
||||||
float: 'left',
|
float: 'left',
|
||||||
margin: '4px'
|
margin: '4px'
|
||||||
})
|
})
|
||||||
|
.bindEvent({
|
||||||
|
click: deleteItem
|
||||||
|
})
|
||||||
.appendTo(self.$toolbar);
|
.appendTo(self.$toolbar);
|
||||||
*/
|
|
||||||
|
|
||||||
self.$deleteButton = Ox.Button({
|
self.$saveButton = Ox.Button({
|
||||||
disabled: false,
|
disabled: true,
|
||||||
title: 'Delete ' + pandora.site.itemName.singular,
|
title: 'Save Changes',
|
||||||
width: 116
|
width: 128
|
||||||
})
|
})
|
||||||
.css({
|
.css({
|
||||||
float: 'right',
|
float: 'right',
|
||||||
margin: '4px'
|
margin: '4px'
|
||||||
})
|
})
|
||||||
.appendTo(self.$toolbar)
|
|
||||||
.bindEvent({
|
.bindEvent({
|
||||||
click: deleteItem
|
click: saveChanges
|
||||||
});
|
})
|
||||||
|
.appendTo(self.$toolbar);
|
||||||
|
|
||||||
self.$ignoreButton = Ox.Button({
|
self.$ignoreButton = Ox.Button({
|
||||||
disabled: 'true',
|
disabled: 'true',
|
||||||
title: 'Ignore Selected Files...'
|
title: 'Ignore Selected Files',
|
||||||
|
width: 128
|
||||||
})
|
})
|
||||||
.css({
|
.css({
|
||||||
float: 'right',
|
float: 'right',
|
||||||
margin: '4px'
|
margin: '4px'
|
||||||
})
|
})
|
||||||
.appendTo(self.$toolbar)
|
|
||||||
.bindEvent({
|
.bindEvent({
|
||||||
click: function() {
|
click: ignoreFiles
|
||||||
var data = {
|
})
|
||||||
ids: self.selected,
|
.appendTo(self.$toolbar);
|
||||||
ignore: true
|
|
||||||
};
|
|
||||||
pandora.api.editFiles(data, function(result) {
|
|
||||||
Ox.Request.clearCache();
|
|
||||||
self.$filesList.reloadList();
|
|
||||||
});
|
|
||||||
}
|
|
||||||
});
|
|
||||||
|
|
||||||
self.$filesList = Ox.TableList({
|
self.$filesList = Ox.TableList({
|
||||||
columns: [
|
columns: [
|
||||||
|
@ -148,6 +146,14 @@ pandora.ui.filesView = function(options, self) {
|
||||||
visible: true,
|
visible: true,
|
||||||
width: 60
|
width: 60
|
||||||
},
|
},
|
||||||
|
{
|
||||||
|
editable: true,
|
||||||
|
id: 'extension',
|
||||||
|
operator: '+',
|
||||||
|
title: 'Extension',
|
||||||
|
visible: true,
|
||||||
|
width: 60
|
||||||
|
},
|
||||||
{
|
{
|
||||||
align: 'left',
|
align: 'left',
|
||||||
id: 'type',
|
id: 'type',
|
||||||
|
@ -207,13 +213,7 @@ pandora.ui.filesView = function(options, self) {
|
||||||
id: 'files',
|
id: 'files',
|
||||||
items: function(data, callback) {
|
items: function(data, callback) {
|
||||||
pandora.api.findFiles(Ox.extend(data, {
|
pandora.api.findFiles(Ox.extend(data, {
|
||||||
query: {
|
query: self.filesQuery
|
||||||
conditions: [{
|
|
||||||
key: 'id',
|
|
||||||
value: self.options.id,
|
|
||||||
operator: '=='
|
|
||||||
}]
|
|
||||||
}
|
|
||||||
}), callback);
|
}), callback);
|
||||||
},
|
},
|
||||||
keys: ['wanted', 'instances'],
|
keys: ['wanted', 'instances'],
|
||||||
|
@ -251,7 +251,11 @@ pandora.ui.filesView = function(options, self) {
|
||||||
init: function(data) {
|
init: function(data) {
|
||||||
self.numberOfItems = data.items;
|
self.numberOfItems = data.items;
|
||||||
},
|
},
|
||||||
select: selectFiles
|
select: selectFiles,
|
||||||
|
submit: function(data) {
|
||||||
|
self.$saveButton.options({disabled: false});
|
||||||
|
self.$filesList.value(data.id, data.key, data.value || null);
|
||||||
|
}
|
||||||
});
|
});
|
||||||
|
|
||||||
self.$instancesList = Ox.TableList({
|
self.$instancesList = Ox.TableList({
|
||||||
|
@ -437,6 +441,18 @@ pandora.ui.filesView = function(options, self) {
|
||||||
});
|
});
|
||||||
}
|
}
|
||||||
|
|
||||||
|
function ignoreFiles() {
|
||||||
|
var data = {
|
||||||
|
files: self.selected.map(function(id) {
|
||||||
|
return {id: id, ignore: true};
|
||||||
|
})
|
||||||
|
};
|
||||||
|
pandora.api.editFiles(data, function(result) {
|
||||||
|
Ox.Request.clearCache();
|
||||||
|
self.$filesList.reloadList();
|
||||||
|
});
|
||||||
|
}
|
||||||
|
|
||||||
function moveFiles(data) {
|
function moveFiles(data) {
|
||||||
var data = {
|
var data = {
|
||||||
ids: self.selected,
|
ids: self.selected,
|
||||||
|
@ -494,6 +510,29 @@ pandora.ui.filesView = function(options, self) {
|
||||||
updateForm();
|
updateForm();
|
||||||
}
|
}
|
||||||
|
|
||||||
|
function saveChanges() {
|
||||||
|
self.$saveButton.options({disabled: true, title: 'Saving Changes...'});
|
||||||
|
pandora.api.findFiles({
|
||||||
|
keys: ['id'],
|
||||||
|
query: self.filesQuery
|
||||||
|
}, function(result) {
|
||||||
|
pandora.api.editFiles({
|
||||||
|
files: result.data.items.map(function(item) {
|
||||||
|
[
|
||||||
|
'version', 'part', 'partTitle', 'language', 'extension'
|
||||||
|
].forEach(function(key) {
|
||||||
|
Ox.extend(item, key, self.$filesList.value(item.id, key));
|
||||||
|
})
|
||||||
|
return item;
|
||||||
|
})
|
||||||
|
}, function(result) {
|
||||||
|
self.$saveButton.options({title: 'Save Changes'});
|
||||||
|
Ox.Request.clearCache(); // fixme: remove
|
||||||
|
self.$filesList.reloadList();
|
||||||
|
});
|
||||||
|
});
|
||||||
|
}
|
||||||
|
|
||||||
function updateForm() {
|
function updateForm() {
|
||||||
if (self.selected.length == self.numberOfItems) {
|
if (self.selected.length == self.numberOfItems) {
|
||||||
self.wasChecked = self.$switch.value();
|
self.wasChecked = self.$switch.value();
|
||||||
|
|
Loading…
Reference in a new issue