+
+ activate_uploads();
+}
+
+
+function activate_uploads() {
+ document.getElementById("ctdl_big_modal").innerHTML = `
+ <div id="ctdl_attachments_outer">
+ <div id="ctdl_attachments_title" class="ctdl-compose-attachments-title">
+ <div><h1><i class="fa fa-paperclip" style="color:grey"></i>` + _("Attachments:") + " " + num_attachments + `</h1></div>
+ <div><h1><i class="fas fa-window-close" style="color:red" onClick="show_or_hide_attachments()"></i></h1></div>
+ </div>
+ <br>
+ <ul id="ctdl_upload_list">
+ <li>uploaded file</li>
+ <li>another uploaded file</li>
+ <li>philez and warez</li>
+ </ul>
+ <br>
+ <div id="drop-area" class="ctdl-upload-drop-area">
+ <form class="my-form">
+ <p>${_("Drop files here to upload")}</p>
+ <input type="file" id="fileElem" multiple acce=t="*/*" onChange="handleFiles(this.files)">
+ <label class="button" for="fileElem">Select some files</label>
+ </form>
+ </div>
+ </div>
+ `;
+
+ // activate drag and drop (shamelessly swiped from https://www.smashingmagazine.com/2018/01/drag-drop-file-uploader-vanilla-js/ )
+ let dropArea = document.getElementById("drop-area");
+ ;['dragenter', 'dragover', 'dragleave', 'drop'].forEach(eventName => {
+ dropArea.addEventListener(eventName, preventDefaults, false)
+ })
+ ;["dragenter", "dragover"].forEach(eventName => {
+ dropArea.addEventListener(eventName, highlight, false)
+ })
+ ;['dragleave', 'drop'].forEach(eventName => {
+ dropArea.addEventListener(eventName, unhighlight, false)
+ })
+ dropArea.addEventListener('drop', handleDrop, false);
+
+ // make the modal smaller than the containing window but pretty big
+ document.getElementById("ctdl_attachments_outer").style.width =
+ Math.trunc((document.getElementById("ctdl-editor-body").getBoundingClientRect().width) * 0.60).toString() + "px";
+ document.getElementById("ctdl_attachments_outer").style.height =
+ Math.trunc((document.getElementById("ctdl-editor-body").getBoundingClientRect().height) * 0.60).toString() + "px";
+}
+
+
+// prevent drag and drop events from propagating up through the DOM
+function preventDefaults(e) {
+ e.preventDefault();
+ e.stopPropagation();
+}
+
+
+function handleDrop(e) {
+ let dt = e.dataTransfer;
+ let files = dt.files;
+ handleFiles(files);
+}
+
+
+function handleFiles(files) {
+ ([...files]).forEach(uploadFile)