Clear emails interface (#20)

* Adds ability to clear icons from the interface

Author: scuml

CHANGELOG.md

@@ -1,5 +1,6 @@
 # Changelog
 
+* 3.2 Adds ability to resize panels and clear messages. (Thanks @jensenbox)
 * 1.2.5 Fixes subject line (Thanks @indrif)
 * 1.2.4 Resolves conflicts with other libraries accessing mail (Thanks @ciotto)
 * 1.2.3 Updates import from DebugPanel to Panel (Thanks @ciotto & @WilliamMayor!)

setup.py

@@ -24,7 +24,7 @@ def read(fname):
 
 setup(
     name='django-mail-panel',
-    version='3.1',
+    version='3.2',
     description='A panel for django-debug-toolbar that allows for ' +
                 'viewing of recently sent email.',
     url='https://github.com/scuml/django-mail-panel',
@@ -59,5 +59,6 @@ def read(fname):
         'Programming Language :: Python :: 3.6',
         'Programming Language :: Python :: 3.7',
         'Programming Language :: Python :: 3.8',
+        'Programming Language :: Python :: 3.9',
     ],
 )

src/mail_panel/static/debug_toolbar/mail/mail_toolbar.css

@@ -132,3 +132,7 @@
 	height: 15px;
 	margin-right: 5px;
 }
+#djDebug .djm-mail-toolbar .table-icon{
+	height: 14px;
+	margin-top: 2px;
+}

src/mail_panel/static/debug_toolbar/mail/toolbar.mail.js

@@ -6,6 +6,24 @@ function djmail_document_ready(f){
     }
 }
 
