diff --git a/static/js/pandora/deleteItemDialog.js b/static/js/pandora/deleteItemDialog.js
new file mode 100644
index 000000000..e86a2ab0d
--- /dev/null
+++ b/static/js/pandora/deleteItemDialog.js
@@ -0,0 +1,53 @@
+// vim: et:ts=4:sw=4:sts=4:ft=javascript
+'use strict';
+
+pandora.ui.deleteItemDialog = function(item) {
+ var
+ that = Ox.Dialog({
+ buttons: [
+ Ox.Button({
+ id: 'keep',
+ title: 'Keep ' + pandora.site.itemName.singular
+ }).bindEvent({
+ click: function() {
+ that.close();
+ }
+ }),
+ Ox.Button({
+ id: 'delete',
+ title: 'Delete ' + pandora.site.itemName.singular
+ }).bindEvent({
+ click: function() {
+ that.close();
+ pandora.api.remove({
+ id: item.id
+ }, function(result) {
+ Ox.Request.clearCache();
+ pandora.UI.set({item: ''});
+ });
+ }
+ })
+ ],
+ content: Ox.Element()
+ .append(
+ $('')
+ .attr({src: '/static/png/icon64.png'})
+ .css({position: 'absolute', left: '16px', top: '16px', width: '64px', height: '64px'})
+ )
+ .append(
+ $('
')
+ .css({position: 'absolute', left: '96px', top: '16px', width: '256px'})
+ .html('Are you sure you want to delete the '
+ + pandora.site.itemName.singular
+ + ' "'+ item.title + '"?
All data will be lost.')
+ ),
+ height: 128,
+ keys: {enter: 'delete', escape: 'keep'},
+ removeOnClose: true,
+ title: 'Delete ' + pandora.site.itemName.singular,
+ width: 368
+ });
+ return that;
+
+};
+
diff --git a/static/js/pandora/filesView.js b/static/js/pandora/filesView.js
index 836a676a5..a69f53400 100644
--- a/static/js/pandora/filesView.js
+++ b/static/js/pandora/filesView.js
@@ -37,6 +37,20 @@ pandora.ui.filesView = function(options, self) {
})
.appendTo(self.$toolbar);
*/
+ self.$deleteButton = Ox.Button({
+ disabled: false,
+ title: 'Delete ' + pandora.site.itemName.singular,
+ width: 116
+ })
+ .css({
+ float: 'right',
+ margin: '4px'
+ })
+ .appendTo(self.$toolbar)
+ .bindEvent({
+ click: deleteItem
+ });
+
self.$ignoreButton = Ox.Button({
disabled: 'true',
title: 'Ignore Selected Files...'
@@ -369,6 +383,7 @@ pandora.ui.filesView = function(options, self) {
.bindEvent({
click: moveFiles
});
+
self.$moviePanel = Ox.Element()
.append(self.$movieLabel)
@@ -405,6 +420,15 @@ pandora.ui.filesView = function(options, self) {
orientation: 'horizontal'
});
+ function deleteItem(data) {
+ pandora.api.get({
+ id: pandora.user.ui.item,
+ keys: ['id', 'title']
+ },function(result) {
+ pandora.ui.deleteItemDialog(result.data).open();
+ });
+ }
+
function moveFiles(data) {
var data = {
ids: self.selected,