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

6
views/adhesion/page_templates/adhesion_paiement_annule.ejs
View File

@@ -23,7 +23,7 @@
<p>Chez Anne PAGES<br>30 rue des Tattes<br>74500 PUBLIER <br>afpedagogiesuzuki@gmail.com</p>
</div>
<div class="adhesion_fin_adresse_identifiant">
<p>Identifiant association : <span class="adhesion_fin_adresse_identifiant_bold">507 569 952 00033</span></p>
<p>Siret : <span class="adhesion_fin_adresse_identifiant_bold">507 569 952 00033</span></p>
</div>
<div class="adhesion_fin_date">
<p>Le <%= today %></p>
@@ -47,7 +47,7 @@
<div class="adhesion_fin_card">
<div class="logo">
<img src="/public/images/logos/LogoSuzukiGris.png" alt="">
<img src="/public/images/logos/logosuzukigris.png" alt="">
</div>
<div class="adhesion_fin_card_description">
@@ -59,7 +59,7 @@
<p>pour la pédagogie Suzuki</p>
</div>
<div class="adhesion_fin_card_description_annee">
<p>Année 2022/2023</p>
<p>Année 2025/2026</p>
</div>
</div>

6
views/adhesion/page_templates/adhesion_paiement_attente.ejs
View File

@@ -29,7 +29,7 @@
<p>Chez Anne PAGES<br>30 rue des Tattes<br>74500 PUBLIER <br>afpedagogiesuzuki@gmail.com</p>
</div>
<div class="adhesion_fin_adresse_identifiant">
<p>Identifiant association : <span class="adhesion_fin_adresse_identifiant_bold">507 569 952 00033</span></p>
<p>Siret : <span class="adhesion_fin_adresse_identifiant_bold">507 569 952 00033</span></p>
</div>
<div class="adhesion_fin_date">
<p>Le <%= today %></p>
@@ -53,7 +53,7 @@
<div class="adhesion_fin_card">
<div class="logo">
<img src="/public/images/logos/LogoSuzukiGris.png" alt="">
<img src="/public/images/logos/logosuzukigris.png" alt="">
</div>
<div class="adhesion_fin_card_description">
@@ -65,7 +65,7 @@
<p>pour la pédagogie Suzuki</p>
</div>
<div class="adhesion_fin_card_description_annee">
<p>Année 2022/2023</p>
<p>Année 2025/2026</p>
</div>
</div>

6
views/adhesion/page_templates/adhesion_paiement_reussi.ejs
View File

@@ -30,7 +30,7 @@
<p>Chez Anne PAGES<br>30 rue des Tattes<br>74500 PUBLIER <br>afpedagogiesuzuki@gmail.com</p>
</div>
<div class="adhesion_fin_adresse_identifiant">
<p>Identifiant association : <span class="adhesion_fin_adresse_identifiant_bold">507 569 952 00033</span></p>
<p>Siret : <span class="adhesion_fin_adresse_identifiant_bold">507 569 952 00033</span></p>
</div>
<div class="adhesion_fin_date">
<p>Le <%= today %></p>
@@ -50,7 +50,7 @@
<div class="adhesion_fin_card">
<div class="logo">
<img src="/public/images/logos/LogoSuzukiGris.png" alt="">
<img src="/public/images/logos/logosuzukigris.png" alt="">
</div>
<div class="adhesion_fin_card_description">
@@ -62,7 +62,7 @@
<p>pour la pédagogie Suzuki</p>
</div>
<div class="adhesion_fin_card_description_annee">
<p>Année 2022/2023</p>
<p>Année 2025/2026</p>
</div>
</div>

10
views/adhesion/page_templates/formulaire_adhesion_famille.ejs
View File

@@ -5,7 +5,7 @@
<main>
<article></article>
<article class="">
<!-- TITRE DE LA PAGE -->
<%- include('../template_parts/adhesion_titrepage')%>
@@ -27,7 +27,7 @@
<!-- Ajouter des élèves -->
<!-- ---------------------------------- -->
<%- include('../template_parts/eleves_famille')%>
<section id="eleve0"></section>
<!-- ---------------------------------- -->
<!-- BOUTON ENREGISTRER -->
@@ -49,8 +49,8 @@
</body>
<!-- JAVASCRIPT d'EXECUTION -->
<script src="/public/js/adhesion/adhesion_prof.js"></script>
<script src="/public/js/adhesion/professeurs.js"></script>
<!-- JAVASCRIPT d'EXECUTION -->
<script src="/public/js/adhesion/eleve.js"></script>
<%- include('../../template_parts/footer')%>

27
views/adhesion/page_templates/formulaire_adhesion_mail.ejs
View File

@@ -28,10 +28,32 @@
<p><%= err_mail_form_adhesion_4 %></p>
</div>
<% }; %>
<!-- ---------------------------------- -->
<!-- FORMULAIRE de vérification du mail -->
<!-- ---------------------------------- -->
<form action="" method="post" class="form_check_mail">
<!-- lE formuaire -->
<%- include('../template_parts/check_mail')%>
<div class="input_box input_email">
<label for="identifiant">Saisissez votre adresse mail</label>
<input type="email" name="identifiant" id="identifiant" placeholder="Votre mail sera votre identifiant" value="<% if (locals.identifiant) { %><%= identifiant %><% }; %>" required>
</div>
<div class="input_checkbox">
<input type="checkbox" name="check_prof" id="check_prof">
<label for="check_prof">Vous êtes professeur Suzuki <br>ou vous souhaitez le devenir</label>
</div>
<!-- ---------------------------------- -->
<!-- CLIQUEZ SUR BOUTON ADHÉRER -->
<!-- ---------------------------------- -->
<button type="submit" class="button_icone">
<span class="btn_icone">+</span><span class="btn_texte">ADHÉRER</span>
</button>
</form>
<!-- ------------------------- -->
<!-- Explication aux visiteurs -->
@@ -76,6 +98,7 @@
<br>
<p><span class="gras">PAIEMENT DE VOTRE ADHÉSION :</span></span></p>
<ul>
<li>Tarifs : 22€ pour les familles, 42€ pour les professeurs (inclus leurs enfants)</li>
<li>nous vous recommandons le paiement par carte bancaire pour obtenir votre carte d'adhérent immédiatement,</li>
<li>vous pouvez choisir le paiement par chèque ou virement, dans ce cas votre carte d'adhérent définitive sera envoyée après réception de votre paiement.</li>
</ul>

19
views/adhesion/page_templates/formulaire_adhesion_prof.ejs
View File

@@ -30,11 +30,12 @@
<!-- VEUT-IL SAISIR DIPLOME ? -->
<!-- ---------------------------------- -->
<div class="input_checkbox">
<input type="checkbox" name="check_prof_diplome" id="check_prof_diplome" onclick="prof_diplome()">
<input type="checkbox" name="check_prof_diplome" id="check_prof_diplome" onchange="ajout_prof_diplome(this)">
<label for="check_prof_diplome">Vous êtes <span class='gras'>diplômé</span> de la pédagogie Suzuki</label>
</div>
<%- include('../template_parts/prof_diplome')%>
<section id="diplome0"></section>
<!-- ---------------------------------- -->
@@ -48,11 +49,12 @@
<!-- ---------------------------------- -->
<div class="input_checkbox">
<input type="checkbox" name="check_prof_formation" id="check_prof_formation" onclick="prof_formation()">
<input type="checkbox" name="check_prof_formation" id="check_prof_formation" onchange="ajout_prof_formation(this)">
<label for="check_prof_formation">Vous souhaitez <span class='gras'>obtenir un diplôme</span> de la pédagogie Suzuki et entrer en formation</label>
</div>
<%- include('../template_parts/prof_formation')%>
<section id="formation0"></section>
<!-- ---------------------------------- -->
@@ -61,12 +63,16 @@
<!-- ---------------------------------- -->
<div class="input_checkbox">
<input type="checkbox" name="check_prof_eleve" id="check_prof_eleve" onclick="prof_eleve()">
<input type="checkbox" name="check_prof_eleve" id="check_prof_eleve" onchange="ajout_prof_eleve(this,0)">
<label for="check_prof_eleve">Vous souhaitez inscrire à l’adhésion annuelle vos <span class='gras'>enfants</span> qui suivront des cours selon la pédagogie Suzuki (compris dans la prix de l’adhésion professeur)</label>
</div>
<!-- ---------------------------------- -->
<!-- PROF -->
<!-- Ajouter des élèves -->
<!-- ---------------------------------- -->
<%- include('../template_parts/eleves')%>
<section id="eleve0"></section>
<!-- ---------------------------------- -->
<!-- BOUTON ENREGISTRER -->
@@ -90,5 +96,6 @@
<script src="/public/js/adhesion/adhesion_prof.js"></script>
<script src="/public/js/adhesion/professeurs.js"></script>
<script src="/public/js/adhesion/hidden_visible.js"></script>
<script src="/public/js/adhesion/eleve.js"></script>
<%- include('../../template_parts/footer')%>

