Custom draggable with mail envelope and number of messages being moved

diff --git a/webcit-ng/static/js/view_mail.js b/webcit-ng/static/js/view_mail.js
index 6014972ba141671b3c5b1ef3ea1b1d25039d575c..8807e3bbbd4a7ce898deb5051915afeac440eb1b 100644 (file)
--- a/webcit-ng/static/js/view_mail.js
+++ b/webcit-ng/static/js/view_mail.js
@@ -82,8 +82,18 @@ function mail_keypress(event) {
 
 // Handler function for dragging email messages to other folders
 function mail_dragstart(event) {
+       var i;
+       var count = 0;
+       var table = document.getElementById("ctdl-onscreen-mailbox");
+
+       for (i=1; row=table.rows[i]; ++i) {
+               if (row.classList.contains("ctdl-mail-selected")) {
+                       count = count + 1;
+               }
+       }
+
        d = document.getElementById("ctdl_draggo");
-       d.innerHTML = "DRAGERIFEROUS";
+       d.innerHTML = "<font size='+3'><i class='fa fa-envelope' style='color: red'></i> " + count + "</font>"
        event.dataTransfer.setDragImage(d, 0, 0);
 }