+function djmail_get(url, callback)
+{
+    var req = new XMLHttpRequest();
+    req.onreadystatechange = function() {
+        if (req.readyState == 4 && req.status == 200) {
+            try {
+                var data = JSON.parse(req.responseText);
+            } catch(err) {
+                console.log(err.message + " in " + req.responseText);
+                return;
+            }
+            callback(data);
+        }
+    };
+    req.open("GET", url, true);
+    req.send();
+}
+
 function djmail_load(url, element, callback)
 {
     var req = new XMLHttpRequest();
@@ -29,7 +47,9 @@ djmail_document_ready(function(){
       resize_message()
     });
     let child = $q('.djm-message-list');
-    observer.observe(child, { attributes: true });
+    if(child){
+        observer.observe(child, { attributes: true });
+    }
 
     function resize_message() {
         let new_height = window.innerHeight - $q("#djm_message_container").getBoundingClientRect().top + window.scrollY + window.pageYOffset -10
@@ -49,6 +69,38 @@ djmail_document_ready(function(){
         if (sidebar_textbox)
             sidebar_textbox.innerHTML = unread_text;
     }
+
+    function clear_message(url){
+        djmail_get(url, function(data){
+            if(data["status"] != "success"){
+                return
+            }
+            $q("#djm_message_table tbody tr [url='"+ url +"']").closest("tr").remove();
+            $q('#djm_message_container').style.opacity = 0;
+            resize_message();
+        })
+
+
+    }
+    window.settings["clear_message"] = clear_message
+
+    function clear_all_messages(url){
+        var confirm = window.confirm("Are you sure you want to clear all messages?");
+        if (confirm == false) {
+            return
+        }
+        djmail_get(url, function(data){
+            if(data["status"] != "success"){
+                return
+            }
+            $qa("#djm_message_table tbody tr").forEach(el => el.remove());
+            $q('#djm_message_container').style.opacity = 0;
+            resize_message();
+        })
+    }
+    window.settings["clear_all_messages"] = clear_all_messages
+
+
     function load_message(element){
         let message_id = element.id;
         let url = element.getAttribute('url');
@@ -116,11 +168,17 @@ djmail_document_ready(function(){
     }
 
     $qa(".djm-message-row").forEach(function(e){
-        console.info("e");
         e.addEventListener('click', function(){
-            console.info("click", this);
             load_message(this);
         })
     });
+    $qa("[jsmethod]").forEach(function(e){
+        e.addEventListener('click', function(e){
+            e.stopPropagation(); // stop row onClick event
+            var method = window.settings[this.getAttribute("jsmethod")]
+            method(this.getAttribute("url"))
+
+        })
 
+    })
 });

src/mail_panel/static/debug_toolbar/mail/trash.png

@@ -18,6 +18,7 @@
     <th>Subject</th>
     <th>Date Sent</th>
     <th></th>
+    <th style="text-align:center"><img jsmethod="clear_all_messages" url="{% url 'djdt:clear_all_messages' %}" class="table-icon" src="{% static 'debug_toolbar/mail/trash.png' %}" alt=""></th>
 </tr>
 </thead>
 {% endspaceless %}
@@ -29,6 +30,7 @@
     <td>{{message.subject}}</td>
     <td>{{message.date_sent}}</td>
     <td style='text-align:right'>{% if message.attachments %}<span class='djm-attachment'></span>{{message.attachments|length}} items{% endif %}</td>
+    <td style="text-align:center"><img jsmethod="clear_message" url="{% url 'djdt:clear_message' message_id %}" class="table-icon" src="{% static 'debug_toolbar/mail/trash.png' %}" alt=""></td>
 </tr>
 {% endfor %}
 </tbody>

src/mail_panel/templates/mail_panel/panel.html

@@ -1,5 +1,7 @@
 from django.conf.urls import url
-from .views import load_message, display_multipart, download_attachment
+from .views import (
+    load_message, display_multipart, download_attachment, clear_message, clear_all_messages
+)
 
 _PREFIX = 'mail_toolbar'
 
@@ -19,4 +21,15 @@
         display_multipart,
         name="display_multipart"
     ),
+
+    url(
+        r'^{0}/clear_message/(?P<message_id>[\w]+)/$'.format(_PREFIX),
+        clear_message,
+        name="clear_message"
+    ),
+    url(
+        r'^{0}/clear_all_messages/$'.format(_PREFIX),
+        clear_all_messages,
+        name="clear_all_messages"
+    ),
 ]

src/mail_panel/urls.py

@@ -1,16 +1,17 @@
-from django.http import HttpResponse
+from django.http import HttpResponse, JsonResponse
 from django.conf import settings
 from django.shortcuts import render
 from django.utils.html import urlize
 from django.utils.safestring import mark_safe
 
-from .utils import load_outbox, save_outbox
+from .utils import load_outbox, save_outbox, clear_outbox
 
 if hasattr(settings, "DEBUG_TOOLBAR_FILTER_URL"):
     settings.DEBUG_TOOLBAR_FILTER_URL = settings.DEBUG_TOOLBAR_FILTER_URL + ("__mail_toolbar_debug__")
 else:
     settings.DEBUG_TOOLBAR_FILTER_URL = ("__mail_toolbar_debug__",)
 
+
 def load_message(request, message_id):
     """
     Loads a message template into the subframe
@@ -89,3 +90,24 @@ def download_attachment(request, message_id, attachment_id):
     )
 
     return response
+
+def clear_message(request, message_id):
+    """
+    Clears a message from the cache
+    """
+    mail_list = load_outbox()
+    try:
+        del(mail_list[message_id])
+    except KeyError:
+        pass
+    save_outbox(mail_list)
+
+    return JsonResponse({"status": "success"})
+
+def clear_all_messages(request):
+    """
+    Clears all message from the cache
+    """
+    clear_outbox()
+
+    return JsonResponse({"status": "success"})

src/mail_panel/views.py

@@ -13,20 +13,6 @@ echo $TEST
 FILE=`ls -1 dist/*.whl | tail -n 1`
 echo "Verifying build of $FILE"
 
-if [ -z "$1" ] || [ "$1" -eq "2" ]; then
-    echo "# Installing virtualenv for Python 2"
-    rm -rf 27-sdist  # ensure clean state if ran repeatedly
-    virtualenv 27-sdist
-
-    echo "# Install Python 2 requirements"
-    27-sdist/bin/pip install django $FILE
-
-    echo "# Run command with Python 2"
-    27-sdist/bin/python -m "$TEST"
-
-    echo "# Test using Python 2 ended"
-fi
-
 if [ -z "$1" ] || [ "$1" -eq "3" ]; then
     echo "# Installing virtualenv for Python 3"
     rm -rf 3-sdist  # ensure clean state if ran repeatedly