122
views/adhesion/page_templates/inscription_terminee.ejs Normal file
View File

@@ -0,0 +1,122 @@
<%- include('../../template_parts/head')%>
<body>
<!-- ---------------------------------- -->
<!-- HEADER -->
<!-- ---------------------------------- -->
<%- include('../../template_parts/header_tunnel')%>
<!-- ---------------------------------- -->
<!-- FORMULAIRE de vérification du mail -->
<!-- ---------------------------------- -->
<main>
<article>
<!-- TITRE DE LA PAGE -->
<%- include('../template_parts/adhesion_titrepage')%>
<!-- AFFICHAGE DES MESSAGES ERREURS RETOUR DE POST FORMULAIRE -->
<% if (locals.err_mail_form_adhesion_1) { %>
<div class="erreur">
<p><%= err_mail_form_adhesion_1 %></p>
<p><%= err_mail_form_adhesion_2 %></p>
<p><%= err_mail_form_adhesion_3 %></p>
<p><%= err_mail_form_adhesion_4 %></p>
</div>
<% }; %>
<!-- ---------------------------------- -->
<!-- MESSAGE DE FERMETURE -->
<!-- ---------------------------------- -->
<div class="message_fin">
<p>Les inscriptions de l'année <span class="gras">2025/2026</span> sont <mark> terminées.</mark></p>
<br>
<p>Rendez-vous le <span class="rouge">01/09/2025</span> pour les inscriptions 2025/2026</p>
</div>
<!-- ------------------------- -->
<!-- Explication aux visiteurs -->
<!-- ------------------------- -->
<section class="savoirplus_accueil">
<div id="savoirplus_button" class="savoirplus_button">
<p>En savoir plus sur ce formulaire</p>
</div>
<div id="savoirplus_content" class="savoirplus_content hidden">
<p>Cette page va vous permettre d'adhérer à l'Association Française pour la Pédagogie Suzuki.</p>
<br>
<p>L’adhésion à l’AFPS est requise pour suivre les cours de nos professeurs diplômés « Pédagogie Suzuki ».</p>
<br>
<p>Cette page est une page d'inscription : vous renseignerez vos informations et payerez l'adhésion. Il ne sera pas possible d'y revenir. <span class="gras rouge">Ne la remplissez que si vous êtes en possession des informations personnelles et du niveau d'apprentissage choisi, et du moyen de paiement (carte bancaire, virement, chèque).</span></p>
<br>
<p>Dès que votre paiement sera validé, vous serez membres de (<a target="_blank" href="http://www.afpedagogiesuzuki.fr"><span class="souligne">l’Association Française pour la Pédagogie Suzuki</span></a>) et de (<a target="_blank" href="https://europeansuzuki.org"><span class="souligne">l’European Suzuki Association</span></a>). Vous pourrez à ce titre participer à tous les événements Suzuki en France et dans le monde.</p>
<br>
<p><span class="gras">VOICI LES 3 ÉTAPES :</span></p>
<ol>
<li>vous allez remplir le formulaire d’adhésion très précisément => les informations vont s'enregistrer dans la base de données de l'Association,</li>
<li>payer votre adhésion,</li>
<li>vous recevrez un courriel avec le statut de votre adhésion, votre carte d'adhérent et le cas échéant un justificatif de don.</li>
</ol>
<br>
<p><span class="gras">POUR QUI ? :</span></span></p>
<ul>
<li>un adulte qui inscrit ses enfants pour que son professeur lui enseigne la musique en suivant cette pédagogie (vous devez déjà être en relation avec un de nos professeurs, qui vous aura informés. L’adhésion à l’Association n’a pas de rapport avec le prix des cours en eux-mêmes),</li>
<li>un professeur qui s'inscrit pour donner des cours avec la pédagogie Suzuki,</li>
<li>un professeur qui veut apprendre la pédagogie Suzuki pour l’enseigner,</li>
<li>un professeur qui s’inscrit aura l’occasion dans son formulaire d’inscrire ses enfants pour qu’ils apprennent la musique avec la pédagogie Suzuki,</li>
<li>toute personne qui voudra suivre les stages ou les évènements organisés par l'Association devra adhérer.</li>
</ul>
<br>
<p><span class="gras">Sélection des professeurs qui enseignent la pédagogie :</span></span></p>
<ul>
<li>Lors de l’inscription, si le professeur qui va enseigner la pédagogie Suzuki à votre enfant n’est pas présent dans le menu déroulant que vous trouverez dans le formulaire, vous pourrez faire le choix « professeur non inscrit ».</li>
</ul>
<br>
<p><span class="gras">PAIEMENT DE VOTRE ADHÉSION :</span></span></p>
<ul>
<li>Tarifs : 22€ pour les familles, 42€ pour les professeurs (inclus leurs enfants)</li>
<li>nous vous recommandons le paiement par carte bancaire pour obtenir votre carte d'adhérent immédiatement,</li>
<li>vous pouvez choisir le paiement par chèque ou virement, dans ce cas votre carte d'adhérent définitive sera envoyée après réception de votre paiement.</li>
</ul>
<br>
<p><span class="gras">UTILISATION DES DONNÉES PERSONNELLES</span></span></p>
<p>Les informations recueillies dans le formulaire seront conservées par l'Association.</p>
<p>L'association ne transmettra jamais les informations à une autre personne ou organisme.</p>
<p>Contacter l'Association pour toutes questions sur vos données : mise à jour, suppression.</p>
<br>
<p><span class="gras">COOKIE</span></span></p>
<p>Ce site utilise 1 cookie qui servira pour garder votre session ouverte sur votre navigateur le temps de remplir le formulaire et de passer par la page paiement et la page finale.</p>
<p>Ce cookie servira uniquement à des fins de navigation durant la même session, et ne sera en aucune manière transmis à un organisme tiers. Le cookie de session est automatiquement détruit par le navigateur lors de la fermeture de la page.</p>
<p>Si vous n'acceptez pas ce cookie vous ne pourrez pas vous inscrire via ce formulaire car le processus ne fonctionnera pas. Vous pouvez dans ce cas simplement fermer la page et il partira.</p>
</div>
</section>
</article>
</main>
<!-- ---------------------------------- -->
<!-- FOOTER -->
<!-- ---------------------------------- -->
<%- include('../../template_parts/footer')%>
</body>
<!-- JAVASCRIPT d'EXECUTION -->
<script src="/public/js/adhesion/hidden_visible.js"></script>
</html>

221
views/adhesion/page_templates/maj_googlesheet.ejs Normal file
View File

