+
+ // Now the compose screen is set up properly; set up the attachments modal in case the user wants it
+
+ 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:") + "</h1></div>"
+ + "<div><h1><i class=\"fas fa-window-close\" style=\"color:red\" onClick=\"show_or_hide_attachments()\"></i></h1></div>"
+ + "</div>"
+ + "<br>"
+ + "this is the attachments modal. there are many like it, but this one is mine."
+ + "</div>"
+ ;
+
+}
+
+
+// Show or hide the attachments window in the composer
+function show_or_hide_attachments() {
+
+ if (document.getElementById("ctdl_big_modal").style.display == "block") {
+ document.getElementById("ctdl_big_modal").style.display = "none";
+ }
+ else {
+ document.getElementById("ctdl_big_modal").style.display = "block";
+ document.getElementById("ctdl_attachments_outer").style.width =
+ Math.trunc((document.getElementById("ctdl-editor-body").getBoundingClientRect().width) * 0.90).toString() + "px";
+ document.getElementById("ctdl_attachments_outer").style.height =
+ Math.trunc((document.getElementById("ctdl-editor-body").getBoundingClientRect().height) * 0.90).toString() + "px";
+ }
+