gitea_admin/aduzuki
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

total_1ère

Browse Source
This commit is contained in:
Julie
2026-07-20 16:33:04 +02:00
parent dd49ba357b
commit d49cf88d99
275 changed files with 63607 additions and 5599 deletions
Download Patch File Download Diff File Expand all files Collapse all files

172
public/js/rassemblementra/rassemblementra_formulaire_personne.js Normal file
View File

@@ -0,0 +1,172 @@
// RASSEMBLEMENT NATIONAL Rhone Alpes
// REMPLIR LE FORMULAIRE
// PARAGRAPHE PERSONNE
// POUR 3 Personnes
var personne = "0";
window.onload = affichepersonne(personne);
function ajout_personne(personne) {
affichepersonne(personne);
}
function affichepersonne(personne) {
personne++;
console.log("Affiche personne personne : ",personne);
if (personne > 4 ) {
console.log("4 personnes maximum");
return;
}
// Ce if sert pour ne pas répéter plusieurs fois le même numéro de personne si l'internaute clique plusieurs fois sur le même "ajouter une personne"
if (!document.querySelector('#personne'+ personne +'')) {
let contenuhtml_personne = `<section id="personne`+ personne +`" class="personne">
<h2><img class='icone_titre' src="/public/images/icones/icone_personne.png" alt="icone information à cliquer">PERSONNE <span class="rouge numero">`+ personne +`</span>`;
if (personne > 1) {
contenuhtml_personne += ` <span class="remove_personne"><input class="input_suppr" type="checkbox" name="check_personne_delete`+ personne +`" id="check_personne_delete`+ personne +`" onchange="supprimer_personne(`+ personne +`)"><label class="label_suppr" for="check_personne_delete`+ personne +`">Supprimer cette personne</label></span>`;
};
contenuhtml_personne += `</h2>
<div class="grid_2inputs">
<div class="input_box input_text input_box_gris">
<label for="personne_`+ personne +`_nom">Nom de famille *</label>
<input type="text" name="personne_`+ personne +`_nom" id="personne_`+ personne +`_nom" required>
</div>
<div class="input_box input_text input_box_gris">
<label for="personne_`+ personne +`_prenom">Prénom *</label>
<input type="text" name="personne_`+ personne +`_prenom" id="personne_`+ personne +`_prenom" required>
</div>
</div>
<div class="grid_2inputs">
<div class="input_box input_text input_box_gris">
<label for="personne_`+ personne +`_datenaissance">Date de naissance * (jj/mm/aaaa)</label>
<input type="text" name="personne_`+ personne +`_datenaissance" id="personne_`+ personne +`_datenaissance" placeholder="01/01/1999" pattern="[0-3][0-9]/[0-1][0-9]/[1-2][0-9][0-9][0-9]" minlength="10" maxlength="10" title="le format de date doit être jj/mm/aaaa" required>
</div>
</div>
<div id="personne_`+ personne +`_instrument_activite_call" class="grid_2inputs">
<div id="personne_`+ personne +`_profil_call" class="input_box input_text input_box_bleu">
<label for="personne_`+ personne +`_role">Rôle de la personne ? * </label>
<select id="personne_`+ personne +`_role" name="personne_`+ personne +`_role" autocomplete="off" required onchange="select_personne_profil(this,`+ personne +`)">
<option value="" selected></option>
<option value="instrumentiste">élève</option>
<option value="professeur">professeur</option>
</select>
</div>
</div>
`;
if (personne < 4) {
contenuhtml_personne += "<!-- ---------------------------------- -->"+
`<!-- Voulez-vous ajouter une autre personne ? -->`+
`<!-- ---------------------------------- -->`+
`<div class="input_checkbox">`+
`<input type="checkbox" name="check_personne`+ personne +`" id="check_personne`+ personne +`" onchange="ajout_personne(`+ personne +`)">`+
`<label for="check_personne`+ personne +`">Voulez-vous ajouter une autre personne au stage ?</label>`+
`</div>`
};
contenuhtml_personne += `</section>`;
personne--;
document.querySelector('#personne'+ personne +'').insertAdjacentHTML("afterend",contenuhtml_personne);
personne++;
return personne;
}
}
function select_personne_profil(select, personne) {
console.log("select.value : ",select.value);
if (select.value == "professeur") {
console.log("on est dans professeur");
if (document.querySelector("#personne_"+ personne +"_instrument_display")){
document.querySelector("#personne_"+ personne +"_instrument_display").remove();
}
document.querySelector('#personne_'+ personne +'_instrument_activite_call').insertAdjacentHTML("afterend",
`<div id="personne_`+ personne +`_instrument_display">
<div class="grid_2inputs">
<div id="personne_`+ personne +`_cahier_display" class="input_box input_text input_box_gris">
<label for="personne_`+ personne +`_instrument">Instrument *</label>
<select id="personne_`+ personne +`_instrument" name="personne_`+ personne +`_instrument" required">
<option value="" selected></option>
<option value="violon">🎻 Violon</option>
</select>
</div>
</div>
</div>`
);
}
if (select.value == "instrumentiste") {
console.log("on est dans élève");
if (document.querySelector("#personne_"+ personne +"_instrument_display")){
document.querySelector("#personne_"+ personne +"_instrument_display").remove();
}
document.querySelector('#personne_'+ personne +'_instrument_activite_call').insertAdjacentHTML("afterend",
`<div id="personne_`+ personne +`_instrument_display">
<div class="grid_2inputs">
<div id="personne_`+ personne +`_cahier_display" class="input_box input_text input_box_gris">
<label for="personne_`+ personne +`_instrument">Instrument *</label>
<select id="personne_`+ personne +`_instrument" name="personne_`+ personne +`_instrument" required">
<option value="" selected></option>
<option value="violon">🎻 Violon</option>
</select>
</div>
<div class="input_box input_text input_box_bleu">
<label for="personne_`+ personne +`_cahier">Niveau Cahier *</label>
<select id="personne_`+ personne +`_cahier" name="personne_`+ personne +`_cahier" required>
<option value="" selected></option>
<option value="Pre-Twinkle">Pre-Twinkle</option>
<option value="Cahier 1">Cahier 1</option>
<option value="Cahier 2">Cahier 2</option>
<option value="Cahier 3">Cahier 3</option>
<option value="Cahier 4">Cahier 4</option>
</select>
</div>
</div>
<div class="grid_2inputs">
<div class="input_box input_text input_box_bleu">
<label for="personne_`+ personne +`_piece">Pièces récentes*</label>
<input type="text" name="personne_`+ personne +`_piece" id="personne_`+ personne +`_piece" required>
</div>
<div class="input_box input_text input_box_bleu">
<label for="personne_`+ personne +`_prof">Nom professeur *</label>
<input type="text" name="personne_`+ personne +`_prof" id="personne_`+ personne +`_prof" required>
</div>
</div>
</div>`
);
}
}
function supprimer_personne(personne) {
document.querySelector('#personne'+ personne +'').remove();
}