@@ -0,0 +1,221 @@
<%- include('../../template_parts/head')%>
<body>
<!-- ---------------------------------- -->
<!-- HEADER -->
<!-- ---------------------------------- -->
<%- include('../../template_parts/header_tunnel')%>
<main>
<!-- ---------------------------------- -->
<!-- TITRE DE LA PAGE -->
<!-- ---------------------------------- -->
<%- include('../template_parts/adhesion_titrepage')%>
<!-- ---------------------------------- -->
<!-- DÉCHARGEMENT DES DONNÉES DANS GOOGLE SHEET MANUELLE -->
<!-- ---------------------------------- -->
<article class="maj_manuelle bg_rouge_tres_clair">
<div class="sous_titre sous_titre_centre"><p class="textcenter">LES TABLEAUX GOOGLE SHEET</p></div>
<div><p class="montserrat_light">La mise à jour du fichier Google Sheet avec les nouvelles adhésions se fait automatiquement toutes les nuits à 3h.<br><br>Ceci est également valable pour l'import des adhésions depuis les associations locales.</p></div>
</article>
<div class="space40"></div>
<!-- ---------------------------------- -->
<!-- METTRE À JOUR LE STATUS DE PAIEMENT DANS LA BD -->
<!-- ---------------------------------- -->
<article class="maj_manuelle">
<div class="sous_titre sous_titre_centre"><p class="textcenter">METTRE À JOUR LE STATUT DE PAIEMENT D'UN ADHÉRENT</p></div>
<% if (locals.message2) { %>
<div class="space30"></div>
<div class="resultat"><p><span class='resultat_text rouge'><%= locals.message2 %></span></p></div>
<% }; %>
<div class="space30"></div>
<form action="form_maj_statut_paiement_manuel" method="post" class="">
<div class="grid_2inputs">
<div class="input_box input_text input_box_gris">
<label for="maj_identifiant">Saisissez l'identifiant de l'adhérent</label>
<input type="text" name="maj_identifiant" id="maj_identifiant" placeholder="Saisissez l'identifiant de l'adhérent" required>
</div>
</div>
<div class="grid_2inputs">
<div class="input_box input_text input_box_gris">
<label for="maj_mode_paiement">Mode de paiement</label>
<input type="text" name="maj_mode_paiement" id="maj_mode_paiement" required>
</div>
<div class="input_box input_text input_box_bleu">
<label for="maj_statut_paiement">Statut du paiement</label>
<select id="maj_statut_paiement" name="maj_statut_paiement" required>
<option value="" selected></option>
<option value="paye">Payé</option>
<option value="impaye">Impayé</option>
</select>
</div>
</div>
<div class="grid_2inputs">
<div class="input_box input_text input_box_gris">
<label for="maj_montant_adhesion">Montant adhésion</label>
<input type="number" name="maj_montant_adhesion" id="maj_montant_adhesion" required>
</div>
<div class="input_box input_text input_box_gris">
<label for="maj_montant_don">Montant du don</label>
<input type="number" name="maj_montant_don" id="maj_montant_don" placeholder="Si pas de don entrez 0" required>
</div>
</div>
<!-- ---------------------------------- -->
<!-- CLIQUEZ SUR BOUTON VALIDER -->
<!-- ---------------------------------- -->
<button type="submit" class="button_icone">
<span class="btn_icone">+</span><span class="btn_texte">VALIDER</span>
</button>
</form>
</article>
<div class="space40"></div>
<!-- ---------------------------------- -->
<!-- SUPPRIMER UN ADHERENT -->
<!-- ---------------------------------- -->
<article class="maj_manuelle">
<div class="sous_titre sous_titre_centre"><p class="textcenter">SUPPRIMER UN ADHÉRENT</p></div>
<% if (locals.message3) { %>
<div class="space30"></div>
<div class="resultat"><p><span class='resultat_text rouge'><%= locals.message3 %></span></p></div>
<% }; %>
<div class="space30"></div>
<form action="form_maj_suppr_adherent" method="post" class="">
<div class="grid_2inputs">
<div class="input_box input_text input_box_gris">
<label for="supp_identifiant">Saisissez l'identifiant de l'adhérent</label>
<input type="text" name="supp_identifiant" id="supp_identifiant" placeholder="Saisissez l'identifiant de l'adhérent" required>
</div>
</div>
<!-- ---------------------------------- -->
<!-- CLIQUEZ SUR BOUTON SUPPRIMER -->
<!-- ---------------------------------- -->
<button type="submit" class="button_icone">
<span class="btn_icone">+</span><span class="btn_texte">SUPPRIMER</span>
</button>
</form>
</article>
<div class="space40"></div>
<!-- ---------------------------------- -->
<!-- IMPORTER LES ADHÉRENTS DES ASSOCIATIONS LOCALES -->
<!-- ---------------------------------- -->
<article class="maj_manuelle bg_rouge_tres_clair">
<div class="sous_titre sous_titre_centre"><p class="textcenter">AJOUTER LES ADHÉRENTS<br>DES ASSOCIATIONS LOCALES<br>ET ENVOIE PAR MAIL DES CARTES ADHÉRENT</p></div>
<div><p class="montserrat_light">Veuillez patienter quelques minutes selon le nombre à importer.<br> Lorsque le traitement sera fini la page affichera les résultats.</p></div>
<section class="buttons">
<form action="form_import_ass_locales" method="post" class="">
<button type="submit" class="button_icone button_icone_recap">
<span class="">VALIDER</span>
</button>
</form>
</section>
<section class="resultat_list">
<% if (locals.message4) { %>
<div class="resultat"><p><span class='resultat_text rouge'><%= locals.message4 %></span></p></div>
<% }; %>
</section>
</article>
<div class="space40"></div>
<!-- ---------------------------------- -->
<!-- GÉNÉRER DES CODES -->
<!-- ---------------------------------- -->
<article class="maj_manuelle">
<div class="sous_titre sous_titre_centre"><p class="textcenter">GESTION DES CODES SECRETS</p></div>
<div class="space30"></div>
<% if (locals.message5) { %>
<div class="space30"></div>
<div class="resultat"><p><span class='resultat_text rouge'><%= locals.message5 %></span></p></div>
<% }; %>
<div class="space30"></div>
<form action="form_generation_codes" method="post" class="">
<div><p class="montserrat_light">Rajouter des codes secrets : </p></div>
<div class="space30"></div>
<div class="grid_2inputs">
<div class="input_box input_text input_box_gris">
<label for="nb_code">nombre de codes souhaités (20 max)</label>
<input type="text" name="nb_code" id="nb_code" placeholder="" required>
</div>
</div>
<!-- ---------------------------------- -->
<!-- CLIQUEZ SUR BOUTON SUPPRIMER -->
<!-- ---------------------------------- -->
<button type="submit" class="button_icone">
<span class="btn_icone">+</span><span class="btn_texte">Générer</span>
</button>
</form>
</article>
</main>
<!-- ---------------------------------- -->
<!-- FOOTER -->
<!-- ---------------------------------- -->
<%- include('../../template_parts/footer')%>
</body>
<!-- JAVASCRIPT d'EXECUTION -->
<script src="/public/js/adhesion/hidden_visible.js"></script>
</html>

2
views/adhesion/template_parts/adhesion_titrepage.ejs
View File

@@ -3,5 +3,5 @@
<!-- //////////////////////////// -->
<section class="titre">
<h1>Adhésion annuelle à l’Association Française pour la Pédagogie Suzuki</h1>
<p>Année 2022/2023 <span class="soft"> du 1er septembre au 31 août</span></p>
<p>Année 2025/2026 <span class="soft"> du 1er septembre au 31 août</span></p>
</section>

28
views/adhesion/template_parts/check_mail.ejs
View File

