refund extension_list_notification template: change place and content

src/Bundle/ChillMainBundle/Resources/views/Notification/_list_item.html.twig

@@ -52,9 +52,11 @@
 
 {% macro content(c) %}
     <div class="item-row separator">
-        <div class="mx-3 flex-grow-1">
-            {% include c.data.template with c.data.template_data %}
-        </div>
+        {% if c.data is defined %}
+            <div class="mx-3 flex-grow-1">
+                {% include c.data.template with c.data.template_data %}
+            </div>
+        {% endif %}
     </div>
     <div class="item-row">
         <div class="notification-content">
@@ -107,15 +109,25 @@
             <button type="button" class="accordion-button collapsed"
                 data-bs-toggle="collapse" data-bs-target="#flush-collapse-{{ notification.id }}"
                 aria-expanded="false" aria-controls="flush-collapse-{{ notification.id }}">
+                
                 {{ _self.title(_context) }}
             </button>
             {{ _self.header(_context) }}
+            
         </div>
         <div id="flush-collapse-{{ notification.id }}"
             class="accordion-collapse collapse"
             aria-labelledby="flush-heading-{{ notification.id }}"
             data-bs-parent="#notification-fold">
+            
             {{ _self.content(_context) }}
+        
+            {% if with_folded_comments is defined and with_folded_comments != false %}
+                </div>{# close previous flex-table and reopen it after #}
+                {% include 'ChillMainBundle:Notification:_item_comments.html.twig' %}
+                <div class="flex-table">
+            {% endif %}
+        
         </div>
     {% else %}
         {{ _self.title(_context) }}

src/Bundle/ChillMainBundle/Resources/views/Notification/extension_list_notifications_for.html.twig

@@ -1,8 +1,24 @@
+<h2>{{ 'notification.Notification'|trans }}</h2>
+
+<div class="flex-table accordion accordion-flush" id="notification-fold">
+    {% for notification in notifications %}
+        {% include 'ChillMainBundle:Notification:_list_item.html.twig' with {
+            'action_button': false,
+            'full_content': true,
+            'fold_item': true,
+        } %}{#
+            DISABLED
+            'with_folded_comments': true
+    #}
+    {% endfor %}
+</div>
+
+{#
 <div class="list-group my-2 notification notification-box">
     <div class="list-group-item">
         <h4>{{ 'notification.Sent'|trans }}</h4>
     </div>
-    {# TODO pagination or limit #}
+    
     {% for notification in notifications %}
         <div class="list-group-item notification-status {% if notification.isReadBy(app.user) %}read{% else %}unread{% endif %}">
 
@@ -13,7 +29,7 @@
                         <abbr title="{{ 'Le ' ~ notification.date|format_date('long') ~ '\n' ~ notification.title }}">
                             {{ notification.date|format_datetime('short','short') }}
                         </abbr>
-                        {# Vue component #}
+                        
                         <span class="notification_toggle_read_status"
                             data-notification-id="{{ notification.id }}"
                             data-notification-current-is-read="{{ notification.isReadBy(app.user) }}"
@@ -44,3 +60,4 @@
         </div>
     {% endfor %}
 </div>
+#}

src/Bundle/ChillMainBundle/Resources/views/Notification/show.html.twig

@@ -26,7 +26,8 @@
                  'template_data': handler.getTemplateData(notification)
             },
             'action_button': false,
-            'full_content': true
+            'full_content': true,
+            'fold_item': false
         } %}
     </div>