pandora/static/js/uploadDocumentDialog.js

206 lines
7 KiB
JavaScript
Raw Normal View History

2013-03-24 09:43:24 +00:00
'use strict';
pandora.ui.uploadDocumentDialog = function(options, callback) {
var files = options.files,
extensions = files.map(function(file) {
return file.name.split('.').pop().toLowerCase()
}),
existingFiles = [],
uploadFiles = [],
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
$content = Ox.Element().css({
margin: '16px',
overflow: 'hidden'
}),
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')) {
2016-10-04 22:00:03 +00:00
callback && 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: uploadFiles.length == 1
? Ox._('Upload Document')
: Ox._('Upload {0} Documents', [uploadFiles.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 oshashes = [];
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);
Ox.oshash(file, function(oshash) {
// skip duplicate files
if (Ox.contains(oshashes, oshash)) {
callback();
} else {
oshashes.push(oshash)
pandora.api.findDocuments({
keys: ['id', 'user', 'title', 'extension'],
query: {
conditions: [{
key: 'oshash',
operator: '==',
value: oshash
}],
operator: '&'
},
range: [0, 1],
sort: [{key: 'title', operator: '+'}]
}, function(result) {
if (result.data.items.length) {
var id = result.data.items[0].title + '.'
+ result.data.items[0].extension;
existingFiles.push({
id: id,
filename: filename
})
} else {
uploadFiles.push(file)
}
callback();
})
}
});
} ,function() {
if (uploadFiles.length) {
$uploadDialog.open();
} else if (existingFiles.length) {
var filename = existingFiles[0].filename
var id = existingFiles[0].id
errorDialog(
filename == id
? Ox._(
'The file "{0}" already exists.',
[filename]
)
: Ox._(
'The file "{0}" already exists as "{1}".',
[filename, id]
)
).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 = uploadFiles[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 == uploadFiles.length) {
$progress.options({progress: data.progress});
2016-10-04 22:00:03 +00:00
callback && callback({ids: ids});
2014-02-14 13:38:59 +00:00
$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;
progress = part / uploadFiles.length + 1 / uploadFiles.length * progress;
$progress.options({progress: progress});
}
});
}
2013-03-24 09:43:24 +00:00
};