@@ -1,28 +0,0 @@
<!-- ---------------------------------- -->
<!-- FORMULAIRE de vérification du mail -->
<!-- ---------------------------------- -->
<form action="" method="post" class="form_check_mail">
<div class="input_box input_email">
<label for="identifiant">Saisissez votre adresse mail</label>
<input type="email" name="identifiant" id="identifiant" placeholder="Votre mail est votre identifiant" value="<% if (locals.identifiant) { %><%= identifiant %><% }; %>" required>
</div>
<div class="input_checkbox">
<input type="checkbox" name="check_prof" id="check_prof">
<label for="check_prof">Vous êtes professeur Suzuki <br>ou vous souhaitez le devenir</label>
</div>
<!-- ---------------------------------- -->
<!-- CLIQUEZ SUR BOUTON ADHÉRER -->
<!-- ---------------------------------- -->
<button type="submit" class="button_icone">
<span class="btn_icone">+</span><span class="btn_texte">ADHÉRER</span>
</button>
</form>
<!-- -->

10
views/adhesion/template_parts/eleves.ejs
View File

@@ -38,6 +38,7 @@
<option value="Flûte traversière">Flûte traversière</option>
<option value="Guitare">Guitare</option>
<option value="Harpe">Harpe</option>
<option value="Orgue">Orgue</option>
<option value="Piano">Piano</option>
<option value="Trompette">Trompette</option>
<option value="Violon">Violon</option>
@@ -83,6 +84,7 @@
<option value="Flûte traversière">Flûte traversière</option>
<option value="Guitare">Guitare</option>
<option value="Harpe">Harpe</option>
<option value="Orgue">Orgue</option>
<option value="Piano">Piano</option>
<option value="Trompette">Trompette</option>
<option value="Violon">Violon</option>
@@ -190,6 +192,7 @@
<option value="Flûte traversière">Flûte traversière</option>
<option value="Guitare">Guitare</option>
<option value="Harpe">Harpe</option>
<option value="Orgue">Orgue</option>
<option value="Piano">Piano</option>
<option value="Trompette">Trompette</option>
<option value="Violon">Violon</option>
@@ -236,6 +239,7 @@
<option value="Flûte traversière">Flûte traversière</option>
<option value="Guitare">Guitare</option>
<option value="Harpe">Harpe</option>
<option value="Orgue">Orgue</option>
<option value="Piano">Piano</option>
<option value="Trompette">Trompette</option>
<option value="Violon">Violon</option>
@@ -346,6 +350,7 @@
<option value="Flûte traversière">Flûte traversière</option>
<option value="Guitare">Guitare</option>
<option value="Harpe">Harpe</option>
<option value="Orgue">Orgue</option>
<option value="Piano">Piano</option>
<option value="Trompette">Trompette</option>
<option value="Violon">Violon</option>
@@ -392,6 +397,7 @@
<option value="Flûte traversière">Flûte traversière</option>
<option value="Guitare">Guitare</option>
<option value="Harpe">Harpe</option>
<option value="Orgue">Orgue</option>
<option value="Piano">Piano</option>
<option value="Trompette">Trompette</option>
<option value="Violon">Violon</option>
@@ -500,6 +506,7 @@
<option value="Flûte traversière">Flûte traversière</option>
<option value="Guitare">Guitare</option>
<option value="Harpe">Harpe</option>
<option value="Orgue">Orgue</option>
<option value="Piano">Piano</option>
<option value="Trompette">Trompette</option>
<option value="Violon">Violon</option>
@@ -546,6 +553,7 @@
<option value="Flûte traversière">Flûte traversière</option>
<option value="Guitare">Guitare</option>
<option value="Harpe">Harpe</option>
<option value="Orgue">Orgue</option>
<option value="Piano">Piano</option>
<option value="Trompette">Trompette</option>
<option value="Violon">Violon</option>
@@ -653,6 +661,7 @@
<option value="Flûte traversière">Flûte traversière</option>
<option value="Guitare">Guitare</option>
<option value="Harpe">Harpe</option>
<option value="Orgue">Orgue</option>
<option value="Piano">Piano</option>
<option value="Trompette">Trompette</option>
<option value="Violon">Violon</option>
@@ -699,6 +708,7 @@
<option value="Flûte traversière">Flûte traversière</option>
<option value="Guitare">Guitare</option>
<option value="Harpe">Harpe</option>
<option value="Orgue">Orgue</option>
<option value="Piano">Piano</option>
<option value="Trompette">Trompette</option>
<option value="Violon">Violon</option>

603
views/adhesion/template_parts/eleves_famille.ejs
View File

