From 5b321dfb816fbbb4fb8084a85c033b3900ca441d Mon Sep 17 00:00:00 2001
From: Mathieu Jaumotte <mathieu.jaumotte@champs-libres.coop>
Date: Thu, 9 Dec 2021 14:33:08 +0100
Subject: [PATCH] list-suggest: add classes to change list disposition

---
 CONVENTIONS.md                                           | 1 +
 .../public/vuejs/Activity/components/ConcernedGroups.vue | 2 +-
 .../Resources/public/chill/scss/badge.scss               | 9 +++++++++
 .../AccompanyingCourse/components/PersonsAssociated.vue  | 2 +-
 .../vuejs/AccompanyingCourse/components/Referrer.vue     | 2 +-
 .../vuejs/AccompanyingCourse/components/Requestor.vue    | 2 +-
 .../vuejs/AccompanyingCourse/components/Resources.vue    | 2 +-
 7 files changed, 15 insertions(+), 5 deletions(-)

diff --git a/CONVENTIONS.md b/CONVENTIONS.md
index 2543e54b7..717249a83 100644
--- a/CONVENTIONS.md
+++ b/CONVENTIONS.md
@@ -409,3 +409,4 @@ Créer un titre enlevable (avec une croix rouge cliquable, l'ancre a est vide)
     <a></a>
 </div>
 ```
+Les classes `cols` ou `inline` peuvent être ajoutées à côté de `list-suggest` pour modifier la disposition de la liste.
diff --git a/src/Bundle/ChillActivityBundle/Resources/public/vuejs/Activity/components/ConcernedGroups.vue b/src/Bundle/ChillActivityBundle/Resources/public/vuejs/Activity/components/ConcernedGroups.vue
index 853b43eb0..49b53c8cb 100644
--- a/src/Bundle/ChillActivityBundle/Resources/public/vuejs/Activity/components/ConcernedGroups.vue
+++ b/src/Bundle/ChillActivityBundle/Resources/public/vuejs/Activity/components/ConcernedGroups.vue
@@ -11,7 +11,7 @@
             </persons-bloc>
         </div>
         <div v-if="getContext === 'accompanyingCourse' && suggestedEntities.length > 0">
-            <ul class="list-suggest add-items">
+            <ul class="list-suggest add-items inline">
                 <li v-for="p in suggestedEntities" @click="addSuggestedEntity(p)">
                     <span>{{ p.text }}</span>
                 </li>
diff --git a/src/Bundle/ChillMainBundle/Resources/public/chill/scss/badge.scss b/src/Bundle/ChillMainBundle/Resources/public/chill/scss/badge.scss
index 1517ade61..4018e656b 100644
--- a/src/Bundle/ChillMainBundle/Resources/public/chill/scss/badge.scss
+++ b/src/Bundle/ChillMainBundle/Resources/public/chill/scss/badge.scss
@@ -25,6 +25,15 @@ ul.list-suggest {
         text-align: start;
         margin-bottom: 3px;
     }
+    &.cols {
+        columns: 3;
+    }
+    &.inline {
+        li {
+            display: inline-block;
+            margin-right: 0.2em;
+        }
+    }
     &.add-items {
         li {
             cursor: pointer;
diff --git a/src/Bundle/ChillPersonBundle/Resources/public/vuejs/AccompanyingCourse/components/PersonsAssociated.vue b/src/Bundle/ChillPersonBundle/Resources/public/vuejs/AccompanyingCourse/components/PersonsAssociated.vue
index 26e74e944..3ea64bd67 100644
--- a/src/Bundle/ChillPersonBundle/Resources/public/vuejs/AccompanyingCourse/components/PersonsAssociated.vue
+++ b/src/Bundle/ChillPersonBundle/Resources/public/vuejs/AccompanyingCourse/components/PersonsAssociated.vue
@@ -48,7 +48,7 @@
    </div>
 
    <div v-if="suggestedPersons.length > 0">
-      <ul class="list-suggest add-items">
+      <ul class="list-suggest add-items inline">
          <li v-for="p in suggestedPersons" :key="p.id" @click="addSuggestedPerson(p)">
              <span>{{ p.text }}</span>
           </li>
diff --git a/src/Bundle/ChillPersonBundle/Resources/public/vuejs/AccompanyingCourse/components/Referrer.vue b/src/Bundle/ChillPersonBundle/Resources/public/vuejs/AccompanyingCourse/components/Referrer.vue
index dad42a504..aa05fe872 100644
--- a/src/Bundle/ChillPersonBundle/Resources/public/vuejs/AccompanyingCourse/components/Referrer.vue
+++ b/src/Bundle/ChillPersonBundle/Resources/public/vuejs/AccompanyingCourse/components/Referrer.vue
@@ -20,7 +20,7 @@
       </VueMultiselect>
 
       <template v-if="referrersSuggested.length > 0">
-         <ul class="list-suggest add-items">
+         <ul class="list-suggest add-items inline">
             <li v-for="u in referrersSuggested" @click="updateReferrer(u)">
                <span>
                   <user-render-box-badge :user="u"></user-render-box-badge>
diff --git a/src/Bundle/ChillPersonBundle/Resources/public/vuejs/AccompanyingCourse/components/Requestor.vue b/src/Bundle/ChillPersonBundle/Resources/public/vuejs/AccompanyingCourse/components/Requestor.vue
index 8b72a9aa2..8993ddb8d 100644
--- a/src/Bundle/ChillPersonBundle/Resources/public/vuejs/AccompanyingCourse/components/Requestor.vue
+++ b/src/Bundle/ChillPersonBundle/Resources/public/vuejs/AccompanyingCourse/components/Requestor.vue
@@ -134,7 +134,7 @@
    </div>
 
    <div v-if="accompanyingCourse.requestor === null && suggestedEntities.length > 0">
-      <ul class="list-suggest add-items">
+      <ul class="list-suggest add-items inline">
          <li v-for="p in suggestedEntities" :key="uniqueId(p)" @click="addSuggestedEntity(p)">
              <span>{{ p.text }}</span>
           </li>
diff --git a/src/Bundle/ChillPersonBundle/Resources/public/vuejs/AccompanyingCourse/components/Resources.vue b/src/Bundle/ChillPersonBundle/Resources/public/vuejs/AccompanyingCourse/components/Resources.vue
index 87021850e..599f99b21 100644
--- a/src/Bundle/ChillPersonBundle/Resources/public/vuejs/AccompanyingCourse/components/Resources.vue
+++ b/src/Bundle/ChillPersonBundle/Resources/public/vuejs/AccompanyingCourse/components/Resources.vue
@@ -20,7 +20,7 @@
    </div>
 
    <div v-if="suggestedEntities.length > 0">
-      <ul class="list-suggest add-items">
+      <ul class="list-suggest add-items inline">
          <li v-for="p in suggestedEntities" :key="uniqueId(p)" @click="addSuggestedEntity(p)">
              <span>{{ p.text }}</span>
           </li>