From 9aaa51a81f6e225d777dbd8c22d8fe8075ffe29e Mon Sep 17 00:00:00 2001
From: soukainna <soukaina1lafdili@gmail.com>
Date: Thu, 10 Nov 2022 16:44:48 +0100
Subject: [PATCH] add the description and the address part

---
 config.yaml                                 |  1 +
 web/layouts/group_module/create_group.html  | 27 +++++++++++++++++++++
 web/layouts/group_module/display_group.html | 11 +++++++++
 3 files changed, 39 insertions(+)

diff --git a/config.yaml b/config.yaml
index 55815e1..e7449ef 100644
--- a/config.yaml
+++ b/config.yaml
@@ -107,6 +107,7 @@ views:
         - web/layouts/group_module/home.html
     create_group:
       files:
+        - web/layouts/_partials/address_autocomplete.html
         - web/layouts/group_module/create_group.html
   
     display_group:
diff --git a/web/layouts/group_module/create_group.html b/web/layouts/group_module/create_group.html
index 4936a2a..58a55a6 100644
--- a/web/layouts/group_module/create_group.html
+++ b/web/layouts/group_module/create_group.html
@@ -9,6 +9,7 @@
         fields: {
             name: null,
             type: null,
+            description: null,
         },
         rules: {
             name: ['required'],
@@ -19,6 +20,7 @@
             fields: {
                 name: {valid: null},
                 type: {valid: null},
+                description: {valid: null},
             }
         },
         isFormValid: true,
@@ -66,12 +68,37 @@
                                 {{end}}
                             </select>
                         </div>
+                        <div class="col-span-6">
+                            <label for="description" class="block text-sm font-medium text-gray-700">Description</label>
+                            <div class="mt-1">
+                                <textarea rows="4" name="description" id="descrpition" 
+                                    x-model="fields.description" @blur="validateField('description')"
+                                    :class="formValidation.fields.description.valid == false ? 'border-co-red border-2' : 'border-gray-300'"
+                                    class="shadow-sm focus:ring-co-blue focus:border-co-blue block w-full sm:text-sm border-gray-300 rounded-2xl"></textarea>
+                            </div>
+                        </div>
                     </div>
                 </div>
                
             </div>
             
         </div>
+        <div class="bg-white shadow px-4 py-5 sm:rounded-lg sm:p-6">
+            <div class="md:grid md:grid-cols-3 md:gap-6">
+                <div class="md:col-span-1">
+                    <h3 class="text-lg font-medium leading-6 text-gray-900">Paramètres</h3>
+                    <p class="mt-1 text-sm text-gray-500">Paramètres liés au groupe, utiles pour exploiter les fonctionnalités de PARCOURSMOB</p>
+                </div>
+                <div class="mt-5 space-y-6 md:mt-0 md:col-span-2">
+
+                    {{ $fieldName := "address" }}
+                    {{ template "address_autocomplete" dict "FieldName" $fieldName }}
+
+                    <!-- will dolater : tags, groups, ... -->
+
+                </div>
+            </div>
+        </div>
         <div class="flex justify-end">
             <a href="/app/group_module/">
                 <button type="button"
diff --git a/web/layouts/group_module/display_group.html b/web/layouts/group_module/display_group.html
index c1edbde..50f2844 100644
--- a/web/layouts/group_module/display_group.html
+++ b/web/layouts/group_module/display_group.html
@@ -26,6 +26,17 @@
                                     <dd class="mt-1 text-sm text-gray-900 sm:mt-0 sm:col-span-2">
                                         {{.ViewState.group.Data.type}}</dd>
                                 </div>
+                                <div class="py-4 sm:py-5 sm:grid sm:grid-cols-3 sm:gap-4">
+                                    <dt class="text-sm font-medium text-gray-500">Adresse</dt>
+                                    <dd class="mt-1 text-sm text-gray-900 sm:mt-0 sm:col-span-2">
+                                        {{.ViewState.group.Data.address.properties.label}}</dd>
+                                </div>
+                                <div class="py-4 sm:py-5 sm:grid sm:grid-cols-3 sm:gap-4">
+                                    <dt class="text-sm font-medium text-gray-500">Description</dt>
+                                    <dd class="mt-1 text-sm text-gray-900 sm:mt-0 sm:col-span-2">
+                                        {{.ViewState.group.Data.description}}</dd>
+                                </div>
+                             
                             </dl>
                         </div>
                     </div>