@@ -3,167 +3,12 @@
<!-- FORMULAIRE de saisie des élèves -->
<!-- ---------------------------------- -->
<section id="eleve0"></section>
<section id="eleve" class="">
<!-- ---------------------------------- -->
<!-- ÉLÈVES 1 -->
<!-- ---------------------------------- -->
<div>
<div class="explication">
<br><br>
<p>Ajouter un enfant :</p>
</div>
<div class="grid_3inputs">
<div class="input_box input_text input_box_gris">
<label for="adherent_eleve1_nom">Nom de famille</label>
<input type="text" name="adherent_eleve1_nom" id="adherent_eleve1_nom" required>
</div>
<div class="input_box input_text input_box_gris">
<label for="adherent_eleve1_prenom">Prénom</label>
<input type="text" name="adherent_eleve1_prenom" id="adherent_eleve1_prenom" required>
</div>
<div class="input_box input_text input_box_gris">
<label for="adherent_eleve1_datenaissance">Date de naissance</label>
<input type="date" name="adherent_eleve1_datenaissance" id="adherent_eleve1_datenaissance" required>
</div>
</div>
<div class="grid_3inputs">
<div class="input_box input_text input_box_bleu">
<label for="adherent_eleve1_InstrumentA">Pour l'instrument</label>
<select id="adherent_eleve1_InstrumentA" name="adherent_eleve1_InstrumentA" onchange="select_eleve1_InstrumentA(this)" required>
<option value="" selected></option>
<option value="Alto">Alto</option>
<option value="Contrebasse">Contrebasse</option>
<option value="Flûte traversière">Flûte traversière</option>
<option value="Guitare">Guitare</option>
<option value="Harpe">Harpe</option>
<option value="Piano">Piano</option>
<option value="Trompette">Trompette</option>
<option value="Violon">Violon</option>
<option value="Violoncelle">Violoncelle</option>
<option value="SECE">SECE</option>
</select>
</div>
<div class="input_box input_text input_box_bleu">
<label for="adherent_eleve1_InstrumentA_cahier">Cahier</label>
<select id="adherent_eleve1_InstrumentA_cahier" name="adherent_eleve1_InstrumentA_cahier" required>
<option value="" selected></option>
<option value="Pré-Twinkle">Pré-Twinkle (débutant)</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>
<option value="Cahier 5">Cahier 5</option>
<option value="Cahier 6">Cahier 6</option>
<option value="Cahier 7">Cahier 7</option>
<option value="Cahier 8">Cahier 8</option>
<option value="Cahier 9">Cahier 9</option>
<option value="Cahier 10">Cahier 10</option>
<option value="Hors cahier">Hors cahier</option>
</select>
</div>
<div class="input_box input_text input_box_bleu">
<label for="adherent_eleve1_InstrumentA_prof">Professeur</label>
<select id="adherent_eleve1_InstrumentA_prof" name="adherent_eleve1_InstrumentA_prof">
</select>
</div>
</div>
<div class="grid_3inputs">
<div class="input_box input_text input_box_bleu">
<label for="adherent_eleve1_InstrumentB">Deuxième instrument</label>
<select id="adherent_eleve1_InstrumentB" name="adherent_eleve1_InstrumentB" onchange="select_eleve1_InstrumentB(this)">
<option value="" selected></option>
<option value="Alto">Alto</option>
<option value="Contrebasse">Contrebasse</option>
<option value="Flûte traversière">Flûte traversière</option>
<option value="Guitare">Guitare</option>
<option value="Harpe">Harpe</option>
<option value="Piano">Piano</option>
<option value="Trompette">Trompette</option>
<option value="Violon">Violon</option>
<option value="Violoncelle">Violoncelle</option>
<option value="SECE">SECE</option>
</select>
</div>
<div class="input_box input_text input_box_bleu">
<label for="adherent_eleve1_InstrumentB_cahier">Cahier</label>
<select id="adherent_eleve1_InstrumentB_cahier" name="adherent_eleve1_InstrumentB_cahier">
<option value="" selected></option>
<option value="Pré-Twinkle">Pré-Twinkle (débutant)</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>
<option value="Cahier 5">Cahier 5</option>
<option value="Cahier 6">Cahier 6</option>
<option value="Cahier 7">Cahier 7</option>
<option value="Cahier 8">Cahier 8</option>
<option value="Cahier 9">Cahier 9</option>
<option value="Cahier 10">Cahier 10</option>
<option value="Hors cahier">Hors cahier</option>
</select>
</div>
<div class="input_box input_text input_box_bleu">
<label for="adherent_eleve1_InstrumentB_prof">Professeur</label>
<select id="adherent_eleve1_InstrumentB_prof" name="adherent_eleve1_InstrumentB_prof">
</select>
</div>
</div>
<div class="grid_3inputs">
<div class="input_box input_text input_box_bleu">
<label for="adherent_eleve1_droitimage">Acceptez-vous la diffusion des images?</label>
<select id="adherent_eleve1_droitimage" name="adherent_eleve1_droitimage" required>
<option value="" selected></option>
<option value="oui">Oui</option>
<option value="non">Non</option>
</select>
</div>
</div>
<div class="grid_3inputs">
<div class="input_box input_text input_box_gris">
<label for="adherent_eleve1_contactsup_nom">Autre parent à contacter : Nom</label>
<input type="text" name="adherent_eleve1_contactsup_nom" id="adherent_eleve1_contactsup_nom">
</div>
<div class="input_box input_text input_box_gris">
<label for="adherent_eleve1_contactsup_prenom">Prénom</label>
<input type="text" name="adherent_eleve1_contactsup_prenom" id="adherent_eleve1_contactsup_prenom">
</div>
<div class="input_box input_text input_box_gris">
<label for="adherent_eleve1_contactsup_mail">Mail</label>
<input type="text" name="adherent_eleve1_contactsup_mail" id="adherent_eleve1_contactsup_mail">
</div>
</div>
<!-- ---------------------------------- -->
<!-- Voulez-vous ajouter un élève ? -->
<!-- ---------------------------------- -->
<div class="input_checkbox">
<input type="checkbox" name="check_eleve2" id="check_eleve2" onclick="ajout_eleve2()">
<label for="check_eleve2">Voulez-vous ajouter un deuxième enfant ?</label>
</div>
</div>
<!-- ---------------------------------- -->
<!-- ÉLÈVES 2 -->
@@ -198,6 +43,7 @@
<option value="Flûte traversière">Flûte traversière</option>
<option value="Guitare">Guitare</option>
<option value="Harpe">Harpe</option>
<option value="Orgue">Orgue</option>
<option value="Piano">Piano</option>
<option value="Trompette">Trompette</option>
<option value="Violon">Violon</option>
@@ -244,6 +90,7 @@
<option value="Flûte traversière">Flûte traversière</option>
<option value="Guitare">Guitare</option>
<option value="Harpe">Harpe</option>
<option value="Orgue">Orgue</option>
<option value="Piano">Piano</option>
<option value="Trompette">Trompette</option>
<option value="Violon">Violon</option>
@@ -320,302 +167,7 @@
</div>
<!-- ---------------------------------- -->
<!-- ÉLÈVES 3 -->
<!-- ---------------------------------- -->
<div id="eleve3" class="hidden">
<div class="grid_3inputs">
<div class="input_box input_text input_box_gris">
<label for="adherent_eleve3_nom">Nom de famille</label>
<input type="text" name="adherent_eleve3_nom" id="adherent_eleve3_nom">
</div>
<div class="input_box input_text input_box_gris">
<label for="adherent_eleve3_prenom">Prénom</label>
<input type="text" name="adherent_eleve3_prenom" id="adherent_eleve3_prenom">
</div>
<div class="input_box input_text input_box_gris">
<label for="adherent_eleve3_datenaissance">Date de naissance</label>
<input type="date" name="adherent_eleve3_datenaissance" id="adherent_eleve3_datenaissance">
</div>
</div>
<div class="grid_3inputs">
<div class="input_box input_text input_box_bleu">
<label for="adherent_eleve3_InstrumentA">Pour l'instrument</label>
<select id="adherent_eleve3_InstrumentA" name="adherent_eleve3_InstrumentA" onchange="select_eleve3_InstrumentA(this)">
<option value="" selected></option>
<option value="Alto">Alto</option>
<option value="Contrebasse">Contrebasse</option>
<option value="Flûte traversière">Flûte traversière</option>
<option value="Guitare">Guitare</option>
<option value="Harpe">Harpe</option>
<option value="Piano">Piano</option>
<option value="Trompette">Trompette</option>
<option value="Violon">Violon</option>
<option value="Violoncelle">Violoncelle</option>
<option value="SECE">SECE</option>
</select>
</div>
<div class="input_box input_text input_box_bleu">
<label for="adherent_eleve3_InstrumentA_cahier">Cahier</label>
<select id="adherent_eleve3_InstrumentA_cahier" name="adherent_eleve3_InstrumentA_cahier">
<option value="" selected></option>
<option value="Pré-Twinkle">Pré-Twinkle (débutant)</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>
<option value="Cahier 5">Cahier 5</option>
<option value="Cahier 6">Cahier 6</option>
<option value="Cahier 7">Cahier 7</option>
<option value="Cahier 8">Cahier 8</option>
<option value="Cahier 9">Cahier 9</option>
<option value="Cahier 10">Cahier 10</option>
<option value="Hors cahier">Hors cahier</option>
</select>
</div>
<div class="input_box input_text input_box_bleu">
<label for="adherent_eleve3_InstrumentA_prof">Professeur</label>
<select id="adherent_eleve3_InstrumentA_prof" name="adherent_eleve3_InstrumentA_prof">
</select>
</div>
</div>
<div class="grid_3inputs">
<div class="input_box input_text input_box_bleu">
<label for="adherent_eleve3_InstrumentB">Deuxième instrument</label>
<select id="adherent_eleve3_InstrumentB" name="adherent_eleve3_InstrumentB" onchange="select_eleve3_InstrumentB(this)">
<option value="" selected></option>
<option value="Alto">Alto</option>
<option value="Contrebasse">Contrebasse</option>
<option value="Flûte traversière">Flûte traversière</option>
<option value="Guitare">Guitare</option>
<option value="Harpe">Harpe</option>
<option value="Piano">Piano</option>
<option value="Trompette">Trompette</option>
<option value="Violon">Violon</option>
<option value="Violoncelle">Violoncelle</option>
<option value="SECE">SECE</option>
</select>
</div>
<div class="input_box input_text input_box_bleu">
<label for="adherent_eleve3_InstrumentB_cahier">Cahier</label>
<select id="adherent_eleve3_InstrumentB_cahier" name="adherent_eleve3_InstrumentB_cahier">
<option value="" selected></option>
<option value="Pré-Twinkle">Pré-Twinkle (débutant)</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>
<option value="Cahier 5">Cahier 5</option>
<option value="Cahier 6">Cahier 6</option>
<option value="Cahier 7">Cahier 7</option>
<option value="Cahier 8">Cahier 8</option>
<option value="Cahier 9">Cahier 9</option>
<option value="Cahier 10">Cahier 10</option>
<option value="Hors cahier">Hors cahier</option>
</select>
</div>
<div class="input_box input_text input_box_bleu">
<label for="adherent_eleve3_InstrumentB_prof">Professeur</label>
<select id="adherent_eleve3_InstrumentB_prof" name="adherent_eleve3_InstrumentB_prof">
</select>
</div>
</div>
<div class="grid_3inputs">
<div class="input_box input_text input_box_bleu">
<label for="adherent_eleve3_droitimage">Acceptez-vous la diffusion des images?</label>
<select id="adherent_eleve3_droitimage" name="adherent_eleve3_droitimage">
<option value="" selected></option>
<option value="oui">Oui</option>
<option value="non">Non</option>
</select>
</div>
</div>
<div class="grid_3inputs">
<div class="input_box input_text input_box_gris">
<label for="adherent_eleve3_contactsup_nom">Autre parent à contacter : Nom</label>
<input type="text" name="adherent_eleve3_contactsup_nom" id="adherent_eleve3_contactsup_nom">
</div>
<div class="input_box input_text input_box_gris">
<label for="adherent_eleve3_contactsup_prenom">Prénom</label>
<input type="text" name="adherent_eleve3_contactsup_prenom" id="adherent_eleve3_contactsup_prenom">
</div>
<div class="input_box input_text input_box_gris">
<label for="adherent_eleve3_contactsup_mail">Mail</label>
<input type="text" name="adherent_eleve3_contactsup_mail" id="adherent_eleve3_contactsup_mail">
</div>
</div>
<!-- ---------------------------------- -->
<!-- Voulez-vous ajouter un élève ? -->
<!-- ---------------------------------- -->
<div class="input_checkbox">
<input type="checkbox" name="check_eleve4" id="check_eleve4" onclick="ajout_eleve4()">
<label for="check_eleve4">Voulez-vous ajouter un quatrième enfant ?</label>
</div>
</div>
<!-- ---------------------------------- -->
<!-- ÉLÈVES 4 -->
<!-- ---------------------------------- -->
<div id="eleve4" class="hidden">
<div class="grid_3inputs">
<div class="input_box input_text input_box_gris">
<label for="adherent_eleve4_nom">Nom de famille</label>
<input type="text" name="adherent_eleve4_nom" id="adherent_eleve4_nom">
</div>
<div class="input_box input_text input_box_gris">
<label for="adherent_eleve4_prenom">Prénom</label>
<input type="text" name="adherent_eleve4_prenom" id="adherent_eleve4_prenom">
</div>
<div class="input_box input_text input_box_gris">
<label for="adherent_eleve4_datenaissance">Date de naissance</label>
<input type="date" name="adherent_eleve4_datenaissance" id="adherent_eleve4_datenaissance">
</div>
</div>
<div class="grid_3inputs">
<div class="input_box input_text input_box_bleu">
<label for="adherent_eleve4_InstrumentA">Pour l'instrument</label>
<select id="adherent_eleve4_InstrumentA" name="adherent_eleve4_InstrumentA" onchange="select_eleve4_InstrumentA(this)">
<option value="" selected></option>
<option value="Alto">Alto</option>
<option value="Contrebasse">Contrebasse</option>
<option value="Flûte traversière">Flûte traversière</option>
<option value="Guitare">Guitare</option>
<option value="Harpe">Harpe</option>
<option value="Piano">Piano</option>
<option value="Trompette">Trompette</option>
<option value="Violon">Violon</option>
<option value="Violoncelle">Violoncelle</option>
<option value="SECE">SECE</option>
</select>
</div>
<div class="input_box input_text input_box_bleu">
<label for="adherent_eleve4_InstrumentA_cahier">Cahier</label>
<select id="adherent_eleve4_InstrumentA_cahier" name="adherent_eleve4_InstrumentA_cahier">
<option value="" selected></option>
<option value="Pré-Twinkle">Pré-Twinkle (débutant)</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>
<option value="Cahier 5">Cahier 5</option>
<option value="Cahier 6">Cahier 6</option>
<option value="Cahier 7">Cahier 7</option>
<option value="Cahier 8">Cahier 8</option>
<option value="Cahier 9">Cahier 9</option>
<option value="Cahier 10">Cahier 10</option>
<option value="Hors cahier">Hors cahier</option>
</select>
</div>
<div class="input_box input_text input_box_bleu">
<label for="adherent_eleve4_InstrumentA_prof">Professeur</label>
<select id="adherent_eleve4_InstrumentA_prof" name="adherent_eleve4_InstrumentA_prof">
</select>
</div>
</div>
<div class="grid_3inputs">
<div class="input_box input_text input_box_bleu">
<label for="adherent_eleve4_InstrumentB">Deuxième instrument</label>
<select id="adherent_eleve4_InstrumentB" name="adherent_eleve4_InstrumentB" onchange="select_eleve4_InstrumentB(this)">
<option value="" selected></option>
<option value="Alto">Alto</option>
<option value="Contrebasse">Contrebasse</option>
<option value="Flûte traversière">Flûte traversière</option>
<option value="Guitare">Guitare</option>
<option value="Harpe">Harpe</option>
<option value="Piano">Piano</option>
<option value="Trompette">Trompette</option>
<option value="Violon">Violon</option>
<option value="Violoncelle">Violoncelle</option>
<option value="SECE">SECE</option>
</select>
</div>
<div class="input_box input_text input_box_bleu">
<label for="adherent_eleve4_InstrumentB_cahier">Cahier</label>
<select id="adherent_eleve4_InstrumentB_cahier" name="adherent_eleve4_InstrumentB_cahier">
<option value="" selected></option>
<option value="Pré-Twinkle">Pré-Twinkle (débutant)</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>
<option value="Cahier 5">Cahier 5</option>
<option value="Cahier 6">Cahier 6</option>
<option value="Cahier 7">Cahier 7</option>
<option value="Cahier 8">Cahier 8</option>
<option value="Cahier 9">Cahier 9</option>
<option value="Cahier 10">Cahier 10</option>
<option value="Hors cahier">Hors cahier</option>
</select>
</div>
<div class="input_box input_text input_box_bleu">
<label for="adherent_eleve4_InstrumentB_prof">Professeur</label>
<select id="adherent_eleve4_InstrumentB_prof" name="adherent_eleve4_InstrumentB_prof">
</select>
</div>
</div>
<div class="grid_3inputs">
<div class="input_box input_text input_box_bleu">
<label for="adherent_eleve4_droitimage">Acceptez-vous la diffusion des images?</label>
<select id="adherent_eleve4_droitimage" name="adherent_eleve4_droitimage">
<option value="" selected></option>
<option value="oui">Oui</option>
<option value="non">Non</option>
</select>
</div>
</div>
<div class="grid_3inputs">
<div class="input_box input_text input_box_gris">
<label for="adherent_eleve4_contactsup_nom">Autre parent à contacter : Nom</label>
<input type="text" name="adherent_eleve4_contactsup_nom" id="adherent_eleve4_contactsup_nom">
</div>
<div class="input_box input_text input_box_gris">
<label for="adherent_eleve4_contactsup_prenom">Prénom</label>
<input type="text" name="adherent_eleve4_contactsup_prenom" id="adherent_eleve4_contactsup_prenom">
</div>
<div class="input_box input_text input_box_gris">
<label for="adherent_eleve4_contactsup_mail">Mail</label>
<input type="text" name="adherent_eleve4_contactsup_mail" id="adherent_eleve4_contactsup_mail">
</div>
</div>
<!-- ---------------------------------- -->
<!-- Voulez-vous ajouter un élève ? -->
@@ -625,152 +177,9 @@
<label for="check_eleve5">Voulez-vous ajouter un cinquième enfant ?</label>
</div>
</div>
<!-- ---------------------------------- -->
<!-- ÉLÈVES 5 -->
<!-- ---------------------------------- -->
<div id="eleve5" class="hidden">
<div class="grid_3inputs">
<div class="input_box input_text input_box_gris">
<label for="adherent_eleve5_nom">Nom de famille</label>
<input type="text" name="adherent_eleve5_nom" id="adherent_eleve5_nom">
</div>
<div class="input_box input_text input_box_gris">
<label for="adherent_eleve5_prenom">Prénom</label>
<input type="text" name="adherent_eleve5_prenom" id="adherent_eleve5_prenom">
</div>
<div class="input_box input_text input_box_gris">
<label for="adherent_eleve5_datenaissance">Date de naissance</label>
<input type="date" name="adherent_eleve5_datenaissance" id="adherent_eleve5_datenaissance">
</div>
</div>
<div class="grid_3inputs">
<div class="input_box input_text input_box_bleu">
<label for="adherent_eleve5_InstrumentA">Pour l'instrument</label>
<select id="adherent_eleve5_InstrumentA" name="adherent_eleve5_InstrumentA" onchange="select_eleve5_InstrumentA(this)">
<option value="" selected></option>
<option value="Alto">Alto</option>
<option value="Contrebasse">Contrebasse</option>
<option value="Flûte traversière">Flûte traversière</option>
<option value="Guitare">Guitare</option>
<option value="Harpe">Harpe</option>
<option value="Piano">Piano</option>
<option value="Trompette">Trompette</option>
<option value="Violon">Violon</option>
<option value="Violoncelle">Violoncelle</option>
<option value="SECE">SECE</option>
</select>
</div>
<div class="input_box input_text input_box_bleu">
<label for="adherent_eleve5_InstrumentA_cahier">Cahier</label>
<select id="adherent_eleve5_InstrumentA_cahier" name="adherent_eleve5_InstrumentA_cahier">
<option value="" selected></option>
<option value="Pré-Twinkle">Pré-Twinkle (débutant)</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>
<option value="Cahier 5">Cahier 5</option>
<option value="Cahier 6">Cahier 6</option>
<option value="Cahier 7">Cahier 7</option>
<option value="Cahier 8">Cahier 8</option>
<option value="Cahier 9">Cahier 9</option>
<option value="Cahier 10">Cahier 10</option>
<option value="Hors cahier">Hors cahier</option>
</select>
</div>
<div class="input_box input_text input_box_bleu">
<label for="adherent_eleve5_InstrumentA_prof">Professeur</label>
<select id="adherent_eleve5_InstrumentA_prof" name="adherent_eleve5_InstrumentA_prof">
</select>
</div>
</div>
<div class="grid_3inputs">
<div class="input_box input_text input_box_bleu">
<label for="adherent_eleve5_InstrumentB">Deuxième instrument</label>
<select id="adherent_eleve5_InstrumentB" name="adherent_eleve5_InstrumentB" onchange="select_eleve5_InstrumentB(this)">
<option value="" selected></option>
<option value="Alto">Alto</option>
<option value="Contrebasse">Contrebasse</option>
<option value="Flûte traversière">Flûte traversière</option>
<option value="Guitare">Guitare</option>
<option value="Harpe">Harpe</option>
<option value="Piano">Piano</option>
<option value="Trompette">Trompette</option>
<option value="Violon">Violon</option>
<option value="Violoncelle">Violoncelle</option>
<option value="SECE">SECE</option>
</select>
</div>
<div class="input_box input_text input_box_bleu">
<label for="adherent_eleve5_InstrumentB_cahier">Cahier</label>
<select id="adherent_eleve5_InstrumentB_cahier" name="adherent_eleve5_InstrumentB_cahier">
<option value="" selected></option>
<option value="Pré-Twinkle">Pré-Twinkle (débutant)</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>
<option value="Cahier 5">Cahier 5</option>
<option value="Cahier 6">Cahier 6</option>
<option value="Cahier 7">Cahier 7</option>
<option value="Cahier 8">Cahier 8</option>
<option value="Cahier 9">Cahier 9</option>
<option value="Cahier 10">Cahier 10</option>
<option value="Hors cahier">Hors cahier</option>
</select>
</div>
<div class="input_box input_text input_box_bleu">
<label for="adherent_eleve5_InstrumentB_prof">Professeur</label>
<select id="adherent_eleve5_InstrumentB_prof" name="adherent_eleve5_InstrumentB_prof">
</select>
</div>
</div>
<div class="grid_3inputs">
<div class="input_box input_text input_box_bleu">
<label for="adherent_eleve5_droitimage">Acceptez-vous la diffusion des images?</label>
<select id="adherent_eleve5_droitimage" name="adherent_eleve5_droitimage">
<option value="" selected></option>
<option value="oui">Oui</option>
<option value="non">Non</option>
</select>
</div>
</div>
<div class="grid_3inputs">
<div class="input_box input_text input_box_gris">
<label for="adherent_eleve5_contactsup_nom">Autre parent à contacter : Nom</label>
<input type="text" name="adherent_eleve5_contactsup_nom" id="adherent_eleve5_contactsup_nom">
</div>
<div class="input_box input_text input_box_gris">
<label for="adherent_eleve5_contactsup_prenom">Prénom</label>
<input type="text" name="adherent_eleve5_contactsup_prenom" id="adherent_eleve5_contactsup_prenom">
</div>
<div class="input_box input_text input_box_gris">
<label for="adherent_eleve5_contactsup_mail">Mail</label>
<input type="text" name="adherent_eleve5_contactsup_mail" id="adherent_eleve5_contactsup_mail">
</div>
</div>
</div>

