Solve issue for rendering html tag in email

Author: Rup-Narayan-Rajbanshi

flash_update/factories.py

@@ -15,11 +15,21 @@
     DonorGroup,
 )
 
+from django.core.files.base import ContentFile
+
 
 class FlashGraphicMapFactory(factory.django.DjangoModelFactory):
     class Meta:
         model = FlashGraphicMap
 
+    file = factory.LazyAttribute(
+        lambda _: ContentFile(
+            factory.django.ImageField()._make_data(
+                {'width': 1024, 'height': 768}
+            ), 'flash_update.jpg'
+        )
+    )
+
 
 class FlashActionFactory(factory.django.DjangoModelFactory):
     class Meta:

flash_update/tasks.py

@@ -1,7 +1,6 @@
 from celery import shared_task
 
 from django.utils import timezone
-from django.conf import settings
 from django.core.files.base import ContentFile
 from django.template.loader import render_to_string
 from django.contrib.auth.models import User
@@ -26,7 +25,7 @@ def share_flash_update(flash_update_share_id):
 
     # create url for pdf in email
     email_context = {
-        'document_url': settings.BASE_URL + flash_update.extracted_file.url
+        'document_url': flash_update.extracted_file.url
     }
     donors_emails = instance.donors.all().values_list('email', flat=True)
     donor_groups_emails = Donors.objects.filter(

flash_update/utils.py

@@ -1,13 +1,14 @@
 import logging
 from io import BytesIO
 
-from django.conf import settings
 from django.template.loader import render_to_string
 
 from xhtml2pdf import pisa
 
 from main.frontend import get_project_url
 
+from flash_update.models import FlashGraphicMap
+
 logger = logging.getLogger(__name__)
 
 
@@ -30,8 +31,8 @@ def render_to_pdf(template_src, context_dict={}):
 def generate_file_data(data):
     return [
         {
-            'image': item.get('file') and (settings.BASE_URL + item['file']),
-            'caption': item['caption'],
+            'image': item.file.url,
+            'caption': item.caption,
         }
         for item in data
     ]
@@ -41,8 +42,10 @@ def get_email_context(instance):
     from flash_update.serializers import FlashUpdateSerializer
 
     flash_update_data = FlashUpdateSerializer(instance).data
-    map_list = generate_file_data(flash_update_data['map_files'])
-    graphics_list = generate_file_data(flash_update_data['graphics_files'])
+    map_data = FlashGraphicMap.objects.filter(flash_map=instance)
+    graphics_data = FlashGraphicMap.objects.filter(flash_graphics=instance)
+    map_list = generate_file_data(map_data)
+    graphics_list = generate_file_data(graphics_data)
     actions_taken = [dict(action_taken) for action_taken in flash_update_data['actions_taken']]
     resources = [dict(refrence) for refrence in flash_update_data['references']]
     email_context = {
@@ -53,6 +56,5 @@ def get_email_context(instance):
         'graphic_list': graphics_list,
         'actions_taken': actions_taken,
         'resources': resources,
-        'document_url': flash_update_data['extracted_file']
     }
     return email_context

notifications/templates/email/flash_update/flash_pdf.html

@@ -40,17 +40,17 @@
         </div>
         <h1 class="title-heading-main">{{title}}</h1>
         <h2 class="heading">Situational Overview</h2>
-        <p class="desc"> {{situational_overview}}</p>
+        <p class="desc"> {{situational_overview|safe}}</p>
 
         <h2 class="heading">Graphics</h2>
         <div class="d-flex p-2">
         {% for map in map_list %}
-            <img class = 'img-flash' src="http://{{map.image}}" alt="image">
+            <img class = 'img-flash' src="{{map.image}}" alt="image">
         {% endfor %}
         </div><br>
         <div class="d-flex p-2">
         {% for graphic in graphic_list %}
-            <img class = 'img-flash'  src="http://{{graphic.image}}" alt="image">
+            <img class = 'img-flash'  src="{{graphic.image}}" alt="image">
         {% endfor %}
         </div>
 

notifications/templates/email/flash_update/flash_update.html

@@ -17,7 +17,7 @@
                     </tr>
                     <tr>
                       <td class="text-default text-light pb-40" style="padding-bottom: 40px;font-weight: 300;">
-                        {{situational_overview}}
+                        {{situational_overview|safe}}
                       </td>
                     </tr>
                     <tr>
@@ -26,11 +26,11 @@
                     <tr>
                       <td class="text-default text-light pb-40" style="padding-bottom: 40px;font-weight: 300;">
                         {% for map in map_list %}
-                        <img class = 'img-flash' src="http://{{map.image}}" alt="image">
+                        <img class = 'img-flash' src="{{map.image}}" alt="image">
                         {% endfor %}
 
                         {% for graphic in graphic_list %}
-                        <img class = 'img-flash'  src="http://{{graphic.image}}" alt="image">
+                        <img class = 'img-flash'  src="{{graphic.image}}" alt="image">
                         {% endfor %}
                       </td>
                     </tr>