view_mail.js: move upload dialog from ctdl_big_modal to ctdl-upload

[citadel.git] / webcit-ng / static / js / view_mail.js

diff --git a/webcit-ng/static/js/view_mail.js b/webcit-ng/static/js/view_mail.js
index 819a9e3971e0ed52a999d60679af1c15160edb4c..db84eaec0ffc8748dda2aaa788e18a3550c26c02 100644 (file)
--- a/webcit-ng/static/js/view_mail.js
+++ b/webcit-ng/static/js/view_mail.js
@@ -515,7 +515,7 @@ function mail_compose(is_quoted, references, quoted_msgnum, m_to, m_cc, m_subjec
                <span class="ctdl-msg-button"> ${_("Save to Drafts")} </span>
                <span class="ctdl-msg-button" onClick="show_or_hide_attachments()"><i class="fa fa-paperclip" style="color:grey"></i> ${_("Attachments:")} <span id="ctdl_num_attachments"> ${num_attachments} </span></span>
                <span class="ctdl-msg-button">  ${_("Contacts")} </span>
-               <span class="ctdl-msg-button" onClick="document.getElementById('ctdl_big_modal').style.display='none';gotoroom(current_room)"><i class="fa fa-trash" style="color:red"></i> ${_("Cancel")} </span>
+               <span class="ctdl-msg-button" onClick="document.getElementById('ctdl-upload').style.display='none';gotoroom(current_room)"><i class="fa fa-trash" style="color:red"></i> ${_("Cancel")} </span>
                </div>`
        ;
 
@@ -531,14 +531,14 @@ function mail_compose(is_quoted, references, quoted_msgnum, m_to, m_cc, m_subjec
 
 
 function activate_uploads() {
-               document.getElementById("ctdl_big_modal").innerHTML = `
+               document.getElementById("ctdl-upload").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">
+                               <ul id="ctdl-upload_list">
                                        <li>uploaded file</li>
                                        <li>another uploaded file</li>
                                        <li>philez and warez</li>
@@ -602,11 +602,11 @@ function uploadFile(file) {
       
        xhr.addEventListener('readystatechange', function(e) {
                if (xhr.readyState == 4 && xhr.status == 200) {
-                       document.getElementById("ctdl_upload_list").innerHTML += "<li>succeeeeed</li>";
+                       document.getElementById("ctdl-upload_list").innerHTML += "<li>succeeeeed</li>";
                        console.log("upload succeeded");
                }
                else if (xhr.readyState == 4 && xhr.status != 200) {
-                       document.getElementById("ctdl_upload_list").innerHTML += "<li>EPIC FAIL</li>";
+                       document.getElementById("ctdl-upload_list").innerHTML += "<li>EPIC FAIL</li>";
                        console.log("upload failed");
                }
        })
@@ -631,11 +631,11 @@ function unhighlight(e) {
 // 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";
+       if (document.getElementById("ctdl-upload").style.display == "block") {
+               document.getElementById("ctdl-upload").style.display = "none";
        }
        else {
-               document.getElementById("ctdl_big_modal").style.display = "block";
+               document.getElementById("ctdl-upload").style.display = "block";
        }
 }