85
views/adhesion/template_parts/prof_diplome.ejs
View File

@@ -8,17 +8,50 @@
<!-- OUI - IL VEUT SAISIR DIPLOMES -->
<!-- AFFICHER DES INPUTS DIPLOME -->
<!-- ---------------------------------- -->
<%
const regionsEcolesProf = [
'Auvergne-Rhône-Alpes',
'Bourgogne-Franche-Comté',
'Bretagne',
'Centre-Val de Loire',
'Corse',
'Espagne',
'Grand Est',
'Hauts-de-France',
'Île-de-France',
'Normandie',
'Nouvelle-Aquitaine',
'Occitanie',
'Pays de la Loire',
"Provence-Alpes-Côte d'Azur",
'Guadeloupe',
'Martinique',
'Guyane',
'La Réunion',
'Luxembourg',
'Mayotte',
'Polynésie française',
'Nouvelle-Calédonie',
'Saint-Pierre-et-Miquelon',
'Wallis-et-Futuna',
'Saint-Martin',
'Saint-Barthélemy',
'Suisse'
];
%>
<section id="prof_diplome" class="hidden">
<div class="grid_2inputs">
<div class="input_box input_text input_box_bleu">
<label for="adherent_prof_instrument1">Instrument</label>
<select id="adherent_prof_instrument1" name="adherent_prof_instrument1">
<select id="adherent_prof_instrument1" name="adherent_prof_instrument1" required>
<option value="" selected></option>
<option value="Alto">Alto</option>
<option value="Contrebasse">Contrebasse</option>
<option value="Flûte traversière">Flûte traversière</option>
<option value="Guitare">Guitare</option>
<option value="Harpe">Harpe</option>
<option value="Orgue">Orgue</option>
<option value="Piano">Piano</option>
<option value="Trompette">Trompette</option>
<option value="Violon">Violon</option>
@@ -28,7 +61,7 @@
<div class="input_box input_text input_box_bleu">
<label for="adherent_prof_instrument1_esa">Niveau ESA Obtenu</label>
<select id="adherent_prof_instrument1_esa" name="adherent_prof_instrument1_esa">
<select id="adherent_prof_instrument1_esa" name="adherent_prof_instrument1_esa" required>
<option value="" selected></option>
<option value="Niveau 1">Niveau 1</option>
<option value="Niveau 2">Niveau 2</option>
@@ -50,6 +83,7 @@
<option value="Flûte traversière">Flûte traversière</option>
<option value="Guitare">Guitare</option>
<option value="Harpe">Harpe</option>
<option value="Orgue">Orgue</option>
<option value="Piano">Piano</option>
<option value="Trompette">Trompette</option>
<option value="Violon">Violon</option>
@@ -74,7 +108,7 @@
<div class="input_box input_text input_box_bleu">
<label for="adherent_prof_sece">Diplômé SECE (Early Childhood)</label>
<select id="adherent_prof_sece" name="adherent_prof_sece">
<select id="adherent_prof_sece" name="adherent_prof_sece" required>
<option value="" selected></option>
<option value="oui">Oui</option>
<option value="non">Non</option>
@@ -83,14 +117,15 @@
</div>
<div class="explication">
<p>Renseigner jusqu'à 3 écoles de musique ou classes dans lesquelles vous enseignez selon la pédagogie Suzuki</p>
<div class="explication_pleine_page">
<p>Renseigner jusqu'à 3 <strong>écoles</strong> de musique, <strong>classes</strong> ou <strong>lieux</strong> dans lesquelles vous enseignez la pédagogie Suzuki</p>
<p>Le premier lieu servira de référence pour l'affichage sur la carte de géolocalisation des professeurs du site de l'AFPS. La saisie de la ville et du code postal est importante.</p>
</div>
<div class="grid_3inputs">
<div class="input_box input_text input_box_bleu">
<label for="adherent_prof_ecole1">École / classe [1]</label>
<input type="text" name="adherent_prof_ecole1" id="adherent_prof_ecole1" placeholder="Dans laquelle vous enseignez">
<label for="adherent_prof_ecole1">École / classe / lieu [1]</label>
<input type="text" name="adherent_prof_ecole1" id="adherent_prof_ecole1" placeholder="Lieu dans lequel vous enseignez" required>
</div>
<div class="input_box input_text input_box_gris">
@@ -105,17 +140,27 @@
<div class="input_box input_text input_box_gris">
<label for="adherent_prof_ecole1_adresse">Adresse</label>
<input type="text" name="adherent_prof_ecole1_adresse" id="adherent_prof_ecole1_adresse">
<input type="text" name="adherent_prof_ecole1_adresse" id="adherent_prof_ecole1_adresse" required>
</div>
<div class="input_box input_text input_box_gris">
<label for="adherent_prof_ecole1_cp">Code postal</label>
<input type="text" name="adherent_prof_ecole1_cp" id="adherent_prof_ecole1_cp">
<input type="text" name="adherent_prof_ecole1_cp" id="adherent_prof_ecole1_cp" placeholder="Important pour le référencement dans l'annuaire" required>
</div>
<div class="input_box input_text input_box_gris">
<label for="adherent_prof_ecole1_ville">Ville</label>
<input type="text" name="adherent_prof_ecole1_ville" id="adherent_prof_ecole1_ville">
<input type="text" name="adherent_prof_ecole1_ville" id="adherent_prof_ecole1_ville" placeholder="Important pour le référencement dans l'annuaire" required>
</div>
<div class="input_box input_text input_box_gris">
<label for="adherent_prof_ecole1_region">Région</label>
<select id="adherent_prof_ecole1_region" name="adherent_prof_ecole1_region" required>
<option value="" selected></option>
<% regionsEcolesProf.forEach(function(region) { %>
<option value="<%= region %>"><%= region %></option>
<% }); %>
</select>
</div>
</div>
@@ -156,6 +201,16 @@
<label for="adherent_prof_ecole2_ville">Ville</label>
<input type="text" name="adherent_prof_ecole2_ville" id="adherent_prof_ecole2_ville">
</div>
<div class="input_box input_text input_box_gris">
<label for="adherent_prof_ecole2_region">Région</label>
<select id="adherent_prof_ecole2_region" name="adherent_prof_ecole2_region">
<option value="" selected></option>
<% regionsEcolesProf.forEach(function(region) { %>
<option value="<%= region %>"><%= region %></option>
<% }); %>
</select>
</div>
</div>
<div id="ajout_ecole3" class="ajout_ecole_button">
@@ -193,6 +248,16 @@
<label for="adherent_prof_ecole3_ville">Ville</label>
<input type="text" name="adherent_prof_ecole3_ville" id="adherent_prof_ecole3_ville">
</div>
<div class="input_box input_text input_box_gris">
<label for="adherent_prof_ecole3_region">Région</label>
<select id="adherent_prof_ecole3_region" name="adherent_prof_ecole3_region">
<option value="" selected></option>
<% regionsEcolesProf.forEach(function(region) { %>
<option value="<%= region %>"><%= region %></option>
<% }); %>
</select>
</div>
</div>
</div>

