| 5 |
5 |
const M = kivi.Materialize;
|
| 6 |
6 |
|
| 7 |
7 |
let num_images = 0;
|
|
8 |
ns.upload_in_progress = undefined;
|
| 8 |
9 |
|
| 9 |
10 |
ns.add_files = function(target) {
|
| 10 |
11 |
let files = [];
|
| ... | ... | |
| 67 |
68 |
};
|
| 68 |
69 |
|
| 69 |
70 |
ns.upload_selected_files = function(id, type, maxsize) {
|
|
71 |
$("#upload_modal").modal({ dismissible: false });
|
| 70 |
72 |
$("#upload_modal").modal("open");
|
| 71 |
73 |
|
| 72 |
74 |
kivi.FileDB.retrieve_all((myfiles) => {
|
| ... | ... | |
| 91 |
93 |
|
| 92 |
94 |
let xhr = new XMLHttpRequest;
|
| 93 |
95 |
xhr.open('POST', 'controller.pl', true);
|
| 94 |
|
xhr.onload = ns.attSuccess;
|
| 95 |
|
xhr.upload.onprogress = ns.attProgress;
|
| 96 |
|
xhr.upload.onerror = ns.attFailed;
|
| 97 |
|
xhr.upload.onabort = ns.attCanceled;
|
|
96 |
xhr.onload = ns.upload_complete;
|
|
97 |
xhr.upload.onprogress = ns.progress;
|
|
98 |
xhr.upload.onerror = ns.failed;
|
|
99 |
xhr.upload.onabort = ns.abort;
|
| 98 |
100 |
xhr.send(data);
|
|
101 |
|
|
102 |
ns.upload_in_progress = xhr;
|
| 99 |
103 |
});
|
| 100 |
104 |
});
|
| 101 |
105 |
};
|
| 102 |
106 |
|
| 103 |
|
ns.attProgress = function(event) {
|
|
107 |
ns.progress = function(event) {
|
| 104 |
108 |
if (event.lengthComputable) {
|
| 105 |
109 |
var percent_complete = (event.loaded / event.total) * 100;
|
|
110 |
console.log(percent_complete);
|
| 106 |
111 |
$("#upload_progress div").removeClass("indeterminate").addClass("determinate").attr("style", "width: " + percent_complete + "%");
|
| 107 |
112 |
}
|
| 108 |
113 |
};
|
| 109 |
114 |
|
| 110 |
|
ns.attFailed = function() {
|
|
115 |
ns.failed = function() {
|
| 111 |
116 |
$('#upload_modal').modal('close');
|
| 112 |
117 |
M.flash(kivi.t8("An error occurred while transferring the file."));
|
| 113 |
118 |
};
|
| 114 |
119 |
|
| 115 |
|
ns.attCanceled = function() {
|
|
120 |
ns.abort = function() {
|
| 116 |
121 |
$('#upload_modal').modal('close');
|
| 117 |
122 |
M.flash(kivi.t8("The transfer has been canceled by the user."));
|
|
123 |
|
|
124 |
ns.upload_in_progress = undefined;
|
| 118 |
125 |
};
|
| 119 |
126 |
|
| 120 |
|
ns.attSuccess = function() {
|
|
127 |
ns.upload_complete = function() {
|
| 121 |
128 |
$('#upload_modal').modal('close');
|
| 122 |
129 |
M.flash(kivi.t8("Files have been uploaded successfully."));
|
| 123 |
130 |
kivi.FileDB.delete_all(ns.reload_images);
|
ImageUpload: modal undismissable + cancel