This commit is contained in:
julliechaumard
2023-02-28 01:15:30 +01:00
parent e09ebe2d92
commit dd49ba357b
151 changed files with 17859 additions and 0 deletions

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

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

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

View File

@@ -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, à ladresse :</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')%>

View 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 dadhérent à lAssociation 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 DADHÉ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>

View 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">&times;</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 lAssociation qui repose sur lengagement 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')%>

View 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')%>

View File

@@ -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')%>

View 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>Ladhésion à lAFPS 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">lAssociation Française pour la Pédagogie Suzuki</span></a>) et de (<a target="_blank" href="https://europeansuzuki.org"><span class="souligne">lEuropean 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 dadhé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. Ladhésion à lAssociation na 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 lenseigner,</li>
<li>un professeur qui sinscrit aura loccasion dans son formulaire dinscrire ses enfants pour quils 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 linscription, si le professeur qui va enseigner la pédagogie Suzuki à votre enfant nest 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>

View File

@@ -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')%>

View 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 à ladhésion annuelle vos <span class='gras'>enfants</span> qui suivront des cours selon la pédagogie Suzuki (compris dans la prix de ladhé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')%>

View File

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