From 55c2c41cea7d4a01be3deb254c23861d128a7db2 Mon Sep 17 00:00:00 2001
From: Julie Lenaerts <julielenaerts@gmail.com>
Date: Tue, 25 Jan 2022 14:46:09 +0100
Subject: [PATCH] styling changes collapse form

---
 .../views/PersonResource/create.html.twig     | 119 ++++++++++--------
 1 file changed, 64 insertions(+), 55 deletions(-)

diff --git a/src/Bundle/ChillPersonBundle/Resources/views/PersonResource/create.html.twig b/src/Bundle/ChillPersonBundle/Resources/views/PersonResource/create.html.twig
index 9bf140b0f..06c7dd541 100644
--- a/src/Bundle/ChillPersonBundle/Resources/views/PersonResource/create.html.twig
+++ b/src/Bundle/ChillPersonBundle/Resources/views/PersonResource/create.html.twig
@@ -1,65 +1,74 @@
 <div class="col-md col-xxl">
+    <div id="collapseForm" class="collapse">
+        {{ form_start(form, {'attr' : {'id' : 'create-form'}}) }}
 
-    {{ form_start(form, {'attr' : {'id' : 'create-form'}}) }}
+        {{ form_row(form.kind) }}
 
-    {{ form_row(form.kind) }}
-
-    <div id="linked-entity">
-        <fieldset class="mb-3">
-            <div class="row">
-                <legend class="col-sm-4 col-form-label">Associer un</legend>
-                <div class="col-sm-8">
-                    <div id="entity-selector">
-                        <div class="form-check">
-                            <input type="radio" id="chill_personbundle_person_resource_linkedEntity_0" name="linked-entity" class="form-check-input" value="person" />
-                            <label class="form-check-label" for="chill_personbundle_person_resource_linkedEntity_0">Usager</label>
-                        </div>
-                        <div class="form-check">
-                            <input type="radio" id="chill_personbundle_person_resource_linkedEntity_1" name="linked-entity" class="form-check-input" value="thirdparty" />
-                            <label class="form-check-label" for="chill_personbundle_person_resource_linkedEntity_1">Tiers</label>
-                        </div>
-                        <div class="form-check">
-                            <input type="radio" id="chill_personbundle_person_resource_linkedEntity_2" name="linked-entity" class="form-check-input" value="freetext" />
-                            <label class="form-check-label" for="chill_personbundle_person_resource_linkedEntity_2">Description libre</label>
+        <div id="linked-entity">
+            <fieldset class="mb-3">
+                <div class="row">
+                    <legend class="col-sm-4 col-form-label">Associer un</legend>
+                    <div class="col-sm-8">
+                        <div id="entity-selector">
+                            <div class="form-check">
+                                <input type="radio" id="chill_personbundle_person_resource_linkedEntity_0" name="linked-entity" class="form-check-input" value="person" />
+                                <label class="form-check-label" for="chill_personbundle_person_resource_linkedEntity_0">Usager</label>
+                            </div>
+                            <div class="form-check">
+                                <input type="radio" id="chill_personbundle_person_resource_linkedEntity_1" name="linked-entity" class="form-check-input" value="thirdparty" />
+                                <label class="form-check-label" for="chill_personbundle_person_resource_linkedEntity_1">Tiers</label>
+                            </div>
+                            <div class="form-check">
+                                <input type="radio" id="chill_personbundle_person_resource_linkedEntity_2" name="linked-entity" class="form-check-input" value="freetext" />
+                                <label class="form-check-label" for="chill_personbundle_person_resource_linkedEntity_2">Description libre</label>
+                            </div>
                         </div>
                     </div>
                 </div>
-            </div>
-        </fieldset>
+            </fieldset>
+        </div>
+
+        <div id="person-entity">
+            {{ form_row(form.person) }}
+        </div>
+        <div id="thirdparty-entity">
+            {{ form_row(form.thirdparty) }}
+        </div>
+        <div id="freetext-entity">
+            {{ form_row(form.freetext) }}
+        </div>
+
+        {{ form_row(form.comment) }}
+
+        {% if action is defined %}
+            <ul class="record_actions sticky-form-buttons">
+                <li class="edit">
+                    <button class="btn btn-edit"
+                    type="submit" id="newPersonResource">
+                        {{ 'edit resource'|trans|capitalize }}
+                    </button>
+                </li>
+            </ul>
+        {% else %}
+            <ul class="record_actions">
+                <li>
+                    <button class="btn btn-create"
+                    type="submit" id="newPersonResource">
+                        {{ 'Save'|trans }}
+                    </button>
+                </li>
+            </ul>
+        {% endif %}
+
+        {{ form_end(form) }}
     </div>
 
-    <div id="person-entity">
-        {{ form_row(form.person) }}
-    </div>
-    <div id="thirdparty-entity">
-        {{ form_row(form.thirdparty) }}
-    </div>
-    <div id="freetext-entity">
-        {{ form_row(form.freetext) }}
-    </div>
-
-    {{ form_row(form.comment) }}
-
-    {% if action is defined %}
-        <ul class="record_actions">
-            <li class="edit">
-                <button class="btn btn-edit"
-                type="submit" id="newPersonResource">
-                    {{ 'edit resource'|trans|capitalize }}
-                </button>
-            </li>
-        </ul>
-    {% else %}
-        <ul class="record_actions">
-            <li class="create">
-                <button class="btn btn-create"
-                type="submit" id="newPersonResource">
-                    {{ 'Add a person resource'|trans }}
-                </button>
-            </li>
-        </ul>
-    {% endif %}
-
-    {{ form_end(form) }}
+    <ul class="record_actions sticky-form-buttons">
+        <li>
+            <button class="btn btn-primary btn-create change-icon" type="button" data-bs-toggle="collapse" data-bs-target="#collapseForm" aria-expanded="false" aria-controls="collapseForm">
+                {{ 'Add a person resource'|trans }}
+            </button>
+        </li>
+    </ul>
 
 </div>
\ No newline at end of file