add the description and the address part

This commit is contained in:
soukainna 2022-11-10 16:44:48 +01:00
parent 2055ef5e7c
commit 9aaa51a81f
3 changed files with 39 additions and 0 deletions

View File

@ -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:

View File

@ -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"

View File

@ -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>