commit
This commit is contained in:
julliechaumard
79
views/adhesion/page_templates/adhesion_cartes_manuelles.ejs
Normal file
79
views/adhesion/page_templates/adhesion_cartes_manuelles.ejs
Normal file
@@ -0,0 +1,79 @@
|
||||
<%- include('../../template_parts/head')%>
|
||||
|
||||
<body>
|
||||
|
||||
<!-- ---------------------------------- -->
|
||||
<!-- HEADER -->
|
||||
<!-- ---------------------------------- -->
|
||||
<%- include('../../template_parts/header_tunnel')%>
|
||||
|
||||
<!-- ---------------------------------- -->
|
||||
<!-- ENVOI CARTE ADHÉRENT MANUELLEMENT -->
|
||||
<!-- 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>
|
||||
<% }; %>
|
||||
|
||||
|
||||
<!-- EXPLICATION -->
|
||||
<section class="savoirplus_accueil">
|
||||
<div class="savoirplus_content">
|
||||
<p>Vous allez envoyer les cartes adhérents et les justificatifs de don</p>
|
||||
<p>aux adhérents qui ont un "x" dans la colonne "filtre" des 2 tableaux de la Google Sheet [adhesion_annuelle_web] et [adhesion_ass_locales]</p>
|
||||
<br>
|
||||
<p>Veuillez vérifier que le tableau [adhesion_ass_locales] ne contient pas de lignes vides, ni de lignes vides à la fin</p>
|
||||
<br>
|
||||
<p>CLIQUEZ ET PATIENTEZ QUELQUES MINUTES / LE RÉSULTAT VA S'AFFICHER</p>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<!-- AJOUTER UN ESPACE -->
|
||||
<div class="space30"></div>
|
||||
|
||||
|
||||
<!-- ---------------------------------- -->
|
||||
<!-- FORMULAIRE de vérification du mail -->
|
||||
<!-- ---------------------------------- -->
|
||||
|
||||
<form action="cartes_manuelles_envoi" method="post" class="form_check_mail">
|
||||
|
||||
<!-- ---------------------------------- -->
|
||||
<!-- CLIQUEZ SUR BOUTON ADHÉRER -->
|
||||
<!-- ---------------------------------- -->
|
||||
|
||||
<button type="submit" class="button_icone button_sansicone">
|
||||
<span class="btn_texte">ENVOYER CARTES ADHÉRENTS</span>
|
||||
</button>
|
||||
|
||||
</form>
|
||||
|
||||
</article>
|
||||
</main>
|
||||
|
||||
|
||||
|
||||
<!-- ---------------------------------- -->
|
||||
<!-- FOOTER -->
|
||||
<!-- ---------------------------------- -->
|
||||
<%- include('../../template_parts/footer')%>
|
||||
|
||||
</body>
|
||||
<!-- JAVASCRIPT d'EXECUTION -->
|
||||
<script src="/public/js/adhesion/hidden_visible.js"></script>
|
||||
|
||||
</html>
|
||||
100
views/adhesion/page_templates/adhesion_paiement_annule.ejs
Normal file
100
views/adhesion/page_templates/adhesion_paiement_annule.ejs
Normal file
@@ -0,0 +1,100 @@
|
||||
<%- include('../../template_parts/head')%>
|
||||
|
||||
<body>
|
||||
|
||||
<!-- ---------------------------------- -->
|
||||
<!-- HEADER -->
|
||||
<!-- ---------------------------------- -->
|
||||
<%- include('../../template_parts/header_tunnel')%>
|
||||
|
||||
|
||||
|
||||
<main>
|
||||
|
||||
<section class="adhesion_fin_container">
|
||||
|
||||
<div class="adhesion_fin">
|
||||
|
||||
<div class="adhesion_fin_adresse">
|
||||
<div class="adhesion_fin_adresse_titre">
|
||||
<p>Association Française pour la pédagogie Suzuki</p>
|
||||
</div>
|
||||
<div class="adhesion_fin_adresse_infos">
|
||||
<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>
|
||||
</div>
|
||||
<div class="adhesion_fin_date">
|
||||
<p>Le <%= today %></p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
<div class="adhesion_fin_description">
|
||||
<div>
|
||||
<p>Votre adhésion ne sera effective qu'à réception de votre règlement de <%= adherent_paiement_montant_adhesion %> euros.<br>
|
||||
<% if (locals.adherent_paiement_montant_don) { %>
|
||||
Nous vous remercions pour votre proposition de don de <%= adherent_paiement_montant_don %> euros que vous pouvez ajouter à votre règlement.
|
||||
<% }; %>
|
||||
</p>
|
||||
</div>
|
||||
<div class="adhesion_fin_description_identifiant">
|
||||
<p></p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="adhesion_fin_card">
|
||||
|
||||
<div class="logo">
|
||||
<img src="/public/images/logos/LogoSuzukiGris.png" alt="">
|
||||
</div>
|
||||
|
||||
<div class="adhesion_fin_card_description">
|
||||
<div>
|
||||
<p>CARTE TEMPORAIRE</p>
|
||||
</div>
|
||||
<div class="adhesion_fin_card_description_assoc">
|
||||
<p>Association Française </p>
|
||||
<p>pour la pédagogie Suzuki</p>
|
||||
</div>
|
||||
<div class="adhesion_fin_card_description_annee">
|
||||
<p>Année 2022/2023</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="adhesion_fin_card_identifiant">
|
||||
<p>IDENTIFIANT : <span class="adhesion_fin_card_identifiant_mail"><%= identifiant %></span></p>
|
||||
</div>
|
||||
|
||||
<div class="adhesion_fin_card_profil">
|
||||
<ul>
|
||||
<li><%= profil1 %></li>
|
||||
<% if(profil2) { %><li><%= profil2 %></li><% } %>
|
||||
<% if(profil3) { %><li><%= profil3 %></li><% } %>
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
<div class="adhesion_fin_paiement">
|
||||
<p>Adhésion en attente de paiement</p>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
</section>
|
||||
|
||||
</main>
|
||||
|
||||
|
||||
|
||||
|
||||
<!-- ---------------------------------- -->
|
||||
<!-- FOOTER -->
|
||||
<!-- ---------------------------------- -->
|
||||
<%- include('../../template_parts/footer')%>
|
||||
|
||||
</body>
|
||||
|
||||
</html>
|
||||
108
views/adhesion/page_templates/adhesion_paiement_attente.ejs
Normal file
108
views/adhesion/page_templates/adhesion_paiement_attente.ejs
Normal file
@@ -0,0 +1,108 @@
|
||||
<%- include('../../template_parts/head')%>
|
||||
|
||||
<body>
|
||||
|
||||
<!-- ---------------------------------- -->
|
||||
<!-- HEADER -->
|
||||
<!-- ---------------------------------- -->
|
||||
<%- include('../../template_parts/header_tunnel')%>
|
||||
|
||||
<!-- ---------------------------------- -->
|
||||
<!-- PAGE DE FIN PAIEMENT EN ATTENTE -->
|
||||
<!-- ---------------------------------- -->
|
||||
|
||||
<main>
|
||||
|
||||
<article>
|
||||
<!-- TITRE DE LA PAGE -->
|
||||
<%- include('../template_parts/adhesion_titrepage')%>
|
||||
|
||||
<section class="adhesion_fin_container">
|
||||
|
||||
<div class="adhesion_fin">
|
||||
|
||||
<div class="adhesion_fin_adresse">
|
||||
<div class="adhesion_fin_adresse_titre">
|
||||
<p>Association Française pour la pédagogie Suzuki</p>
|
||||
</div>
|
||||
<div class="adhesion_fin_adresse_infos">
|
||||
<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>
|
||||
</div>
|
||||
<div class="adhesion_fin_date">
|
||||
<p>Le <%= today %></p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
<div class="adhesion_fin_description">
|
||||
<div>
|
||||
<p>Votre adhésion ne sera effective qu'à réception de votre règlement de <%= adherent_paiement_montant_adhesion %> euros.<br>
|
||||
<% if (locals.adherent_paiement_montant_don) { %>
|
||||
Nous vous remercions pour votre proposition de don de <%= adherent_paiement_montant_don %> euros que vous pouvez ajouter à votre règlement.
|
||||
<% }; %>
|
||||
</p>
|
||||
</div>
|
||||
<div class="adhesion_fin_description_identifiant">
|
||||
<p></p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="adhesion_fin_card">
|
||||
|
||||
<div class="logo">
|
||||
<img src="/public/images/logos/LogoSuzukiGris.png" alt="">
|
||||
</div>
|
||||
|
||||
<div class="adhesion_fin_card_description">
|
||||
<div>
|
||||
<p>CARTE TEMPORAIRE</p>
|
||||
</div>
|
||||
<div class="adhesion_fin_card_description_assoc">
|
||||
<p>Association Française </p>
|
||||
<p>pour la pédagogie Suzuki</p>
|
||||
</div>
|
||||
<div class="adhesion_fin_card_description_annee">
|
||||
<p>Année 2022/2023</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="adhesion_fin_card_identifiant">
|
||||
<p>IDENTIFIANT : <span class="adhesion_fin_card_identifiant_mail"><%= identifiant %></span></p>
|
||||
</div>
|
||||
|
||||
<div class="adhesion_fin_card_profil">
|
||||
<ul>
|
||||
<li><%= profil1 %></li>
|
||||
<% if(profil2) { %><li><%= profil2 %></li><% } %>
|
||||
<% if(profil3) { %><li><%= profil3 %></li><% } %>
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
<div class="adhesion_fin_paiement">
|
||||
<p>Adhésion en attente de paiement par <span><%= adherent_paiement_mode %></p>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
</section>
|
||||
|
||||
</article>
|
||||
|
||||
</main>
|
||||
|
||||
|
||||
|
||||
|
||||
<!-- ---------------------------------- -->
|
||||
<!-- FOOTER -->
|
||||
<!-- ---------------------------------- -->
|
||||
<%- include('../../template_parts/footer')%>
|
||||
|
||||
</body>
|
||||
|
||||
</html>
|
||||
@@ -0,0 +1,129 @@
|
||||
<%- include('../../template_parts/head')%>
|
||||
|
||||
<body>
|
||||
<%- include('../../template_parts/header_tunnel')%>
|
||||
|
||||
|
||||
<main>
|
||||
|
||||
<article>
|
||||
<!-- TITRE DE LA PAGE -->
|
||||
<%- include('../template_parts/adhesion_titrepage')%>
|
||||
|
||||
<section class="paiement_container">
|
||||
<div class="paiement">
|
||||
|
||||
<div class="paiement_titre">
|
||||
<p>PAIEMENT</p>
|
||||
</div>
|
||||
|
||||
<div class="montant_cotisation_label">
|
||||
<p>Montant de votre cotisation annuelle</p>
|
||||
</div>
|
||||
<div class="montant_cotisation_euros_box">
|
||||
<div class="montant_cotisation_euros"><%= adherent_paiement_montant_adhesion %> <span class="euro_label"> euros</span></div>
|
||||
</div>
|
||||
|
||||
<div class="montant_don_label">
|
||||
<p>Montant de votre don</p>
|
||||
</div>
|
||||
<div class="montant_don_euros_box">
|
||||
<div class="montant_cotisation_euros"><%= adherent_paiement_montant_don %> <span class="euro_label"> euros</span></div>
|
||||
</div>
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
<div id="montant_total_label" class="montant_total_label">
|
||||
<p>Montant total</p>
|
||||
</div>
|
||||
|
||||
<div id="montant_total_euros_box" class="montant_total_euros_box">
|
||||
<div class="montant_total_euros"><%= montant_apayer %> <span class="euro_label"> euros</span></div>
|
||||
</div>
|
||||
|
||||
<div id="paiement_mode" class="paiement_mode">
|
||||
<p>Mode de paiement</p>
|
||||
</div>
|
||||
|
||||
|
||||
<div id="paiement_mode_choix" class="paiement_mode_choix">
|
||||
<div class="input_checkbox">
|
||||
<input type="checkbox" name="check_cb" id="check_cb">
|
||||
<label for="check_cb">carte bancaire</label>
|
||||
</div>
|
||||
</div>
|
||||
<div id="paiement_mode_choix_nocb" class="input_checkbox paiement_mode_choix_nocb">
|
||||
<input type="checkbox" name="check_nocb" id="check_nocb">
|
||||
<label for="check_nocb">Je n'ai pas de carte bancaire</label>
|
||||
</div>
|
||||
|
||||
<div id="paiement_cb" class="hidden">
|
||||
<form action="goto_bank" method="post">
|
||||
<button type="submit" class="button_text">
|
||||
<span class="btn_texte">PAYER</span>
|
||||
</button>
|
||||
</form>
|
||||
</div>
|
||||
|
||||
<div id="paiement_nocb" class="paiement_nocb hidden">
|
||||
<div class="paiement_nocb_choix">
|
||||
<div class="input_checkbox">
|
||||
<input type="checkbox" name="check_virement" id="check_virement">
|
||||
<label for="check_virement">Virement</label>
|
||||
</div>
|
||||
<div class="input_checkbox paiement_nocb_choix_cheque">
|
||||
<input type="checkbox" name="check_cheque" id="check_cheque">
|
||||
<label for="check_cheque">Chèque</label>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div id="paiement_virement" class="hidden paiement_nocb_form">
|
||||
<form action="paiement_virement_save" method="post" class="paiement_nocb_infos">
|
||||
<div>
|
||||
<p class="paiement_description">Noter le numéro SEPA et le nom de la banque de l'Association Française pour la pédagogie Suzuki, sur lequel envoyer votre virement</p>
|
||||
<p>FR76 1810 6000 4496 7630 3576 718 - Crédit Agricole</p>
|
||||
</div>
|
||||
<button type="submit" class="button_text">
|
||||
<span class="btn_texte">VALIDER</span>
|
||||
</button>
|
||||
</form>
|
||||
</div>
|
||||
|
||||
<div id="paiement_cheque" class="hidden paiement_nocb_form">
|
||||
<form action="paiement_cheque_save" method="post" class="paiement_nocb_infos">
|
||||
<div class="input_box input_text input_box_gris nom_banque">
|
||||
<label for="adherent_paiement_cheque_banque">Nom de la banque</label>
|
||||
<input type="text" name="adherent_paiement_cheque_banque" id="adherent_paiement_cheque_banque">
|
||||
</div>
|
||||
<div class="input_box input_text input_box_gris">
|
||||
<label for="adherent_paiement_cheque_numero">Numéro du chèque</label>
|
||||
<input type="text" name="adherent_paiement_cheque_numero" id="adherent_paiement_cheque_numero">
|
||||
</div>
|
||||
<div>
|
||||
<p class="paiement_description">Veuillez envoyer votre chèque, sous enveloppe, par courrier, à l’adresse :</p>
|
||||
<p>Association Française pour la Pédagogie Suzuki<br>Chez Anne PAGES<br>30 rue des Tattes<br>74500 PUBLIER</p>
|
||||
</div>
|
||||
<button type="submit" class="button_text">
|
||||
<span class="btn_texte">VALIDER</span>
|
||||
</button>
|
||||
</form>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</section>
|
||||
</article>
|
||||
|
||||
</main>
|
||||
|
||||
</body>
|
||||
|
||||
|
||||
<script src="/public/js/adhesion/form_paiement.js"></script>
|
||||
|
||||
|
||||
<%- include('../../template_parts/footer')%>
|
||||
105
views/adhesion/page_templates/adhesion_paiement_reussi.ejs
Normal file
105
views/adhesion/page_templates/adhesion_paiement_reussi.ejs
Normal file
@@ -0,0 +1,105 @@
|
||||
<%- include('../../template_parts/head')%>
|
||||
|
||||
<body>
|
||||
|
||||
<!-- ---------------------------------- -->
|
||||
<!-- HEADER -->
|
||||
<!-- ---------------------------------- -->
|
||||
<%- include('../../template_parts/header_tunnel')%>
|
||||
|
||||
<!-- ---------------------------------- -->
|
||||
<!-- PAGE DE FIN PAIEMENT CB REUSSI-->
|
||||
<!-- ---------------------------------- -->
|
||||
|
||||
<main>
|
||||
|
||||
<article>
|
||||
|
||||
<!-- TITRE DE LA PAGE -->
|
||||
<%- include('../template_parts/adhesion_titrepage')%>
|
||||
|
||||
<section class="adhesion_fin_container">
|
||||
|
||||
<div class="adhesion_fin">
|
||||
|
||||
<div class="adhesion_fin_adresse">
|
||||
<div class="adhesion_fin_adresse_titre">
|
||||
<p>Association Française pour la pédagogie Suzuki</p>
|
||||
</div>
|
||||
<div class="adhesion_fin_adresse_infos">
|
||||
<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>
|
||||
</div>
|
||||
<div class="adhesion_fin_date">
|
||||
<p>Le <%= today %></p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
<div class="adhesion_fin_description">
|
||||
<div>
|
||||
<p>Votre carte d’adhérent à l’Association Française pour la pédagogie Suzuki</p>
|
||||
</div>
|
||||
<div class="adhesion_fin_description_identifiant">
|
||||
<p></p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="adhesion_fin_card">
|
||||
|
||||
<div class="logo">
|
||||
<img src="/public/images/logos/LogoSuzukiGris.png" alt="">
|
||||
</div>
|
||||
|
||||
<div class="adhesion_fin_card_description">
|
||||
<div>
|
||||
<p>CARTE D’ADHÉRENT</p>
|
||||
</div>
|
||||
<div class="adhesion_fin_card_description_assoc">
|
||||
<p>Association Française </p>
|
||||
<p>pour la pédagogie Suzuki</p>
|
||||
</div>
|
||||
<div class="adhesion_fin_card_description_annee">
|
||||
<p>Année 2022/2023</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="adhesion_fin_card_identifiant">
|
||||
<p>IDENTIFIANT : <span class="adhesion_fin_card_identifiant_mail"><%= identifiant %></span></p>
|
||||
</div>
|
||||
|
||||
<div class="adhesion_fin_card_profil">
|
||||
<ul>
|
||||
<li><%= profil1 %></li>
|
||||
<% if(profil2) { %><li><%= profil2 %></li><% } %>
|
||||
<% if(profil3) { %><li><%= profil3 %></li><% } %>
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
<div class="adhesion_fin_paiement">
|
||||
<p>Adhésion payée par <span><%= payment_method_types %></span> le <span><%= today %></span></p>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
</section>
|
||||
|
||||
</article>
|
||||
|
||||
</main>
|
||||
|
||||
|
||||
|
||||
|
||||
<!-- ---------------------------------- -->
|
||||
<!-- FOOTER -->
|
||||
<!-- ---------------------------------- -->
|
||||
<%- include('../../template_parts/footer')%>
|
||||
|
||||
</body>
|
||||
|
||||
</html>
|
||||
91
views/adhesion/page_templates/adhesion_paiement_total.ejs
Normal file
91
views/adhesion/page_templates/adhesion_paiement_total.ejs
Normal file
@@ -0,0 +1,91 @@
|
||||
<%- include('../../template_parts/head')%>
|
||||
|
||||
<body>
|
||||
<%- include('../../template_parts/header_tunnel')%>
|
||||
|
||||
|
||||
<main>
|
||||
|
||||
<article>
|
||||
|
||||
<!-- TITRE DE LA PAGE -->
|
||||
<%- include('../template_parts/adhesion_titrepage')%>
|
||||
|
||||
<section class="paiement_container">
|
||||
|
||||
<div class="paiement">
|
||||
|
||||
<div class="paiement_titre">
|
||||
<p>PAIEMENT</p>
|
||||
</div>
|
||||
|
||||
<div class="montant_cotisation_label">
|
||||
<p>Montant de votre cotisation annuelle</p>
|
||||
</div>
|
||||
<div class="montant_cotisation_euros_box">
|
||||
<div class="montant_cotisation_euros"><%= adherent_paiement_montant_adhesion %> <span class="euro_label"> euros</span></div>
|
||||
</div>
|
||||
|
||||
|
||||
<form action="calcul_total" method="post" class="don">
|
||||
<div class="input_box input_text_don input_box_gris">
|
||||
<label for="adherent_paiement_montant_don">Vous pouvez ajouter un don pour nous soutenir</label>
|
||||
<input type="number" name="adherent_paiement_montant_don" id="adherent_paiement_montant_don">
|
||||
</div>
|
||||
|
||||
<!-- ------------------------- -->
|
||||
<!-- Explication DU DON -->
|
||||
<!-- ------------------------- -->
|
||||
|
||||
<!-- Trigger/Open The Modal -->
|
||||
<div id="open_modal" class="open_modal_don">
|
||||
<p>En savoir plus sur le don</p>
|
||||
</div>
|
||||
|
||||
<!-- The Modal -->
|
||||
<section id="prelude" class="prelude">
|
||||
<div class="prelude_content">
|
||||
<span class="prelude_close">×</span>
|
||||
<p>Votre don à l'Association Française pour la Pédagogie Suzuki</p>
|
||||
<br>
|
||||
<p><span class="gras">Nous vous remercions chaleureusement pour le soutien que vous nous apportez :</span></p>
|
||||
<ul>
|
||||
<li>vous soutenez l’Association qui repose sur l’engagement de bénévoles,</li>
|
||||
<li>les enfants pourront continuer à apprendre la musique grâce à la pédagogie Suzuki,</li>
|
||||
<li>nous préparons des manuels… et autres ressources ou matériels,</li>
|
||||
<li>nous pouvons organiser des concerts et des rassemblements</li>
|
||||
<li>vous soutenez notre existence !</li>
|
||||
</ul>
|
||||
<br>
|
||||
<p><span class="gras">Une attestation pour déduire son don de l'impôt :</span></span></p>
|
||||
<ul>
|
||||
<li>suite à votre inscription et votre paiement, vous recevrez un justificatif de don que vous pourrez joindre à votre déclaration d'impôts.</li>
|
||||
</ul>
|
||||
<br>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
|
||||
<button id="total_valider" type="submit" class="button_text">
|
||||
<span class="btn_texte">VALIDER</span>
|
||||
</button>
|
||||
</form>
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
</div>
|
||||
</section>
|
||||
|
||||
</article>
|
||||
|
||||
</main>
|
||||
|
||||
</body>
|
||||
|
||||
<!-- JAVASCRIPT d'EXECUTION -->
|
||||
<script src="/public/js/adhesion/accueil_modal.js"></script>
|
||||
|
||||
<%- include('../../template_parts/footer')%>
|
||||
51
views/adhesion/page_templates/formulaire_adhesion_choix.ejs
Normal file
51
views/adhesion/page_templates/formulaire_adhesion_choix.ejs
Normal file
@@ -0,0 +1,51 @@
|
||||
<%- include('../../template_parts/head')%>
|
||||
|
||||
<body>
|
||||
<%- include('../../template_parts/header_tunnel')%>
|
||||
|
||||
<main>
|
||||
|
||||
<article></article>
|
||||
|
||||
<!-- TITRE DE LA PAGE -->
|
||||
<%- include('../template_parts/adhesion_titrepage')%>
|
||||
|
||||
|
||||
|
||||
|
||||
<!-- ---------------------------------- -->
|
||||
<!-- CHOIX -->
|
||||
<!-- - FAMILLE -->
|
||||
<!-- - OBSERVATEUR -->
|
||||
<!-- ---------------------------------- -->
|
||||
|
||||
|
||||
<form action="" method="post" class="form_adhesion">
|
||||
|
||||
<div class="grid_2inputs">
|
||||
<div class="input_box input_text input_box_bleu">
|
||||
<label for="adhesion_choix">Type d'adhésion</label>
|
||||
<select id="adhesion_choix" name="adhesion_choix" required onchange="this.options[this.selectedIndex].value && (window.location = this.options[this.selectedIndex].value);">
|
||||
<option value="" selected></option>
|
||||
<option value="/inscription/adhesion_famille">Enfants apprenant avec la pédagogie Suzuki</option>
|
||||
<option value="/inscription/adhesion_observateur">Observateur</option>
|
||||
</select>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</form>
|
||||
|
||||
|
||||
|
||||
|
||||
</article>
|
||||
|
||||
</main>
|
||||
|
||||
</body>
|
||||
|
||||
<!-- JAVASCRIPT d'EXECUTION -->
|
||||
<script src="/public/js/adhesion/adhesion_choix.js"></script>
|
||||
|
||||
|
||||
<%- include('../../template_parts/footer')%>
|
||||
@@ -0,0 +1,56 @@
|
||||
<%- include('../../template_parts/head')%>
|
||||
|
||||
<body>
|
||||
<%- include('../../template_parts/header_tunnel')%>
|
||||
|
||||
<main>
|
||||
|
||||
<article></article>
|
||||
|
||||
<!-- TITRE DE LA PAGE -->
|
||||
<%- include('../template_parts/adhesion_titrepage')%>
|
||||
|
||||
|
||||
<form action="" method="post" class="form_adhesion">
|
||||
|
||||
<!-- ---------------------------------- -->
|
||||
<!-- FAMILLE -->
|
||||
<!-- FORMULAIRE de saisie Infos générales -->
|
||||
<!-- ON UTILISE LE MEME QUE CELUI DU PROF -->
|
||||
<!-- ---------------------------------- -->
|
||||
|
||||
<%- include('../template_parts/prof_infosgenerale')%>
|
||||
|
||||
|
||||
<!-- ---------------------------------- -->
|
||||
<!-- FAMILLE -->
|
||||
<!-- Ajouter des élèves -->
|
||||
<!-- ---------------------------------- -->
|
||||
|
||||
<%- include('../template_parts/eleves_famille')%>
|
||||
|
||||
<!-- ---------------------------------- -->
|
||||
<!-- BOUTON ENREGISTRER -->
|
||||
<!-- ---------------------------------- -->
|
||||
<button type="submit" class="button_icone">
|
||||
<span class="btn_icone">+</span><span class="btn_texte">PAIEMENT</span>
|
||||
</button>
|
||||
<div class="paiement_explication">
|
||||
<p>En cliquant sur ce bouton vous procèderez au paiement.</p>
|
||||
<p>Vous ne pourrez plus revenir sur votre adhésion.</p>
|
||||
</div>
|
||||
</form>
|
||||
|
||||
|
||||
|
||||
</article>
|
||||
|
||||
</main>
|
||||
|
||||
</body>
|
||||
|
||||
<!-- JAVASCRIPT d'EXECUTION -->
|
||||
<script src="/public/js/adhesion/adhesion_prof.js"></script>
|
||||
<script src="/public/js/adhesion/professeurs.js"></script>
|
||||
|
||||
<%- include('../../template_parts/footer')%>
|
||||
114
views/adhesion/page_templates/formulaire_adhesion_mail.ejs
Normal file
114
views/adhesion/page_templates/formulaire_adhesion_mail.ejs
Normal file
@@ -0,0 +1,114 @@
|
||||
<%- 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>
|
||||
<% }; %>
|
||||
|
||||
|
||||
<!-- lE formuaire -->
|
||||
<%- include('../template_parts/check_mail')%>
|
||||
|
||||
<!-- ------------------------- -->
|
||||
<!-- 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>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>
|
||||
@@ -0,0 +1,70 @@
|
||||
<%- include('../../template_parts/head')%>
|
||||
|
||||
<body>
|
||||
<%- include('../../template_parts/header_tunnel')%>
|
||||
|
||||
<main>
|
||||
|
||||
<article></article>
|
||||
|
||||
<!-- TITRE DE LA PAGE -->
|
||||
<%- include('../template_parts/adhesion_titrepage')%>
|
||||
|
||||
|
||||
<form action="" method="post" class="form_adhesion">
|
||||
|
||||
<!-- ---------------------------------- -->
|
||||
<!-- FAMILLE -->
|
||||
<!-- FORMULAIRE de saisie Infos générales -->
|
||||
<!-- ON UTILISE LE MEME QUE CELUI DU PROF -->
|
||||
<!-- ---------------------------------- -->
|
||||
|
||||
<%- include('../template_parts/prof_infosgenerale')%>
|
||||
|
||||
|
||||
<div class="grid_3inputs">
|
||||
<div class="input_box input_text input_box_bleu">
|
||||
<label for="adherent_prof_instrument1">Instrument</label>
|
||||
<input type="text" name="adherent_prof_instrument1" id="adherent_prof_instrument1" value="" required>
|
||||
</div>
|
||||
|
||||
|
||||
<section class="commentaire">
|
||||
<div class="input_box input_text input_box_bleu">
|
||||
<label class="labeltextarea" for="adherent_prof_instrument1_esa">Dans quel cadre <br> souhaitez-vous observer ?</label>
|
||||
<textarea class="textarea_commentaire" id="adherent_prof_instrument1_esa" name="adherent_prof_instrument1_esa"rows="8" cols="40"></textarea>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
|
||||
|
||||
</div>
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
<!-- ---------------------------------- -->
|
||||
<!-- BOUTON ENREGISTRER -->
|
||||
<!-- ---------------------------------- -->
|
||||
<button type="submit" class="button_icone">
|
||||
<span class="btn_icone">+</span><span class="btn_texte">PAIEMENT</span>
|
||||
</button>
|
||||
<div class="paiement_explication">
|
||||
<p>En cliquant sur ce bouton vous procèderez au paiement.</p>
|
||||
<p>Vous ne pourrez plus revenir sur votre adhésion.</p>
|
||||
</div>
|
||||
</form>
|
||||
|
||||
|
||||
|
||||
</article>
|
||||
|
||||
</main>
|
||||
|
||||
</body>
|
||||
|
||||
<!-- JAVASCRIPT d'EXECUTION -->
|
||||
|
||||
|
||||
<%- include('../../template_parts/footer')%>
|
||||
94
views/adhesion/page_templates/formulaire_adhesion_prof.ejs
Normal file
94
views/adhesion/page_templates/formulaire_adhesion_prof.ejs
Normal file
@@ -0,0 +1,94 @@
|
||||
<%- include('../../template_parts/head')%>
|
||||
|
||||
<body>
|
||||
<%- include('../../template_parts/header_tunnel')%>
|
||||
|
||||
<main>
|
||||
|
||||
<article>
|
||||
|
||||
<!-- TITRE DE LA PAGE -->
|
||||
<%- include('../template_parts/adhesion_titrepage')%>
|
||||
|
||||
<form action="" method="post" class="form_adhesion">
|
||||
|
||||
<!-- ---------------------------------- -->
|
||||
<!-- PROF -->
|
||||
<!-- FORMULAIRE de saisie Infos générales -->
|
||||
<!-- ---------------------------------- -->
|
||||
|
||||
<%- include('../template_parts/prof_infosgenerale')%>
|
||||
|
||||
|
||||
<!-- ---------------------------------- -->
|
||||
<!-- PROF -->
|
||||
<!-- FORMULAIRE de saisie DIPLOMES -->
|
||||
<!-- ---------------------------------- -->
|
||||
|
||||
<!-- ---------------------------------- -->
|
||||
<!-- PROF -->
|
||||
<!-- VEUT-IL SAISIR DIPLOME ? -->
|
||||
<!-- ---------------------------------- -->
|
||||
<div class="input_checkbox">
|
||||
<input type="checkbox" name="check_prof_diplome" id="check_prof_diplome" onclick="prof_diplome()">
|
||||
<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')%>
|
||||
|
||||
|
||||
<!-- ---------------------------------- -->
|
||||
<!-- PROF -->
|
||||
<!-- FORMULAIRE de saisie de l'instrument dont il veut apprendre la pédagogie Suzuki -->
|
||||
<!-- ---------------------------------- -->
|
||||
|
||||
<!-- ---------------------------------- -->
|
||||
<!-- PROF -->
|
||||
<!-- VEUT-IL ENTRER EN FORMATION ? -->
|
||||
<!-- ---------------------------------- -->
|
||||
|
||||
<div class="input_checkbox">
|
||||
<input type="checkbox" name="check_prof_formation" id="check_prof_formation" onclick="prof_formation()">
|
||||
<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')%>
|
||||
|
||||
|
||||
<!-- ---------------------------------- -->
|
||||
<!-- PROF -->
|
||||
<!-- Ajouter des élèves ? -->
|
||||
<!-- ---------------------------------- -->
|
||||
|
||||
<div class="input_checkbox">
|
||||
<input type="checkbox" name="check_prof_eleve" id="check_prof_eleve" onclick="prof_eleve()">
|
||||
<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>
|
||||
|
||||
|
||||
<%- include('../template_parts/eleves')%>
|
||||
|
||||
<!-- ---------------------------------- -->
|
||||
<!-- BOUTON ENREGISTRER -->
|
||||
<!-- ---------------------------------- -->
|
||||
<button type="submit" class="button_icone">
|
||||
<span class="btn_icone">+</span><span class="btn_texte">PAIEMENT</span>
|
||||
</button>
|
||||
<div class="paiement_explication">
|
||||
<p>En cliquant sur ce bouton vous procèderez au paiement.</p>
|
||||
<p>Vous ne pourrez plus revenir sur votre adhésion.</p>
|
||||
</div>
|
||||
</form>
|
||||
|
||||
</article>
|
||||
|
||||
</main>
|
||||
|
||||
</body>
|
||||
|
||||
<!-- JAVASCRIPT d'EXECUTION -->
|
||||
<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>
|
||||
|
||||
<%- include('../../template_parts/footer')%>
|
||||
@@ -0,0 +1,95 @@
|
||||
<%- include('../../template_parts/head')%>
|
||||
|
||||
<body>
|
||||
|
||||
<!-- ---------------------------------- -->
|
||||
<!-- HEADER -->
|
||||
<!-- ---------------------------------- -->
|
||||
<%- include('../../template_parts/header_tunnel')%>
|
||||
|
||||
<!-- ---------------------------------- -->
|
||||
<!-- ENVOI CARTE ADHÉRENT MANUELLEMENT -->
|
||||
<!-- 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>
|
||||
<% }; %>
|
||||
|
||||
|
||||
<!-- ---------------------------------- -->
|
||||
<!-- FORMULAIRE de vérification du mail -->
|
||||
<!-- ---------------------------------- -->
|
||||
|
||||
<form action="cartemanuelle_verifmail_envoicarte" method="post" class="form_check_mail">
|
||||
|
||||
<div class="input_box input_email">
|
||||
<label for="identifiant">Saisissez l'identifiant</label>
|
||||
<input type="email" name="identifiant" id="identifiant" placeholder="" value="<% if (locals.identifiant) { %><%= identifiant %><% }; %>" required>
|
||||
<!-- AJOUTER UN ESPACE -->
|
||||
<div class="space30"></div>
|
||||
</div>
|
||||
|
||||
|
||||
|
||||
<!-- ---------------------------------- -->
|
||||
<!-- CLIQUEZ SUR BOUTON ADHÉRER -->
|
||||
<!-- ---------------------------------- -->
|
||||
|
||||
<button type="submit" class="button_icone button_sansicone">
|
||||
<span class="btn_texte">ENVOYER CARTE ADHÉRENT</span>
|
||||
</button>
|
||||
|
||||
</form>
|
||||
|
||||
<!-- ------------------------- -->
|
||||
<!-- Explication aux visiteurs -->
|
||||
<!-- ------------------------- -->
|
||||
|
||||
<section class="savoirplus_accueil">
|
||||
|
||||
<div id="savoirplus_button" class="savoirplus_button">
|
||||
<p>En savoir plus sur cette procédure</p>
|
||||
</div>
|
||||
|
||||
|
||||
<div id="savoirplus_content" class="savoirplus_content hidden">
|
||||
<p>Cette page va vous permettre d'envoyer par mail la carte d'adhérent et si nécessaire le justificatif de don à la famille ou au professeur.</p>
|
||||
<br>
|
||||
<p>Veuillez saisir l'identifiant de la famille ou du professeur.</p>
|
||||
<p>Cet identifiant est dans la base de données des adhérents (Google sheet)</p>
|
||||
|
||||
</div>
|
||||
|
||||
|
||||
</section>
|
||||
|
||||
</article>
|
||||
|
||||
</main>
|
||||
|
||||
|
||||
|
||||
<!-- ---------------------------------- -->
|
||||
<!-- FOOTER -->
|
||||
<!-- ---------------------------------- -->
|
||||
<%- include('../../template_parts/footer')%>
|
||||
|
||||
</body>
|
||||
<!-- JAVASCRIPT d'EXECUTION -->
|
||||
<script src="/public/js/adhesion/hidden_visible.js"></script>
|
||||
|
||||
</html>
|
||||
7
views/adhesion/template_parts/adhesion_titrepage.ejs
Normal file
7
views/adhesion/template_parts/adhesion_titrepage.ejs
Normal file
@@ -0,0 +1,7 @@
|
||||
<!-- //////////////////////////// -->
|
||||
<!-- HEADER POUR L'ADHÉSION-->
|
||||
<!-- //////////////////////////// -->
|
||||
<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>
|
||||
</section>
|
||||
28
views/adhesion/template_parts/check_mail.ejs
Normal file
28
views/adhesion/template_parts/check_mail.ejs
Normal file
@@ -0,0 +1,28 @@
|
||||
<!-- ---------------------------------- -->
|
||||
<!-- 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>
|
||||
|
||||
|
||||
<!-- -->
|
||||
772
views/adhesion/template_parts/eleves.ejs
Normal file
772
views/adhesion/template_parts/eleves.ejs
Normal file
@@ -0,0 +1,772 @@
|
||||
<!-- ---------------------------------- -->
|
||||
<!-- PROF -->
|
||||
<!-- FORMULAIRE de saisie des élèves -->
|
||||
<!-- ---------------------------------- -->
|
||||
|
||||
<section id="eleve" class="hidden">
|
||||
|
||||
<!-- ---------------------------------- -->
|
||||
<!-- ÉLÈVES 1 -->
|
||||
<!-- ---------------------------------- -->
|
||||
|
||||
<div>
|
||||
|
||||
<div class="grid_3inputs">
|
||||
<div class="input_box input_text input_box_gris">
|
||||
<label for="adherent_eleve1_nom">Nom de famille de l'enfant</label>
|
||||
<input type="text" name="adherent_eleve1_nom" id="adherent_eleve1_nom">
|
||||
</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">
|
||||
</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">
|
||||
</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)">
|
||||
<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">
|
||||
<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">
|
||||
<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 -->
|
||||
<!-- ---------------------------------- -->
|
||||
|
||||
<div id="eleve2" class="hidden">
|
||||
|
||||
<div class="grid_3inputs">
|
||||
<div class="input_box input_text input_box_gris">
|
||||
<label for="adherent_eleve2_nom">Nom de famille</label>
|
||||
<input type="text" name="adherent_eleve2_nom" id="adherent_eleve2_nom">
|
||||
</div>
|
||||
|
||||
<div class="input_box input_text input_box_gris">
|
||||
<label for="adherent_eleve2_prenom">Prénom</label>
|
||||
<input type="text" name="adherent_eleve2_prenom" id="adherent_eleve2_prenom">
|
||||
</div>
|
||||
|
||||
<div class="input_box input_text input_box_gris">
|
||||
<label for="adherent_eleve2_datenaissance">Date de naissance</label>
|
||||
<input type="date" name="adherent_eleve2_datenaissance" id="adherent_eleve2_datenaissance">
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="grid_3inputs">
|
||||
<div class="input_box input_text input_box_bleu">
|
||||
<label for="adherent_eleve2_InstrumentA">Pour l'instrument</label>
|
||||
<select id="adherent_eleve2_InstrumentA" name="adherent_eleve2_InstrumentA" onchange="select_eleve2_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_eleve2_InstrumentA_cahier">Cahier</label>
|
||||
<select id="adherent_eleve2_InstrumentA_cahier" name="adherent_eleve2_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_eleve2_InstrumentA_prof">Professeur</label>
|
||||
<select id="adherent_eleve2_InstrumentA_prof" name="adherent_eleve2_InstrumentA_prof">
|
||||
</select>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
<div class="grid_3inputs">
|
||||
|
||||
<div class="input_box input_text input_box_bleu">
|
||||
<label for="adherent_eleve2_InstrumentB">Deuxième instrument</label>
|
||||
<select id="adherent_eleve2_InstrumentB" name="adherent_eleve2_InstrumentB" onchange="select_eleve2_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_eleve2_InstrumentB_cahier">Cahier</label>
|
||||
<select id="adherent_eleve2_InstrumentB_cahier" name="adherent_eleve2_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_eleve2_InstrumentB_prof">Professeur</label>
|
||||
<select id="adherent_eleve2_InstrumentB_prof" name="adherent_eleve2_InstrumentB_prof">
|
||||
</select>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
<div class="grid_3inputs">
|
||||
|
||||
<div class="input_box input_text input_box_bleu">
|
||||
<label for="adherent_eleve2_droitimage">Acceptez-vous la diffusion des images?</label>
|
||||
<select id="adherent_eleve2_droitimage" name="adherent_eleve2_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_eleve2_contactsup_nom">Autre parent à contacter : Nom</label>
|
||||
<input type="text" name="adherent_eleve2_contactsup_nom" id="adherent_eleve2_contactsup_nom">
|
||||
</div>
|
||||
|
||||
<div class="input_box input_text input_box_gris">
|
||||
<label for="adherent_eleve2_contactsup_prenom">Prénom</label>
|
||||
<input type="text" name="adherent_eleve2_contactsup_prenom" id="adherent_eleve2_contactsup_prenom">
|
||||
</div>
|
||||
|
||||
<div class="input_box input_text input_box_gris">
|
||||
<label for="adherent_eleve2_contactsup_mail">Mail</label>
|
||||
<input type="text" name="adherent_eleve2_contactsup_mail" id="adherent_eleve2_contactsup_mail">
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- ---------------------------------- -->
|
||||
<!-- Voulez-vous ajouter un élève ? -->
|
||||
<!-- ---------------------------------- -->
|
||||
<div class="input_checkbox">
|
||||
<input type="checkbox" name="check_eleve3" id="check_eleve3" onclick="ajout_eleve3()">
|
||||
<label for="check_eleve3">Voulez-vous ajouter un troisième enfant ?</label>
|
||||
</div>
|
||||
|
||||
</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 ? -->
|
||||
<!-- ---------------------------------- -->
|
||||
<div class="input_checkbox">
|
||||
<input type="checkbox" name="check_eleve5" id="check_eleve5" onclick="ajout_eleve5()">
|
||||
<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>
|
||||
|
||||
|
||||
|
||||
</section>
|
||||
|
||||
778
views/adhesion/template_parts/eleves_famille.ejs
Normal file
778
views/adhesion/template_parts/eleves_famille.ejs
Normal file
@@ -0,0 +1,778 @@
|
||||
<!-- ---------------------------------- -->
|
||||
<!-- PROF -->
|
||||
<!-- FORMULAIRE de saisie des élèves -->
|
||||
<!-- ---------------------------------- -->
|
||||
|
||||
<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 -->
|
||||
<!-- ---------------------------------- -->
|
||||
|
||||
<div id="eleve2" class="hidden">
|
||||
|
||||
<div class="grid_3inputs">
|
||||
<div class="input_box input_text input_box_gris">
|
||||
<label for="adherent_eleve2_nom">Nom de famille</label>
|
||||
<input type="text" name="adherent_eleve2_nom" id="adherent_eleve2_nom">
|
||||
</div>
|
||||
|
||||
<div class="input_box input_text input_box_gris">
|
||||
<label for="adherent_eleve2_prenom">Prénom</label>
|
||||
<input type="text" name="adherent_eleve2_prenom" id="adherent_eleve2_prenom">
|
||||
</div>
|
||||
|
||||
<div class="input_box input_text input_box_gris">
|
||||
<label for="adherent_eleve2_datenaissance">Date de naissance</label>
|
||||
<input type="date" name="adherent_eleve2_datenaissance" id="adherent_eleve2_datenaissance">
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="grid_3inputs">
|
||||
<div class="input_box input_text input_box_bleu">
|
||||
<label for="adherent_eleve2_InstrumentA">Pour l'instrument</label>
|
||||
<select id="adherent_eleve2_InstrumentA" name="adherent_eleve2_InstrumentA" onchange="select_eleve2_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_eleve2_InstrumentA_cahier">Cahier</label>
|
||||
<select id="adherent_eleve2_InstrumentA_cahier" name="adherent_eleve2_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_eleve2_InstrumentA_prof">Professeur</label>
|
||||
<select id="adherent_eleve2_InstrumentA_prof" name="adherent_eleve2_InstrumentA_prof">
|
||||
</select>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
<div class="grid_3inputs">
|
||||
|
||||
<div class="input_box input_text input_box_bleu">
|
||||
<label for="adherent_eleve2_InstrumentB">Deuxième instrument</label>
|
||||
<select id="adherent_eleve2_InstrumentB" name="adherent_eleve2_InstrumentB" onchange="select_eleve2_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_eleve2_InstrumentB_cahier">Cahier</label>
|
||||
<select id="adherent_eleve2_InstrumentB_cahier" name="adherent_eleve2_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_eleve2_InstrumentB_prof">Professeur</label>
|
||||
<select id="adherent_eleve2_InstrumentB_prof" name="adherent_eleve2_InstrumentB_prof">
|
||||
</select>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
<div class="grid_3inputs">
|
||||
<div class="input_box input_text input_box_bleu">
|
||||
<label for="adherent_eleve2_droitimage">Acceptez-vous la diffusion des images?</label>
|
||||
<select id="adherent_eleve2_droitimage" name="adherent_eleve2_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_eleve2_contactsup_nom">Autre parent à contacter : Nom</label>
|
||||
<input type="text" name="adherent_eleve2_contactsup_nom" id="adherent_eleve2_contactsup_nom">
|
||||
</div>
|
||||
|
||||
<div class="input_box input_text input_box_gris">
|
||||
<label for="adherent_eleve2_contactsup_prenom">Prénom</label>
|
||||
<input type="text" name="adherent_eleve2_contactsup_prenom" id="adherent_eleve2_contactsup_prenom">
|
||||
</div>
|
||||
|
||||
<div class="input_box input_text input_box_gris">
|
||||
<label for="adherent_eleve2_contactsup_mail">Mail</label>
|
||||
<input type="text" name="adherent_eleve2_contactsup_mail" id="adherent_eleve2_contactsup_mail">
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- ---------------------------------- -->
|
||||
<!-- Voulez-vous ajouter un élève ? -->
|
||||
<!-- ---------------------------------- -->
|
||||
<div class="input_checkbox">
|
||||
<input type="checkbox" name="check_eleve3" id="check_eleve3" onclick="ajout_eleve3()">
|
||||
<label for="check_eleve3">Voulez-vous ajouter un troisième enfant ?</label>
|
||||
</div>
|
||||
|
||||
</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 ? -->
|
||||
<!-- ---------------------------------- -->
|
||||
<div class="input_checkbox">
|
||||
<input type="checkbox" name="check_eleve5" id="check_eleve5" onclick="ajout_eleve5()">
|
||||
<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>
|
||||
|
||||
|
||||
|
||||
</section>
|
||||
|
||||
202
views/adhesion/template_parts/prof_diplome.ejs
Normal file
202
views/adhesion/template_parts/prof_diplome.ejs
Normal file
@@ -0,0 +1,202 @@
|
||||
<!-- ---------------------------------- -->
|
||||
<!-- PROF -->
|
||||
<!-- FORMULAIRE de saisie des diplomes -->
|
||||
<!-- ---------------------------------- -->
|
||||
|
||||
|
||||
<!-- ---------------------------------- -->
|
||||
<!-- OUI - IL VEUT SAISIR DIPLOMES -->
|
||||
<!-- AFFICHER DES INPUTS DIPLOME -->
|
||||
<!-- ---------------------------------- -->
|
||||
<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">
|
||||
<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>
|
||||
</select>
|
||||
</div>
|
||||
|
||||
<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">
|
||||
<option value="" selected></option>
|
||||
<option value="Niveau 1">Niveau 1</option>
|
||||
<option value="Niveau 2">Niveau 2</option>
|
||||
<option value="Niveau 3">Niveau 3</option>
|
||||
<option value="Niveau 4">Niveau 4</option>
|
||||
<option value="Niveau 5">Niveau 5</option>
|
||||
<option value="Instructeur 1">Instructeur (année 1)</option>
|
||||
<option value="Instructeur 2">Instructeur (année 2)</option>
|
||||
<option value="Formateur">Formateur</option>
|
||||
</select>
|
||||
</div>
|
||||
|
||||
<div class="input_box input_text input_box_bleu">
|
||||
<label for="adherent_prof_instrument2">Deuxième instrument</label>
|
||||
<select id="adherent_prof_instrument2" name="adherent_prof_instrument2">
|
||||
<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>
|
||||
</select>
|
||||
</div>
|
||||
|
||||
<div class="input_box input_text input_box_bleu">
|
||||
<label for="adherent_prof_instrument2_esa">Niveau ESA Obtenu</label>
|
||||
<select id="adherent_prof_instrument2_esa" name="adherent_prof_instrument2_esa">
|
||||
<option value="" selected></option>
|
||||
<option value="Niveau 1">Niveau 1</option>
|
||||
<option value="Niveau 2">Niveau 2</option>
|
||||
<option value="Niveau 3">Niveau 3</option>
|
||||
<option value="Niveau 4">Niveau 4</option>
|
||||
<option value="Niveau 5">Niveau 5</option>
|
||||
<option value="Instructeur 1">Instructeur (année 1)</option>
|
||||
<option value="Instructeur 2">Instructeur (année 2)</option>
|
||||
<option value="Formateur">Formateur</option>
|
||||
</select>
|
||||
</div>
|
||||
|
||||
<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">
|
||||
<option value="" selected></option>
|
||||
<option value="oui">Oui</option>
|
||||
<option value="non">Non</option>
|
||||
</select>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
<div class="explication">
|
||||
<p>Renseigner jusqu'à 3 écoles de musique ou classes dans lesquelles vous enseignez selon la pédagogie Suzuki</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">
|
||||
</div>
|
||||
|
||||
<div class="input_box input_text input_box_gris">
|
||||
<label for="adherent_prof_ecole1_mail">Mail</label>
|
||||
<input type="text" name="adherent_prof_ecole1_mail" id="adherent_prof_ecole1_mail">
|
||||
</div>
|
||||
|
||||
<div class="input_box input_text input_box_gris">
|
||||
<label for="adherent_prof_ecole1_web">Site internet</label>
|
||||
<input type="text" name="adherent_prof_ecole1_web" id="adherent_prof_ecole1_web">
|
||||
</div>
|
||||
|
||||
<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">
|
||||
</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">
|
||||
</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">
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
<div id="ajout_ecole2" class="ajout_ecole_button">
|
||||
<p>Vous souhaitez ajouter une autre école</p>
|
||||
</div>
|
||||
|
||||
|
||||
<div id="ajout_ecole2_content" class="hidden">
|
||||
<div class="grid_3inputs">
|
||||
<div class="input_box input_text input_box_bleu">
|
||||
<label for="adherent_prof_ecole2">École / classe [2]</label>
|
||||
<input type="text" name="adherent_prof_ecole2" id="adherent_prof_ecole2" placeholder="Dans laquelle vous enseignez">
|
||||
</div>
|
||||
|
||||
<div class="input_box input_text input_box_gris">
|
||||
<label for="adherent_prof_ecole2_mail">Mail</label>
|
||||
<input type="text" name="adherent_prof_ecole2_mail" id="adherent_prof_ecole2_mail">
|
||||
</div>
|
||||
|
||||
<div class="input_box input_text input_box_gris">
|
||||
<label for="adherent_prof_ecole2_web">Site internet</label>
|
||||
<input type="text" name="adherent_prof_ecole2_web" id="adherent_prof_ecole2_web">
|
||||
</div>
|
||||
|
||||
<div class="input_box input_text input_box_gris">
|
||||
<label for="adherent_prof_ecole2_adresse">Adresse</label>
|
||||
<input type="text" name="adherent_prof_ecole2_adresse" id="adherent_prof_ecole2_adresse">
|
||||
</div>
|
||||
|
||||
<div class="input_box input_text input_box_gris">
|
||||
<label for="adherent_prof_ecole2_cp">Code postal</label>
|
||||
<input type="text" name="adherent_prof_ecole2_cp" id="adherent_prof_ecole2_cp">
|
||||
</div>
|
||||
|
||||
<div class="input_box input_text input_box_gris">
|
||||
<label for="adherent_prof_ecole2_ville">Ville</label>
|
||||
<input type="text" name="adherent_prof_ecole2_ville" id="adherent_prof_ecole2_ville">
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div id="ajout_ecole3" class="ajout_ecole_button">
|
||||
<p>Vous souhaitez ajouter une autre école</p>
|
||||
</div>
|
||||
|
||||
<div id="ajout_ecole3_content" class="grid_3inputs hidden">
|
||||
|
||||
<div class="input_box input_text input_box_bleu">
|
||||
<label for="adherent_prof_ecole3">École / classe [3]</label>
|
||||
<input type="text" name="adherent_prof_ecole3" id="adherent_prof_ecole3" placeholder="Dans laquelle vous enseignez">
|
||||
</div>
|
||||
|
||||
<div class="input_box input_text input_box_gris">
|
||||
<label for="adherent_prof_ecole3_mail">Mail</label>
|
||||
<input type="text" name="adherent_prof_ecole3_mail" id="adherent_prof_ecole3_mail">
|
||||
</div>
|
||||
|
||||
<div class="input_box input_text input_box_gris">
|
||||
<label for="adherent_prof_ecole3_web">Site internet</label>
|
||||
<input type="text" name="adherent_prof_ecole3_web" id="adherent_prof_ecole3_web">
|
||||
</div>
|
||||
|
||||
<div class="input_box input_text input_box_gris">
|
||||
<label for="adherent_prof_ecole3_adresse">Adresse</label>
|
||||
<input type="text" name="adherent_prof_ecole3_adresse" id="adherent_prof_ecole3_adresse">
|
||||
</div>
|
||||
|
||||
<div class="input_box input_text input_box_gris">
|
||||
<label for="adherent_prof_ecole3_cp">Code postal</label>
|
||||
<input type="text" name="adherent_prof_ecole3_cp" id="adherent_prof_ecole3_cp">
|
||||
</div>
|
||||
|
||||
<div class="input_box input_text input_box_gris">
|
||||
<label for="adherent_prof_ecole3_ville">Ville</label>
|
||||
<input type="text" name="adherent_prof_ecole3_ville" id="adherent_prof_ecole3_ville">
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
|
||||
|
||||
</section>
|
||||
82
views/adhesion/template_parts/prof_formation.ejs
Normal file
82
views/adhesion/template_parts/prof_formation.ejs
Normal file
@@ -0,0 +1,82 @@
|
||||
<!-- ---------------------------------- -->
|
||||
<!-- PROF -->
|
||||
<!-- FORMULAIRE de saisie de l'instrument dont il veut apprendre la pédagogie Suzuki -->
|
||||
<!-- ---------------------------------- -->
|
||||
|
||||
|
||||
|
||||
<!-- ---------------------------------- -->
|
||||
<!-- OUI - IL VEUT SAISIR DIPLOMES -->
|
||||
<!-- AFFICHER DES INPUTS DIPLOME -->
|
||||
<!-- ---------------------------------- -->
|
||||
<section id="prof_formation" class="hidden">
|
||||
|
||||
<div class="grid_3inputs">
|
||||
<div class="input_box input_text input_box_bleu">
|
||||
<label for="adherent_prof_stagiaire_instrument1">Je suis en formation en :</label>
|
||||
<select id="adherent_prof_stagiaire_instrument1" name="adherent_prof_stagiaire_instrument1" onchange="select_prof_stagiaire_instrument1(this)">
|
||||
<option value="" selected></option>
|
||||
<option value="Alto">Alto</option>
|
||||
<option value="Piano">Piano</option>
|
||||
<option value="Violon">Violon</option>
|
||||
<option value="Violoncelle">Violoncelle</option>
|
||||
</select>
|
||||
</div>
|
||||
|
||||
<div class="input_box input_text input_box_bleu">
|
||||
<label for="adherent_prof_stagiaire_instrument1_esa">Niveau</label>
|
||||
<select id="adherent_prof_stagiaire_instrument1_esa" name="adherent_prof_stagiaire_instrument1_esa">
|
||||
<option value="" selected></option>
|
||||
<option value="Niveau 1">Niveau 1</option>
|
||||
<option value="Niveau 2">Niveau 2</option>
|
||||
<option value="Niveau 3">Niveau 3</option>
|
||||
<option value="Niveau 4">Niveau 4</option>
|
||||
<option value="Niveau 5">Niveau 5</option>
|
||||
<option value="Instructeur 1">Instructeur (année 1)</option>
|
||||
<option value="Instructeur 2">Instructeur (année 2)</option>
|
||||
</select>
|
||||
</div>
|
||||
|
||||
<div class="input_box input_text input_box_bleu" id="select_adherent_prof_stagiaire_instrument1_prof">
|
||||
<label for="adherent_prof_stagiaire_instrument1_prof">Formateur</label>
|
||||
<select id="adherent_prof_stagiaire_instrument1_prof" name="adherent_prof_stagiaire_instrument1_prof">
|
||||
</select>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="grid_3inputs">
|
||||
<div class="input_box input_text input_box_bleu">
|
||||
<label for="adherent_prof_stagiaire_instrument2">Ajout d'une autre formation :</label>
|
||||
<select id="adherent_prof_stagiaire_instrument2" name="adherent_prof_stagiaire_instrument2" onchange="select_prof_stagiaire_instrument2(this)">
|
||||
<option value="" selected></option>
|
||||
<option value="Alto">Alto</option>
|
||||
<option value="Piano">Piano</option>
|
||||
<option value="Violon">Violon</option>
|
||||
<option value="Violoncelle">Violoncelle</option>
|
||||
</select>
|
||||
</div>
|
||||
|
||||
<div class="input_box input_text input_box_bleu">
|
||||
<label for="adherent_prof_stagiaire_instrument2_esa">Niveau</label>
|
||||
<select id="adherent_prof_stagiaire_instrument2_esa" name="adherent_prof_stagiaire_instrument2_esa">
|
||||
<option value="" selected></option>
|
||||
<option value="Niveau 1">Niveau 1</option>
|
||||
<option value="Niveau 2">Niveau 2</option>
|
||||
<option value="Niveau 3">Niveau 3</option>
|
||||
<option value="Niveau 4">Niveau 4</option>
|
||||
<option value="Niveau 5">Niveau 5</option>
|
||||
<option value="Instructeur 1">Instructeur (année 1)</option>
|
||||
<option value="Instructeur 2">Instructeur (année 2)</option>
|
||||
</select>
|
||||
</div>
|
||||
|
||||
<div class="input_box input_text input_box_bleu">
|
||||
<label for="adherent_prof_stagiaire_instrument2_prof">Formateur</span></label>
|
||||
<select id="adherent_prof_stagiaire_instrument2_prof" name="adherent_prof_stagiaire_instrument2_prof">
|
||||
</select>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
</section>
|
||||
|
||||
87
views/adhesion/template_parts/prof_infosgenerale.ejs
Normal file
87
views/adhesion/template_parts/prof_infosgenerale.ejs
Normal file
@@ -0,0 +1,87 @@
|
||||
<!-- ---------------------------------- -->
|
||||
<!-- PROF -->
|
||||
<!-- FORMULAIRE de saisie Infos générales -->
|
||||
<!-- ---------------------------------- -->
|
||||
|
||||
<section id="prof_infosgenerale" class="">
|
||||
<!-- ---------------------------------- -->
|
||||
<!-- 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>
|
||||
</div>
|
||||
|
||||
<!-- ---------------------------------- -->
|
||||
<!-- SAISIE DES INFORMATIONS -->
|
||||
<!-- ---------------------------------- -->
|
||||
|
||||
<% if (locals.famille) { %>
|
||||
<div class="explication">
|
||||
<br><br>
|
||||
<p><%= famille %></p>
|
||||
</div>
|
||||
<% } else { %>
|
||||
<div class="explication">
|
||||
<br><br>
|
||||
<p>Professeur :</p>
|
||||
</div>
|
||||
<% } %>
|
||||
|
||||
<div class="grid_3inputs">
|
||||
<div class="input_box input_text input_box_gris">
|
||||
<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>
|
||||
<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>
|
||||
<input type="text" name="adherent_adresse_rue" id="adherent_adresse_rue" required>
|
||||
</div>
|
||||
|
||||
<div class="input_box input_text input_box_gris">
|
||||
<label for="adherent_adresse_complement">Complément d'adresse</label>
|
||||
<input type="text" name="adherent_adresse_complement" id="adherent_adresse_complement">
|
||||
</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">
|
||||
</div>
|
||||
|
||||
<div class="input_box input_text input_box_gris">
|
||||
<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">
|
||||
</div>
|
||||
|
||||
<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">
|
||||
</div>
|
||||
|
||||
<div class="input_box input_text input_box_gris">
|
||||
<label for="adherent_telephone_fixe">Téléphone fixe</label>
|
||||
<input type="tel" name="adherent_telephone_fixe" id="adherent_telephone_fixe">
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
77
views/app/page_templates/inscription_accueil.ejs
Normal file
77
views/app/page_templates/inscription_accueil.ejs
Normal file
@@ -0,0 +1,77 @@
|
||||
<%- include('../../template_parts/head')%>
|
||||
|
||||
<body>
|
||||
|
||||
<!-- ---------------------------------- -->
|
||||
<!-- HEADER -->
|
||||
<!-- ---------------------------------- -->
|
||||
<%- include('../template_parts/header_inscription')%>
|
||||
|
||||
<!-- ---------------------------------- -->
|
||||
<!-- FORMULAIRE de vérification du mail -->
|
||||
<!-- ---------------------------------- -->
|
||||
|
||||
<main>
|
||||
|
||||
<section>
|
||||
<div>
|
||||
<h2><a href="inscription/adhesion">Adhérer à l'Association Française pour la Pédagogie Suzuki pour l'année 2022/2023</a></h2>
|
||||
</div>
|
||||
<div>
|
||||
<h2><a href="/inscription/stagenational/identifier">S'inscrire au stage national de l'Association Française pour la Pédagogie Suzuki pour l'année 2022/2023</a></h2>
|
||||
</div>
|
||||
|
||||
</section>
|
||||
|
||||
<!-- ------------------------- -->
|
||||
<!-- Explication aux visiteurs -->
|
||||
<!-- ------------------------- -->
|
||||
|
||||
<section class="savoirplus_accueil">
|
||||
|
||||
<div id="savoirplus_button" class="savoirplus_button">
|
||||
<p>En savoir plus sur ce site d'inscription</p>
|
||||
</div>
|
||||
|
||||
|
||||
<div id="savoirplus_content" class="savoirplus_content hidden">
|
||||
<p>Vous êtes dans la partie des inscriptions du site qui va vous permettre : </p>
|
||||
<ul>
|
||||
<li>d'adhérer à l'Association Française pour la Pédagogie Suzuki,</li>
|
||||
<li>de vous inscrire aux événements organisés par l'Association Française pour la Pédagogie Suzuki.</li>
|
||||
</ul>
|
||||
<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><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>
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
</main>
|
||||
|
||||
|
||||
|
||||
<!-- ---------------------------------- -->
|
||||
<!-- FOOTER -->
|
||||
<!-- ---------------------------------- -->
|
||||
<%- include('../../template_parts/footer')%>
|
||||
|
||||
</body>
|
||||
<!-- JAVASCRIPT d'EXECUTION -->
|
||||
<script src="/public/js/hidden_visible.js"></script>
|
||||
|
||||
</html>
|
||||
20
views/app/template_parts/header_inscription.ejs
Normal file
20
views/app/template_parts/header_inscription.ejs
Normal file
@@ -0,0 +1,20 @@
|
||||
<!-- //////////////////////////// -->
|
||||
<!-- HEADER -->
|
||||
<!-- //////////////////////////// -->
|
||||
<header>
|
||||
<div class="logo">
|
||||
<img src="/public/images/logos/LogoSuzukiGris.png" alt="">
|
||||
</div>
|
||||
<div></div>
|
||||
<nav>
|
||||
<ul>
|
||||
<li>INSCRIPTIONS</li>
|
||||
</ul>
|
||||
<ul>
|
||||
<li>ADHÉRER</li>
|
||||
<li>STAGES</li>
|
||||
</ul>
|
||||
</nav>
|
||||
<div></div>
|
||||
|
||||
</header>
|
||||
156
views/rassemblementidf/page_templates/inscrip_formulaire.ejs
Normal file
156
views/rassemblementidf/page_templates/inscrip_formulaire.ejs
Normal file
@@ -0,0 +1,156 @@
|
||||
<%- include('../../template_parts/head')%>
|
||||
|
||||
<body>
|
||||
|
||||
<!-- ---------------------------------- -->
|
||||
<!-- HEADER -->
|
||||
<!-- ---------------------------------- -->
|
||||
<%- include('../../template_parts/header_tunnel')%>
|
||||
|
||||
<main>
|
||||
|
||||
<!-- TITRE DE LA PAGE -->
|
||||
<%- include('../template_parts/rassemblementidf_titrepage')%>
|
||||
|
||||
<% if (err_nbr_eleve) { %>
|
||||
<div class="erreur">ERREUR : <p class='identifiant'><%= err_nbr_eleve %></p></div>
|
||||
<% } %>
|
||||
|
||||
|
||||
<article class="stage_formulaire_cont form_adhesion">
|
||||
|
||||
<form id="rassemblementidf_form" action="" method="post" class="stage_formulaire">
|
||||
|
||||
<section>
|
||||
|
||||
<h1><img class='icone_titre' src="/public/images/icones/icone_compte.png" alt="icone information à cliquer">VOTRE COMPTE ADHÉRENT</h1>
|
||||
|
||||
<div class="grid_2inputs">
|
||||
<div>
|
||||
<p>Identifiant : <span class='identifiant'><%= identifiant %></span></p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="grid_2inputs">
|
||||
<div class="input_box input_text input_box_gris">
|
||||
<label for="association">Association Suzuki *</label>
|
||||
<input type="text" name="association" id="association" value='<%= association %>' required>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="grid_2inputs">
|
||||
<div class="input_box input_text input_box_gris">
|
||||
<label for="adherent_nom">Nom de famille *</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>
|
||||
<input type="text" name="adherent_prenom" id="adherent_prenom" value='<% if (locals.adherent_prenom) { %><%= adherent_prenom %><% }; %>' required>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="grid_2inputs">
|
||||
<div class="input_box input_text input_box_gris">
|
||||
<label for="adherent_adresse_rue">Rue *</label>
|
||||
<input type="text" name="adherent_adresse_rue" id="adherent_adresse_rue" value="<% if (locals.adherent_adresse_rue) { %><%= adherent_adresse_rue %><% }; %>" required>
|
||||
</div>
|
||||
|
||||
<div class="input_box input_text input_box_gris">
|
||||
<label for="adherent_adresse_complement">Complément d'adresse</label>
|
||||
<input type="text" name="adherent_adresse_complement" id="adherent_adresse_complement" value="<% if (locals.adherent_adresse_complement) { %><%= adherent_adresse_complement %><% }; %>">
|
||||
</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" value="<% if (locals.adherent_adresse_codepostal) { %><%= adherent_adresse_codepostal %><% }; %>">
|
||||
</div>
|
||||
|
||||
<div class="input_box input_text input_box_gris">
|
||||
<label for="adherent_adresse_ville">Ville *</label>
|
||||
<input type="text" name="adherent_adresse_ville" id="adherent_adresse_ville" value="<% if (locals.adherent_adresse_ville) { %><%= 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" value="<% if (locals.adherent_adresse_pays) { %><%= adherent_adresse_pays %><% }; %>" required>
|
||||
</div>
|
||||
</div>
|
||||
<div class="grid_2inputs">
|
||||
<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" value="<% if (locals.adherent_telephone_mobile) { %><%= adherent_telephone_mobile %><% }; %>" required>
|
||||
</div>
|
||||
|
||||
<div class="input_box input_text input_box_gris">
|
||||
<label for="adherent_telephone_fixe">Téléphone fixe</label>
|
||||
<input type="tel" name="adherent_telephone_fixe" id="adherent_telephone_fixe" value="<% if (locals.adherent_telephone_fixe) { %><%= adherent_telephone_fixe %><% }; %>">
|
||||
</div>
|
||||
|
||||
<div class="input_box input_text input_box_gris">
|
||||
<label for="adherent_mail">Mail *</label>
|
||||
<input type="email" name="adherent_mail" id="adherent_mail" value="<% if (locals.adherent_mail) { %><%= adherent_mail %><% }; %>" required>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
|
||||
<section>
|
||||
|
||||
<h1 class="titre_personne"><span class="rouge">INSCRIPTION DES PERSONNES PRÉSENTES AU RASSEMBLEMENT</span></h1>
|
||||
<div class="description">
|
||||
<p>- Tous les élèves instrumentistes</p>
|
||||
<p>- La personne accompagnatrice</p>
|
||||
</div>
|
||||
|
||||
|
||||
<div class="grid_2inputs">
|
||||
<div class="icone_hebergement">
|
||||
<div><img class='icone' src="/public/images/icones/icone_accompagnant.png" alt="icone accompagnant"></div>
|
||||
|
||||
<div class="input_box input_text input_box_gris">
|
||||
<label for="accompagnant_nom">Nom de l'accompagnant *</label>
|
||||
<input type="text" name="accompagnant_nom" id="accompagnant_nom" value='<% if (locals.accompagnant_nom) { %><%= accompagnant_nom %><% }; %>' required>
|
||||
</div>
|
||||
|
||||
<div class="input_box input_text input_box_gris">
|
||||
<label for="accompagnant_prenom">Prénom *</label>
|
||||
<input type="text" name="accompagnant_prenom" id="accompagnant_prenom" value='<% if (locals.accompagnant_prenom) { %><%= accompagnant_prenom %><% }; %>' required>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</section>
|
||||
|
||||
<section id="personne0">
|
||||
</section>
|
||||
|
||||
<section class="commentaire">
|
||||
<div class="input_box input_text input_box_bleu">
|
||||
<label class="labeltextarea" for="commentaire_adherent">Un commentaire ou une information particulière <br> à nous transmettre ?</label>
|
||||
<textarea class="textarea_commentaire" id="commentaire_adherent" name="commentaire_adherent"rows="8" cols="40"></textarea>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<button type="submit" class="button_icone">
|
||||
<span class="btn_icone">+</span><span class="btn_texte">VALIDER</span>
|
||||
</button>
|
||||
|
||||
</form>
|
||||
</article>
|
||||
|
||||
</main>
|
||||
|
||||
|
||||
|
||||
<!-- ---------------------------------- -->
|
||||
<!-- FOOTER -->
|
||||
<!-- ---------------------------------- -->
|
||||
<%- include('../../template_parts/footer')%>
|
||||
|
||||
</body>
|
||||
<!-- JAVASCRIPT d'EXECUTION -->
|
||||
<script src="/public/js/rassemblementidf/rassemblementidf_formulaire_personne.js"></script>
|
||||
|
||||
</html>
|
||||
@@ -0,0 +1,90 @@
|
||||
<%- 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/rassemblementidf_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>
|
||||
</div>
|
||||
<% }; %>
|
||||
|
||||
|
||||
<!-- lE formuaire -->
|
||||
<%- include('../../stagenat/template_parts/check_identifiant')%>
|
||||
|
||||
<!-- ------------------------- -->
|
||||
<!-- 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 de vous inscrire au Rassemblement Ile de France du 7 mai 2023 organisé par l’Association La clef du bonheur et l’école de musique de Chambourcy, en partenariat avec l'Association Française pour la Pédagogie Suzuki.</p>
|
||||
<br>
|
||||
<p>Cette journée de cours de groupe et concerts est ouverte aux violonistes, altistes, violoncellistes, guitaristes, harpistes et flûtistes Suzuki de tous niveaux !</p>
|
||||
<br>
|
||||
<p><span class="gras rouge">Le lieu : </span>Ecole primaire La châtaigneraie – 78240 Chambourcy</p>
|
||||
<br>
|
||||
<p><span class="gras rouge">L’accès de Paris : </span>RER A – Poissy ou St Germain-en-Laye</p>
|
||||
<br>
|
||||
<p><span class="gras rouge">Contact : </span>lacdb@wanadoo.fr</p>
|
||||
<br>
|
||||
<p><span class="gras">PAIEMENT PAR CARTE BANCAIRE</span></span></p>
|
||||
<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>
|
||||
61
views/rassemblementidf/page_templates/paiement_annule.ejs
Normal file
61
views/rassemblementidf/page_templates/paiement_annule.ejs
Normal file
@@ -0,0 +1,61 @@
|
||||
<%- include('../../template_parts/head')%>
|
||||
|
||||
<body>
|
||||
|
||||
<!-- ---------------------------------- -->
|
||||
<!-- HEADER -->
|
||||
<!-- ---------------------------------- -->
|
||||
<%- include('../../template_parts/header_tunnel')%>
|
||||
|
||||
<main>
|
||||
|
||||
<!-- TITRE DE LA PAGE -->
|
||||
<%- include('../template_parts/rassemblementidf_titrepage')%>
|
||||
|
||||
|
||||
<article class="stage_formulaire_cont form_adhesion">
|
||||
|
||||
|
||||
|
||||
<section>
|
||||
|
||||
<h1>Echec du paiement</h1>
|
||||
|
||||
<div class="">
|
||||
<div>
|
||||
<p>La paiement par carte bancaire a échoué</p>
|
||||
<p>Veuillez contacter l'association pour payer par un autre moyen</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
|
||||
</section>
|
||||
|
||||
|
||||
<form action="post_recap_modifier" method="post" class="">
|
||||
<button type="submit" class="button_icone">
|
||||
<span class="btn_icone">+</span><span class="btn_texte">RECOMMENCER</span>
|
||||
</button>
|
||||
|
||||
|
||||
</form>
|
||||
|
||||
|
||||
</article>
|
||||
|
||||
</main>
|
||||
|
||||
|
||||
|
||||
<!-- ---------------------------------- -->
|
||||
<!-- FOOTER -->
|
||||
<!-- ---------------------------------- -->
|
||||
<%- include('../../template_parts/footer')%>
|
||||
|
||||
</body>
|
||||
<!-- JAVASCRIPT d'EXECUTION -->
|
||||
|
||||
|
||||
|
||||
</html>
|
||||
115
views/rassemblementidf/page_templates/paiement_reussi.ejs
Normal file
115
views/rassemblementidf/page_templates/paiement_reussi.ejs
Normal file
@@ -0,0 +1,115 @@
|
||||
<%- include('../../template_parts/head')%>
|
||||
|
||||
<body>
|
||||
|
||||
<!-- ---------------------------------- -->
|
||||
<!-- HEADER -->
|
||||
<!-- ---------------------------------- -->
|
||||
<%- include('../../template_parts/header_tunnel')%>
|
||||
|
||||
<main>
|
||||
|
||||
<!-- TITRE DE LA PAGE -->
|
||||
<%- include('../template_parts/rassemblementidf_titrepage')%>
|
||||
|
||||
|
||||
<article class="stage_formulaire_cont form_adhesion">
|
||||
|
||||
|
||||
|
||||
<section>
|
||||
|
||||
<h1>Paiement réussi</h1>
|
||||
|
||||
<div class="">
|
||||
<div>
|
||||
<p>La paiement par carte bancaire a réussi</p>
|
||||
<p>Vous aller recevoir un mail de confirmation de votre inscription au Rassemblement IDF.</p>
|
||||
</div>
|
||||
</div>
|
||||
<br><br>
|
||||
<% if (locals.error) { %>
|
||||
<p class="rouge"><%= error %></p>
|
||||
<% } %>
|
||||
<br><br>
|
||||
</section>
|
||||
|
||||
<section class="">
|
||||
|
||||
|
||||
<h1><img class='icone_titre' src="/public/images/icones/icone_compte.png" alt="icone information à cliquer">VOTRE COMPTE ADHÉRENT</h1>
|
||||
|
||||
<div class="grid_2inputs">
|
||||
<div>
|
||||
<p>Identifiant : <span class='identifiant'><%= identifiant %></span></p>
|
||||
</div>
|
||||
<div>
|
||||
<p>Association Suzuki : <span class='identifiant'><%= association %></span></p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="icone_hebergement">
|
||||
<div><img class='icone' src="/public/images/icones/icone_accompagnant.png" alt="icone information à cliquer"></div>
|
||||
<p>Accompagnant : <span class='identifiant'><%= accompagnant_prenom %> <%= accompagnant_nom %></span></p>
|
||||
</div>
|
||||
|
||||
|
||||
|
||||
</section>
|
||||
|
||||
|
||||
<section id="personne">
|
||||
|
||||
<% for (let toto = 1; toto < 7; toto++) { %>
|
||||
<% if (locals["personne_"+toto+"_nom"]) { %>
|
||||
<div class="recap_personne">
|
||||
<h2><img class='icone_titre' src="/public/images/icones/icone_personne.png" alt="icone information à cliquer">PERSONNE <span class="rouge numero"><%= locals["personne_"+toto+"_numero"] %></span></h2>
|
||||
<div>
|
||||
<p>Nom : <span class='identifiant'><%= locals["personne_"+toto+"_nom"] %> <%= locals["personne_"+toto+"_prenom"] %></span></p>
|
||||
<p>Date de naissance : <span class='identifiant'><%= locals["personne_"+toto+"_datenaissance"] %></span></p>
|
||||
|
||||
<% if (locals["personne_"+toto+"_instrument"]) { %>
|
||||
<p>Instrument : <span class='identifiant'><%= locals["personne_"+toto+"_instrument"] %> - <%= locals["personne_"+toto+"_cahier"] %></span></p>
|
||||
<% } %>
|
||||
|
||||
<% if (locals["personne_"+toto+"_piece"]) { %>
|
||||
<p>Pièce : <span class='identifiant'><%= locals["personne_"+toto+"_piece"] %></span></p>
|
||||
<% } %>
|
||||
|
||||
<% if (locals["personne_"+toto+"_prof"]) { %>
|
||||
<p>Professeur : <span class='identifiant'><%= locals["personne_"+toto+"_prof"] %></span></p>
|
||||
<% } %>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
<% } %>
|
||||
|
||||
<% } %>
|
||||
|
||||
</section>
|
||||
<hr>
|
||||
<section class="tarifs">
|
||||
<p>Tarif rassemblement : <span class='identifiant'><%= cout_rassemblement %></span></p>
|
||||
<p>Frais bancaire : <span class='identifiant'><%= frais_bancaire %>€</span></p>
|
||||
<p>Montant total : <span class='identifiant'><%= cout_total %>€</span></p>
|
||||
<hr>
|
||||
</section>
|
||||
|
||||
|
||||
</article>
|
||||
|
||||
</main>
|
||||
|
||||
|
||||
|
||||
<!-- ---------------------------------- -->
|
||||
<!-- FOOTER -->
|
||||
<!-- ---------------------------------- -->
|
||||
<%- include('../../template_parts/footer')%>
|
||||
|
||||
</body>
|
||||
<!-- JAVASCRIPT d'EXECUTION -->
|
||||
|
||||
|
||||
|
||||
</html>
|
||||
155
views/rassemblementidf/page_templates/recap.ejs
Normal file
155
views/rassemblementidf/page_templates/recap.ejs
Normal file
@@ -0,0 +1,155 @@
|
||||
<%- include('../../template_parts/head')%>
|
||||
|
||||
<body>
|
||||
|
||||
<!-- ---------------------------------- -->
|
||||
<!-- HEADER -->
|
||||
<!-- ---------------------------------- -->
|
||||
<%- include('../../template_parts/header_tunnel')%>
|
||||
|
||||
<main>
|
||||
|
||||
<!-- TITRE DE LA PAGE -->
|
||||
<%- include('../template_parts/rassemblementidf_titrepage')%>
|
||||
|
||||
|
||||
<article class="stage_formulaire_cont form_adhesion">
|
||||
|
||||
|
||||
|
||||
<section class="">
|
||||
|
||||
|
||||
<h1><img class='icone_titre' src="/public/images/icones/icone_compte.png" alt="icone information à cliquer">VOTRE COMPTE ADHÉRENT</h1>
|
||||
|
||||
<div class="grid_2inputs">
|
||||
<div>
|
||||
<p>Identifiant : <span class='identifiant'><%= identifiant %></span></p>
|
||||
</div>
|
||||
<div>
|
||||
<p>Association Suzuki : <span class='identifiant'><%= association %></span></p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="icone_hebergement">
|
||||
<div><img class='icone' src="/public/images/icones/icone_accompagnant.png" alt="icone information à cliquer"></div>
|
||||
<p>Accompagnant : <span class='identifiant'><%= accompagnant_prenom %> <%= accompagnant_nom %></span></p>
|
||||
</div>
|
||||
|
||||
|
||||
|
||||
</section>
|
||||
|
||||
|
||||
<section id="personne">
|
||||
|
||||
<% for (let toto = 1; toto < 7; toto++) { %>
|
||||
<% if (locals["personne_"+toto+"_nom"]) { %>
|
||||
<div class="recap_personne">
|
||||
<h2><img class='icone_titre' src="/public/images/icones/icone_personne.png" alt="icone information à cliquer">PERSONNE <span class="rouge numero"><%= locals["personne_"+toto+"_numero"] %></span></h2>
|
||||
<div>
|
||||
<p>Nom : <span class='identifiant'><%= locals["personne_"+toto+"_nom"] %> <%= locals["personne_"+toto+"_prenom"] %></span></p>
|
||||
<p>Date de naissance : <span class='identifiant'><%= locals["personne_"+toto+"_datenaissance"] %></span></p>
|
||||
|
||||
<% if (locals["personne_"+toto+"_instrument"]) { %>
|
||||
<p>Instrument : <span class='identifiant'><%= locals["personne_"+toto+"_instrument"] %> - <%= locals["personne_"+toto+"_cahier"] %></span></p>
|
||||
<% } %>
|
||||
|
||||
<% if (locals["personne_"+toto+"_piece"]) { %>
|
||||
<p>Pièce : <span class='identifiant'><%= locals["personne_"+toto+"_piece"] %></span></p>
|
||||
<% } %>
|
||||
|
||||
<% if (locals["personne_"+toto+"_prof"]) { %>
|
||||
<p>Professeur : <span class='identifiant'><%= locals["personne_"+toto+"_prof"] %></span></p>
|
||||
<% } %>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
<% } %>
|
||||
|
||||
<% } %>
|
||||
|
||||
</section>
|
||||
<hr>
|
||||
<section class="tarifs">
|
||||
<p>Tarif rassemblement : <span class='identifiant'><%= cout_rassemblement %></span></p>
|
||||
<p>Frais bancaire : <span class='identifiant'><%= accompte_frais_bancaire %>€</span></p>
|
||||
<p>Montant total : <span class='identifiant'><%= cout_total %>€</span></p>
|
||||
<hr>
|
||||
|
||||
<br>
|
||||
<p>Le mode de paiement est la<span class='identifiant'>carte bancaire</span><br>En cliquant sur le bouton "PAYER" vous allez être redirigé vers le système de paiement bancaire.<br>Après le paiement, vous recevrez un mail de confirmation d'inscription.</p>
|
||||
|
||||
|
||||
</section>
|
||||
|
||||
<section class="buttons">
|
||||
<form action="post_recap_modifier" method="post" class="">
|
||||
<button type="submit" class="button_icone button_icone_recap">
|
||||
<span class="btn_icone">+</span><span class="btn_texte">MODIFIER</span>
|
||||
</button>
|
||||
</form>
|
||||
|
||||
<form action="post_payer_ri" method="post" class="">
|
||||
<button type="submit" class="button_icone button_icone_recap bg_green">
|
||||
<span class="btn_icone">+</span><span class="btn_texte">PAYER</span>
|
||||
</button>
|
||||
</form>
|
||||
</section>
|
||||
|
||||
<!-- ------------------------- -->
|
||||
<!-- Explication aux visiteurs -->
|
||||
<!-- ------------------------- -->
|
||||
|
||||
<section class="savoirplus_accueil">
|
||||
|
||||
<div id="savoirplus_button" class="savoirplus_button">
|
||||
<p>En savoir plus sur le paiement du stage</p>
|
||||
</div>
|
||||
|
||||
|
||||
<div id="savoirplus_content" class="savoirplus_content hidden">
|
||||
<p>un acompte de 100€ par élève est demandé lors de l’inscription en ligne. Ces frais ne sont pas remboursables sauf si l'AFPS annule le séjour.</p>
|
||||
<br>
|
||||
<p>Pour payer le solde, veuillez attendre votre facture et la vérifier.</p>
|
||||
<br>
|
||||
<p>La totalité du séjour doit être versée avant le 15 août 2022.</p>
|
||||
<br>
|
||||
<p><span class="gras">modes de paiement :</span></p>
|
||||
<br>
|
||||
<ol>
|
||||
<li>Par virement bancaire en 1 à 3 fois (juin, juillet, août au plus tard)</li>
|
||||
<li>En 1 à 3 chèques à l’ordre de l’AFPS (encaissement au plus tard: juin,juillet, août)</li>
|
||||
<li>En chèques vacances ANCV : à l’ordre de Ternélia, les flocons verts</li>
|
||||
</ol>
|
||||
<br>
|
||||
<p>Date limite pour l’envoi des chèques ou ANCV : 30 juin 2023.</p>
|
||||
<p>Adresse : Anne PAGES / AFPS, 30, rue des Tattes 74 500 PUBLIER</p>
|
||||
<p>Pour nous permettre d’associer l’inscription en ligne et paiement, merci de renseigner le nom de l’enfant inscrit au dos des chèques, ou en commentaire associé à votre virement.</p>
|
||||
|
||||
<p><span class="gras">Références bancaires de l'AFPS : :</span></span></p>
|
||||
<p>CREDIT AGRICOLE DE SAVOIE, IBAN : FR76 1810 6000 4496 7630 3576 718, BIC : AGRIFRPP881</p>
|
||||
|
||||
</div>
|
||||
|
||||
|
||||
</section>
|
||||
|
||||
</article>
|
||||
|
||||
</main>
|
||||
|
||||
|
||||
|
||||
<!-- ---------------------------------- -->
|
||||
<!-- FOOTER -->
|
||||
<!-- ---------------------------------- -->
|
||||
<%- include('../../template_parts/footer')%>
|
||||
|
||||
</body>
|
||||
<!-- JAVASCRIPT d'EXECUTION -->
|
||||
<script src="/public/js/adhesion/hidden_visible.js"></script>
|
||||
|
||||
|
||||
|
||||
</html>
|
||||
@@ -0,0 +1,7 @@
|
||||
<!-- //////////////////////////// -->
|
||||
<!-- HEADER POUR LE STAGE NATIONAL-->
|
||||
<!-- //////////////////////////// -->
|
||||
<section class="titre">
|
||||
<h1>RASSEMBLEMENT IDF DU 7 MAI 2023</h1>
|
||||
<p><span class="soft">INSCRIPTION</span></p>
|
||||
</section>
|
||||
177
views/stagenat/page_templates/inscrip_formulaire.ejs
Normal file
177
views/stagenat/page_templates/inscrip_formulaire.ejs
Normal file
@@ -0,0 +1,177 @@
|
||||
<%- include('../../template_parts/head')%>
|
||||
|
||||
<body>
|
||||
|
||||
<!-- ---------------------------------- -->
|
||||
<!-- HEADER -->
|
||||
<!-- ---------------------------------- -->
|
||||
<%- include('../../template_parts/header_tunnel')%>
|
||||
|
||||
<main>
|
||||
|
||||
<!-- TITRE DE LA PAGE -->
|
||||
<%- include('../template_parts/stagenational_titrepage')%>
|
||||
|
||||
|
||||
<% if (err_mineur) { %>
|
||||
<div class="erreur">ERREUR : <p class='identifiant'><%= err_mineur %></p></div>
|
||||
<% } %>
|
||||
|
||||
<article class="stage_formulaire_cont form_adhesion">
|
||||
|
||||
<form id="stage_annuel_form" action="" method="post" class="stage_formulaire">
|
||||
|
||||
<section>
|
||||
|
||||
<h1><img class='icone_titre' src="/public/images/icones/icone_compte.png" alt="icone information à cliquer">VOTRE COMPTE ADHÉRENT</h1>
|
||||
|
||||
<div class="grid_2inputs">
|
||||
<div>
|
||||
<p>Identifiant : <span class='identifiant'><%= identifiant %></span></p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="grid_2inputs">
|
||||
<div class="input_box input_text input_box_gris">
|
||||
<label for="association">Association Suzuki *</label>
|
||||
<input type="text" name="association" id="association" value='<%= association %>' required>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="grid_2inputs">
|
||||
<div class="input_box input_text input_box_gris">
|
||||
<label for="adherent_nom">Nom de famille *</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>
|
||||
<input type="text" name="adherent_prenom" id="adherent_prenom" value='<% if (locals.adherent_prenom) { %><%= adherent_prenom %><% }; %>' required>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="grid_2inputs">
|
||||
<div class="input_box input_text input_box_gris">
|
||||
<label for="adherent_adresse_rue">Rue *</label>
|
||||
<input type="text" name="adherent_adresse_rue" id="adherent_adresse_rue" value="<% if (locals.adherent_adresse_rue) { %><%= adherent_adresse_rue %><% }; %>" required>
|
||||
</div>
|
||||
|
||||
<div class="input_box input_text input_box_gris">
|
||||
<label for="adherent_adresse_complement">Complément d'adresse</label>
|
||||
<input type="text" name="adherent_adresse_complement" id="adherent_adresse_complement" value="<% if (locals.adherent_adresse_complement) { %><%= adherent_adresse_complement %><% }; %>">
|
||||
</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" value="<% if (locals.adherent_adresse_codepostal) { %><%= adherent_adresse_codepostal %><% }; %>">
|
||||
</div>
|
||||
|
||||
<div class="input_box input_text input_box_gris">
|
||||
<label for="adherent_adresse_ville">Ville *</label>
|
||||
<input type="text" name="adherent_adresse_ville" id="adherent_adresse_ville" value="<% if (locals.adherent_adresse_ville) { %><%= 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" value="<% if (locals.adherent_adresse_pays) { %><%= adherent_adresse_pays %><% }; %>" required>
|
||||
</div>
|
||||
</div>
|
||||
<div class="grid_2inputs">
|
||||
<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" value="<% if (locals.adherent_telephone_mobile) { %><%= adherent_telephone_mobile %><% }; %>" required>
|
||||
</div>
|
||||
|
||||
<div class="input_box input_text input_box_gris">
|
||||
<label for="adherent_telephone_fixe">Téléphone fixe</label>
|
||||
<input type="tel" name="adherent_telephone_fixe" id="adherent_telephone_fixe" value="<% if (locals.adherent_telephone_fixe) { %><%= adherent_telephone_fixe %><% }; %>">
|
||||
</div>
|
||||
|
||||
<div class="input_box input_text input_box_gris">
|
||||
<label for="adherent_mail">Mail *</label>
|
||||
<input type="email" name="adherent_mail" id="adherent_mail" value="<% if (locals.adherent_mail) { %><%= adherent_mail %><% }; %>" required>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
|
||||
<section>
|
||||
|
||||
<h1 class="titre_personne"><span class="rouge">INSCRIPTION DES PERSONNES PRÉSENTES AU STAGE (adultes et/ou enfants)</span></h1>
|
||||
<div class="description">
|
||||
<p>- Tous les élèves instrumentistes</p>
|
||||
<p>- Toutes les personnes qui ont une activité au sein du stage</p>
|
||||
<p>- Toutes les personnes qui n'ont pas d'activité et qui logent au centre Les Flocons Verts.</p>
|
||||
</div>
|
||||
|
||||
|
||||
<div class="grid_2inputs">
|
||||
<div class="icone_hebergement">
|
||||
<div><img class='icone' src="/public/images/icones/icone_house.png" alt="icone information à cliquer"></div>
|
||||
<div class="input_box input_text input_box_bleu">
|
||||
<label for="hebergement">Hébergement des personnes * <span onclick="document.querySelector('#savoirplus_heberg_content').classList.toggle('ouvrir')"><img class='savoirplus_icone' src="/public/images/icones/icone_infos.png" alt="icone information à cliquer"></span></label>
|
||||
<select id="hebergement" name="hebergement" required>
|
||||
<option value="" selected></option>
|
||||
<option value="flocons verts">Centre les flocons verts</option>
|
||||
<option value="independant">independant</option>
|
||||
</select>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
|
||||
|
||||
</section>
|
||||
|
||||
<section class="savoirplus_stage">
|
||||
<div id="savoirplus_heberg_content" class="savoirplus_content displaynone">
|
||||
<span onclick="document.querySelector('#savoirplus_heberg_content').classList.toggle('ouvrir')"><img class='close_icone' src="/public/images/icones/icone_close.png" alt="icone information à cliquer"></span>
|
||||
<p>INFORMATIONS SUR L'HEBERGEMENT</p>
|
||||
<br>
|
||||
<p>Les flocons verts - 123 route des servages - 74300 Carroz d’Arâches.</p>
|
||||
<br>
|
||||
<p>L'hébergement, est prévu en pension complète : 5 nuits avec repas (dimanche soir 20 août, au petit déjeuner du 25 août), hors goûter.</p>
|
||||
<p>Il sera possible de commander sur place un pique-nique pour le repas du vendredi midi.</p>
|
||||
<br>
|
||||
<p>Le centre "Les Flocons Verts” offre d’agréables chambres et duplex de 3 à 8 personnes, équipés de sanitaires. Deux familles seront regroupées dans un même duplex. Elles logeront chacune à un étage différent, et auront des sanitaires séparés.</p>
|
||||
<br>
|
||||
<p>Les quelques logements non partagés seront attribués en priorité aux personnes handicapées, et aux familles avec un enfant de moins de 3 ans dans la limite des places disponibles.</p>
|
||||
<br>
|
||||
<p>Il est bien sûr possible de partager un duplex avec une famille de son choix. Veuillez l’indiquer lors de l’inscription. Une zone de saisie sous la forme d'un commentaire est disponible à la fin du formulaire d'inscription.</p>
|
||||
<br>
|
||||
<p>Draps, couettes, oreillers et linge de toilette sont fournis par les Flocons verts.</p>
|
||||
<br>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<section id="personne0">
|
||||
</section>
|
||||
|
||||
<section class="commentaire">
|
||||
<div class="input_box input_text input_box_bleu">
|
||||
<label class="labeltextarea" for="commentaire_adherent">Un commentaire ou une information particulière <br> à nous transmettre ?</label>
|
||||
<textarea class="textarea_commentaire" id="commentaire_adherent" name="commentaire_adherent"rows="8" cols="40"></textarea>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<button type="submit" class="button_icone">
|
||||
<span class="btn_icone">+</span><span class="btn_texte">VALIDER</span>
|
||||
</button>
|
||||
|
||||
</form>
|
||||
</article>
|
||||
|
||||
</main>
|
||||
|
||||
|
||||
|
||||
<!-- ---------------------------------- -->
|
||||
<!-- FOOTER -->
|
||||
<!-- ---------------------------------- -->
|
||||
<%- include('../../template_parts/footer')%>
|
||||
|
||||
</body>
|
||||
<!-- JAVASCRIPT d'EXECUTION -->
|
||||
<script src="/public/js/stagenat/stagenational_formulaire_personne.js"></script>
|
||||
|
||||
</html>
|
||||
124
views/stagenat/page_templates/inscrip_formulaire_identifier.ejs
Normal file
124
views/stagenat/page_templates/inscrip_formulaire_identifier.ejs
Normal file
@@ -0,0 +1,124 @@
|
||||
<%- 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/stagenational_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>
|
||||
</div>
|
||||
<% }; %>
|
||||
|
||||
|
||||
<!-- lE formuaire -->
|
||||
<%- include('../template_parts/check_identifiant')%>
|
||||
|
||||
<!-- ------------------------- -->
|
||||
<!-- 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 de vous inscrire au stage national organisé par l'Association Française pour la Pédagogie Suzuki.</p>
|
||||
<br>
|
||||
<p>Le stage est ouvert à tous les enfants étudiant le violon, le violoncelle, le piano, avec la pédagogie Suzuki tous niveaux, et l'alto, cahier 1 à 4.</p>
|
||||
<br>
|
||||
<p>Le stage permet aux enfants de jouer de leur instrument avec plaisir, dans un cadre joyeux et familial. C'est le moment de réviser et d'aller à la découverte d'autres professeurs, et de nouveaux ateliers. Voilà une superbe occasion de retrouver la musique, la motivation et ses amis, après les vacances d’été.</p>
|
||||
<br>
|
||||
<p><span class="gras rouge">Du dimanche 20 au vendredi 25 août 2023</span></p>
|
||||
<br>
|
||||
<p>Début : 20 août 2023, accueil entre 14h et 16h. Réunion d'informations à 16h30.
|
||||
<br>Fin : 25 août 2023, concert de fin de stage entre 11h et 12h30. Départ du car pour Lyon à 14h.</p>
|
||||
<br>
|
||||
<p><span class="gras rouge">Lieu : </span>Les Flocons verts, 123 route des servages, 74300 Carroz d’Arâches</p>
|
||||
<br>
|
||||
<p><span class="gras rouge">BROCHURE : </span><a target="_blank" href="https://www.afpedagogiesuzuki.fr/wp-content/uploads/2023_Brochure.pdf"><span class="souligne">Cliquez ici pour accéder à la brochure</span></a></p>
|
||||
<br>
|
||||
<p><span class="gras rouge">TARIFS : </span><a target="_blank" href="https://www.afpedagogiesuzuki.fr/wp-content/uploads/2023_Tarifs.pdf"><span class="souligne">Cliquez ici pour accéder aux tarifs</span></a></p>
|
||||
<br>
|
||||
<p>Etre adhérent (et posséder un identifiant) à une association de la pédagogie Suzuki est obligatoire pour toute famille ou personne qui souhaite participer au stage.</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>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>
|
||||
149
views/stagenat/page_templates/inscription_reussi.ejs
Normal file
149
views/stagenat/page_templates/inscription_reussi.ejs
Normal file
@@ -0,0 +1,149 @@
|
||||
<%- include('../../template_parts/head')%>
|
||||
|
||||
<body>
|
||||
|
||||
<!-- ---------------------------------- -->
|
||||
<!-- HEADER -->
|
||||
<!-- ---------------------------------- -->
|
||||
<%- include('../../template_parts/header_tunnel')%>
|
||||
|
||||
<main>
|
||||
|
||||
<!-- TITRE DE LA PAGE -->
|
||||
<%- include('../template_parts/stagenational_titrepage')%>
|
||||
|
||||
|
||||
<article class="stage_formulaire_cont form_adhesion">
|
||||
|
||||
|
||||
|
||||
<section>
|
||||
|
||||
<h1>Inscription réussie</h1>
|
||||
|
||||
<div class="">
|
||||
<div>
|
||||
<p>Vous aller recevoir un mail de confirmation d'inscription au stage.</span></p>
|
||||
</div>
|
||||
</div>
|
||||
<br><br>
|
||||
<% if (locals.error) { %>
|
||||
<p class="rouge"><%= error %></p>
|
||||
<% } %>
|
||||
<br><br>
|
||||
</section>
|
||||
|
||||
<section class="">
|
||||
|
||||
|
||||
<h1><img class='icone_titre' src="/public/images/icones/icone_compte.png" alt="icone information à cliquer">VOTRE COMPTE ADHÉRENT</h1>
|
||||
|
||||
<div class="grid_2inputs">
|
||||
<div>
|
||||
<p>Identifiant : <span class='identifiant'><%= identifiant %></span></p>
|
||||
</div>
|
||||
<div>
|
||||
<p>Association Suzuki : <span class='identifiant'><%= association %></span></p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="icone_hebergement">
|
||||
<div><img class='icone' src="/public/images/icones/icone_house.png" alt="icone information à cliquer"></div>
|
||||
<p>Hébergement : <span class='identifiant'><%= hebergement %></span></p>
|
||||
</div>
|
||||
|
||||
|
||||
|
||||
</section>
|
||||
|
||||
|
||||
<section id="personne">
|
||||
|
||||
<% for (let toto = 1; toto < 7; toto++) { %>
|
||||
<% if (locals["personne_"+toto+"_nom"]) { %>
|
||||
<div class="recap_personne">
|
||||
<h2><img class='icone_titre' src="/public/images/icones/icone_personne.png" alt="icone information à cliquer">PERSONNE <span class="rouge numero"><%= locals["personne_"+toto+"_numero"] %></span></h2>
|
||||
<div>
|
||||
<p>Nom : <span class='identifiant'><%= locals["personne_"+toto+"_nom"] %> <%= locals["personne_"+toto+"_prenom"] %></span></p>
|
||||
<p>Âge : <span class='identifiant'><%= locals["personne_"+toto+"_profilage"] %></span></p>
|
||||
<p>Transport : <span class='identifiant'><%= locals["personne_"+toto+"_transport_mode"] %> <%= locals["personne_"+toto+"_transport_arret"] %></span></p>
|
||||
|
||||
<p>Activité : <span class='identifiant'><%= locals["personne_"+toto+"_categorie"] %></span></p>
|
||||
|
||||
<p>Profil : <span class='identifiant'><%= locals["personne_"+toto+"_profil"] %></span></p>
|
||||
|
||||
|
||||
<% if (locals["personne_"+toto+"_instrument"]) { %>
|
||||
<p>Instrument : <span class='identifiant'><%= locals["personne_"+toto+"_instrument"] %> - <%= locals["personne_"+toto+"_cahier"] %></span></p>
|
||||
<% } %>
|
||||
|
||||
<% if (locals["personne_"+toto+"_option_concertsolo"]) { %>
|
||||
<p>Option Concert Solo: <span class='identifiant'><%= locals["personne_"+toto+"_option_concertsolo"] %></span></p>
|
||||
<% } %>
|
||||
|
||||
<% if (locals["personne_"+toto+"_option_coursindividuel"]) { %>
|
||||
<p>Option Cours individuel: <span class='identifiant'><%= locals["personne_"+toto+"_option_coursindividuel"] %></span></p>
|
||||
<% } %>
|
||||
|
||||
<% if (locals["personne_"+toto+"_activite_1"]) { %>
|
||||
<p>Activité 1 : <span class='identifiant'><%= locals["personne_"+toto+"_activite_1"] %></span></p>
|
||||
<% } %>
|
||||
|
||||
<% if (locals["personne_"+toto+"_activite_2"]) { %>
|
||||
<p>Activité 2 : <span class='identifiant'><%= locals["personne_"+toto+"_activite_2"] %></span></p>
|
||||
<% } %>
|
||||
<br>
|
||||
|
||||
<% if (locals["personne_"+toto+"_cout_hebergement"]) { %>
|
||||
<p>Hébergement : <span class='identifiant'><%= locals["personne_"+toto+"_cout_hebergement"] %>€</span></p>
|
||||
<% } %>
|
||||
<% if (locals["personne_"+toto+"_campado_cout"]) { %>
|
||||
<p>Camp ado : <span class='identifiant'><%= locals["personne_"+toto+"_campado_cout"] %>€</span></p>
|
||||
<% } %>
|
||||
<% if (locals["personne_"+toto+"_cout_transport"]) { %>
|
||||
<p>Transport : <span class='identifiant'><%= locals["personne_"+toto+"_cout_transport"] %>€</span></p>
|
||||
<% } %>
|
||||
<% if (locals["personne_"+toto+"_cours_cout"]) { %>
|
||||
<p>Cours intrument : <span class='identifiant'><%= locals["personne_"+toto+"_cours_cout"] %>€</span></p>
|
||||
<% } %>
|
||||
<% if (locals["personne_"+toto+"_activite_cout"]) { %>
|
||||
<p>Activités : <span class='identifiant'><%= locals["personne_"+toto+"_activite_cout"] %>€</span></p>
|
||||
<% } %>
|
||||
<% if (locals["personne_"+toto+"_observation_cout"]) { %>
|
||||
<p>Observation : <span class='identifiant'><%= locals["personne_"+toto+"_observation_cout"] %>€</span></p>
|
||||
<% } %>
|
||||
</div>
|
||||
</div>
|
||||
<% } %>
|
||||
|
||||
<% } %>
|
||||
|
||||
</section>
|
||||
<hr>
|
||||
<section class="tarifs">
|
||||
<p>Remise : <span class='identifiant'><%= remise %></span></p>
|
||||
<p>Frais de dossier : <span class='identifiant'>30€</span></p>
|
||||
<p>Frais bancaire de l'acompte : <span class='identifiant'><%= accompte_frais_bancaire %>€</span></p>
|
||||
<p>Montant total : <span class='identifiant'><%= cout_total %>€</span></p>
|
||||
<hr>
|
||||
<p>Montant acompte versé : <span class='identifiant rouge'><%= montant_accompte %>€</span></p>
|
||||
</section>
|
||||
|
||||
|
||||
</article>
|
||||
|
||||
</main>
|
||||
|
||||
|
||||
|
||||
<!-- ---------------------------------- -->
|
||||
<!-- FOOTER -->
|
||||
<!-- ---------------------------------- -->
|
||||
<%- include('../../template_parts/footer')%>
|
||||
|
||||
</body>
|
||||
<!-- JAVASCRIPT d'EXECUTION -->
|
||||
|
||||
|
||||
|
||||
</html>
|
||||
61
views/stagenat/page_templates/paiement_annule.ejs
Normal file
61
views/stagenat/page_templates/paiement_annule.ejs
Normal file
@@ -0,0 +1,61 @@
|
||||
<%- include('../../template_parts/head')%>
|
||||
|
||||
<body>
|
||||
|
||||
<!-- ---------------------------------- -->
|
||||
<!-- HEADER -->
|
||||
<!-- ---------------------------------- -->
|
||||
<%- include('../../template_parts/header_tunnel')%>
|
||||
|
||||
<main>
|
||||
|
||||
<!-- TITRE DE LA PAGE -->
|
||||
<%- include('../template_parts/stagenational_titrepage')%>
|
||||
|
||||
|
||||
<article class="stage_formulaire_cont form_adhesion">
|
||||
|
||||
|
||||
|
||||
<section>
|
||||
|
||||
<h1>Echec du paiement</h1>
|
||||
|
||||
<div class="">
|
||||
<div>
|
||||
<p>La paiement de l'accompte avec la carte bancaire a échoué</p>
|
||||
<p>Veuillez contacter l'association Française pour la pédagogie Suzuki pour payer par un autre moyen</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
|
||||
</section>
|
||||
|
||||
|
||||
<form action="post_recap_modifier" method="post" class="">
|
||||
<button type="submit" class="button_icone">
|
||||
<span class="btn_icone">+</span><span class="btn_texte">RECOMMENCER</span>
|
||||
</button>
|
||||
|
||||
|
||||
</form>
|
||||
|
||||
|
||||
</article>
|
||||
|
||||
</main>
|
||||
|
||||
|
||||
|
||||
<!-- ---------------------------------- -->
|
||||
<!-- FOOTER -->
|
||||
<!-- ---------------------------------- -->
|
||||
<%- include('../../template_parts/footer')%>
|
||||
|
||||
</body>
|
||||
<!-- JAVASCRIPT d'EXECUTION -->
|
||||
|
||||
|
||||
|
||||
</html>
|
||||
150
views/stagenat/page_templates/paiement_reussi.ejs
Normal file
150
views/stagenat/page_templates/paiement_reussi.ejs
Normal file
@@ -0,0 +1,150 @@
|
||||
<%- include('../../template_parts/head')%>
|
||||
|
||||
<body>
|
||||
|
||||
<!-- ---------------------------------- -->
|
||||
<!-- HEADER -->
|
||||
<!-- ---------------------------------- -->
|
||||
<%- include('../../template_parts/header_tunnel')%>
|
||||
|
||||
<main>
|
||||
|
||||
<!-- TITRE DE LA PAGE -->
|
||||
<%- include('../template_parts/stagenational_titrepage')%>
|
||||
|
||||
|
||||
<article class="stage_formulaire_cont form_adhesion">
|
||||
|
||||
|
||||
|
||||
<section>
|
||||
|
||||
<h1>Paiement réussi</h1>
|
||||
|
||||
<div class="">
|
||||
<div>
|
||||
<p>La paiement de l'accompte avec la carte bancaire a réussi</p>
|
||||
<p>Vous aller recevoir un mail de confirmation d'inscription au stage.</p>
|
||||
</div>
|
||||
</div>
|
||||
<br><br>
|
||||
<% if (locals.error) { %>
|
||||
<p class="rouge"><%= error %></p>
|
||||
<% } %>
|
||||
<br><br>
|
||||
</section>
|
||||
|
||||
<section class="">
|
||||
|
||||
|
||||
<h1><img class='icone_titre' src="/public/images/icones/icone_compte.png" alt="icone information à cliquer">VOTRE COMPTE ADHÉRENT</h1>
|
||||
|
||||
<div class="grid_2inputs">
|
||||
<div>
|
||||
<p>Identifiant : <span class='identifiant'><%= identifiant %></span></p>
|
||||
</div>
|
||||
<div>
|
||||
<p>Association Suzuki : <span class='identifiant'><%= association %></span></p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="icone_hebergement">
|
||||
<div><img class='icone' src="/public/images/icones/icone_house.png" alt="icone information à cliquer"></div>
|
||||
<p>Hébergement : <span class='identifiant'><%= hebergement %></span></p>
|
||||
</div>
|
||||
|
||||
|
||||
|
||||
</section>
|
||||
|
||||
|
||||
<section id="personne">
|
||||
|
||||
<% for (let toto = 1; toto < 7; toto++) { %>
|
||||
<% if (locals["personne_"+toto+"_nom"]) { %>
|
||||
<div class="recap_personne">
|
||||
<h2><img class='icone_titre' src="/public/images/icones/icone_personne.png" alt="icone information à cliquer">PERSONNE <span class="rouge numero"><%= locals["personne_"+toto+"_numero"] %></span></h2>
|
||||
<div>
|
||||
<p>Nom : <span class='identifiant'><%= locals["personne_"+toto+"_nom"] %> <%= locals["personne_"+toto+"_prenom"] %></span></p>
|
||||
<p>Âge : <span class='identifiant'><%= locals["personne_"+toto+"_profilage"] %></span></p>
|
||||
<p>Transport : <span class='identifiant'><%= locals["personne_"+toto+"_transport_mode"] %> <%= locals["personne_"+toto+"_transport_arret"] %></span></p>
|
||||
|
||||
<p>Activité : <span class='identifiant'><%= locals["personne_"+toto+"_categorie"] %></span></p>
|
||||
|
||||
<p>Profil : <span class='identifiant'><%= locals["personne_"+toto+"_profil"] %></span></p>
|
||||
|
||||
|
||||
<% if (locals["personne_"+toto+"_instrument"]) { %>
|
||||
<p>Instrument : <span class='identifiant'><%= locals["personne_"+toto+"_instrument"] %> - <%= locals["personne_"+toto+"_cahier"] %></span></p>
|
||||
<% } %>
|
||||
|
||||
<% if (locals["personne_"+toto+"_option_concertsolo"]) { %>
|
||||
<p>Option Concert Solo: <span class='identifiant'><%= locals["personne_"+toto+"_option_concertsolo"] %></span></p>
|
||||
<% } %>
|
||||
|
||||
<% if (locals["personne_"+toto+"_option_coursindividuel"]) { %>
|
||||
<p>Option Cours individuel: <span class='identifiant'><%= locals["personne_"+toto+"_option_coursindividuel"] %></span></p>
|
||||
<% } %>
|
||||
|
||||
<% if (locals["personne_"+toto+"_activite_1"]) { %>
|
||||
<p>Activité 1 : <span class='identifiant'><%= locals["personne_"+toto+"_activite_1"] %></span></p>
|
||||
<% } %>
|
||||
|
||||
<% if (locals["personne_"+toto+"_activite_2"]) { %>
|
||||
<p>Activité 2 : <span class='identifiant'><%= locals["personne_"+toto+"_activite_2"] %></span></p>
|
||||
<% } %>
|
||||
<br>
|
||||
|
||||
<% if (locals["personne_"+toto+"_cout_hebergement"]) { %>
|
||||
<p>Hébergement : <span class='identifiant'><%= locals["personne_"+toto+"_cout_hebergement"] %>€</span></p>
|
||||
<% } %>
|
||||
<% if (locals["personne_"+toto+"_campado_cout"]) { %>
|
||||
<p>Camp ado : <span class='identifiant'><%= locals["personne_"+toto+"_campado_cout"] %>€</span></p>
|
||||
<% } %>
|
||||
<% if (locals["personne_"+toto+"_cout_transport"]) { %>
|
||||
<p>Transport : <span class='identifiant'><%= locals["personne_"+toto+"_cout_transport"] %>€</span></p>
|
||||
<% } %>
|
||||
<% if (locals["personne_"+toto+"_cours_cout"]) { %>
|
||||
<p>Cours intrument : <span class='identifiant'><%= locals["personne_"+toto+"_cours_cout"] %>€</span></p>
|
||||
<% } %>
|
||||
<% if (locals["personne_"+toto+"_activite_cout"]) { %>
|
||||
<p>Activités : <span class='identifiant'><%= locals["personne_"+toto+"_activite_cout"] %>€</span></p>
|
||||
<% } %>
|
||||
<% if (locals["personne_"+toto+"_observation_cout"]) { %>
|
||||
<p>Observation : <span class='identifiant'><%= locals["personne_"+toto+"_observation_cout"] %>€</span></p>
|
||||
<% } %>
|
||||
</div>
|
||||
</div>
|
||||
<% } %>
|
||||
|
||||
<% } %>
|
||||
|
||||
</section>
|
||||
<hr>
|
||||
<section class="tarifs">
|
||||
<p>Remise : <span class='identifiant'><%= remise %></span></p>
|
||||
<p>Frais de dossier : <span class='identifiant'>30€</span></p>
|
||||
<p>Frais bancaire de l'acompte : <span class='identifiant'><%= accompte_frais_bancaire %>€</span></p>
|
||||
<p>Montant total : <span class='identifiant'><%= cout_total %>€</span></p>
|
||||
<hr>
|
||||
<p>Montant acompte versé : <span class='identifiant rouge'><%= montant_accompte %>€</span></p>
|
||||
</section>
|
||||
|
||||
|
||||
</article>
|
||||
|
||||
</main>
|
||||
|
||||
|
||||
|
||||
<!-- ---------------------------------- -->
|
||||
<!-- FOOTER -->
|
||||
<!-- ---------------------------------- -->
|
||||
<%- include('../../template_parts/footer')%>
|
||||
|
||||
</body>
|
||||
<!-- JAVASCRIPT d'EXECUTION -->
|
||||
|
||||
|
||||
|
||||
</html>
|
||||
196
views/stagenat/page_templates/recap.ejs
Normal file
196
views/stagenat/page_templates/recap.ejs
Normal file
@@ -0,0 +1,196 @@
|
||||
<%- include('../../template_parts/head')%>
|
||||
|
||||
<body>
|
||||
|
||||
<!-- ---------------------------------- -->
|
||||
<!-- HEADER -->
|
||||
<!-- ---------------------------------- -->
|
||||
<%- include('../../template_parts/header_tunnel')%>
|
||||
|
||||
<main>
|
||||
|
||||
<!-- TITRE DE LA PAGE -->
|
||||
<%- include('../template_parts/stagenational_titrepage')%>
|
||||
|
||||
|
||||
<article class="stage_formulaire_cont form_adhesion">
|
||||
|
||||
|
||||
|
||||
<section class="">
|
||||
|
||||
|
||||
<h1><img class='icone_titre' src="/public/images/icones/icone_compte.png" alt="icone information à cliquer">VOTRE COMPTE ADHÉRENT</h1>
|
||||
|
||||
<div class="grid_2inputs">
|
||||
<div>
|
||||
<p>Identifiant : <span class='identifiant'><%= identifiant %></span></p>
|
||||
</div>
|
||||
<div>
|
||||
<p>Association Suzuki : <span class='identifiant'><%= association %></span></p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="icone_hebergement">
|
||||
<div><img class='icone' src="/public/images/icones/icone_house.png" alt="icone information à cliquer"></div>
|
||||
<p>Hébergement : <span class='identifiant'><%= hebergement %></span></p>
|
||||
</div>
|
||||
|
||||
|
||||
|
||||
</section>
|
||||
|
||||
|
||||
<section id="personne">
|
||||
|
||||
<% for (let toto = 1; toto < 7; toto++) { %>
|
||||
<% if (locals["personne_"+toto+"_nom"]) { %>
|
||||
<div class="recap_personne">
|
||||
<h2><img class='icone_titre' src="/public/images/icones/icone_personne.png" alt="icone information à cliquer">PERSONNE <span class="rouge numero"><%= locals["personne_"+toto+"_numero"] %></span></h2>
|
||||
<div>
|
||||
<p>Nom : <span class='identifiant'><%= locals["personne_"+toto+"_nom"] %> <%= locals["personne_"+toto+"_prenom"] %></span></p>
|
||||
<p>Âge : <span class='identifiant'><%= locals["personne_"+toto+"_profilage"] %></span></p>
|
||||
<p>Transport : <span class='identifiant'><%= locals["personne_"+toto+"_transport_mode"] %> <%= locals["personne_"+toto+"_transport_arret"] %></span></p>
|
||||
|
||||
<p>Activité : <span class='identifiant'><%= locals["personne_"+toto+"_categorie"] %></span></p>
|
||||
|
||||
<p>Profil : <span class='identifiant'><%= locals["personne_"+toto+"_profil"] %></span></p>
|
||||
|
||||
|
||||
<% if (locals["personne_"+toto+"_instrument"]) { %>
|
||||
<p>Instrument : <span class='identifiant'><%= locals["personne_"+toto+"_instrument"] %> - <%= locals["personne_"+toto+"_cahier"] %></span></p>
|
||||
<% } %>
|
||||
|
||||
<% if (locals["personne_"+toto+"_option_concertsolo"]) { %>
|
||||
<p>Option Concert Solo : <span class='identifiant'><%= locals["personne_"+toto+"_option_concertsolo"] %></span></p>
|
||||
<% } %>
|
||||
|
||||
<% if (locals["personne_"+toto+"_option_coursindividuel"]) { %>
|
||||
<p>Option Cours individuel + : <span class='identifiant'><%= locals["personne_"+toto+"_option_coursindividuel"] %></span></p>
|
||||
<% } %>
|
||||
|
||||
<% if (locals["personne_"+toto+"_activite_1"]) { %>
|
||||
<p>Activité 1 : <span class='identifiant'><%= locals["personne_"+toto+"_activite_1"] %></span></p>
|
||||
<% } %>
|
||||
|
||||
<% if (locals["personne_"+toto+"_activite_2"]) { %>
|
||||
<p>Activité 2 : <span class='identifiant'><%= locals["personne_"+toto+"_activite_2"] %></span></p>
|
||||
<% } %>
|
||||
<br>
|
||||
|
||||
<% if (locals["personne_"+toto+"_cout_hebergement"]) { %>
|
||||
<p>Hébergement : <span class='identifiant'><%= locals["personne_"+toto+"_cout_hebergement"] %>€</span></p>
|
||||
<% } %>
|
||||
<% if (locals["personne_"+toto+"_campado_cout"]) { %>
|
||||
<p>Camp ado : <span class='identifiant'><%= locals["personne_"+toto+"_campado_cout"] %>€</span></p>
|
||||
<% } %>
|
||||
<% if (locals["personne_"+toto+"_cout_transport"]) { %>
|
||||
<p>Transport : <span class='identifiant'><%= locals["personne_"+toto+"_cout_transport"] %>€</span></p>
|
||||
<% } %>
|
||||
<% if (locals["personne_"+toto+"_cours_cout"]) { %>
|
||||
<p>Cours intrument : <span class='identifiant'><%= locals["personne_"+toto+"_cours_cout"] %>€</span></p>
|
||||
<% } %>
|
||||
<% if (locals["personne_"+toto+"_activite_cout"]) { %>
|
||||
<p>Activités : <span class='identifiant'><%= locals["personne_"+toto+"_activite_cout"] %>€</span></p>
|
||||
<% } %>
|
||||
<% if (locals["personne_"+toto+"_observation_cout"]) { %>
|
||||
<p>Observation : <span class='identifiant'><%= locals["personne_"+toto+"_observation_cout"] %>€</span></p>
|
||||
<% } %>
|
||||
</div>
|
||||
</div>
|
||||
<% } %>
|
||||
|
||||
<% } %>
|
||||
|
||||
</section>
|
||||
<hr>
|
||||
<section class="tarifs">
|
||||
<p>Remise : <span class='identifiant'><%= remise %></span></p>
|
||||
<p>Frais de dossier : <span class='identifiant'>30€</span></p>
|
||||
<p>Frais bancaire de l'acompte : <span class='identifiant'><%= accompte_frais_bancaire %>€</span></p>
|
||||
<p>Montant total : <span class='identifiant'><%= cout_total %>€</span></p>
|
||||
<hr>
|
||||
<p>Montant acompte à payer à l'inscription : <span class='identifiant rouge'><%= montant_accompte %>€</span></p>
|
||||
<br>
|
||||
<% if (locals["cout_total_dalcroze_surplace"]) { %>
|
||||
<p>Coût activité Dalcroze adulte à payer sur place : <span class='identifiant'><%= cout_total_dalcroze_surplace %>€</span></p>
|
||||
<% } %>
|
||||
<% if (locals["cout_total_percussion_surplace"]) { %>
|
||||
<p>Coût activité percussions adulte à payer sur place : <span class='identifiant'><%= cout_total_percussion_surplace %>€</span></p>
|
||||
<% } %>
|
||||
<br>
|
||||
<p>Le mode de paiement de l'acompte est la <span class='identifiant'>carte bancaire</span><br>En cliquant sur le bouton "PAYER ACOMPTE" vous allez être redirigé vers le système de paiement bancaire.<br>Après le paiement, vous recevrez un mail de confirmation d'inscription.</p>
|
||||
|
||||
|
||||
</section>
|
||||
|
||||
<section class="buttons">
|
||||
<form action="post_recap_modifier" method="post" class="">
|
||||
<button type="submit" class="button_icone button_icone_recap">
|
||||
<span class="btn_icone">+</span><span class="btn_texte">MODIFIER</span>
|
||||
</button>
|
||||
</form>
|
||||
|
||||
<form action="post_payer_accompte" method="post" class="">
|
||||
<button type="submit" class="button_icone button_icone_recap bg_green">
|
||||
<span class="btn_icone">+</span><span class="btn_texte">PAYER ACOMPTE</span>
|
||||
</button>
|
||||
</form>
|
||||
</section>
|
||||
|
||||
<!-- ------------------------- -->
|
||||
<!-- Explication aux visiteurs -->
|
||||
<!-- ------------------------- -->
|
||||
|
||||
<section class="savoirplus_accueil">
|
||||
|
||||
<div id="savoirplus_button" class="savoirplus_button">
|
||||
<p>En savoir plus sur le paiement du stage</p>
|
||||
</div>
|
||||
|
||||
|
||||
<div id="savoirplus_content" class="savoirplus_content hidden">
|
||||
<p>un acompte de 100€ par élève est demandé lors de l’inscription en ligne. Ces frais ne sont pas remboursables sauf si l'AFPS annule le séjour.</p>
|
||||
<br>
|
||||
<p>Pour payer le solde, veuillez attendre votre facture et la vérifier.</p>
|
||||
<br>
|
||||
<p>La totalité du séjour doit être versée avant le 15 août 2022.</p>
|
||||
<br>
|
||||
<p><span class="gras">modes de paiement :</span></p>
|
||||
<br>
|
||||
<ol>
|
||||
<li>Par virement bancaire en 1 à 3 fois (juin, juillet, août au plus tard)</li>
|
||||
<li>En 1 à 3 chèques à l’ordre de l’AFPS (encaissement au plus tard: juin,juillet, août)</li>
|
||||
<li>En chèques vacances ANCV : à l’ordre de Ternélia, les flocons verts</li>
|
||||
</ol>
|
||||
<br>
|
||||
<p>Date limite pour l’envoi des chèques ou ANCV : 30 juin 2023.</p>
|
||||
<p>Adresse : Anne PAGES / AFPS, 30, rue des Tattes 74 500 PUBLIER</p>
|
||||
<p>Pour nous permettre d’associer l’inscription en ligne et paiement, merci de renseigner le nom de l’enfant inscrit au dos des chèques, ou en commentaire associé à votre virement.</p>
|
||||
|
||||
<p><span class="gras">Références bancaires de l'AFPS : :</span></span></p>
|
||||
<p>CREDIT AGRICOLE DE SAVOIE, IBAN : FR76 1810 6000 4496 7630 3576 718, BIC : AGRIFRPP881</p>
|
||||
|
||||
</div>
|
||||
|
||||
|
||||
</section>
|
||||
|
||||
</article>
|
||||
|
||||
</main>
|
||||
|
||||
|
||||
|
||||
<!-- ---------------------------------- -->
|
||||
<!-- FOOTER -->
|
||||
<!-- ---------------------------------- -->
|
||||
<%- include('../../template_parts/footer')%>
|
||||
|
||||
</body>
|
||||
<!-- JAVASCRIPT d'EXECUTION -->
|
||||
<script src="/public/js/adhesion/hidden_visible.js"></script>
|
||||
|
||||
|
||||
|
||||
</html>
|
||||
196
views/stagenat/page_templates/recapssacompte.ejs
Normal file
196
views/stagenat/page_templates/recapssacompte.ejs
Normal file
@@ -0,0 +1,196 @@
|
||||
<%- include('../../template_parts/head')%>
|
||||
|
||||
<body>
|
||||
|
||||
<!-- ---------------------------------- -->
|
||||
<!-- HEADER -->
|
||||
<!-- ---------------------------------- -->
|
||||
<%- include('../../template_parts/header_tunnel')%>
|
||||
|
||||
<main>
|
||||
|
||||
<!-- TITRE DE LA PAGE -->
|
||||
<%- include('../template_parts/stagenational_titrepage')%>
|
||||
|
||||
|
||||
<article class="stage_formulaire_cont form_adhesion">
|
||||
|
||||
|
||||
|
||||
<section class="">
|
||||
|
||||
|
||||
<h1><img class='icone_titre' src="/public/images/icones/icone_compte.png" alt="icone information à cliquer">VOTRE COMPTE ADHÉRENT</h1>
|
||||
|
||||
<div class="grid_2inputs">
|
||||
<div>
|
||||
<p>Identifiant : <span class='identifiant'><%= identifiant %></span></p>
|
||||
</div>
|
||||
<div>
|
||||
<p>Association Suzuki : <span class='identifiant'><%= association %></span></p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="icone_hebergement">
|
||||
<div><img class='icone' src="/public/images/icones/icone_house.png" alt="icone information à cliquer"></div>
|
||||
<p>Hébergement : <span class='identifiant'><%= hebergement %></span></p>
|
||||
</div>
|
||||
|
||||
|
||||
|
||||
</section>
|
||||
|
||||
|
||||
<section id="personne">
|
||||
|
||||
<% for (let toto = 1; toto < 7; toto++) { %>
|
||||
<% if (locals["personne_"+toto+"_nom"]) { %>
|
||||
<div class="recap_personne">
|
||||
<h2><img class='icone_titre' src="/public/images/icones/icone_personne.png" alt="icone information à cliquer">PERSONNE <span class="rouge numero"><%= locals["personne_"+toto+"_numero"] %></span></h2>
|
||||
<div>
|
||||
<p>Nom : <span class='identifiant'><%= locals["personne_"+toto+"_nom"] %> <%= locals["personne_"+toto+"_prenom"] %></span></p>
|
||||
<p>Âge : <span class='identifiant'><%= locals["personne_"+toto+"_profilage"] %></span></p>
|
||||
<p>Transport : <span class='identifiant'><%= locals["personne_"+toto+"_transport_mode"] %> <%= locals["personne_"+toto+"_transport_arret"] %></span></p>
|
||||
|
||||
<p>Activité : <span class='identifiant'><%= locals["personne_"+toto+"_categorie"] %></span></p>
|
||||
|
||||
<p>Profil : <span class='identifiant'><%= locals["personne_"+toto+"_profil"] %></span></p>
|
||||
|
||||
|
||||
<% if (locals["personne_"+toto+"_instrument"]) { %>
|
||||
<p>Instrument : <span class='identifiant'><%= locals["personne_"+toto+"_instrument"] %> - <%= locals["personne_"+toto+"_cahier"] %></span></p>
|
||||
<% } %>
|
||||
|
||||
<% if (locals["personne_"+toto+"_option_concertsolo"]) { %>
|
||||
<p>Option Concert Solo : <span class='identifiant'><%= locals["personne_"+toto+"_option_concertsolo"] %></span></p>
|
||||
<% } %>
|
||||
|
||||
<% if (locals["personne_"+toto+"_option_coursindividuel"]) { %>
|
||||
<p>Option Cours individuel + : <span class='identifiant'><%= locals["personne_"+toto+"_option_coursindividuel"] %></span></p>
|
||||
<% } %>
|
||||
|
||||
<% if (locals["personne_"+toto+"_activite_1"]) { %>
|
||||
<p>Activité 1 : <span class='identifiant'><%= locals["personne_"+toto+"_activite_1"] %></span></p>
|
||||
<% } %>
|
||||
|
||||
<% if (locals["personne_"+toto+"_activite_2"]) { %>
|
||||
<p>Activité 2 : <span class='identifiant'><%= locals["personne_"+toto+"_activite_2"] %></span></p>
|
||||
<% } %>
|
||||
<br>
|
||||
|
||||
<% if (locals["personne_"+toto+"_cout_hebergement"]) { %>
|
||||
<p>Hébergement : <span class='identifiant'><%= locals["personne_"+toto+"_cout_hebergement"] %>€</span></p>
|
||||
<% } %>
|
||||
<% if (locals["personne_"+toto+"_campado_cout"]) { %>
|
||||
<p>Camp ado : <span class='identifiant'><%= locals["personne_"+toto+"_campado_cout"] %>€</span></p>
|
||||
<% } %>
|
||||
<% if (locals["personne_"+toto+"_cout_transport"]) { %>
|
||||
<p>Transport : <span class='identifiant'><%= locals["personne_"+toto+"_cout_transport"] %>€</span></p>
|
||||
<% } %>
|
||||
<% if (locals["personne_"+toto+"_cours_cout"]) { %>
|
||||
<p>Cours intrument : <span class='identifiant'><%= locals["personne_"+toto+"_cours_cout"] %>€</span></p>
|
||||
<% } %>
|
||||
<% if (locals["personne_"+toto+"_activite_cout"]) { %>
|
||||
<p>Activités : <span class='identifiant'><%= locals["personne_"+toto+"_activite_cout"] %>€</span></p>
|
||||
<% } %>
|
||||
<% if (locals["personne_"+toto+"_observation_cout"]) { %>
|
||||
<p>Observation : <span class='identifiant'><%= locals["personne_"+toto+"_observation_cout"] %>€</span></p>
|
||||
<% } %>
|
||||
</div>
|
||||
</div>
|
||||
<% } %>
|
||||
|
||||
<% } %>
|
||||
|
||||
</section>
|
||||
<hr>
|
||||
<section class="tarifs">
|
||||
<p>Remise : <span class='identifiant'><%= remise %></span></p>
|
||||
<p>Frais de dossier : <span class='identifiant'>30€</span></p>
|
||||
<p>Frais bancaire de l'acompte : <span class='identifiant'><%= accompte_frais_bancaire %>€</span></p>
|
||||
<p>Montant total : <span class='identifiant'><%= cout_total %>€</span></p>
|
||||
<hr>
|
||||
<p>Montant acompte à payer à l'inscription : <span class='identifiant rouge'><%= montant_accompte %>€</span></p>
|
||||
<br>
|
||||
<% if (locals["cout_total_dalcroze_surplace"]) { %>
|
||||
<p>Coût activité Dalcroze adulte à payer sur place : <span class='identifiant'><%= cout_total_dalcroze_surplace %>€</span></p>
|
||||
<% } %>
|
||||
<% if (locals["cout_total_percussion_surplace"]) { %>
|
||||
<p>Coût activité percussions adulte à payer sur place : <span class='identifiant'><%= cout_total_percussion_surplace %>€</span></p>
|
||||
<% } %>
|
||||
<br>
|
||||
|
||||
|
||||
|
||||
</section>
|
||||
|
||||
<section class="buttons">
|
||||
<form action="post_recap_modifier" method="post" class="">
|
||||
<button type="submit" class="button_icone button_icone_recap">
|
||||
<span class="btn_icone">+</span><span class="btn_texte">MODIFIER</span>
|
||||
</button>
|
||||
</form>
|
||||
|
||||
<form action="post_enregistrer_inscrip_ssacompte" method="post" class="">
|
||||
<button type="submit" class="button_icone button_icone_recap bg_green">
|
||||
<span class="btn_icone">+</span><span class="btn_texte">ENREGISTRER</span>
|
||||
</button>
|
||||
</form>
|
||||
</section>
|
||||
|
||||
<!-- ------------------------- -->
|
||||
<!-- Explication aux visiteurs -->
|
||||
<!-- ------------------------- -->
|
||||
|
||||
<section class="savoirplus_accueil">
|
||||
|
||||
<div id="savoirplus_button" class="savoirplus_button">
|
||||
<p>En savoir plus sur le paiement du stage</p>
|
||||
</div>
|
||||
|
||||
|
||||
<div id="savoirplus_content" class="savoirplus_content hidden">
|
||||
<p>un acompte de 100€ par élève est demandé lors de l’inscription en ligne. Ces frais ne sont pas remboursables sauf si l'AFPS annule le séjour.</p>
|
||||
<br>
|
||||
<p>Pour payer le solde, veuillez attendre votre facture et la vérifier.</p>
|
||||
<br>
|
||||
<p>La totalité du séjour doit être versée avant le 15 août 2022.</p>
|
||||
<br>
|
||||
<p><span class="gras">modes de paiement :</span></p>
|
||||
<br>
|
||||
<ol>
|
||||
<li>Par virement bancaire en 1 à 3 fois (juin, juillet, août au plus tard)</li>
|
||||
<li>En 1 à 3 chèques à l’ordre de l’AFPS (encaissement au plus tard: juin,juillet, août)</li>
|
||||
<li>En chèques vacances ANCV : à l’ordre de Ternélia, les flocons verts</li>
|
||||
</ol>
|
||||
<br>
|
||||
<p>Date limite pour l’envoi des chèques ou ANCV : 30 juin 2023.</p>
|
||||
<p>Adresse : Anne PAGES / AFPS, 30, rue des Tattes 74 500 PUBLIER</p>
|
||||
<p>Pour nous permettre d’associer l’inscription en ligne et paiement, merci de renseigner le nom de l’enfant inscrit au dos des chèques, ou en commentaire associé à votre virement.</p>
|
||||
|
||||
<p><span class="gras">Références bancaires de l'AFPS : :</span></span></p>
|
||||
<p>CREDIT AGRICOLE DE SAVOIE, IBAN : FR76 1810 6000 4496 7630 3576 718, BIC : AGRIFRPP881</p>
|
||||
|
||||
</div>
|
||||
|
||||
|
||||
</section>
|
||||
|
||||
</article>
|
||||
|
||||
</main>
|
||||
|
||||
|
||||
|
||||
<!-- ---------------------------------- -->
|
||||
<!-- FOOTER -->
|
||||
<!-- ---------------------------------- -->
|
||||
<%- include('../../template_parts/footer')%>
|
||||
|
||||
</body>
|
||||
<!-- JAVASCRIPT d'EXECUTION -->
|
||||
<script src="/public/js/adhesion/hidden_visible.js"></script>
|
||||
|
||||
|
||||
|
||||
</html>
|
||||
65
views/stagenat/template_parts/check_identifiant.ejs
Normal file
65
views/stagenat/template_parts/check_identifiant.ejs
Normal file
@@ -0,0 +1,65 @@
|
||||
<!-- ---------------------------------- -->
|
||||
<!-- FORMULAIRE de vérification de l'identifiant -->
|
||||
<!-- ---------------------------------- -->
|
||||
|
||||
<form action="" method="post" class="form_check_mail">
|
||||
|
||||
<div class="input_box input_email input_identifiant">
|
||||
<label for="identifiant">IDENTIFIANT adhérent</label>
|
||||
<input class="inputbox_identifiant" type="text" name="identifiant" id="identifiant" placeholder="Identifiant SUZUKI" value="<% if (locals.identifiant) { %><%= identifiant %><% }; %>">
|
||||
</div>
|
||||
|
||||
<div class="input_checkbox">
|
||||
<div class="input_checkbox">
|
||||
<input type="checkbox" name="check_autrepays" id="check_autrepays">
|
||||
<label for="check_autrepays">Je suis adhérent à une Association Suzuki dans un <span class="gras">autre pays</span> que la France <span onclick="document.querySelector('#savoirplus_pays').classList.toggle('ouvrir')"><img class='savoirplus_icone' src="/public/images/icones/icone_infos.png" alt="icone information à cliquer"></span></label>
|
||||
</div>
|
||||
|
||||
|
||||
|
||||
<div class="input_checkbox">
|
||||
<input type="checkbox" name="check_nonadherent" id="check_nonadherent">
|
||||
<label for="check_nonadherent">Je ne suis pas adhérent à la Pédagogie Suzuki</label>
|
||||
</div>
|
||||
|
||||
<section class="savoirplus_stage">
|
||||
<div id="savoirplus_pays" class="savoirplus_content displaynone">
|
||||
<span onclick="document.querySelector('#savoirplus_pays').classList.toggle('ouvrir')"><img class='close_icone' src="/public/images/icones/icone_close.png" alt="icone information à cliquer"></span>
|
||||
|
||||
<p>AUTRE PAYS</p>
|
||||
<br>
|
||||
<p>Si vous n'avez pas d'identifiant : </p>
|
||||
<p>saisissez votre mail.</p>
|
||||
<br>
|
||||
|
||||
</div>
|
||||
</section>
|
||||
|
||||
</div>
|
||||
|
||||
<section class="savoirplus_stage">
|
||||
<div id="savoirplus_pays" class="savoirplus_content displaynone">
|
||||
<span onclick="document.querySelector('#savoirplus_pays').classList.toggle('ouvrir')"><img class='close_icone' src="/public/images/icones/icone_close.png" alt="icone information à cliquer"></span>
|
||||
|
||||
<p>Informations sur le car.</p>
|
||||
<br>
|
||||
<p>Aller/Retour Lyon ⇔ Carroz d’Arâches</p>
|
||||
<p>Départ 20 août, 11h pour l'arrêt du 7 quai Lassagne, Lyon 1er</p>
|
||||
<p>ou 11h30 pour l'arrêt Gare de la Part Dieu, sortie Porte des Alpes</p>
|
||||
<br>
|
||||
<p>RETOUR 25 août, 14h - Arrivée à Gare de la Part Dieu vers 17h</p>
|
||||
<p>Il est possible de prévoir un train en partance de Lyon à partir de 18h.</p>
|
||||
</div>
|
||||
</section>
|
||||
<!-- ---------------------------------- -->
|
||||
<!-- CLIQUEZ SUR BOUTON ADHÉRER -->
|
||||
<!-- ---------------------------------- -->
|
||||
|
||||
<button type="submit" class="button_icone">
|
||||
<span class="btn_icone">+</span><span class="btn_texte">S'INSCRIRE</span>
|
||||
</button>
|
||||
|
||||
</form>
|
||||
|
||||
|
||||
<!-- -->
|
||||
@@ -0,0 +1,7 @@
|
||||
<!-- //////////////////////////// -->
|
||||
<!-- HEADER POUR LE STAGE NATIONAL-->
|
||||
<!-- //////////////////////////// -->
|
||||
<section class="titre">
|
||||
<h1>STAGE NATIONAL DU 20 AU 25 AOÛT 2023</h1>
|
||||
<p><span class="soft">INSCRIPTION</span></p>
|
||||
</section>
|
||||
10
views/template_parts/footer.ejs
Normal file
10
views/template_parts/footer.ejs
Normal file
@@ -0,0 +1,10 @@
|
||||
<footer>
|
||||
|
||||
<div class="version">
|
||||
<p>VERSION 2 Mise à jour le 12/02/2023</p>
|
||||
</div>
|
||||
|
||||
|
||||
|
||||
</footer>
|
||||
|
||||
81
views/template_parts/head.ejs
Normal file
81
views/template_parts/head.ejs
Normal file
@@ -0,0 +1,81 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="fr-FR">
|
||||
<!--
|
||||
Vous regardez dans mon code ;) N'hésitez pas à communiquer avec moi
|
||||
et discuter du codage, webdesign... ;)
|
||||
Et aussi vos commentaires ;)
|
||||
A bientôt ! contact at juliechaumard dot paris
|
||||
ou juliechaumard sur Linkedin
|
||||
-->
|
||||
<!-- Testé sur les navigrateurs
|
||||
Firefox
|
||||
Safari
|
||||
Chrome
|
||||
-->
|
||||
<head>
|
||||
|
||||
<!-- IE interdire mode de compatibilité -->
|
||||
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
||||
|
||||
<!-- Encodage -->
|
||||
<meta charset="UTF-8">
|
||||
|
||||
<!-- Moteur de recherche indexation -->
|
||||
<meta name="robots" content="all">
|
||||
|
||||
<!-- Taille écran étalonnage -->
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0, shrink-to-fit=no">
|
||||
|
||||
<!-- Titre -->
|
||||
<title>AFPS - Adhésion</title>
|
||||
|
||||
<!-- Description -->
|
||||
<meta name="description" content="Association Française pour la Pédagogie Suzuki - ADHÉSION">
|
||||
|
||||
<!-- mots-clés -->
|
||||
<meta name="keywords" content="musique, apprentissage, cours, pedagogie, suzuki">
|
||||
|
||||
<!-- Auteur / Créateur / Publication -->
|
||||
<link rel="author" href="mailto:juliechaumard@icloud.com" title="JulieChaumard.paris" />
|
||||
<meta name="creator" content="JulieChaumard.paris">
|
||||
<meta name="publisher" content="AFPS">
|
||||
|
||||
<!-- Page accueil -->
|
||||
<link rel="start" href="" />
|
||||
|
||||
<!-- Logiciel utilisé pour créer la page -->
|
||||
<meta name="generator" content="Visual Studio code">
|
||||
|
||||
<!-- Géolocalisation -->
|
||||
<meta name="DC.title" content="AFPS">
|
||||
<meta name="geo.region" content="FR-75">
|
||||
<meta name="geo.placename" content="Paris">
|
||||
<meta name="geo.position" content="48.866669;2.33333">
|
||||
<meta name="ICBM" content="48.866669;2.33333">
|
||||
|
||||
<!-- Open Graph -->
|
||||
<!-- TOUTES PAGES SAUF FICHE CONCERT -->
|
||||
|
||||
<meta property="og:type" content="website">
|
||||
<meta property="og:locale" content="fr_FR">
|
||||
<meta property="og:title" content="Association Française pour la Pédagogie Suzuki">
|
||||
<meta property="og:description" content="Association Française pour la Pédagogie Suzuki">
|
||||
<meta property="og:url" content="">
|
||||
<meta property="og:image" content="">
|
||||
<meta property="og:image:alt" content="Illustration du site">
|
||||
|
||||
<!-- CSS -->
|
||||
<link href="/public/css/app.css" rel="stylesheet">
|
||||
|
||||
<!-- FontAwesome -->
|
||||
<!-- <script src="https://kit.fontawesome.com/ef8b87052e.js" crossorigin="anonymous"></script> -->
|
||||
|
||||
<!-- To warn any users that have JavaScript disabled that your page relies on JavaScript -->
|
||||
<noscript>
|
||||
<p><strong>Cette page requiert que JavaScript soit activé pour fonctionner correctement. / This web page requires JavaScript to be enabled.</strong></p>
|
||||
<p>JavaScript is an object-oriented computer programming language
|
||||
commonly used to create interactive effects within web browsers.</p>
|
||||
<p><a href="https://goo.gl/koeeaJ">How to enable JavaScript?</a></p>
|
||||
</noscript>
|
||||
|
||||
</head>
|
||||
9
views/template_parts/header_tunnel.ejs
Normal file
9
views/template_parts/header_tunnel.ejs
Normal file
@@ -0,0 +1,9 @@
|
||||
<!-- //////////////////////////// -->
|
||||
<!-- HEADER -->
|
||||
<!-- //////////////////////////// -->
|
||||
<header class="header_tunnel">
|
||||
<div class="logo">
|
||||
<img src="/public/images/logos/LogoSuzukiGris.png" alt="">
|
||||
</div>
|
||||
|
||||
</header>
|
||||
Reference in New Issue
Block a user