From ed891b224f5495bbfc5af1f5bceceddb87c27847 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Julien=20Fastr=C3=A9?= <julien.fastre@champs-libres.coop>
Date: Tue, 8 Jun 2021 12:36:01 +0200
Subject: [PATCH] allow to distinguish stle for list-with-periods and list
 household members in css

---
 .../public/sass/person_with_period.scss       | 23 ++++++++++++-------
 .../views/Household/banner.html.twig          | 22 ++++++++++++++----
 2 files changed, 33 insertions(+), 12 deletions(-)

diff --git a/src/Bundle/ChillPersonBundle/Resources/public/sass/person_with_period.scss b/src/Bundle/ChillPersonBundle/Resources/public/sass/person_with_period.scss
index 6f52d2cae..dc1c96274 100644
--- a/src/Bundle/ChillPersonBundle/Resources/public/sass/person_with_period.scss
+++ b/src/Bundle/ChillPersonBundle/Resources/public/sass/person_with_period.scss
@@ -1,5 +1,7 @@
 /// complete and overwrite flex-table in chillmain.scss
-div.list-with-period { 
+div.list-with-period,
+div.list-household-members,
+div.list-household-members--summary { 
    div.person {
       ul.record_actions {
          li {
@@ -7,6 +9,9 @@ div.list-with-period {
          }
       }
    }
+   div.comment {
+      // for the comment for household-members
+   }
    div.periods {
       div.header, 
       div.list-content {
@@ -39,12 +44,14 @@ div.list-with-period {
          }
       }
    }
+
+  .chill-entity__person {
+     .chill-entity__person__first-name,
+     .chill-entity__person__last-name {
+        font-size: 1.3em;
+        font-weight: 700;
+     }
+  }
 }
 
-.chill-entity__person {
-   .chill-entity__person__first-name,
-   .chill-entity__person__last-name {
-      font-size: 1.3em;
-      font-weight: 700;
-   }
-}
+
diff --git a/src/Bundle/ChillPersonBundle/Resources/views/Household/banner.html.twig b/src/Bundle/ChillPersonBundle/Resources/views/Household/banner.html.twig
index 57b89851d..cf12b1c4f 100644
--- a/src/Bundle/ChillPersonBundle/Resources/views/Household/banner.html.twig
+++ b/src/Bundle/ChillPersonBundle/Resources/views/Household/banner.html.twig
@@ -1,4 +1,4 @@
-<div class="subheader">
+<div class="subheader banner-household">
     <div class="grid-12 parent" id="header-accompanying_course-name" >
         <div class="grid-10 push-1 grid-mobile-12 grid-tablet-12 push-mobile-0 push-tablet-0 parent">
 
@@ -18,9 +18,23 @@
     </div>
     <div class="grid-12 parent" id="header-accompanying_course-details" >
         <div class="grid-10 push-1 grid-mobile-12 grid-tablet-12 push-mobile-0 push-tablet-0 parent">
-
-            <div id="banner-misc"></div>
-
+            <div id="banner-misc">
+              {%- set persons = household.getCurrentPersons() -%}
+              {%- if persons|length > 0 -%}
+              <span class="current-members-explain">
+              {{- 'household.Current household members'|trans }}:
+              </span>
+              {%- for p in persons|slice(0, 5) -%}
+              {{- p|chill_entity_render_box({'addLink': false}) -}}
+              {%- if false == loop.last -%}, {% endif -%}
+              {%- endfor -%}
+              {% if persons|length > 5 %}
+              <span class="current-members-more">
+              {{ 'household.and x other persons'|trans({'x': persons|length-5}) }}
+              </span>
+              {% endif %} 
+              {%- endif -%}
+            </div>
         </div>
     </div>
 </div>