Merge pull request #221 from kartoza/use-cid-to-display-images-in-emails

Use cid to display images in emails

django_project/core/custom_auth_view.py

@@ -22,6 +22,8 @@
 from rest_framework.decorators import api_view
 from django.contrib.auth import logout
 from allauth.account.models import EmailAddress
+from email.mime.image import MIMEImage
+from django.contrib.staticfiles.finders import find
 
 
 @api_view(["POST"])
@@ -134,6 +136,12 @@ def post(self, request, *args, **kwargs):
                 from_email=settings.NO_REPLY_EMAIL,
                 to=[email]
             )
+            logo_path = find('images/main_logo.svg')
+
+            if logo_path:
+                with open(logo_path, 'rb') as img_file:
+                    image = MIMEImage(img_file.read(), _subtype="svg+xml")
+                    image.add_header('Content-ID', '<logo_image>')
             email_message.attach_alternative(html_message, "text/html")
             email_message.send()
 

django_project/core/templates/account/email_confirmation.html

@@ -10,7 +10,7 @@
         <tr>
             <!-- Left Column: Logo -->
             <td align="left" width="50%" style="padding: 10px;">
-                <img src="https://arw.dev.do.kartoza.com/static/images/main_logo.svg" alt="Logo" width="200" style="display: block;">
+                <img src="cid:logo_image" alt="Logo" width="200" style="display: block;">
             </td>
             <td align="right" width="50%" style="padding: 10px; color: #ffffff; font-family: Helvetica,sans-serif;">
                 <h2 style="margin: 0; font-size: 24px;">Africa Rangeland Watch</h2>