Dropzone.js

Author: Mobmaker55

conditional/templates/major_project_submission.html

@@ -58,14 +58,6 @@ <h3 class="page-title">Major Project Form</h3>
                                     <div class="upload-sub">Drag files here or click to upload.</div>
                                 </div>
                             </div>
-                            <script>
-                                Dropzone.options.projectFiles = {
-                                    // autoQueue:false,
-                                    parallelUploads: 2,
-                                    uploadMultiple: true,
-                                    acceptedFiles: "audio/*,photo/*,video/*,.pdf,.doc,.docx"
-                                }
-                            </script>
                         </div>
                     </div>
                 </div>

frontend/javascript/modules/dropzone.js

@@ -1,18 +1,26 @@
 import Dropzone from "dropzone";
+
 Dropzone.autoDiscover = false;
 
 export default class DropzoneUpload {
-  constructor(element) {
-    this.element = element;
-    this.render();
-  }
+    constructor(element) {
+        this.element = element;
+        this.render();
+    }
 
-  render() {
-    const dz = new Dropzone(this.element); // eslint-disable-line new-cap
-    dz.on("complete", () => window.location.reload());
-  }
+    render() {
+        const dz = new Dropzone(this.element); // eslint-disable-line new-cap
+        dz.on("complete", () => window.location.reload());
+    }
 }
 
 Dropzone.options.uploadUser = {
-  acceptedFiles: ".csv"
+    acceptedFiles: ".csv"
 };
+
+Dropzone.options.projectFiles = {
+    // autoQueue:false,
+    parallelUploads: 2,
+    uploadMultiple: true,
+    acceptedFiles: "audio/*,photo/*,video/*,.pdf,.doc,.docx"
+}