coopgo-apps
/
parcoursmob-default-theme
6
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

edit web/layouts/agenda/_partials/event-files.html

This commit is contained in:
Nicolas CARON 2024-10-14 09:59:33 +02:00
parent c8ab3f22ef
commit 56f0700999
1 changed files with 16 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

17
web/layouts/agenda/_partials/event-files.html
View File

@ -3,16 +3,19 @@
x-data="{ x-data="{
fields: { fields: {
name: null, name: null,
type: null,
file: null, file: null,
}, },
rules: { rules: {
name: ['required'], name: ['required'],
type: ['required'],
file: ['required'], file: ['required'],
}, },
formValidation: { formValidation: {
valid: false, valid: false,
fields: { fields: {
name: {valid: null}, name: {valid: null},
type: {valid: null},
file: {valid: null}, file: {valid: null},
} }
}, },
@ -36,7 +39,6 @@ x-data="{
<p class="p-12 text-gray-500 text-center text-md">Aucun document</p> <p class="p-12 text-gray-500 text-center text-md">Aucun document</p>
{{end}} {{end}}
{{if gt (len .ViewState.documents) 0}} {{if gt (len .ViewState.documents) 0}}
<div class="-mx-4 mb-10 ring-1 ring-gray-300 sm:-mx-6 md:mx-0 md:rounded-lg"> <div class="-mx-4 mb-10 ring-1 ring-gray-300 sm:-mx-6 md:mx-0 md:rounded-lg">
@ -74,11 +76,22 @@ x-data="{
<h3 class="text-lg">Ajouter un document</h3> <h3 class="text-lg">Ajouter un document</h3>
<form method="POST" action="/app/agenda/{{.ViewState.event.ID}}/documents" @submit="submit" enctype="multipart/form-data"> <form method="POST" action="/app/agenda/{{.ViewState.event.ID}}/documents" @submit="submit" enctype="multipart/form-data">
<div class="md:grid md:grid-cols-6 p-2"> <div class="md:grid md:grid-cols-6 p-2">
<div class="sm:col-span-2">
<label for="type" class="block text-sm font-medium text-gray-700">Type</label>
<select id="type" name="type" class="mt-1 block w-full rounded-l-2xl border-gray-300 py-2 pl-3 pr-10 text-base focus:border-indigo-500 focus:outline-none focus:ring-indigo-500 sm:text-sm"
x-model="fields.type" @blur="validateField('type')"
:class="formValidation.fields.type.valid == false ? 'border-co-red border-2' : 'border-gray-300'">
<option value="" selected>Sélectionner un type</option>
{{range .ViewState.events_file_types}}
<option value="{{.}}">{{index $.ViewState.file_types_map .}}</option>
{{end}}
</select>
</div>
<div class="sm:col-span-4"> <div class="sm:col-span-4">
<label for="name" class="block text-sm font-medium text-gray-700">Nom</label> <label for="name" class="block text-sm font-medium text-gray-700">Nom</label>
<input type="text" name="name" id="name" <input type="text" name="name" id="name"
placeholder="Nom du fichier" placeholder="Nom du fichier"
class="mt-1 focus:ring-co-blue focus:border-co-blue block w-full shadow-sm sm:text-sm rounded-2xl" class="mt-1 focus:ring-co-blue focus:border-co-blue block w-full shadow-sm sm:text-sm rounded-r-2xl"
x-model="fields.name" @blur="validateField('name')" x-model="fields.name" @blur="validateField('name')"
:class="formValidation.fields.name.valid == false ? 'border-co-red border-2' : 'border-gray-300'" /> :class="formValidation.fields.name.valid == false ? 'border-co-red border-2' : 'border-gray-300'" />
</div> </div>