pandora/static/js/uploadPDFDialog.js
2018-06-19 08:33:26 +02:00

92 lines
2.6 KiB
JavaScript

'use strict';
pandora.ui.uploadPDFDialog = function(options) {
var cancelled = false,
file,
selectFile,
$cancelButton,
$closeButton,
$content = Ox.Element().css({margin: '16px'}),
$progress,
$status = $('<div>').css({padding: '4px', paddingTop: '8px'}),
that = Ox.Dialog({
buttons: [
$closeButton = Ox.Button({
id: 'close',
title: Ox._('Close')
}).bindEvent({
click: function() {
that.triggerEvent('close');
}
}),
$cancelButton = Ox.Button({
id: 'cancel',
title: Ox._('Cancel'),
disabled: true
}).bindEvent({
click: function(data) {
cancelled = true;
pandora.$ui.upload && pandora.$ui.upload.abort();
$fileButton.show();
$cancelButton.hide()
$closeButton.show();
}
}),
],
content: $content,
height: 128,
removeOnClose: true,
width: 368,
title: Ox._('Upload PDF'),
})
.bindEvent({
close: function(data) {
that.close();
}
});
$content.append($status);
upload(options.file);
function resetProgress() {
$progress = Ox.Progressbar({
progress: 0,
showPercent: true,
showTime: true,
width: 304
});
$status.html('').append($progress);
}
function upload(file) {
resetProgress();
pandora.$ui.upload = pandora.chunkupload({
file: file,
url: '/api/upload/text/',
data: {
name: file.name,
id: options.id
},
}).bindEvent({
progress: function(data) {
$progress.options({progress: data.progress || 0});
},
done: function(data) {
if (data.progress == 1) {
Ox.Request.clearCache();
pandora.$ui.mainPanel.replaceElement(
1, pandora.$ui.textPanel = pandora.ui.textPanel()
);
that.close();
} else {
$content.html("failed: " + data.responseText);
}
}
});
}
return that;
};