add upload for video/*, audio/* and application/* via dropzone

Upload videos, audios and documents (all mimetype application/*) via
Drag&Drop and Copy&Paste in new postings and comments as attachments.
The same as images before with placeholder on insert-position.
You can write text while upload is done.

diff --git a/view/js/dropzone-factory.js b/view/js/dropzone-factory.js
index 5c973947210a100e59efb260c8c154a377e57909..33fe796dd362aef6ea6b2742e518aa6599408cb6 100644 (file)
--- a/view/js/dropzone-factory.js
+++ b/view/js/dropzone-factory.js
@@ -9,7 +9,7 @@ var DzFactory = function (max_imagesize) {
                        paramName: 'userfile', // The name that will be used to transfer the file
                        maxFilesize: max_imagesize, // MB
                        url: '/media/photo/upload?album=',
-                       acceptedFiles: 'image/*',
+                       acceptedFiles: 'image/*,video/*,audio/*,application/*',
                        clickable: true,
                        dictDefaultMessage: dzStrings.dictDefaultMessage,
                        dictFallbackMessage: dzStrings.dictFallbackMessage,
@@ -25,21 +25,45 @@ var DzFactory = function (max_imagesize) {
                        accept: function(file, done) {
                                        const targetTextarea = document.getElementById(textareaElementId);
                                        if (targetTextarea.setRangeText) {
-                                               targetTextarea.setRangeText("\n[upload-" + file.name + "]\n", targetTextarea.selectionStart, targetTextarea.selectionEnd, "end");
+                                               targetTextarea.setRangeText("\n[!upload-" + file.name + "]\n", targetTextarea.selectionStart, targetTextarea.selectionEnd, "end");
                                        }
                                done();
                        },
                        init: function() {
+                               this.on("processing", function(file) {
+                                       switch(file.type) {
+                                               case String(file.type.match(/image\/.*/)):
+                                                       this.options.url = "/media/photo/upload?album=";
+                                                       break;
+                                               default:
+                                                       this.options.url = "/media/attachment/upload?response=json";
+                                       }
+                               });
                                this.on('success', function(file, serverResponse) {
                                        const targetTextarea = document.getElementById(textareaElementId);
                                        if (targetTextarea.setRangeText) {
                                                //if setRangeText function is supported by current browser
-                                               let u = "[upload-" + file.name + "]";
+                                               let u = "[!upload-" + file.name + "]";
+                                               let srp = serverResponse;
+                                               if (typeof serverResponse === 'object' &&
+                                               serverResponse.constructor === Object) {
+                                                       if (serverResponse.ok) {
+                                                               srp = "[attachment]" +
+                                                                       window.location.protocol +
+                                                                       "//" +
+                                                                       window.location.host +
+                                                                       "/attach/" +
+                                                                       serverResponse.id +
+                                                                       "[/attachment]";
+                                                       } else {
+                                                               srp = "Upload failed";
+                                                       }
+                                               }
                                                let c = targetTextarea.selectionStart;
                                                if (c > targetTextarea.value.indexOf(u)) {
                                                        c = c + serverResponse.length - u.length;
                                                }
-                                               targetTextarea.setRangeText(serverResponse, targetTextarea.value.indexOf(u), targetTextarea.value.indexOf(u) + u.length);
+                                               targetTextarea.setRangeText(srp, targetTextarea.value.indexOf(u), targetTextarea.value.indexOf(u) + u.length);
                                                targetTextarea.selectionStart = c;
                                                targetTextarea.selectionEnd = c;
                                        } else {