✨ [#1797] Show filename(s) in success msg for document upload

Author: stevenbal

src/open_inwoner/cms/cases/views/status.py

@@ -391,12 +391,22 @@ def handle_document_upload(self, request, form):
                         filename=file.name,
                     ),
                 )
+
+                # TODO implement `created_documents` properly when uploading of multiple
+                # docs is implemented
+                created_documents = [created_document]
+                success_message = (
+                    _(
+                        "Wij hebben **{num_uploaded} bestand(en)** succesvol geüpload:"
+                    ).format(num_uploaded=len(created_documents))
+                    + "\n\n"
+                    + "\n".join(f"- {doc['titel']}" for doc in created_documents)
+                )
                 messages.add_message(
-                    request,
+                    self.request,
                     messages.SUCCESS,
-                    _("{filename} has been successfully uploaded").format(
-                        filename=file.name
-                    ),
+                    success_message,
+                    extra_tags="as_markdown",
                 )
 
                 return HttpResponseClientRedirect(

src/open_inwoner/components/templates/components/Notification/Notification.html

@@ -1,4 +1,4 @@
-{% load i18n button_tags icon_tags button_tags icon_tags %}
+{% load i18n ssd_tags button_tags icon_tags button_tags icon_tags %}
 <div class="notification{% if contents %} notification--contents{% endif %}{% if type %} notification--{{ type }}{% endif %}{% if compact %} notification--compact{% endif %} {% if ctx %}notification--{{ ctx }}{% endif %}">
     {% if not icon == False %}
         <div class="notification__icon">
@@ -13,7 +13,11 @@
         {% if contents %}
             {{ contents }}
         {% else %}
-            <p class="p p--compact">{{ message }}</p>
+            {% if as_markdown %}
+                {{ message|markdown|safe }}
+            {% else %}
+                <p class="p p--compact">{{ message }}</p>
+            {% endif %}
         {% endif %}
     </div>
 

src/open_inwoner/components/templates/components/Notification/Notifications.html

@@ -1,7 +1,9 @@
-{% load notification_tags %}
+{% load notification_tags string_tags %}
 
 <div class="notifications">
     {% for message in messages %}
-        {% notification icon=message.icon type=message.level_tag message=message.message closable=True compact=compact %}
+        {% with is_markdown=message.extra_tags|is_substring:"as_markdown" %}
+            {% notification icon=message.icon type=message.level_tag message=message.message as_markdown=is_markdown closable=True compact=compact %}
+        {% endwith %}
     {% endfor %}
 </div>

src/open_inwoner/components/templatetags/string_tags.py

@@ -29,3 +29,12 @@ def optional_paragraph(optional_text: str) -> str:
             optional_text=linebreaksbr(optional_text)
         )
     )
+
+
+@register.filter
+def is_substring(arg1, arg2):
+    """check if arg2 is a substring of arg1"""
+    if not arg1:
+        return False
+
+    return arg2 in arg1

src/open_inwoner/scss/components/Notification/_Notification.scss

@@ -92,4 +92,12 @@
       position: inherit;
     }
   }
+
+  & &__content {
+    margin-top: 0.15em;
+
+    & * {
+      margin: 0;
+    }
+  }
 }