\n ![]()
\n
"
- };
-
- extend = function() {
- var key, object, objects, target, val, _i, _len;
- target = arguments[0], objects = 2 <= arguments.length ? __slice.call(arguments, 1) : [];
- for (_i = 0, _len = objects.length; _i < _len; _i++) {
- object = objects[_i];
- for (key in object) {
- val = object[key];
- target[key] = val;
- }
- }
- return target;
- };
-
- function Dropzone(element, options) {
- var elementOptions, fallback, _ref;
- this.element = element;
- this.version = Dropzone.version;
- this.defaultOptions.previewTemplate = this.defaultOptions.previewTemplate.replace(/\n*/g, "");
- this.clickableElements = [];
- this.listeners = [];
- this.files = [];
- if (typeof this.element === "string") {
- this.element = document.querySelector(this.element);
- }
- if (!(this.element && (this.element.nodeType != null))) {
- throw new Error("Invalid dropzone element.");
- }
- if (this.element.dropzone) {
- throw new Error("Dropzone already attached.");
- }
- Dropzone.instances.push(this);
- this.element.dropzone = this;
- elementOptions = (_ref = Dropzone.optionsForElement(this.element)) != null ? _ref : {};
- this.options = extend({}, this.defaultOptions, elementOptions, options != null ? options : {});
- if (this.options.forceFallback || !Dropzone.isBrowserSupported()) {
- return this.options.fallback.call(this);
- }
- if (this.options.url == null) {
- this.options.url = this.element.getAttribute("action");
- }
- if (!this.options.url) {
- throw new Error("No URL provided.");
- }
- if (this.options.acceptedFiles && this.options.acceptedMimeTypes) {
- throw new Error("You can't provide both 'acceptedFiles' and 'acceptedMimeTypes'. 'acceptedMimeTypes' is deprecated.");
- }
- if (this.options.acceptedMimeTypes) {
- this.options.acceptedFiles = this.options.acceptedMimeTypes;
- delete this.options.acceptedMimeTypes;
- }
- this.options.method = this.options.method.toUpperCase();
- if ((fallback = this.getExistingFallback()) && fallback.parentNode) {
- fallback.parentNode.removeChild(fallback);
- }
- if (this.options.previewsContainer !== false) {
- if (this.options.previewsContainer) {
- this.previewsContainer = Dropzone.getElement(this.options.previewsContainer, "previewsContainer");
- } else {
- this.previewsContainer = this.element;
- }
- }
- if (this.options.clickable) {
- if (this.options.clickable === true) {
- this.clickableElements = [this.element];
- } else {
- this.clickableElements = Dropzone.getElements(this.options.clickable, "clickable");
- }
- }
- this.init();
- }
-
- Dropzone.prototype.getAcceptedFiles = function() {
- var file, _i, _len, _ref, _results;
- _ref = this.files;
- _results = [];
- for (_i = 0, _len = _ref.length; _i < _len; _i++) {
- file = _ref[_i];
- if (file.accepted) {
- _results.push(file);
- }
- }
- return _results;
- };
-
- Dropzone.prototype.getRejectedFiles = function() {
- var file, _i, _len, _ref, _results;
- _ref = this.files;
- _results = [];
- for (_i = 0, _len = _ref.length; _i < _len; _i++) {
- file = _ref[_i];
- if (!file.accepted) {
- _results.push(file);
- }
- }
- return _results;
- };
-
- Dropzone.prototype.getFilesWithStatus = function(status) {
- var file, _i, _len, _ref, _results;
- _ref = this.files;
- _results = [];
- for (_i = 0, _len = _ref.length; _i < _len; _i++) {
- file = _ref[_i];
- if (file.status === status) {
- _results.push(file);
- }
- }
- return _results;
- };
-
- Dropzone.prototype.getQueuedFiles = function() {
- return this.getFilesWithStatus(Dropzone.QUEUED);
- };
-
- Dropzone.prototype.getUploadingFiles = function() {
- return this.getFilesWithStatus(Dropzone.UPLOADING);
- };
-
- Dropzone.prototype.getAddedFiles = function() {
- return this.getFilesWithStatus(Dropzone.ADDED);
- };
-
- Dropzone.prototype.getActiveFiles = function() {
- var file, _i, _len, _ref, _results;
- _ref = this.files;
- _results = [];
- for (_i = 0, _len = _ref.length; _i < _len; _i++) {
- file = _ref[_i];
- if (file.status === Dropzone.UPLOADING || file.status === Dropzone.QUEUED) {
- _results.push(file);
- }
- }
- return _results;
- };
-
- Dropzone.prototype.init = function() {
- var eventName, noPropagation, setupHiddenFileInput, _i, _len, _ref, _ref1;
- if (this.element.tagName === "form") {
- this.element.setAttribute("enctype", "multipart/form-data");
- }
- if (this.element.classList.contains("dropzone") && !this.element.querySelector(".dz-message")) {
- this.element.appendChild(Dropzone.createElement("\n
\n \n
\n
\n \n
\n \n
\n \n \n
\n" + this.options.dictDefaultMessage + "
"));
- }
- if (this.clickableElements.length) {
- setupHiddenFileInput = (function(_this) {
- return function() {
- if (_this.hiddenFileInput) {
- _this.hiddenFileInput.parentNode.removeChild(_this.hiddenFileInput);
- }
- _this.hiddenFileInput = document.createElement("input");
- _this.hiddenFileInput.setAttribute("type", "file");
- if ((_this.options.maxFiles == null) || _this.options.maxFiles > 1) {
- _this.hiddenFileInput.setAttribute("multiple", "multiple");
- }
- _this.hiddenFileInput.className = "dz-hidden-input";
- if (_this.options.acceptedFiles != null) {
- _this.hiddenFileInput.setAttribute("accept", _this.options.acceptedFiles);
- }
- if (_this.options.capture != null) {
- _this.hiddenFileInput.setAttribute("capture", _this.options.capture);
- }
- _this.hiddenFileInput.style.visibility = "hidden";
- _this.hiddenFileInput.style.position = "absolute";
- _this.hiddenFileInput.style.top = "0";
- _this.hiddenFileInput.style.left = "0";
- _this.hiddenFileInput.style.height = "0";
- _this.hiddenFileInput.style.width = "0";
- document.querySelector(_this.options.hiddenInputContainer).appendChild(_this.hiddenFileInput);
- return _this.hiddenFileInput.addEventListener("change", function() {
- var file, files, _i, _len;
- files = _this.hiddenFileInput.files;
- if (files.length) {
- for (_i = 0, _len = files.length; _i < _len; _i++) {
- file = files[_i];
- _this.addFile(file);
- }
- }
- _this.emit("addedfiles", files);
- return setupHiddenFileInput();
- });
- };
- })(this);
- setupHiddenFileInput();
- }
- this.URL = (_ref = window.URL) != null ? _ref : window.webkitURL;
- _ref1 = this.events;
- for (_i = 0, _len = _ref1.length; _i < _len; _i++) {
- eventName = _ref1[_i];
- this.on(eventName, this.options[eventName]);
- }
- this.on("uploadprogress", (function(_this) {
- return function() {
- return _this.updateTotalUploadProgress();
- };
- })(this));
- this.on("removedfile", (function(_this) {
- return function() {
- return _this.updateTotalUploadProgress();
- };
- })(this));
- this.on("canceled", (function(_this) {
- return function(file) {
- return _this.emit("complete", file);
- };
- })(this));
- this.on("complete", (function(_this) {
- return function(file) {
- if (_this.getAddedFiles().length === 0 && _this.getUploadingFiles().length === 0 && _this.getQueuedFiles().length === 0) {
- return setTimeout((function() {
- return _this.emit("queuecomplete");
- }), 0);
- }
- };
- })(this));
- noPropagation = function(e) {
- e.stopPropagation();
- if (e.preventDefault) {
- return e.preventDefault();
- } else {
- return e.returnValue = false;
- }
- };
- this.listeners = [
- {
- element: this.element,
- events: {
- "dragstart": (function(_this) {
- return function(e) {
- return _this.emit("dragstart", e);
- };
- })(this),
- "dragenter": (function(_this) {
- return function(e) {
- noPropagation(e);
- return _this.emit("dragenter", e);
- };
- })(this),
- "dragover": (function(_this) {
- return function(e) {
- var efct;
- try {
- efct = e.dataTransfer.effectAllowed;
- } catch (_error) {}
- e.dataTransfer.dropEffect = 'move' === efct || 'linkMove' === efct ? 'move' : 'copy';
- noPropagation(e);
- return _this.emit("dragover", e);
- };
- })(this),
- "dragleave": (function(_this) {
- return function(e) {
- return _this.emit("dragleave", e);
- };
- })(this),
- "drop": (function(_this) {
- return function(e) {
- noPropagation(e);
- return _this.drop(e);
- };
- })(this),
- "dragend": (function(_this) {
- return function(e) {
- return _this.emit("dragend", e);
- };
- })(this)
- }
- }
- ];
- this.clickableElements.forEach((function(_this) {
- return function(clickableElement) {
- return _this.listeners.push({
- element: clickableElement,
- events: {
- "click": function(evt) {
- if ((clickableElement !== _this.element) || (evt.target === _this.element || Dropzone.elementInside(evt.target, _this.element.querySelector(".dz-message")))) {
- _this.hiddenFileInput.click();
- }
- return true;
- }
- }
- });
- };
- })(this));
- this.enable();
- return this.options.init.call(this);
- };
-
- Dropzone.prototype.destroy = function() {
- var _ref;
- this.disable();
- this.removeAllFiles(true);
- if ((_ref = this.hiddenFileInput) != null ? _ref.parentNode : void 0) {
- this.hiddenFileInput.parentNode.removeChild(this.hiddenFileInput);
- this.hiddenFileInput = null;
- }
- delete this.element.dropzone;
- return Dropzone.instances.splice(Dropzone.instances.indexOf(this), 1);
- };
-
- Dropzone.prototype.updateTotalUploadProgress = function() {
- var activeFiles, file, totalBytes, totalBytesSent, totalUploadProgress, _i, _len, _ref;
- totalBytesSent = 0;
- totalBytes = 0;
- activeFiles = this.getActiveFiles();
- if (activeFiles.length) {
- _ref = this.getActiveFiles();
- for (_i = 0, _len = _ref.length; _i < _len; _i++) {
- file = _ref[_i];
- totalBytesSent += file.upload.bytesSent;
- totalBytes += file.upload.total;
- }
- totalUploadProgress = 100 * totalBytesSent / totalBytes;
- } else {
- totalUploadProgress = 100;
- }
- return this.emit("totaluploadprogress", totalUploadProgress, totalBytes, totalBytesSent);
- };
-
- Dropzone.prototype._getParamName = function(n) {
- if (typeof this.options.paramName === "function") {
- return this.options.paramName(n);
- } else {
- return "" + this.options.paramName + (this.options.uploadMultiple ? "[" + n + "]" : "");
- }
- };
-
- Dropzone.prototype.getFallbackForm = function() {
- var existingFallback, fields, fieldsString, form;
- if (existingFallback = this.getExistingFallback()) {
- return existingFallback;
- }
- fieldsString = "";
- if (this.options.dictFallbackText) {
- fieldsString += "
";
- fields = Dropzone.createElement(fieldsString);
- if (this.element.tagName !== "FORM") {
- form = Dropzone.createElement("");
- form.appendChild(fields);
- } else {
- this.element.setAttribute("enctype", "multipart/form-data");
- this.element.setAttribute("method", this.options.method);
- }
- return form != null ? form : fields;
- };
-
- Dropzone.prototype.getExistingFallback = function() {
- var fallback, getFallback, tagName, _i, _len, _ref;
- getFallback = function(elements) {
- var el, _i, _len;
- for (_i = 0, _len = elements.length; _i < _len; _i++) {
- el = elements[_i];
- if (/(^| )fallback($| )/.test(el.className)) {
- return el;
- }
- }
- };
- _ref = ["div", "form"];
- for (_i = 0, _len = _ref.length; _i < _len; _i++) {
- tagName = _ref[_i];
- if (fallback = getFallback(this.element.getElementsByTagName(tagName))) {
- return fallback;
- }
- }
- };
-
- Dropzone.prototype.setupEventListeners = function() {
- var elementListeners, event, listener, _i, _len, _ref, _results;
- _ref = this.listeners;
- _results = [];
- for (_i = 0, _len = _ref.length; _i < _len; _i++) {
- elementListeners = _ref[_i];
- _results.push((function() {
- var _ref1, _results1;
- _ref1 = elementListeners.events;
- _results1 = [];
- for (event in _ref1) {
- listener = _ref1[event];
- _results1.push(elementListeners.element.addEventListener(event, listener, false));
- }
- return _results1;
- })());
- }
- return _results;
- };
-
- Dropzone.prototype.removeEventListeners = function() {
- var elementListeners, event, listener, _i, _len, _ref, _results;
- _ref = this.listeners;
- _results = [];
- for (_i = 0, _len = _ref.length; _i < _len; _i++) {
- elementListeners = _ref[_i];
- _results.push((function() {
- var _ref1, _results1;
- _ref1 = elementListeners.events;
- _results1 = [];
- for (event in _ref1) {
- listener = _ref1[event];
- _results1.push(elementListeners.element.removeEventListener(event, listener, false));
- }
- return _results1;
- })());
- }
- return _results;
- };
-
- Dropzone.prototype.disable = function() {
- var file, _i, _len, _ref, _results;
- this.clickableElements.forEach(function(element) {
- return element.classList.remove("dz-clickable");
- });
- this.removeEventListeners();
- _ref = this.files;
- _results = [];
- for (_i = 0, _len = _ref.length; _i < _len; _i++) {
- file = _ref[_i];
- _results.push(this.cancelUpload(file));
- }
- return _results;
- };
-
- Dropzone.prototype.enable = function() {
- this.clickableElements.forEach(function(element) {
- return element.classList.add("dz-clickable");
- });
- return this.setupEventListeners();
- };
-
- Dropzone.prototype.filesize = function(size) {
- var cutoff, i, selectedSize, selectedUnit, unit, units, _i, _len;
- selectedSize = 0;
- selectedUnit = "b";
- if (size > 0) {
- units = ['TB', 'GB', 'MB', 'KB', 'b'];
- for (i = _i = 0, _len = units.length; _i < _len; i = ++_i) {
- unit = units[i];
- cutoff = Math.pow(this.options.filesizeBase, 4 - i) / 10;
- if (size >= cutoff) {
- selectedSize = size / Math.pow(this.options.filesizeBase, 4 - i);
- selectedUnit = unit;
- break;
- }
- }
- selectedSize = Math.round(10 * selectedSize) / 10;
- }
- return "" + selectedSize + " " + selectedUnit;
- };
-
- Dropzone.prototype._updateMaxFilesReachedClass = function() {
- if ((this.options.maxFiles != null) && this.getAcceptedFiles().length >= this.options.maxFiles) {
- if (this.getAcceptedFiles().length === this.options.maxFiles) {
- this.emit('maxfilesreached', this.files);
- }
- return this.element.classList.add("dz-max-files-reached");
- } else {
- return this.element.classList.remove("dz-max-files-reached");
- }
- };
-
- Dropzone.prototype.drop = function(e) {
- var files, items;
- if (!e.dataTransfer) {
- return;
- }
- this.emit("drop", e);
- files = e.dataTransfer.files;
- this.emit("addedfiles", files);
- if (files.length) {
- items = e.dataTransfer.items;
- if (items && items.length && (items[0].webkitGetAsEntry != null)) {
- this._addFilesFromItems(items);
- } else {
- this.handleFiles(files);
- }
- }
- };
-
- Dropzone.prototype.paste = function(e) {
- var items, _ref;
- if ((e != null ? (_ref = e.clipboardData) != null ? _ref.items : void 0 : void 0) == null) {
- return;
- }
- this.emit("paste", e);
- items = e.clipboardData.items;
- if (items.length) {
- return this._addFilesFromItems(items);
- }
- };
-
- Dropzone.prototype.handleFiles = function(files) {
- var file, _i, _len, _results;
- _results = [];
- for (_i = 0, _len = files.length; _i < _len; _i++) {
- file = files[_i];
- _results.push(this.addFile(file));
- }
- return _results;
- };
-
- Dropzone.prototype._addFilesFromItems = function(items) {
- var entry, item, _i, _len, _results;
- _results = [];
- for (_i = 0, _len = items.length; _i < _len; _i++) {
- item = items[_i];
- if ((item.webkitGetAsEntry != null) && (entry = item.webkitGetAsEntry())) {
- if (entry.isFile) {
- _results.push(this.addFile(item.getAsFile()));
- } else if (entry.isDirectory) {
- _results.push(this._addFilesFromDirectory(entry, entry.name));
- } else {
- _results.push(void 0);
- }
- } else if (item.getAsFile != null) {
- if ((item.kind == null) || item.kind === "file") {
- _results.push(this.addFile(item.getAsFile()));
- } else {
- _results.push(void 0);
- }
- } else {
- _results.push(void 0);
- }
- }
- return _results;
- };
-
- Dropzone.prototype._addFilesFromDirectory = function(directory, path) {
- var dirReader, entriesReader;
- dirReader = directory.createReader();
- entriesReader = (function(_this) {
- return function(entries) {
- var entry, _i, _len;
- for (_i = 0, _len = entries.length; _i < _len; _i++) {
- entry = entries[_i];
- if (entry.isFile) {
- entry.file(function(file) {
- if (_this.options.ignoreHiddenFiles && file.name.substring(0, 1) === '.') {
- return;
- }
- file.fullPath = "" + path + "/" + file.name;
- return _this.addFile(file);
- });
- } else if (entry.isDirectory) {
- _this._addFilesFromDirectory(entry, "" + path + "/" + entry.name);
- }
- }
- };
- })(this);
- return dirReader.readEntries(entriesReader, function(error) {
- return typeof console !== "undefined" && console !== null ? typeof console.log === "function" ? console.log(error) : void 0 : void 0;
- });
- };
-
- Dropzone.prototype.accept = function(file, done) {
- if (file.size > this.options.maxFilesize * 1024 * 1024) {
- return done(this.options.dictFileTooBig.replace("{{filesize}}", Math.round(file.size / 1024 / 10.24) / 100).replace("{{maxFilesize}}", this.options.maxFilesize));
- } else if (!Dropzone.isValidFile(file, this.options.acceptedFiles)) {
- return done(this.options.dictInvalidFileType);
- } else if ((this.options.maxFiles != null) && this.getAcceptedFiles().length >= this.options.maxFiles) {
- done(this.options.dictMaxFilesExceeded.replace("{{maxFiles}}", this.options.maxFiles));
- return this.emit("maxfilesexceeded", file);
- } else {
- return this.options.accept.call(this, file, done);
- }
- };
-
- Dropzone.prototype.addFile = function(file) {
- file.upload = {
- progress: 0,
- total: file.size,
- bytesSent: 0
- };
- this.files.push(file);
- file.status = Dropzone.ADDED;
- this.emit("addedfile", file);
- this._enqueueThumbnail(file);
- return this.accept(file, (function(_this) {
- return function(error) {
- if (error) {
- file.accepted = false;
- _this._errorProcessing([file], error);
- } else {
- file.accepted = true;
- if (_this.options.autoQueue) {
- _this.enqueueFile(file);
- }
- }
- return _this._updateMaxFilesReachedClass();
- };
- })(this));
- };
-
- Dropzone.prototype.enqueueFiles = function(files) {
- var file, _i, _len;
- for (_i = 0, _len = files.length; _i < _len; _i++) {
- file = files[_i];
- this.enqueueFile(file);
- }
- return null;
- };
-
- Dropzone.prototype.enqueueFile = function(file) {
- if (file.status === Dropzone.ADDED && file.accepted === true) {
- file.status = Dropzone.QUEUED;
- if (this.options.autoProcessQueue) {
- return setTimeout(((function(_this) {
- return function() {
- return _this.processQueue();
- };
- })(this)), 0);
- }
- } else {
- throw new Error("This file can't be queued because it has already been processed or was rejected.");
- }
- };
-
- Dropzone.prototype._thumbnailQueue = [];
-
- Dropzone.prototype._processingThumbnail = false;
-
- Dropzone.prototype._enqueueThumbnail = function(file) {
- if (this.options.createImageThumbnails && file.type.match(/image.*/) && file.size <= this.options.maxThumbnailFilesize * 1024 * 1024) {
- this._thumbnailQueue.push(file);
- return setTimeout(((function(_this) {
- return function() {
- return _this._processThumbnailQueue();
- };
- })(this)), 0);
- }
- };
-
- Dropzone.prototype._processThumbnailQueue = function() {
- if (this._processingThumbnail || this._thumbnailQueue.length === 0) {
- return;
- }
- this._processingThumbnail = true;
- return this.createThumbnail(this._thumbnailQueue.shift(), (function(_this) {
- return function() {
- _this._processingThumbnail = false;
- return _this._processThumbnailQueue();
- };
- })(this));
- };
-
- Dropzone.prototype.removeFile = function(file) {
- if (file.status === Dropzone.UPLOADING) {
- this.cancelUpload(file);
- }
- this.files = without(this.files, file);
- this.emit("removedfile", file);
- if (this.files.length === 0) {
- return this.emit("reset");
- }
- };
-
- Dropzone.prototype.removeAllFiles = function(cancelIfNecessary) {
- var file, _i, _len, _ref;
- if (cancelIfNecessary == null) {
- cancelIfNecessary = false;
- }
- _ref = this.files.slice();
- for (_i = 0, _len = _ref.length; _i < _len; _i++) {
- file = _ref[_i];
- if (file.status !== Dropzone.UPLOADING || cancelIfNecessary) {
- this.removeFile(file);
- }
- }
- return null;
- };
-
- Dropzone.prototype.createThumbnail = function(file, callback) {
- var fileReader;
- fileReader = new FileReader;
- fileReader.onload = (function(_this) {
- return function() {
- if (file.type === "image/svg+xml") {
- _this.emit("thumbnail", file, fileReader.result);
- if (callback != null) {
- callback();
- }
- return;
- }
- return _this.createThumbnailFromUrl(file, fileReader.result, callback);
- };
- })(this);
- return fileReader.readAsDataURL(file);
- };
-
- Dropzone.prototype.createThumbnailFromUrl = function(file, imageUrl, callback, crossOrigin) {
- var img;
- img = document.createElement("img");
- if (crossOrigin) {
- img.crossOrigin = crossOrigin;
- }
- img.onload = (function(_this) {
- return function() {
- var canvas, ctx, resizeInfo, thumbnail, _ref, _ref1, _ref2, _ref3;
- file.width = img.width;
- file.height = img.height;
- resizeInfo = _this.options.resize.call(_this, file);
- if (resizeInfo.trgWidth == null) {
- resizeInfo.trgWidth = resizeInfo.optWidth;
- }
- if (resizeInfo.trgHeight == null) {
- resizeInfo.trgHeight = resizeInfo.optHeight;
- }
- canvas = document.createElement("canvas");
- ctx = canvas.getContext("2d");
- canvas.width = resizeInfo.trgWidth;
- canvas.height = resizeInfo.trgHeight;
- drawImageIOSFix(ctx, img, (_ref = resizeInfo.srcX) != null ? _ref : 0, (_ref1 = resizeInfo.srcY) != null ? _ref1 : 0, resizeInfo.srcWidth, resizeInfo.srcHeight, (_ref2 = resizeInfo.trgX) != null ? _ref2 : 0, (_ref3 = resizeInfo.trgY) != null ? _ref3 : 0, resizeInfo.trgWidth, resizeInfo.trgHeight);
- thumbnail = canvas.toDataURL("image/png");
- _this.emit("thumbnail", file, thumbnail);
- if (callback != null) {
- return callback();
- }
- };
- })(this);
- if (callback != null) {
- img.onerror = callback;
- }
- return img.src = imageUrl;
- };
-
- Dropzone.prototype.processQueue = function() {
- var i, parallelUploads, processingLength, queuedFiles;
- parallelUploads = this.options.parallelUploads;
- processingLength = this.getUploadingFiles().length;
- i = processingLength;
- if (processingLength >= parallelUploads) {
- return;
- }
- queuedFiles = this.getQueuedFiles();
- if (!(queuedFiles.length > 0)) {
- return;
- }
- if (this.options.uploadMultiple) {
- return this.processFiles(queuedFiles.slice(0, parallelUploads - processingLength));
- } else {
- while (i < parallelUploads) {
- if (!queuedFiles.length) {
- return;
- }
- this.processFile(queuedFiles.shift());
- i++;
- }
- }
- };
-
- Dropzone.prototype.processFile = function(file) {
- return this.processFiles([file]);
- };
-
- Dropzone.prototype.processFiles = function(files) {
- var file, _i, _len;
- for (_i = 0, _len = files.length; _i < _len; _i++) {
- file = files[_i];
- file.processing = true;
- file.status = Dropzone.UPLOADING;
- this.emit("processing", file);
- }
- if (this.options.uploadMultiple) {
- this.emit("processingmultiple", files);
- }
- return this.uploadFiles(files);
- };
-
- Dropzone.prototype._getFilesWithXhr = function(xhr) {
- var file, files;
- return files = (function() {
- var _i, _len, _ref, _results;
- _ref = this.files;
- _results = [];
- for (_i = 0, _len = _ref.length; _i < _len; _i++) {
- file = _ref[_i];
- if (file.xhr === xhr) {
- _results.push(file);
- }
- }
- return _results;
- }).call(this);
- };
-
- Dropzone.prototype.cancelUpload = function(file) {
- var groupedFile, groupedFiles, _i, _j, _len, _len1, _ref;
- if (file.status === Dropzone.UPLOADING) {
- groupedFiles = this._getFilesWithXhr(file.xhr);
- for (_i = 0, _len = groupedFiles.length; _i < _len; _i++) {
- groupedFile = groupedFiles[_i];
- groupedFile.status = Dropzone.CANCELED;
- }
- file.xhr.abort();
- for (_j = 0, _len1 = groupedFiles.length; _j < _len1; _j++) {
- groupedFile = groupedFiles[_j];
- this.emit("canceled", groupedFile);
- }
- if (this.options.uploadMultiple) {
- this.emit("canceledmultiple", groupedFiles);
- }
- } else if ((_ref = file.status) === Dropzone.ADDED || _ref === Dropzone.QUEUED) {
- file.status = Dropzone.CANCELED;
- this.emit("canceled", file);
- if (this.options.uploadMultiple) {
- this.emit("canceledmultiple", [file]);
- }
- }
- if (this.options.autoProcessQueue) {
- return this.processQueue();
- }
- };
-
- resolveOption = function() {
- var args, option;
- option = arguments[0], args = 2 <= arguments.length ? __slice.call(arguments, 1) : [];
- if (typeof option === 'function') {
- return option.apply(this, args);
- }
- return option;
- };
-
- Dropzone.prototype.uploadFile = function(file) {
- return this.uploadFiles([file]);
- };
-
- Dropzone.prototype.uploadFiles = function(files) {
- var file, formData, handleError, headerName, headerValue, headers, i, input, inputName, inputType, key, method, option, progressObj, response, updateProgress, url, value, xhr, _i, _j, _k, _l, _len, _len1, _len2, _len3, _m, _ref, _ref1, _ref2, _ref3, _ref4, _ref5;
- xhr = new XMLHttpRequest();
- for (_i = 0, _len = files.length; _i < _len; _i++) {
- file = files[_i];
- file.xhr = xhr;
- }
- method = resolveOption(this.options.method, files);
- url = resolveOption(this.options.url, files);
- xhr.open(method, url, true);
- xhr.withCredentials = !!this.options.withCredentials;
- response = null;
- handleError = (function(_this) {
- return function() {
- var _j, _len1, _results;
- _results = [];
- for (_j = 0, _len1 = files.length; _j < _len1; _j++) {
- file = files[_j];
- _results.push(_this._errorProcessing(files, response || _this.options.dictResponseError.replace("{{statusCode}}", xhr.status), xhr));
- }
- return _results;
- };
- })(this);
- updateProgress = (function(_this) {
- return function(e) {
- var allFilesFinished, progress, _j, _k, _l, _len1, _len2, _len3, _results;
- if (e != null) {
- progress = 100 * e.loaded / e.total;
- for (_j = 0, _len1 = files.length; _j < _len1; _j++) {
- file = files[_j];
- file.upload = {
- progress: progress,
- total: e.total,
- bytesSent: e.loaded
- };
- }
- } else {
- allFilesFinished = true;
- progress = 100;
- for (_k = 0, _len2 = files.length; _k < _len2; _k++) {
- file = files[_k];
- if (!(file.upload.progress === 100 && file.upload.bytesSent === file.upload.total)) {
- allFilesFinished = false;
- }
- file.upload.progress = progress;
- file.upload.bytesSent = file.upload.total;
- }
- if (allFilesFinished) {
- return;
- }
- }
- _results = [];
- for (_l = 0, _len3 = files.length; _l < _len3; _l++) {
- file = files[_l];
- _results.push(_this.emit("uploadprogress", file, progress, file.upload.bytesSent));
- }
- return _results;
- };
- })(this);
- xhr.onload = (function(_this) {
- return function(e) {
- var _ref;
- if (files[0].status === Dropzone.CANCELED) {
- return;
- }
- if (xhr.readyState !== 4) {
- return;
- }
- response = xhr.responseText;
- if (xhr.getResponseHeader("content-type") && ~xhr.getResponseHeader("content-type").indexOf("application/json")) {
- try {
- response = JSON.parse(response);
- } catch (_error) {
- e = _error;
- response = "Invalid JSON response from server.";
- }
- }
- updateProgress();
- if (!((200 <= (_ref = xhr.status) && _ref < 300))) {
- return handleError();
- } else {
- return _this._finished(files, response, e);
- }
- };
- })(this);
- xhr.onerror = (function(_this) {
- return function() {
- if (files[0].status === Dropzone.CANCELED) {
- return;
- }
- return handleError();
- };
- })(this);
- progressObj = (_ref = xhr.upload) != null ? _ref : xhr;
- progressObj.onprogress = updateProgress;
- headers = {
- "Accept": "application/json",
- "Cache-Control": "no-cache",
- "X-Requested-With": "XMLHttpRequest"
- };
- if (this.options.headers) {
- extend(headers, this.options.headers);
- }
- for (headerName in headers) {
- headerValue = headers[headerName];
- if (headerValue) {
- xhr.setRequestHeader(headerName, headerValue);
- }
- }
- formData = new FormData();
- if (this.options.params) {
- _ref1 = this.options.params;
- for (key in _ref1) {
- value = _ref1[key];
- formData.append(key, value);
- }
- }
- for (_j = 0, _len1 = files.length; _j < _len1; _j++) {
- file = files[_j];
- this.emit("sending", file, xhr, formData);
- }
- if (this.options.uploadMultiple) {
- this.emit("sendingmultiple", files, xhr, formData);
- }
- if (this.element.tagName === "FORM") {
- _ref2 = this.element.querySelectorAll("input, textarea, select, button");
- for (_k = 0, _len2 = _ref2.length; _k < _len2; _k++) {
- input = _ref2[_k];
- inputName = input.getAttribute("name");
- inputType = input.getAttribute("type");
- if (input.tagName === "SELECT" && input.hasAttribute("multiple")) {
- _ref3 = input.options;
- for (_l = 0, _len3 = _ref3.length; _l < _len3; _l++) {
- option = _ref3[_l];
- if (option.selected) {
- formData.append(inputName, option.value);
- }
- }
- } else if (!inputType || ((_ref4 = inputType.toLowerCase()) !== "checkbox" && _ref4 !== "radio") || input.checked) {
- formData.append(inputName, input.value);
- }
- }
- }
- for (i = _m = 0, _ref5 = files.length - 1; 0 <= _ref5 ? _m <= _ref5 : _m >= _ref5; i = 0 <= _ref5 ? ++_m : --_m) {
- formData.append(this._getParamName(i), files[i], files[i].name);
- }
- return this.submitRequest(xhr, formData, files);
- };
-
- Dropzone.prototype.submitRequest = function(xhr, formData, files) {
- return xhr.send(formData);
- };
-
- Dropzone.prototype._finished = function(files, responseText, e) {
- var file, _i, _len;
- for (_i = 0, _len = files.length; _i < _len; _i++) {
- file = files[_i];
- file.status = Dropzone.SUCCESS;
- this.emit("success", file, responseText, e);
- this.emit("complete", file);
- }
- if (this.options.uploadMultiple) {
- this.emit("successmultiple", files, responseText, e);
- this.emit("completemultiple", files);
- }
- if (this.options.autoProcessQueue) {
- return this.processQueue();
- }
- };
-
- Dropzone.prototype._errorProcessing = function(files, message, xhr) {
- var file, _i, _len;
- for (_i = 0, _len = files.length; _i < _len; _i++) {
- file = files[_i];
- file.status = Dropzone.ERROR;
- this.emit("error", file, message, xhr);
- this.emit("complete", file);
- }
- if (this.options.uploadMultiple) {
- this.emit("errormultiple", files, message, xhr);
- this.emit("completemultiple", files);
- }
- if (this.options.autoProcessQueue) {
- return this.processQueue();
- }
- };
-
- return Dropzone;
-
- })(Emitter);
-
- Dropzone.version = "4.2.0";
-
- Dropzone.options = {};
-
- Dropzone.optionsForElement = function(element) {
- if (element.getAttribute("id")) {
- return Dropzone.options[camelize(element.getAttribute("id"))];
- } else {
- return void 0;
- }
- };
-
- Dropzone.instances = [];
-
- Dropzone.forElement = function(element) {
- if (typeof element === "string") {
- element = document.querySelector(element);
- }
- if ((element != null ? element.dropzone : void 0) == null) {
- throw new Error("No Dropzone found for given element. This is probably because you're trying to access it before Dropzone had the time to initialize. Use the `init` option to setup any additional observers on your Dropzone.");
- }
- return element.dropzone;
- };
-
- Dropzone.autoDiscover = true;
-
- Dropzone.discover = function() {
- var checkElements, dropzone, dropzones, _i, _len, _results;
- if (document.querySelectorAll) {
- dropzones = document.querySelectorAll(".dropzone");
- } else {
- dropzones = [];
- checkElements = function(elements) {
- var el, _i, _len, _results;
- _results = [];
- for (_i = 0, _len = elements.length; _i < _len; _i++) {
- el = elements[_i];
- if (/(^| )dropzone($| )/.test(el.className)) {
- _results.push(dropzones.push(el));
- } else {
- _results.push(void 0);
- }
- }
- return _results;
- };
- checkElements(document.getElementsByTagName("div"));
- checkElements(document.getElementsByTagName("form"));
- }
- _results = [];
- for (_i = 0, _len = dropzones.length; _i < _len; _i++) {
- dropzone = dropzones[_i];
- if (Dropzone.optionsForElement(dropzone) !== false) {
- _results.push(new Dropzone(dropzone));
- } else {
- _results.push(void 0);
- }
- }
- return _results;
- };
-
- Dropzone.blacklistedBrowsers = [/opera.*Macintosh.*version\/12/i];
-
- Dropzone.isBrowserSupported = function() {
- var capableBrowser, regex, _i, _len, _ref;
- capableBrowser = true;
- if (window.File && window.FileReader && window.FileList && window.Blob && window.FormData && document.querySelector) {
- if (!("classList" in document.createElement("a"))) {
- capableBrowser = false;
- } else {
- _ref = Dropzone.blacklistedBrowsers;
- for (_i = 0, _len = _ref.length; _i < _len; _i++) {
- regex = _ref[_i];
- if (regex.test(navigator.userAgent)) {
- capableBrowser = false;
- continue;
- }
- }
- }
- } else {
- capableBrowser = false;
- }
- return capableBrowser;
- };
-
- without = function(list, rejectedItem) {
- var item, _i, _len, _results;
- _results = [];
- for (_i = 0, _len = list.length; _i < _len; _i++) {
- item = list[_i];
- if (item !== rejectedItem) {
- _results.push(item);
- }
- }
- return _results;
- };
-
- camelize = function(str) {
- return str.replace(/[\-_](\w)/g, function(match) {
- return match.charAt(1).toUpperCase();
- });
- };
-
- Dropzone.createElement = function(string) {
- var div;
- div = document.createElement("div");
- div.innerHTML = string;
- return div.childNodes[0];
- };
-
- Dropzone.elementInside = function(element, container) {
- if (element === container) {
- return true;
- }
- while (element = element.parentNode) {
- if (element === container) {
- return true;
- }
- }
- return false;
- };
-
- Dropzone.getElement = function(el, name) {
- var element;
- if (typeof el === "string") {
- element = document.querySelector(el);
- } else if (el.nodeType != null) {
- element = el;
- }
- if (element == null) {
- throw new Error("Invalid `" + name + "` option provided. Please provide a CSS selector or a plain HTML element.");
- }
- return element;
- };
-
- Dropzone.getElements = function(els, name) {
- var e, el, elements, _i, _j, _len, _len1, _ref;
- if (els instanceof Array) {
- elements = [];
- try {
- for (_i = 0, _len = els.length; _i < _len; _i++) {
- el = els[_i];
- elements.push(this.getElement(el, name));
- }
- } catch (_error) {
- e = _error;
- elements = null;
- }
- } else if (typeof els === "string") {
- elements = [];
- _ref = document.querySelectorAll(els);
- for (_j = 0, _len1 = _ref.length; _j < _len1; _j++) {
- el = _ref[_j];
- elements.push(el);
- }
- } else if (els.nodeType != null) {
- elements = [els];
- }
- if (!((elements != null) && elements.length)) {
- throw new Error("Invalid `" + name + "` option provided. Please provide a CSS selector, a plain HTML element or a list of those.");
- }
- return elements;
- };
-
- Dropzone.confirm = function(question, accepted, rejected) {
- if (window.confirm(question)) {
- return accepted();
- } else if (rejected != null) {
- return rejected();
- }
- };
-
- Dropzone.isValidFile = function(file, acceptedFiles) {
- var baseMimeType, mimeType, validType, _i, _len;
- if (!acceptedFiles) {
- return true;
- }
- acceptedFiles = acceptedFiles.split(",");
- mimeType = file.type;
- baseMimeType = mimeType.replace(/\/.*$/, "");
- for (_i = 0, _len = acceptedFiles.length; _i < _len; _i++) {
- validType = acceptedFiles[_i];
- validType = validType.trim();
- if (validType.charAt(0) === ".") {
- if (file.name.toLowerCase().indexOf(validType.toLowerCase(), file.name.length - validType.length) !== -1) {
- return true;
- }
- } else if (/\/\*$/.test(validType)) {
- if (baseMimeType === validType.replace(/\/.*$/, "")) {
- return true;
- }
- } else {
- if (mimeType === validType) {
- return true;
- }
- }
- }
- return false;
- };
-
- if (typeof jQuery !== "undefined" && jQuery !== null) {
- jQuery.fn.dropzone = function(options) {
- return this.each(function() {
- return new Dropzone(this, options);
- });
- };
- }
-
- if (typeof module !== "undefined" && module !== null) {
- module.exports = Dropzone;
- } else {
- window.Dropzone = Dropzone;
- }
-
- Dropzone.ADDED = "added";
-
- Dropzone.QUEUED = "queued";
-
- Dropzone.ACCEPTED = Dropzone.QUEUED;
-
- Dropzone.UPLOADING = "uploading";
-
- Dropzone.PROCESSING = Dropzone.UPLOADING;
-
- Dropzone.CANCELED = "canceled";
-
- Dropzone.ERROR = "error";
-
- Dropzone.SUCCESS = "success";
-
-
- /*
-
- Bugfix for iOS 6 and 7
- Source: http://stackoverflow.com/questions/11929099/html5-canvas-drawimage-ratio-bug-ios
- based on the work of https://github.com/stomita/ios-imagefile-megapixel
- */
-
- detectVerticalSquash = function(img) {
- var alpha, canvas, ctx, data, ey, ih, iw, py, ratio, sy;
- iw = img.naturalWidth;
- ih = img.naturalHeight;
- canvas = document.createElement("canvas");
- canvas.width = 1;
- canvas.height = ih;
- ctx = canvas.getContext("2d");
- ctx.drawImage(img, 0, 0);
- data = ctx.getImageData(0, 0, 1, ih).data;
- sy = 0;
- ey = ih;
- py = ih;
- while (py > sy) {
- alpha = data[(py - 1) * 4 + 3];
- if (alpha === 0) {
- ey = py;
- } else {
- sy = py;
- }
- py = (ey + sy) >> 1;
- }
- ratio = py / ih;
- if (ratio === 0) {
- return 1;
- } else {
- return ratio;
- }
- };
-
- drawImageIOSFix = function(ctx, img, sx, sy, sw, sh, dx, dy, dw, dh) {
- var vertSquashRatio;
- vertSquashRatio = detectVerticalSquash(img);
- return ctx.drawImage(img, sx, sy, sw, sh, dx, dy, dw, dh / vertSquashRatio);
- };
-
-
- /*
- * contentloaded.js
- *
- * Author: Diego Perini (diego.perini at gmail.com)
- * Summary: cross-browser wrapper for DOMContentLoaded
- * Updated: 20101020
- * License: MIT
- * Version: 1.2
- *
- * URL:
- * http://javascript.nwbox.com/ContentLoaded/
- * http://javascript.nwbox.com/ContentLoaded/MIT-LICENSE
- */
-
- contentLoaded = function(win, fn) {
- var add, doc, done, init, poll, pre, rem, root, top;
- done = false;
- top = true;
- doc = win.document;
- root = doc.documentElement;
- add = (doc.addEventListener ? "addEventListener" : "attachEvent");
- rem = (doc.addEventListener ? "removeEventListener" : "detachEvent");
- pre = (doc.addEventListener ? "" : "on");
- init = function(e) {
- if (e.type === "readystatechange" && doc.readyState !== "complete") {
- return;
- }
- (e.type === "load" ? win : doc)[rem](pre + e.type, init, false);
- if (!done && (done = true)) {
- return fn.call(win, e.type || e);
- }
- };
- poll = function() {
- var e;
- try {
- root.doScroll("left");
- } catch (_error) {
- e = _error;
- setTimeout(poll, 50);
- return;
- }
- return init("poll");
- };
- if (doc.readyState !== "complete") {
- if (doc.createEventObject && root.doScroll) {
- try {
- top = !win.frameElement;
- } catch (_error) {}
- if (top) {
- poll();
- }
- }
- doc[add](pre + "DOMContentLoaded", init, false);
- doc[add](pre + "readystatechange", init, false);
- return win[add](pre + "load", init, false);
- }
- };
-
- Dropzone._autoDiscoverFunction = function() {
- if (Dropzone.autoDiscover) {
- return Dropzone.discover();
- }
- };
-
- contentLoaded(window, Dropzone._autoDiscoverFunction);
-
-}).call(this);
diff --git a/routers/repo/attachment.go b/routers/repo/attachment.go
index f938c230ed..51725100b8 100644
--- a/routers/repo/attachment.go
+++ b/routers/repo/attachment.go
@@ -18,7 +18,6 @@ import (
)
func renderAttachmentSettings(ctx *context.Context) {
- ctx.Data["RequireDropzone"] = true
ctx.Data["IsAttachmentEnabled"] = setting.AttachmentEnabled
ctx.Data["AttachmentAllowedTypes"] = setting.AttachmentAllowedTypes
ctx.Data["AttachmentMaxSize"] = setting.AttachmentMaxSize
diff --git a/routers/repo/editor.go b/routers/repo/editor.go
index 97a3fea24c..ca15c6a3c1 100644
--- a/routers/repo/editor.go
+++ b/routers/repo/editor.go
@@ -474,7 +474,6 @@ func DeleteFilePost(ctx *context.Context, form auth.DeleteRepoFileForm) {
}
func renderUploadSettings(ctx *context.Context) {
- ctx.Data["RequireDropzone"] = true
ctx.Data["RequireTribute"] = true
ctx.Data["RequireSimpleMDE"] = true
ctx.Data["UploadAllowedTypes"] = strings.Join(setting.Repository.Upload.AllowedTypes, ",")
diff --git a/routers/repo/issue.go b/routers/repo/issue.go
index a8406d3154..9cc6ea1dfa 100644
--- a/routers/repo/issue.go
+++ b/routers/repo/issue.go
@@ -697,7 +697,6 @@ func ViewIssue(ctx *context.Context) {
}
ctx.Data["RequireHighlightJS"] = true
- ctx.Data["RequireDropzone"] = true
ctx.Data["RequireTribute"] = true
ctx.Data["RequireSimpleMDE"] = true
renderAttachmentSettings(ctx)
diff --git a/templates/base/footer.tmpl b/templates/base/footer.tmpl
index fcf2f91b8c..9b54d9b2a8 100644
--- a/templates/base/footer.tmpl
+++ b/templates/base/footer.tmpl
@@ -29,9 +29,6 @@
{{if .RequireDatetimepicker}}
{{end}}
-{{if .RequireDropzone}}
-
-{{end}}
{{if .RequireU2F}}
{{end}}
diff --git a/templates/base/head.tmpl b/templates/base/head.tmpl
index a0992b2bd0..c222c96af1 100644
--- a/templates/base/head.tmpl
+++ b/templates/base/head.tmpl
@@ -86,8 +86,8 @@
window.config = {
AppSubUrl: '{{AppSubUrl}}',
StaticUrlPrefix: '{{StaticUrlPrefix}}',
+ csrf: '{{.CsrfToken}}',
Datetimepicker: {{if .RequireDatetimepicker}}true{{else}}false{{end}},
- Dropzone: {{if .RequireDropzone}}true{{else}}false{{end}},
HighlightJS: {{if .RequireHighlightJS}}true{{else}}false{{end}},
Minicolors: {{if .RequireMinicolors}}true{{else}}false{{end}},
SimpleMDE: {{if .RequireSimpleMDE}}true{{else}}false{{end}},
@@ -124,9 +124,6 @@
{{end}}
{{if .RequireDatetimepicker}}
-{{end}}
-{{if .RequireDropzone}}
-
{{end}}
{{if .PageIsUserProfile}}
diff --git a/templates/pwa/serviceworker_js.tmpl b/templates/pwa/serviceworker_js.tmpl
index 0fc9ed3193..2472b23a1f 100644
--- a/templates/pwa/serviceworker_js.tmpl
+++ b/templates/pwa/serviceworker_js.tmpl
@@ -9,6 +9,7 @@ var urlsToCache = [
'{{StaticUrlPrefix}}/js/jquery.js?v={{MD5 AppVer}}',
'{{StaticUrlPrefix}}/js/swagger.js?v={{MD5 AppVer}}',
'{{StaticUrlPrefix}}/js/userheatmap.js',
+ '{{StaticUrlPrefix}}/js/dropzone.js',
'{{StaticUrlPrefix}}/vendor/plugins/codemirror/addon/mode/loadmode.js',
'{{StaticUrlPrefix}}/vendor/plugins/codemirror/mode/meta.js',
'{{StaticUrlPrefix}}/vendor/plugins/dropzone/dropzone.js',
@@ -21,6 +22,7 @@ var urlsToCache = [
'{{StaticUrlPrefix}}/css/index.css?v={{MD5 AppVer}}',
'{{StaticUrlPrefix}}/css/swagger.css?v={{MD5 AppVer}}',
'{{StaticUrlPrefix}}/css/userheatmap.css',
+ '{{StaticUrlPrefix}}/css/dropzone.css',
'{{StaticUrlPrefix}}/fomantic/semantic.min.css?v={{MD5 AppVer}}',
'{{StaticUrlPrefix}}/vendor/assets/font-awesome/css/font-awesome.min.css',
'{{StaticUrlPrefix}}/vendor/plugins/dropzone/dropzone.css',
diff --git a/web_src/js/features/dropzone.js b/web_src/js/features/dropzone.js
new file mode 100644
index 0000000000..f5d5b36a18
--- /dev/null
+++ b/web_src/js/features/dropzone.js
@@ -0,0 +1,9 @@
+export default async function createDropzone(el, opts) {
+ const [{ default: Dropzone }] = await Promise.all([
+ import(/* webpackChunkName: "dropzone" */'dropzone'),
+ import(/* webpackChunkName: "dropzone" */'dropzone/dist/dropzone.css'),
+ ]);
+
+ Dropzone.autoDiscover = false;
+ return new Dropzone(el, opts);
+}
diff --git a/web_src/js/index.js b/web_src/js/index.js
index 570d392877..32ed72f139 100644
--- a/web_src/js/index.js
+++ b/web_src/js/index.js
@@ -15,27 +15,22 @@ import initHighlight from './features/highlight.js';
import initGitGraph from './features/gitGraph.js';
import initClipboard from './features/clipboard.js';
import initUserHeatmap from './features/userHeatmap.js';
+import createDropzone from './features/dropzone.js';
import ActivityTopAuthors from './components/ActivityTopAuthors.vue';
-const { AppSubUrl, StaticUrlPrefix } = window.config;
+const { AppSubUrl, StaticUrlPrefix, csrf } = window.config;
function htmlEncode(text) {
return jQuery('').text(text).html();
}
-let csrf;
let previewFileModes;
let simpleMDEditor;
const commentMDEditors = {};
let codeMirrorEditor;
let hljs;
-// Disable Dropzone auto-discover because it's manually initialized
-if (typeof (Dropzone) !== 'undefined') {
- Dropzone.autoDiscover = false;
-}
-
// Silence fomantic's error logging when tabs are used without a target content element
$.fn.tab.settings.silent = true;
@@ -867,7 +862,7 @@ function initRepository() {
});
// Edit issue or comment content
- $('.edit-content').click(function (event) {
+ $('.edit-content').click(async function (event) {
$(this).closest('.dropdown').find('.menu').toggle('visible');
const $segment = $(this).closest('.header').next();
const $editContentZone = $segment.find('.edit-content-zone');
@@ -883,12 +878,14 @@ function initRepository() {
issuesTribute.attach($textarea.get());
emojiTribute.attach($textarea.get());
+ let dz;
const $dropzone = $editContentZone.find('.dropzone');
- $dropzone.data('saved', false);
const $files = $editContentZone.find('.comment-files');
if ($dropzone.length > 0) {
+ $dropzone.data('saved', false);
+
const filenameDict = {};
- $dropzone.dropzone({
+ dz = await createDropzone($dropzone[0], {
url: $dropzone.data('upload-url'),
headers: { 'X-Csrf-Token': csrf },
maxFiles: $dropzone.data('max-file'),
@@ -927,15 +924,14 @@ function initRepository() {
});
this.on('reload', () => {
$.getJSON($editContentZone.data('attachment-url'), (data) => {
- const drop = $dropzone.get(0).dropzone;
- drop.removeAllFiles(true);
+ dz.removeAllFiles(true);
$files.empty();
$.each(data, function () {
const imgSrc = `${$dropzone.data('upload-url')}/${this.uuid}`;
- drop.emit('addedfile', this);
- drop.emit('thumbnail', this, imgSrc);
- drop.emit('complete', this);
- drop.files.push(this);
+ dz.emit('addedfile', this);
+ dz.emit('thumbnail', this, imgSrc);
+ dz.emit('complete', this);
+ dz.files.push(this);
filenameDict[this.name] = {
submitted: true,
uuid: this.uuid
@@ -948,7 +944,7 @@ function initRepository() {
});
}
});
- $dropzone.get(0).dropzone.emit('reload');
+ dz.emit('reload');
}
// Give new write/preview data-tab name to distinguish from others
const $editContentForm = $editContentZone.find('.ui.comment.form');
@@ -967,7 +963,7 @@ function initRepository() {
$editContentZone.find('.cancel.button').click(() => {
$renderContent.show();
$editContentZone.hide();
- $dropzone.get(0).dropzone.emit('reload');
+ dz.emit('reload');
});
$editContentZone.find('.save.button').click(() => {
$renderContent.show();
@@ -1003,8 +999,8 @@ function initRepository() {
} else {
$content.find('.ui.small.images').html(data.attachments);
}
- $dropzone.get(0).dropzone.emit('submit');
- $dropzone.get(0).dropzone.emit('reload');
+ dz.emit('submit');
+ dz.emit('reload');
});
});
} else {
@@ -2366,8 +2362,6 @@ function initTemplateSearch() {
}
$(document).ready(async () => {
- csrf = $('meta[name=_csrf]').attr('content');
-
// Show exact time
$('.time-since').each(function () {
$(this)
@@ -2421,7 +2415,7 @@ $(document).ready(async () => {
if ($dropzone.length > 0) {
const filenameDict = {};
- new Dropzone('#dropzone', {
+ await createDropzone('#dropzone', {
url: $dropzone.data('upload-url'),
headers: { 'X-Csrf-Token': csrf },
maxFiles: $dropzone.data('max-file'),
" + this.options.dictFallbackText + "
"; - } - fieldsString += "