34
views/adhesion/template_parts/prof_infosgenerale.ejs
View File

@@ -1,5 +1,4 @@
<!-- ---------------------------------- -->
<!-- PROF -->
<!-- FORMULAIRE de saisie Infos générales -->
<!-- ---------------------------------- -->
@@ -7,10 +6,6 @@
<!-- ---------------------------------- -->
<!-- AFFICHAGE DU MAIL SAISIE DANS L'ÉCRAN DE VÉRIFICATION DU MAIL -->
<!-- ---------------------------------- -->
<!-- <div class="input_box input_email">
<label for="">VOTRE IDENTIFIANT</label>
<input readonly="readonly" type="email" name="" id="" value="<%= identifiant %>">
</div> -->
<div>
<p>VOTRE IDENTIFIANT : <span class='identifiant'><%= identifiant %></span></p>
@@ -34,22 +29,17 @@
<div class="grid_3inputs">
<div class="input_box input_text input_box_gris">
<label for="adherent_nom">Nom</label>
<label for="adherent_nom">Nom*</label>
<input type="text" name="adherent_nom" id="adherent_nom" value="<% if (locals.adherent_nom) { %><%= adherent_nom %><% }; %>" required>
</div>
<div class="input_box input_text input_box_gris">
<label for="adherent_prenom">Prénom</label>
<label for="adherent_prenom">Prénom*</label>
<input type="text" name="adherent_prenom" id="adherent_prenom" required>
</div>
<div class="input_box input_text input_box_gris">
<label for="adherent_datenaissance">Date de naissance</label>
<input type="date" name="adherent_datenaissance" id="adherent_datenaissance">
</div>
<div class="input_box input_text input_box_gris">
<label for="adherent_adresse_rue">Rue</label>
<label for="adherent_adresse_rue">Rue*</label>
<input type="text" name="adherent_adresse_rue" id="adherent_adresse_rue" required>
</div>
@@ -59,23 +49,25 @@
</div>
<div class="input_box input_text input_box_gris">
<label for="adherent_adresse_codepostal">Code postal</label>
<input type="text" name="adherent_adresse_codepostal" id="adherent_adresse_codepostal">
<label for="adherent_adresse_codepostal">Code postal*</label>
<input type="text" name="adherent_adresse_codepostal" id="adherent_adresse_codepostal" required>
</div>
<div class="input_box input_text input_box_gris">
<label for="adherent_adresse_ville">Ville</label>
<label for="adherent_adresse_ville">Ville*</label>
<input type="text" name="adherent_adresse_ville" id="adherent_adresse_ville" required>
</div>
<div class="input_box input_text input_box_gris">
<label for="adherent_adresse_pays">Pays</label>
<input type="text" name="adherent_adresse_pays" id="adherent_adresse_pays">
<label for="adherent_adresse_pays">Pays*</label>
<input type="text" name="adherent_adresse_pays" id="adherent_adresse_pays" required>
</div>
</div>
<div class="grid_3inputs">
<div class="input_box input_text input_box_gris">
<label for="adherent_telephone_mobile">Téléphone mobile</label>
<input type="tel" name="adherent_telephone_mobile" id="adherent_telephone_mobile">
<label for="adherent_telephone_mobile">Téléphone mobile*</label>
<input type="tel" name="adherent_telephone_mobile" id="adherent_telephone_mobile" required>
</div>
<div class="input_box input_text input_box_gris">