pandora/static/js/uploadDocumentDialog.js

185 lines
6.3 KiB
JavaScript
Raw Normal View History

2013-03-24 09:43:24 +00:00
// vim: et:ts=4:sw=4:sts=4:ft=javascript
'use strict';
pandora.ui.uploadDocumentDialog = function(options, callback) {
var files = options.files,
extensions = files.map(function(file) {
return file.name.split('.').pop().toLowerCase()
}),
2013-03-24 09:43:24 +00:00
supportedExtensions = ['gif', 'jpg', 'jpeg', 'pdf', 'png'],
2013-03-24 09:43:24 +00:00
filename,
ids = [],
2013-03-24 09:43:24 +00:00
upload,
2013-03-24 11:30:18 +00:00
$errorDialog,
2013-03-24 09:43:24 +00:00
2013-03-24 11:30:18 +00:00
$content = Ox.Element().css({margin: '16px'}),
2013-03-24 09:45:09 +00:00
$text = $('<div>')
.html(Ox._('Uploading {0}', [files[0].name]))
2013-03-24 09:45:09 +00:00
.appendTo($content),
$progress = Ox.Progressbar({
width: 256,
showPercent: true,
showTime: true
})
2013-03-24 11:30:18 +00:00
.css({margin: '16px 0 16px 0'})
.appendTo($content),
$message = $('<div>')
2013-03-24 09:45:09 +00:00
.appendTo($content),
2013-03-24 09:43:24 +00:00
$uploadDialog = Ox.Dialog({
buttons: [
Ox.Button({
id: 'close',
2013-05-09 10:13:58 +00:00
title: Ox._('Cancel Upload')
2013-03-24 09:43:24 +00:00
}).bindEvent({
click: function() {
var title = this.options('title');
$uploadDialog.close();
2013-05-09 10:13:58 +00:00
if (title == Ox._('Cancel Upload')) {
upload && upload.abort();
2013-05-09 10:13:58 +00:00
} else if (title == Ox._('Done')) {
callback({
ids: ids
});
2013-03-24 09:43:24 +00:00
}
}
})
],
content: $content,
2013-03-24 11:30:18 +00:00
height: 112,
2013-03-24 09:43:24 +00:00
keys: {escape: 'close'},
width: 288,
title: files.length == 1
? Ox._('Upload Document')
: Ox._('Upload {0} Documents', [files.length])
2013-03-24 09:43:24 +00:00
})
.bindEvent({
open: function() {
uploadFile(0);
2013-03-24 09:43:24 +00:00
}
});
if (!Ox.every(extensions, function(extension) {
return Ox.contains(supportedExtensions, extension)
})) {
2015-04-20 08:13:56 +00:00
return errorDialog(
Ox._('Supported file types are GIF, JPG, PNG and PDF.')
);
2013-03-24 11:30:18 +00:00
} else {
var valid = true;
Ox.parallelForEach(files, function(file, index, array, callback) {
var extension = file.name.split('.').pop().toLowerCase(),
filename = file.name.split('.').slice(0, -1).join('.') + '.'
+ (extension == 'jpeg' ? 'jpg' : extension);
valid && Ox.oshash(file, function(oshash) {
pandora.api.findDocuments({
keys: ['id', 'user', 'name', 'extension'],
query: {
2015-04-20 08:13:56 +00:00
conditions: [{
key: 'oshash',
operator: '==',
value: oshash
}],
operator: '&'
},
range: [0, 1],
sort: [{key: 'name', operator: '+'}]
}, function(result) {
if (result.data.items.length) {
2015-04-20 08:13:56 +00:00
var id = result.data.items[0].name + '.'
+ result.data.items[0].extension;
valid && errorDialog(
filename == id
2015-04-20 08:13:56 +00:00
? Ox._(
'The file "{0}" already exists.',
[filename]
)
: Ox._(
'The file "{0}" already exists as "{1}".',
[filename, id]
)
).open();
valid = false;
}
callback();
})
});
} ,function() {
valid && $uploadDialog.open();
2013-03-24 11:30:18 +00:00
});
return {open: Ox.noop};
}
function errorDialog(text) {
return $errorDialog = pandora.ui.iconDialog({
buttons: [
Ox.Button({
id: 'close',
2013-05-09 10:13:58 +00:00
title: Ox._('Close')
2013-03-24 11:30:18 +00:00
})
.bindEvent({
click: function() {
$errorDialog.close();
}
})
],
content: text,
title: Ox._('Upload Document')
2013-03-24 11:30:18 +00:00
});
}
2013-03-24 09:43:24 +00:00
function uploadFile(part) {
var data = {
},
file = files[part],
extension = file.name.split('.').pop().toLowerCase(),
filename = file.name.split('.').slice(0, -1).join('.') + '.'
+ (extension == 'jpeg' ? 'jpg' : extension);
$text.html(Ox._('Uploading {0}', [file.name]));
if (options.id) {
data.id = options.id;
}
data.filename = filename;
upload = pandora.chunkupload({
data: data,
file: file,
url: '/api/upload/document/',
})
.bindEvent({
done: function(data) {
if (data.progress == 1) {
part++;
2014-02-14 13:38:59 +00:00
ids.push(data.response.id);
if (part == files.length) {
$progress.options({progress: data.progress});
2014-02-14 13:38:59 +00:00
callback({ids: ids});
$uploadDialog.close();
} else {
uploadFile(part);
}
} else {
$message.html(Ox._('Upload failed.'))
2015-04-20 08:13:56 +00:00
$uploadDialog.options('buttons')[0].options({
title: Ox._('Close')
});
}
},
progress: function(data) {
var progress = data.progress || 0;
2015-04-20 08:13:56 +00:00
progress = part / files.length + 1 / files.length * progress;
$progress.options({progress: progress});
}
});
}
2013-03-24 09:43:24 +00:00
};