total_1ère
This commit is contained in:
@@ -23,7 +23,7 @@
|
||||
<p>Chez Anne PAGES<br>30 rue des Tattes<br>74500 PUBLIER <br>afpedagogiesuzuki@gmail.com</p>
|
||||
</div>
|
||||
<div class="adhesion_fin_adresse_identifiant">
|
||||
<p>Identifiant association : <span class="adhesion_fin_adresse_identifiant_bold">507 569 952 00033</span></p>
|
||||
<p>Siret : <span class="adhesion_fin_adresse_identifiant_bold">507 569 952 00033</span></p>
|
||||
</div>
|
||||
<div class="adhesion_fin_date">
|
||||
<p>Le <%= today %></p>
|
||||
@@ -47,7 +47,7 @@
|
||||
<div class="adhesion_fin_card">
|
||||
|
||||
<div class="logo">
|
||||
<img src="/public/images/logos/LogoSuzukiGris.png" alt="">
|
||||
<img src="/public/images/logos/logosuzukigris.png" alt="">
|
||||
</div>
|
||||
|
||||
<div class="adhesion_fin_card_description">
|
||||
@@ -59,7 +59,7 @@
|
||||
<p>pour la pédagogie Suzuki</p>
|
||||
</div>
|
||||
<div class="adhesion_fin_card_description_annee">
|
||||
<p>Année 2022/2023</p>
|
||||
<p>Année 2025/2026</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
@@ -29,7 +29,7 @@
|
||||
<p>Chez Anne PAGES<br>30 rue des Tattes<br>74500 PUBLIER <br>afpedagogiesuzuki@gmail.com</p>
|
||||
</div>
|
||||
<div class="adhesion_fin_adresse_identifiant">
|
||||
<p>Identifiant association : <span class="adhesion_fin_adresse_identifiant_bold">507 569 952 00033</span></p>
|
||||
<p>Siret : <span class="adhesion_fin_adresse_identifiant_bold">507 569 952 00033</span></p>
|
||||
</div>
|
||||
<div class="adhesion_fin_date">
|
||||
<p>Le <%= today %></p>
|
||||
@@ -53,7 +53,7 @@
|
||||
<div class="adhesion_fin_card">
|
||||
|
||||
<div class="logo">
|
||||
<img src="/public/images/logos/LogoSuzukiGris.png" alt="">
|
||||
<img src="/public/images/logos/logosuzukigris.png" alt="">
|
||||
</div>
|
||||
|
||||
<div class="adhesion_fin_card_description">
|
||||
@@ -65,7 +65,7 @@
|
||||
<p>pour la pédagogie Suzuki</p>
|
||||
</div>
|
||||
<div class="adhesion_fin_card_description_annee">
|
||||
<p>Année 2022/2023</p>
|
||||
<p>Année 2025/2026</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
@@ -30,7 +30,7 @@
|
||||
<p>Chez Anne PAGES<br>30 rue des Tattes<br>74500 PUBLIER <br>afpedagogiesuzuki@gmail.com</p>
|
||||
</div>
|
||||
<div class="adhesion_fin_adresse_identifiant">
|
||||
<p>Identifiant association : <span class="adhesion_fin_adresse_identifiant_bold">507 569 952 00033</span></p>
|
||||
<p>Siret : <span class="adhesion_fin_adresse_identifiant_bold">507 569 952 00033</span></p>
|
||||
</div>
|
||||
<div class="adhesion_fin_date">
|
||||
<p>Le <%= today %></p>
|
||||
@@ -50,7 +50,7 @@
|
||||
<div class="adhesion_fin_card">
|
||||
|
||||
<div class="logo">
|
||||
<img src="/public/images/logos/LogoSuzukiGris.png" alt="">
|
||||
<img src="/public/images/logos/logosuzukigris.png" alt="">
|
||||
</div>
|
||||
|
||||
<div class="adhesion_fin_card_description">
|
||||
@@ -62,7 +62,7 @@
|
||||
<p>pour la pédagogie Suzuki</p>
|
||||
</div>
|
||||
<div class="adhesion_fin_card_description_annee">
|
||||
<p>Année 2022/2023</p>
|
||||
<p>Année 2025/2026</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
@@ -5,7 +5,7 @@
|
||||
|
||||
<main>
|
||||
|
||||
<article></article>
|
||||
<article class="">
|
||||
|
||||
<!-- TITRE DE LA PAGE -->
|
||||
<%- include('../template_parts/adhesion_titrepage')%>
|
||||
@@ -27,7 +27,7 @@
|
||||
<!-- Ajouter des élèves -->
|
||||
<!-- ---------------------------------- -->
|
||||
|
||||
<%- include('../template_parts/eleves_famille')%>
|
||||
<section id="eleve0"></section>
|
||||
|
||||
<!-- ---------------------------------- -->
|
||||
<!-- BOUTON ENREGISTRER -->
|
||||
@@ -49,8 +49,8 @@
|
||||
|
||||
</body>
|
||||
|
||||
<!-- JAVASCRIPT d'EXECUTION -->
|
||||
<script src="/public/js/adhesion/adhesion_prof.js"></script>
|
||||
<script src="/public/js/adhesion/professeurs.js"></script>
|
||||
<!-- JAVASCRIPT d'EXECUTION -->
|
||||
<script src="/public/js/adhesion/eleve.js"></script>
|
||||
|
||||
|
||||
<%- include('../../template_parts/footer')%>
|
||||
@@ -28,10 +28,32 @@
|
||||
<p><%= err_mail_form_adhesion_4 %></p>
|
||||
</div>
|
||||
<% }; %>
|
||||
|
||||
<!-- ---------------------------------- -->
|
||||
<!-- FORMULAIRE de vérification du mail -->
|
||||
<!-- ---------------------------------- -->
|
||||
|
||||
<form action="" method="post" class="form_check_mail">
|
||||
|
||||
<!-- lE formuaire -->
|
||||
<%- include('../template_parts/check_mail')%>
|
||||
<div class="input_box input_email">
|
||||
<label for="identifiant">Saisissez votre adresse mail</label>
|
||||
<input type="email" name="identifiant" id="identifiant" placeholder="Votre mail sera votre identifiant" value="<% if (locals.identifiant) { %><%= identifiant %><% }; %>" required>
|
||||
</div>
|
||||
|
||||
<div class="input_checkbox">
|
||||
<input type="checkbox" name="check_prof" id="check_prof">
|
||||
<label for="check_prof">Vous êtes professeur Suzuki <br>ou vous souhaitez le devenir</label>
|
||||
</div>
|
||||
|
||||
<!-- ---------------------------------- -->
|
||||
<!-- CLIQUEZ SUR BOUTON ADHÉRER -->
|
||||
<!-- ---------------------------------- -->
|
||||
|
||||
<button type="submit" class="button_icone">
|
||||
<span class="btn_icone">+</span><span class="btn_texte">ADHÉRER</span>
|
||||
</button>
|
||||
|
||||
</form>
|
||||
|
||||
<!-- ------------------------- -->
|
||||
<!-- Explication aux visiteurs -->
|
||||
@@ -76,6 +98,7 @@
|
||||
<br>
|
||||
<p><span class="gras">PAIEMENT DE VOTRE ADHÉSION :</span></span></p>
|
||||
<ul>
|
||||
<li>Tarifs : 22€ pour les familles, 42€ pour les professeurs (inclus leurs enfants)</li>
|
||||
<li>nous vous recommandons le paiement par carte bancaire pour obtenir votre carte d'adhérent immédiatement,</li>
|
||||
<li>vous pouvez choisir le paiement par chèque ou virement, dans ce cas votre carte d'adhérent définitive sera envoyée après réception de votre paiement.</li>
|
||||
</ul>
|
||||
|
||||
@@ -30,11 +30,12 @@
|
||||
<!-- VEUT-IL SAISIR DIPLOME ? -->
|
||||
<!-- ---------------------------------- -->
|
||||
<div class="input_checkbox">
|
||||
<input type="checkbox" name="check_prof_diplome" id="check_prof_diplome" onclick="prof_diplome()">
|
||||
<input type="checkbox" name="check_prof_diplome" id="check_prof_diplome" onchange="ajout_prof_diplome(this)">
|
||||
<label for="check_prof_diplome">Vous êtes <span class='gras'>diplômé</span> de la pédagogie Suzuki</label>
|
||||
</div>
|
||||
|
||||
<%- include('../template_parts/prof_diplome')%>
|
||||
|
||||
<section id="diplome0"></section>
|
||||
|
||||
|
||||
<!-- ---------------------------------- -->
|
||||
@@ -48,11 +49,12 @@
|
||||
<!-- ---------------------------------- -->
|
||||
|
||||
<div class="input_checkbox">
|
||||
<input type="checkbox" name="check_prof_formation" id="check_prof_formation" onclick="prof_formation()">
|
||||
<input type="checkbox" name="check_prof_formation" id="check_prof_formation" onchange="ajout_prof_formation(this)">
|
||||
<label for="check_prof_formation">Vous souhaitez <span class='gras'>obtenir un diplôme</span> de la pédagogie Suzuki et entrer en formation</label>
|
||||
</div>
|
||||
|
||||
<%- include('../template_parts/prof_formation')%>
|
||||
<section id="formation0"></section>
|
||||
|
||||
|
||||
|
||||
<!-- ---------------------------------- -->
|
||||
@@ -61,12 +63,16 @@
|
||||
<!-- ---------------------------------- -->
|
||||
|
||||
<div class="input_checkbox">
|
||||
<input type="checkbox" name="check_prof_eleve" id="check_prof_eleve" onclick="prof_eleve()">
|
||||
<input type="checkbox" name="check_prof_eleve" id="check_prof_eleve" onchange="ajout_prof_eleve(this,0)">
|
||||
<label for="check_prof_eleve">Vous souhaitez inscrire à l’adhésion annuelle vos <span class='gras'>enfants</span> qui suivront des cours selon la pédagogie Suzuki (compris dans la prix de l’adhésion professeur)</label>
|
||||
</div>
|
||||
|
||||
<!-- ---------------------------------- -->
|
||||
<!-- PROF -->
|
||||
<!-- Ajouter des élèves -->
|
||||
<!-- ---------------------------------- -->
|
||||
|
||||
<%- include('../template_parts/eleves')%>
|
||||
<section id="eleve0"></section>
|
||||
|
||||
<!-- ---------------------------------- -->
|
||||
<!-- BOUTON ENREGISTRER -->
|
||||
@@ -90,5 +96,6 @@
|
||||
<script src="/public/js/adhesion/adhesion_prof.js"></script>
|
||||
<script src="/public/js/adhesion/professeurs.js"></script>
|
||||
<script src="/public/js/adhesion/hidden_visible.js"></script>
|
||||
<script src="/public/js/adhesion/eleve.js"></script>
|
||||
|
||||
<%- include('../../template_parts/footer')%>
|
||||
122
views/adhesion/page_templates/inscription_terminee.ejs
Normal file
122
views/adhesion/page_templates/inscription_terminee.ejs
Normal file
@@ -0,0 +1,122 @@
|
||||
<%- include('../../template_parts/head')%>
|
||||
|
||||
<body>
|
||||
|
||||
<!-- ---------------------------------- -->
|
||||
<!-- HEADER -->
|
||||
<!-- ---------------------------------- -->
|
||||
<%- include('../../template_parts/header_tunnel')%>
|
||||
|
||||
<!-- ---------------------------------- -->
|
||||
<!-- FORMULAIRE de vérification du mail -->
|
||||
<!-- ---------------------------------- -->
|
||||
|
||||
<main>
|
||||
|
||||
<article>
|
||||
|
||||
<!-- TITRE DE LA PAGE -->
|
||||
<%- include('../template_parts/adhesion_titrepage')%>
|
||||
|
||||
|
||||
<!-- AFFICHAGE DES MESSAGES ERREURS RETOUR DE POST FORMULAIRE -->
|
||||
<% if (locals.err_mail_form_adhesion_1) { %>
|
||||
<div class="erreur">
|
||||
<p><%= err_mail_form_adhesion_1 %></p>
|
||||
<p><%= err_mail_form_adhesion_2 %></p>
|
||||
<p><%= err_mail_form_adhesion_3 %></p>
|
||||
<p><%= err_mail_form_adhesion_4 %></p>
|
||||
</div>
|
||||
<% }; %>
|
||||
|
||||
<!-- ---------------------------------- -->
|
||||
<!-- MESSAGE DE FERMETURE -->
|
||||
<!-- ---------------------------------- -->
|
||||
|
||||
<div class="message_fin">
|
||||
<p>Les inscriptions de l'année <span class="gras">2025/2026</span> sont <mark> terminées.</mark></p>
|
||||
<br>
|
||||
<p>Rendez-vous le <span class="rouge">01/09/2025</span> pour les inscriptions 2025/2026</p>
|
||||
</div>
|
||||
|
||||
|
||||
<!-- ------------------------- -->
|
||||
<!-- Explication aux visiteurs -->
|
||||
<!-- ------------------------- -->
|
||||
|
||||
<section class="savoirplus_accueil">
|
||||
|
||||
<div id="savoirplus_button" class="savoirplus_button">
|
||||
<p>En savoir plus sur ce formulaire</p>
|
||||
</div>
|
||||
|
||||
|
||||
<div id="savoirplus_content" class="savoirplus_content hidden">
|
||||
<p>Cette page va vous permettre d'adhérer à l'Association Française pour la Pédagogie Suzuki.</p>
|
||||
<br>
|
||||
<p>L’adhésion à l’AFPS est requise pour suivre les cours de nos professeurs diplômés « Pédagogie Suzuki ».</p>
|
||||
<br>
|
||||
<p>Cette page est une page d'inscription : vous renseignerez vos informations et payerez l'adhésion. Il ne sera pas possible d'y revenir. <span class="gras rouge">Ne la remplissez que si vous êtes en possession des informations personnelles et du niveau d'apprentissage choisi, et du moyen de paiement (carte bancaire, virement, chèque).</span></p>
|
||||
<br>
|
||||
<p>Dès que votre paiement sera validé, vous serez membres de (<a target="_blank" href="http://www.afpedagogiesuzuki.fr"><span class="souligne">l’Association Française pour la Pédagogie Suzuki</span></a>) et de (<a target="_blank" href="https://europeansuzuki.org"><span class="souligne">l’European Suzuki Association</span></a>). Vous pourrez à ce titre participer à tous les événements Suzuki en France et dans le monde.</p>
|
||||
<br>
|
||||
<p><span class="gras">VOICI LES 3 ÉTAPES :</span></p>
|
||||
<ol>
|
||||
<li>vous allez remplir le formulaire d’adhésion très précisément => les informations vont s'enregistrer dans la base de données de l'Association,</li>
|
||||
<li>payer votre adhésion,</li>
|
||||
<li>vous recevrez un courriel avec le statut de votre adhésion, votre carte d'adhérent et le cas échéant un justificatif de don.</li>
|
||||
</ol>
|
||||
<br>
|
||||
<p><span class="gras">POUR QUI ? :</span></span></p>
|
||||
<ul>
|
||||
<li>un adulte qui inscrit ses enfants pour que son professeur lui enseigne la musique en suivant cette pédagogie (vous devez déjà être en relation avec un de nos professeurs, qui vous aura informés. L’adhésion à l’Association n’a pas de rapport avec le prix des cours en eux-mêmes),</li>
|
||||
<li>un professeur qui s'inscrit pour donner des cours avec la pédagogie Suzuki,</li>
|
||||
<li>un professeur qui veut apprendre la pédagogie Suzuki pour l’enseigner,</li>
|
||||
<li>un professeur qui s’inscrit aura l’occasion dans son formulaire d’inscrire ses enfants pour qu’ils apprennent la musique avec la pédagogie Suzuki,</li>
|
||||
<li>toute personne qui voudra suivre les stages ou les évènements organisés par l'Association devra adhérer.</li>
|
||||
</ul>
|
||||
<br>
|
||||
<p><span class="gras">Sélection des professeurs qui enseignent la pédagogie :</span></span></p>
|
||||
<ul>
|
||||
<li>Lors de l’inscription, si le professeur qui va enseigner la pédagogie Suzuki à votre enfant n’est pas présent dans le menu déroulant que vous trouverez dans le formulaire, vous pourrez faire le choix « professeur non inscrit ».</li>
|
||||
</ul>
|
||||
<br>
|
||||
<p><span class="gras">PAIEMENT DE VOTRE ADHÉSION :</span></span></p>
|
||||
<ul>
|
||||
<li>Tarifs : 22€ pour les familles, 42€ pour les professeurs (inclus leurs enfants)</li>
|
||||
<li>nous vous recommandons le paiement par carte bancaire pour obtenir votre carte d'adhérent immédiatement,</li>
|
||||
<li>vous pouvez choisir le paiement par chèque ou virement, dans ce cas votre carte d'adhérent définitive sera envoyée après réception de votre paiement.</li>
|
||||
</ul>
|
||||
<br>
|
||||
<p><span class="gras">UTILISATION DES DONNÉES PERSONNELLES</span></span></p>
|
||||
<p>Les informations recueillies dans le formulaire seront conservées par l'Association.</p>
|
||||
<p>L'association ne transmettra jamais les informations à une autre personne ou organisme.</p>
|
||||
<p>Contacter l'Association pour toutes questions sur vos données : mise à jour, suppression.</p>
|
||||
<br>
|
||||
<p><span class="gras">COOKIE</span></span></p>
|
||||
<p>Ce site utilise 1 cookie qui servira pour garder votre session ouverte sur votre navigateur le temps de remplir le formulaire et de passer par la page paiement et la page finale.</p>
|
||||
<p>Ce cookie servira uniquement à des fins de navigation durant la même session, et ne sera en aucune manière transmis à un organisme tiers. Le cookie de session est automatiquement détruit par le navigateur lors de la fermeture de la page.</p>
|
||||
<p>Si vous n'acceptez pas ce cookie vous ne pourrez pas vous inscrire via ce formulaire car le processus ne fonctionnera pas. Vous pouvez dans ce cas simplement fermer la page et il partira.</p>
|
||||
</div>
|
||||
|
||||
|
||||
</section>
|
||||
|
||||
|
||||
|
||||
</article>
|
||||
|
||||
</main>
|
||||
|
||||
|
||||
|
||||
<!-- ---------------------------------- -->
|
||||
<!-- FOOTER -->
|
||||
<!-- ---------------------------------- -->
|
||||
<%- include('../../template_parts/footer')%>
|
||||
|
||||
</body>
|
||||
<!-- JAVASCRIPT d'EXECUTION -->
|
||||
<script src="/public/js/adhesion/hidden_visible.js"></script>
|
||||
|
||||
</html>
|
||||
221
views/adhesion/page_templates/maj_googlesheet.ejs
Normal file
221
views/adhesion/page_templates/maj_googlesheet.ejs
Normal file
@@ -0,0 +1,221 @@
|
||||
<%- include('../../template_parts/head')%>
|
||||
|
||||
<body>
|
||||
|
||||
<!-- ---------------------------------- -->
|
||||
<!-- HEADER -->
|
||||
<!-- ---------------------------------- -->
|
||||
<%- include('../../template_parts/header_tunnel')%>
|
||||
|
||||
<main>
|
||||
|
||||
<!-- ---------------------------------- -->
|
||||
<!-- TITRE DE LA PAGE -->
|
||||
<!-- ---------------------------------- -->
|
||||
<%- include('../template_parts/adhesion_titrepage')%>
|
||||
|
||||
|
||||
<!-- ---------------------------------- -->
|
||||
<!-- DÉCHARGEMENT DES DONNÉES DANS GOOGLE SHEET MANUELLE -->
|
||||
<!-- ---------------------------------- -->
|
||||
<article class="maj_manuelle bg_rouge_tres_clair">
|
||||
|
||||
<div class="sous_titre sous_titre_centre"><p class="textcenter">LES TABLEAUX GOOGLE SHEET</p></div>
|
||||
|
||||
<div><p class="montserrat_light">La mise à jour du fichier Google Sheet avec les nouvelles adhésions se fait automatiquement toutes les nuits à 3h.<br><br>Ceci est également valable pour l'import des adhésions depuis les associations locales.</p></div>
|
||||
|
||||
|
||||
</article>
|
||||
|
||||
<div class="space40"></div>
|
||||
<!-- ---------------------------------- -->
|
||||
<!-- METTRE À JOUR LE STATUS DE PAIEMENT DANS LA BD -->
|
||||
<!-- ---------------------------------- -->
|
||||
|
||||
<article class="maj_manuelle">
|
||||
<div class="sous_titre sous_titre_centre"><p class="textcenter">METTRE À JOUR LE STATUT DE PAIEMENT D'UN ADHÉRENT</p></div>
|
||||
|
||||
<% if (locals.message2) { %>
|
||||
<div class="space30"></div>
|
||||
<div class="resultat"><p><span class='resultat_text rouge'><%= locals.message2 %></span></p></div>
|
||||
<% }; %>
|
||||
|
||||
<div class="space30"></div>
|
||||
|
||||
<form action="form_maj_statut_paiement_manuel" method="post" class="">
|
||||
|
||||
<div class="grid_2inputs">
|
||||
<div class="input_box input_text input_box_gris">
|
||||
<label for="maj_identifiant">Saisissez l'identifiant de l'adhérent</label>
|
||||
<input type="text" name="maj_identifiant" id="maj_identifiant" placeholder="Saisissez l'identifiant de l'adhérent" required>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="grid_2inputs">
|
||||
<div class="input_box input_text input_box_gris">
|
||||
<label for="maj_mode_paiement">Mode de paiement</label>
|
||||
<input type="text" name="maj_mode_paiement" id="maj_mode_paiement" required>
|
||||
</div>
|
||||
|
||||
<div class="input_box input_text input_box_bleu">
|
||||
<label for="maj_statut_paiement">Statut du paiement</label>
|
||||
<select id="maj_statut_paiement" name="maj_statut_paiement" required>
|
||||
<option value="" selected></option>
|
||||
<option value="paye">Payé</option>
|
||||
<option value="impaye">Impayé</option>
|
||||
</select>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="grid_2inputs">
|
||||
<div class="input_box input_text input_box_gris">
|
||||
<label for="maj_montant_adhesion">Montant adhésion</label>
|
||||
<input type="number" name="maj_montant_adhesion" id="maj_montant_adhesion" required>
|
||||
</div>
|
||||
<div class="input_box input_text input_box_gris">
|
||||
<label for="maj_montant_don">Montant du don</label>
|
||||
<input type="number" name="maj_montant_don" id="maj_montant_don" placeholder="Si pas de don entrez 0" required>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
|
||||
<!-- ---------------------------------- -->
|
||||
<!-- CLIQUEZ SUR BOUTON VALIDER -->
|
||||
<!-- ---------------------------------- -->
|
||||
|
||||
<button type="submit" class="button_icone">
|
||||
<span class="btn_icone">+</span><span class="btn_texte">VALIDER</span>
|
||||
</button>
|
||||
|
||||
</form>
|
||||
|
||||
|
||||
|
||||
</article>
|
||||
|
||||
<div class="space40"></div>
|
||||
<!-- ---------------------------------- -->
|
||||
<!-- SUPPRIMER UN ADHERENT -->
|
||||
<!-- ---------------------------------- -->
|
||||
|
||||
<article class="maj_manuelle">
|
||||
<div class="sous_titre sous_titre_centre"><p class="textcenter">SUPPRIMER UN ADHÉRENT</p></div>
|
||||
|
||||
<% if (locals.message3) { %>
|
||||
<div class="space30"></div>
|
||||
<div class="resultat"><p><span class='resultat_text rouge'><%= locals.message3 %></span></p></div>
|
||||
<% }; %>
|
||||
|
||||
<div class="space30"></div>
|
||||
|
||||
<form action="form_maj_suppr_adherent" method="post" class="">
|
||||
|
||||
<div class="grid_2inputs">
|
||||
<div class="input_box input_text input_box_gris">
|
||||
<label for="supp_identifiant">Saisissez l'identifiant de l'adhérent</label>
|
||||
<input type="text" name="supp_identifiant" id="supp_identifiant" placeholder="Saisissez l'identifiant de l'adhérent" required>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- ---------------------------------- -->
|
||||
<!-- CLIQUEZ SUR BOUTON SUPPRIMER -->
|
||||
<!-- ---------------------------------- -->
|
||||
|
||||
<button type="submit" class="button_icone">
|
||||
<span class="btn_icone">+</span><span class="btn_texte">SUPPRIMER</span>
|
||||
</button>
|
||||
|
||||
</form>
|
||||
|
||||
|
||||
|
||||
</article>
|
||||
|
||||
|
||||
<div class="space40"></div>
|
||||
<!-- ---------------------------------- -->
|
||||
<!-- IMPORTER LES ADHÉRENTS DES ASSOCIATIONS LOCALES -->
|
||||
<!-- ---------------------------------- -->
|
||||
|
||||
|
||||
<article class="maj_manuelle bg_rouge_tres_clair">
|
||||
|
||||
<div class="sous_titre sous_titre_centre"><p class="textcenter">AJOUTER LES ADHÉRENTS<br>DES ASSOCIATIONS LOCALES<br>ET ENVOIE PAR MAIL DES CARTES ADHÉRENT</p></div>
|
||||
|
||||
<div><p class="montserrat_light">Veuillez patienter quelques minutes selon le nombre à importer.<br> Lorsque le traitement sera fini la page affichera les résultats.</p></div>
|
||||
|
||||
<section class="buttons">
|
||||
<form action="form_import_ass_locales" method="post" class="">
|
||||
<button type="submit" class="button_icone button_icone_recap">
|
||||
<span class="">VALIDER</span>
|
||||
</button>
|
||||
</form>
|
||||
</section>
|
||||
<section class="resultat_list">
|
||||
<% if (locals.message4) { %>
|
||||
<div class="resultat"><p><span class='resultat_text rouge'><%= locals.message4 %></span></p></div>
|
||||
<% }; %>
|
||||
</section>
|
||||
</article>
|
||||
|
||||
<div class="space40"></div>
|
||||
<!-- ---------------------------------- -->
|
||||
<!-- GÉNÉRER DES CODES -->
|
||||
<!-- ---------------------------------- -->
|
||||
|
||||
<article class="maj_manuelle">
|
||||
<div class="sous_titre sous_titre_centre"><p class="textcenter">GESTION DES CODES SECRETS</p></div>
|
||||
|
||||
|
||||
|
||||
<div class="space30"></div>
|
||||
|
||||
<% if (locals.message5) { %>
|
||||
<div class="space30"></div>
|
||||
<div class="resultat"><p><span class='resultat_text rouge'><%= locals.message5 %></span></p></div>
|
||||
<% }; %>
|
||||
|
||||
|
||||
|
||||
<div class="space30"></div>
|
||||
|
||||
<form action="form_generation_codes" method="post" class="">
|
||||
|
||||
<div><p class="montserrat_light">Rajouter des codes secrets : </p></div>
|
||||
<div class="space30"></div>
|
||||
|
||||
<div class="grid_2inputs">
|
||||
<div class="input_box input_text input_box_gris">
|
||||
<label for="nb_code">nombre de codes souhaités (20 max)</label>
|
||||
<input type="text" name="nb_code" id="nb_code" placeholder="" required>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- ---------------------------------- -->
|
||||
<!-- CLIQUEZ SUR BOUTON SUPPRIMER -->
|
||||
<!-- ---------------------------------- -->
|
||||
|
||||
<button type="submit" class="button_icone">
|
||||
<span class="btn_icone">+</span><span class="btn_texte">Générer</span>
|
||||
</button>
|
||||
|
||||
</form>
|
||||
|
||||
</article>
|
||||
|
||||
</main>
|
||||
|
||||
|
||||
|
||||
<!-- ---------------------------------- -->
|
||||
<!-- FOOTER -->
|
||||
<!-- ---------------------------------- -->
|
||||
<%- include('../../template_parts/footer')%>
|
||||
|
||||
</body>
|
||||
|
||||
<!-- JAVASCRIPT d'EXECUTION -->
|
||||
<script src="/public/js/adhesion/hidden_visible.js"></script>
|
||||
|
||||
</html>
|
||||
@@ -3,5 +3,5 @@
|
||||
<!-- //////////////////////////// -->
|
||||
<section class="titre">
|
||||
<h1>Adhésion annuelle à l’Association Française pour la Pédagogie Suzuki</h1>
|
||||
<p>Année 2022/2023 <span class="soft"> du 1er septembre au 31 août</span></p>
|
||||
<p>Année 2025/2026 <span class="soft"> du 1er septembre au 31 août</span></p>
|
||||
</section>
|
||||
@@ -1,28 +0,0 @@
|
||||
<!-- ---------------------------------- -->
|
||||
<!-- FORMULAIRE de vérification du mail -->
|
||||
<!-- ---------------------------------- -->
|
||||
|
||||
<form action="" method="post" class="form_check_mail">
|
||||
|
||||
<div class="input_box input_email">
|
||||
<label for="identifiant">Saisissez votre adresse mail</label>
|
||||
<input type="email" name="identifiant" id="identifiant" placeholder="Votre mail est votre identifiant" value="<% if (locals.identifiant) { %><%= identifiant %><% }; %>" required>
|
||||
</div>
|
||||
|
||||
<div class="input_checkbox">
|
||||
<input type="checkbox" name="check_prof" id="check_prof">
|
||||
<label for="check_prof">Vous êtes professeur Suzuki <br>ou vous souhaitez le devenir</label>
|
||||
</div>
|
||||
|
||||
<!-- ---------------------------------- -->
|
||||
<!-- CLIQUEZ SUR BOUTON ADHÉRER -->
|
||||
<!-- ---------------------------------- -->
|
||||
|
||||
<button type="submit" class="button_icone">
|
||||
<span class="btn_icone">+</span><span class="btn_texte">ADHÉRER</span>
|
||||
</button>
|
||||
|
||||
</form>
|
||||
|
||||
|
||||
<!-- -->
|
||||
@@ -38,6 +38,7 @@
|
||||
<option value="Flûte traversière">Flûte traversière</option>
|
||||
<option value="Guitare">Guitare</option>
|
||||
<option value="Harpe">Harpe</option>
|
||||
<option value="Orgue">Orgue</option>
|
||||
<option value="Piano">Piano</option>
|
||||
<option value="Trompette">Trompette</option>
|
||||
<option value="Violon">Violon</option>
|
||||
@@ -83,6 +84,7 @@
|
||||
<option value="Flûte traversière">Flûte traversière</option>
|
||||
<option value="Guitare">Guitare</option>
|
||||
<option value="Harpe">Harpe</option>
|
||||
<option value="Orgue">Orgue</option>
|
||||
<option value="Piano">Piano</option>
|
||||
<option value="Trompette">Trompette</option>
|
||||
<option value="Violon">Violon</option>
|
||||
@@ -190,6 +192,7 @@
|
||||
<option value="Flûte traversière">Flûte traversière</option>
|
||||
<option value="Guitare">Guitare</option>
|
||||
<option value="Harpe">Harpe</option>
|
||||
<option value="Orgue">Orgue</option>
|
||||
<option value="Piano">Piano</option>
|
||||
<option value="Trompette">Trompette</option>
|
||||
<option value="Violon">Violon</option>
|
||||
@@ -236,6 +239,7 @@
|
||||
<option value="Flûte traversière">Flûte traversière</option>
|
||||
<option value="Guitare">Guitare</option>
|
||||
<option value="Harpe">Harpe</option>
|
||||
<option value="Orgue">Orgue</option>
|
||||
<option value="Piano">Piano</option>
|
||||
<option value="Trompette">Trompette</option>
|
||||
<option value="Violon">Violon</option>
|
||||
@@ -346,6 +350,7 @@
|
||||
<option value="Flûte traversière">Flûte traversière</option>
|
||||
<option value="Guitare">Guitare</option>
|
||||
<option value="Harpe">Harpe</option>
|
||||
<option value="Orgue">Orgue</option>
|
||||
<option value="Piano">Piano</option>
|
||||
<option value="Trompette">Trompette</option>
|
||||
<option value="Violon">Violon</option>
|
||||
@@ -392,6 +397,7 @@
|
||||
<option value="Flûte traversière">Flûte traversière</option>
|
||||
<option value="Guitare">Guitare</option>
|
||||
<option value="Harpe">Harpe</option>
|
||||
<option value="Orgue">Orgue</option>
|
||||
<option value="Piano">Piano</option>
|
||||
<option value="Trompette">Trompette</option>
|
||||
<option value="Violon">Violon</option>
|
||||
@@ -500,6 +506,7 @@
|
||||
<option value="Flûte traversière">Flûte traversière</option>
|
||||
<option value="Guitare">Guitare</option>
|
||||
<option value="Harpe">Harpe</option>
|
||||
<option value="Orgue">Orgue</option>
|
||||
<option value="Piano">Piano</option>
|
||||
<option value="Trompette">Trompette</option>
|
||||
<option value="Violon">Violon</option>
|
||||
@@ -546,6 +553,7 @@
|
||||
<option value="Flûte traversière">Flûte traversière</option>
|
||||
<option value="Guitare">Guitare</option>
|
||||
<option value="Harpe">Harpe</option>
|
||||
<option value="Orgue">Orgue</option>
|
||||
<option value="Piano">Piano</option>
|
||||
<option value="Trompette">Trompette</option>
|
||||
<option value="Violon">Violon</option>
|
||||
@@ -653,6 +661,7 @@
|
||||
<option value="Flûte traversière">Flûte traversière</option>
|
||||
<option value="Guitare">Guitare</option>
|
||||
<option value="Harpe">Harpe</option>
|
||||
<option value="Orgue">Orgue</option>
|
||||
<option value="Piano">Piano</option>
|
||||
<option value="Trompette">Trompette</option>
|
||||
<option value="Violon">Violon</option>
|
||||
@@ -699,6 +708,7 @@
|
||||
<option value="Flûte traversière">Flûte traversière</option>
|
||||
<option value="Guitare">Guitare</option>
|
||||
<option value="Harpe">Harpe</option>
|
||||
<option value="Orgue">Orgue</option>
|
||||
<option value="Piano">Piano</option>
|
||||
<option value="Trompette">Trompette</option>
|
||||
<option value="Violon">Violon</option>
|
||||
|
||||
@@ -3,167 +3,12 @@
|
||||
<!-- FORMULAIRE de saisie des élèves -->
|
||||
<!-- ---------------------------------- -->
|
||||
|
||||
|
||||
<section id="eleve0"></section>
|
||||
|
||||
<section id="eleve" class="">
|
||||
|
||||
<!-- ---------------------------------- -->
|
||||
<!-- ÉLÈVES 1 -->
|
||||
<!-- ---------------------------------- -->
|
||||
|
||||
<div>
|
||||
|
||||
<div class="explication">
|
||||
<br><br>
|
||||
<p>Ajouter un enfant :</p>
|
||||
</div>
|
||||
|
||||
<div class="grid_3inputs">
|
||||
<div class="input_box input_text input_box_gris">
|
||||
<label for="adherent_eleve1_nom">Nom de famille</label>
|
||||
<input type="text" name="adherent_eleve1_nom" id="adherent_eleve1_nom" required>
|
||||
</div>
|
||||
|
||||
<div class="input_box input_text input_box_gris">
|
||||
<label for="adherent_eleve1_prenom">Prénom</label>
|
||||
<input type="text" name="adherent_eleve1_prenom" id="adherent_eleve1_prenom" required>
|
||||
</div>
|
||||
|
||||
<div class="input_box input_text input_box_gris">
|
||||
<label for="adherent_eleve1_datenaissance">Date de naissance</label>
|
||||
<input type="date" name="adherent_eleve1_datenaissance" id="adherent_eleve1_datenaissance" required>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
<div class="grid_3inputs">
|
||||
<div class="input_box input_text input_box_bleu">
|
||||
<label for="adherent_eleve1_InstrumentA">Pour l'instrument</label>
|
||||
<select id="adherent_eleve1_InstrumentA" name="adherent_eleve1_InstrumentA" onchange="select_eleve1_InstrumentA(this)" required>
|
||||
<option value="" selected></option>
|
||||
<option value="Alto">Alto</option>
|
||||
<option value="Contrebasse">Contrebasse</option>
|
||||
<option value="Flûte traversière">Flûte traversière</option>
|
||||
<option value="Guitare">Guitare</option>
|
||||
<option value="Harpe">Harpe</option>
|
||||
<option value="Piano">Piano</option>
|
||||
<option value="Trompette">Trompette</option>
|
||||
<option value="Violon">Violon</option>
|
||||
<option value="Violoncelle">Violoncelle</option>
|
||||
<option value="SECE">SECE</option>
|
||||
</select>
|
||||
</div>
|
||||
|
||||
<div class="input_box input_text input_box_bleu">
|
||||
<label for="adherent_eleve1_InstrumentA_cahier">Cahier</label>
|
||||
<select id="adherent_eleve1_InstrumentA_cahier" name="adherent_eleve1_InstrumentA_cahier" required>
|
||||
<option value="" selected></option>
|
||||
<option value="Pré-Twinkle">Pré-Twinkle (débutant)</option>
|
||||
<option value="Cahier 1">Cahier 1</option>
|
||||
<option value="Cahier 2">Cahier 2</option>
|
||||
<option value="Cahier 3">Cahier 3</option>
|
||||
<option value="Cahier 4">Cahier 4</option>
|
||||
<option value="Cahier 5">Cahier 5</option>
|
||||
<option value="Cahier 6">Cahier 6</option>
|
||||
<option value="Cahier 7">Cahier 7</option>
|
||||
<option value="Cahier 8">Cahier 8</option>
|
||||
<option value="Cahier 9">Cahier 9</option>
|
||||
<option value="Cahier 10">Cahier 10</option>
|
||||
<option value="Hors cahier">Hors cahier</option>
|
||||
</select>
|
||||
</div>
|
||||
|
||||
<div class="input_box input_text input_box_bleu">
|
||||
<label for="adherent_eleve1_InstrumentA_prof">Professeur</label>
|
||||
<select id="adherent_eleve1_InstrumentA_prof" name="adherent_eleve1_InstrumentA_prof">
|
||||
</select>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="grid_3inputs">
|
||||
|
||||
<div class="input_box input_text input_box_bleu">
|
||||
<label for="adherent_eleve1_InstrumentB">Deuxième instrument</label>
|
||||
<select id="adherent_eleve1_InstrumentB" name="adherent_eleve1_InstrumentB" onchange="select_eleve1_InstrumentB(this)">
|
||||
<option value="" selected></option>
|
||||
<option value="Alto">Alto</option>
|
||||
<option value="Contrebasse">Contrebasse</option>
|
||||
<option value="Flûte traversière">Flûte traversière</option>
|
||||
<option value="Guitare">Guitare</option>
|
||||
<option value="Harpe">Harpe</option>
|
||||
<option value="Piano">Piano</option>
|
||||
<option value="Trompette">Trompette</option>
|
||||
<option value="Violon">Violon</option>
|
||||
<option value="Violoncelle">Violoncelle</option>
|
||||
<option value="SECE">SECE</option>
|
||||
</select>
|
||||
</div>
|
||||
|
||||
<div class="input_box input_text input_box_bleu">
|
||||
<label for="adherent_eleve1_InstrumentB_cahier">Cahier</label>
|
||||
<select id="adherent_eleve1_InstrumentB_cahier" name="adherent_eleve1_InstrumentB_cahier">
|
||||
<option value="" selected></option>
|
||||
<option value="Pré-Twinkle">Pré-Twinkle (débutant)</option>
|
||||
<option value="Cahier 1">Cahier 1</option>
|
||||
<option value="Cahier 2">Cahier 2</option>
|
||||
<option value="Cahier 3">Cahier 3</option>
|
||||
<option value="Cahier 4">Cahier 4</option>
|
||||
<option value="Cahier 5">Cahier 5</option>
|
||||
<option value="Cahier 6">Cahier 6</option>
|
||||
<option value="Cahier 7">Cahier 7</option>
|
||||
<option value="Cahier 8">Cahier 8</option>
|
||||
<option value="Cahier 9">Cahier 9</option>
|
||||
<option value="Cahier 10">Cahier 10</option>
|
||||
<option value="Hors cahier">Hors cahier</option>
|
||||
</select>
|
||||
</div>
|
||||
|
||||
<div class="input_box input_text input_box_bleu">
|
||||
<label for="adherent_eleve1_InstrumentB_prof">Professeur</label>
|
||||
<select id="adherent_eleve1_InstrumentB_prof" name="adherent_eleve1_InstrumentB_prof">
|
||||
</select>
|
||||
</div>
|
||||
|
||||
|
||||
|
||||
</div>
|
||||
|
||||
<div class="grid_3inputs">
|
||||
|
||||
<div class="input_box input_text input_box_bleu">
|
||||
<label for="adherent_eleve1_droitimage">Acceptez-vous la diffusion des images?</label>
|
||||
<select id="adherent_eleve1_droitimage" name="adherent_eleve1_droitimage" required>
|
||||
<option value="" selected></option>
|
||||
<option value="oui">Oui</option>
|
||||
<option value="non">Non</option>
|
||||
</select>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
<div class="grid_3inputs">
|
||||
<div class="input_box input_text input_box_gris">
|
||||
<label for="adherent_eleve1_contactsup_nom">Autre parent à contacter : Nom</label>
|
||||
<input type="text" name="adherent_eleve1_contactsup_nom" id="adherent_eleve1_contactsup_nom">
|
||||
</div>
|
||||
|
||||
<div class="input_box input_text input_box_gris">
|
||||
<label for="adherent_eleve1_contactsup_prenom">Prénom</label>
|
||||
<input type="text" name="adherent_eleve1_contactsup_prenom" id="adherent_eleve1_contactsup_prenom">
|
||||
</div>
|
||||
|
||||
<div class="input_box input_text input_box_gris">
|
||||
<label for="adherent_eleve1_contactsup_mail">Mail</label>
|
||||
<input type="text" name="adherent_eleve1_contactsup_mail" id="adherent_eleve1_contactsup_mail">
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- ---------------------------------- -->
|
||||
<!-- Voulez-vous ajouter un élève ? -->
|
||||
<!-- ---------------------------------- -->
|
||||
<div class="input_checkbox">
|
||||
<input type="checkbox" name="check_eleve2" id="check_eleve2" onclick="ajout_eleve2()">
|
||||
<label for="check_eleve2">Voulez-vous ajouter un deuxième enfant ?</label>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- ---------------------------------- -->
|
||||
<!-- ÉLÈVES 2 -->
|
||||
@@ -198,6 +43,7 @@
|
||||
<option value="Flûte traversière">Flûte traversière</option>
|
||||
<option value="Guitare">Guitare</option>
|
||||
<option value="Harpe">Harpe</option>
|
||||
<option value="Orgue">Orgue</option>
|
||||
<option value="Piano">Piano</option>
|
||||
<option value="Trompette">Trompette</option>
|
||||
<option value="Violon">Violon</option>
|
||||
@@ -244,6 +90,7 @@
|
||||
<option value="Flûte traversière">Flûte traversière</option>
|
||||
<option value="Guitare">Guitare</option>
|
||||
<option value="Harpe">Harpe</option>
|
||||
<option value="Orgue">Orgue</option>
|
||||
<option value="Piano">Piano</option>
|
||||
<option value="Trompette">Trompette</option>
|
||||
<option value="Violon">Violon</option>
|
||||
@@ -320,302 +167,7 @@
|
||||
</div>
|
||||
|
||||
|
||||
<!-- ---------------------------------- -->
|
||||
<!-- ÉLÈVES 3 -->
|
||||
<!-- ---------------------------------- -->
|
||||
|
||||
<div id="eleve3" class="hidden">
|
||||
|
||||
<div class="grid_3inputs">
|
||||
<div class="input_box input_text input_box_gris">
|
||||
<label for="adherent_eleve3_nom">Nom de famille</label>
|
||||
<input type="text" name="adherent_eleve3_nom" id="adherent_eleve3_nom">
|
||||
</div>
|
||||
|
||||
<div class="input_box input_text input_box_gris">
|
||||
<label for="adherent_eleve3_prenom">Prénom</label>
|
||||
<input type="text" name="adherent_eleve3_prenom" id="adherent_eleve3_prenom">
|
||||
</div>
|
||||
|
||||
<div class="input_box input_text input_box_gris">
|
||||
<label for="adherent_eleve3_datenaissance">Date de naissance</label>
|
||||
<input type="date" name="adherent_eleve3_datenaissance" id="adherent_eleve3_datenaissance">
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="grid_3inputs">
|
||||
<div class="input_box input_text input_box_bleu">
|
||||
<label for="adherent_eleve3_InstrumentA">Pour l'instrument</label>
|
||||
<select id="adherent_eleve3_InstrumentA" name="adherent_eleve3_InstrumentA" onchange="select_eleve3_InstrumentA(this)">
|
||||
<option value="" selected></option>
|
||||
<option value="Alto">Alto</option>
|
||||
<option value="Contrebasse">Contrebasse</option>
|
||||
<option value="Flûte traversière">Flûte traversière</option>
|
||||
<option value="Guitare">Guitare</option>
|
||||
<option value="Harpe">Harpe</option>
|
||||
<option value="Piano">Piano</option>
|
||||
<option value="Trompette">Trompette</option>
|
||||
<option value="Violon">Violon</option>
|
||||
<option value="Violoncelle">Violoncelle</option>
|
||||
<option value="SECE">SECE</option>
|
||||
</select>
|
||||
</div>
|
||||
|
||||
<div class="input_box input_text input_box_bleu">
|
||||
<label for="adherent_eleve3_InstrumentA_cahier">Cahier</label>
|
||||
<select id="adherent_eleve3_InstrumentA_cahier" name="adherent_eleve3_InstrumentA_cahier">
|
||||
<option value="" selected></option>
|
||||
<option value="Pré-Twinkle">Pré-Twinkle (débutant)</option>
|
||||
<option value="Cahier 1">Cahier 1</option>
|
||||
<option value="Cahier 2">Cahier 2</option>
|
||||
<option value="Cahier 3">Cahier 3</option>
|
||||
<option value="Cahier 4">Cahier 4</option>
|
||||
<option value="Cahier 5">Cahier 5</option>
|
||||
<option value="Cahier 6">Cahier 6</option>
|
||||
<option value="Cahier 7">Cahier 7</option>
|
||||
<option value="Cahier 8">Cahier 8</option>
|
||||
<option value="Cahier 9">Cahier 9</option>
|
||||
<option value="Cahier 10">Cahier 10</option>
|
||||
<option value="Hors cahier">Hors cahier</option>
|
||||
</select>
|
||||
</div>
|
||||
|
||||
<div class="input_box input_text input_box_bleu">
|
||||
<label for="adherent_eleve3_InstrumentA_prof">Professeur</label>
|
||||
<select id="adherent_eleve3_InstrumentA_prof" name="adherent_eleve3_InstrumentA_prof">
|
||||
</select>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
<div class="grid_3inputs">
|
||||
|
||||
<div class="input_box input_text input_box_bleu">
|
||||
<label for="adherent_eleve3_InstrumentB">Deuxième instrument</label>
|
||||
<select id="adherent_eleve3_InstrumentB" name="adherent_eleve3_InstrumentB" onchange="select_eleve3_InstrumentB(this)">
|
||||
<option value="" selected></option>
|
||||
<option value="Alto">Alto</option>
|
||||
<option value="Contrebasse">Contrebasse</option>
|
||||
<option value="Flûte traversière">Flûte traversière</option>
|
||||
<option value="Guitare">Guitare</option>
|
||||
<option value="Harpe">Harpe</option>
|
||||
<option value="Piano">Piano</option>
|
||||
<option value="Trompette">Trompette</option>
|
||||
<option value="Violon">Violon</option>
|
||||
<option value="Violoncelle">Violoncelle</option>
|
||||
<option value="SECE">SECE</option>
|
||||
</select>
|
||||
</div>
|
||||
|
||||
<div class="input_box input_text input_box_bleu">
|
||||
<label for="adherent_eleve3_InstrumentB_cahier">Cahier</label>
|
||||
<select id="adherent_eleve3_InstrumentB_cahier" name="adherent_eleve3_InstrumentB_cahier">
|
||||
<option value="" selected></option>
|
||||
<option value="Pré-Twinkle">Pré-Twinkle (débutant)</option>
|
||||
<option value="Cahier 1">Cahier 1</option>
|
||||
<option value="Cahier 2">Cahier 2</option>
|
||||
<option value="Cahier 3">Cahier 3</option>
|
||||
<option value="Cahier 4">Cahier 4</option>
|
||||
<option value="Cahier 5">Cahier 5</option>
|
||||
<option value="Cahier 6">Cahier 6</option>
|
||||
<option value="Cahier 7">Cahier 7</option>
|
||||
<option value="Cahier 8">Cahier 8</option>
|
||||
<option value="Cahier 9">Cahier 9</option>
|
||||
<option value="Cahier 10">Cahier 10</option>
|
||||
<option value="Hors cahier">Hors cahier</option>
|
||||
</select>
|
||||
</div>
|
||||
|
||||
<div class="input_box input_text input_box_bleu">
|
||||
<label for="adherent_eleve3_InstrumentB_prof">Professeur</label>
|
||||
<select id="adherent_eleve3_InstrumentB_prof" name="adherent_eleve3_InstrumentB_prof">
|
||||
</select>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
<div class="grid_3inputs">
|
||||
|
||||
<div class="input_box input_text input_box_bleu">
|
||||
<label for="adherent_eleve3_droitimage">Acceptez-vous la diffusion des images?</label>
|
||||
<select id="adherent_eleve3_droitimage" name="adherent_eleve3_droitimage">
|
||||
<option value="" selected></option>
|
||||
<option value="oui">Oui</option>
|
||||
<option value="non">Non</option>
|
||||
</select>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
<div class="grid_3inputs">
|
||||
<div class="input_box input_text input_box_gris">
|
||||
<label for="adherent_eleve3_contactsup_nom">Autre parent à contacter : Nom</label>
|
||||
<input type="text" name="adherent_eleve3_contactsup_nom" id="adherent_eleve3_contactsup_nom">
|
||||
</div>
|
||||
|
||||
<div class="input_box input_text input_box_gris">
|
||||
<label for="adherent_eleve3_contactsup_prenom">Prénom</label>
|
||||
<input type="text" name="adherent_eleve3_contactsup_prenom" id="adherent_eleve3_contactsup_prenom">
|
||||
</div>
|
||||
|
||||
<div class="input_box input_text input_box_gris">
|
||||
<label for="adherent_eleve3_contactsup_mail">Mail</label>
|
||||
<input type="text" name="adherent_eleve3_contactsup_mail" id="adherent_eleve3_contactsup_mail">
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- ---------------------------------- -->
|
||||
<!-- Voulez-vous ajouter un élève ? -->
|
||||
<!-- ---------------------------------- -->
|
||||
<div class="input_checkbox">
|
||||
<input type="checkbox" name="check_eleve4" id="check_eleve4" onclick="ajout_eleve4()">
|
||||
<label for="check_eleve4">Voulez-vous ajouter un quatrième enfant ?</label>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
<!-- ---------------------------------- -->
|
||||
<!-- ÉLÈVES 4 -->
|
||||
<!-- ---------------------------------- -->
|
||||
|
||||
<div id="eleve4" class="hidden">
|
||||
|
||||
<div class="grid_3inputs">
|
||||
<div class="input_box input_text input_box_gris">
|
||||
<label for="adherent_eleve4_nom">Nom de famille</label>
|
||||
<input type="text" name="adherent_eleve4_nom" id="adherent_eleve4_nom">
|
||||
</div>
|
||||
|
||||
<div class="input_box input_text input_box_gris">
|
||||
<label for="adherent_eleve4_prenom">Prénom</label>
|
||||
<input type="text" name="adherent_eleve4_prenom" id="adherent_eleve4_prenom">
|
||||
</div>
|
||||
|
||||
<div class="input_box input_text input_box_gris">
|
||||
<label for="adherent_eleve4_datenaissance">Date de naissance</label>
|
||||
<input type="date" name="adherent_eleve4_datenaissance" id="adherent_eleve4_datenaissance">
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="grid_3inputs">
|
||||
<div class="input_box input_text input_box_bleu">
|
||||
<label for="adherent_eleve4_InstrumentA">Pour l'instrument</label>
|
||||
<select id="adherent_eleve4_InstrumentA" name="adherent_eleve4_InstrumentA" onchange="select_eleve4_InstrumentA(this)">
|
||||
<option value="" selected></option>
|
||||
<option value="Alto">Alto</option>
|
||||
<option value="Contrebasse">Contrebasse</option>
|
||||
<option value="Flûte traversière">Flûte traversière</option>
|
||||
<option value="Guitare">Guitare</option>
|
||||
<option value="Harpe">Harpe</option>
|
||||
<option value="Piano">Piano</option>
|
||||
<option value="Trompette">Trompette</option>
|
||||
<option value="Violon">Violon</option>
|
||||
<option value="Violoncelle">Violoncelle</option>
|
||||
<option value="SECE">SECE</option>
|
||||
</select>
|
||||
</div>
|
||||
|
||||
<div class="input_box input_text input_box_bleu">
|
||||
<label for="adherent_eleve4_InstrumentA_cahier">Cahier</label>
|
||||
<select id="adherent_eleve4_InstrumentA_cahier" name="adherent_eleve4_InstrumentA_cahier">
|
||||
<option value="" selected></option>
|
||||
<option value="Pré-Twinkle">Pré-Twinkle (débutant)</option>
|
||||
<option value="Cahier 1">Cahier 1</option>
|
||||
<option value="Cahier 2">Cahier 2</option>
|
||||
<option value="Cahier 3">Cahier 3</option>
|
||||
<option value="Cahier 4">Cahier 4</option>
|
||||
<option value="Cahier 5">Cahier 5</option>
|
||||
<option value="Cahier 6">Cahier 6</option>
|
||||
<option value="Cahier 7">Cahier 7</option>
|
||||
<option value="Cahier 8">Cahier 8</option>
|
||||
<option value="Cahier 9">Cahier 9</option>
|
||||
<option value="Cahier 10">Cahier 10</option>
|
||||
<option value="Hors cahier">Hors cahier</option>
|
||||
</select>
|
||||
</div>
|
||||
|
||||
<div class="input_box input_text input_box_bleu">
|
||||
<label for="adherent_eleve4_InstrumentA_prof">Professeur</label>
|
||||
<select id="adherent_eleve4_InstrumentA_prof" name="adherent_eleve4_InstrumentA_prof">
|
||||
</select>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
<div class="grid_3inputs">
|
||||
|
||||
<div class="input_box input_text input_box_bleu">
|
||||
<label for="adherent_eleve4_InstrumentB">Deuxième instrument</label>
|
||||
<select id="adherent_eleve4_InstrumentB" name="adherent_eleve4_InstrumentB" onchange="select_eleve4_InstrumentB(this)">
|
||||
<option value="" selected></option>
|
||||
<option value="Alto">Alto</option>
|
||||
<option value="Contrebasse">Contrebasse</option>
|
||||
<option value="Flûte traversière">Flûte traversière</option>
|
||||
<option value="Guitare">Guitare</option>
|
||||
<option value="Harpe">Harpe</option>
|
||||
<option value="Piano">Piano</option>
|
||||
<option value="Trompette">Trompette</option>
|
||||
<option value="Violon">Violon</option>
|
||||
<option value="Violoncelle">Violoncelle</option>
|
||||
<option value="SECE">SECE</option>
|
||||
</select>
|
||||
</div>
|
||||
|
||||
<div class="input_box input_text input_box_bleu">
|
||||
<label for="adherent_eleve4_InstrumentB_cahier">Cahier</label>
|
||||
<select id="adherent_eleve4_InstrumentB_cahier" name="adherent_eleve4_InstrumentB_cahier">
|
||||
<option value="" selected></option>
|
||||
<option value="Pré-Twinkle">Pré-Twinkle (débutant)</option>
|
||||
<option value="Cahier 1">Cahier 1</option>
|
||||
<option value="Cahier 2">Cahier 2</option>
|
||||
<option value="Cahier 3">Cahier 3</option>
|
||||
<option value="Cahier 4">Cahier 4</option>
|
||||
<option value="Cahier 5">Cahier 5</option>
|
||||
<option value="Cahier 6">Cahier 6</option>
|
||||
<option value="Cahier 7">Cahier 7</option>
|
||||
<option value="Cahier 8">Cahier 8</option>
|
||||
<option value="Cahier 9">Cahier 9</option>
|
||||
<option value="Cahier 10">Cahier 10</option>
|
||||
<option value="Hors cahier">Hors cahier</option>
|
||||
</select>
|
||||
</div>
|
||||
|
||||
<div class="input_box input_text input_box_bleu">
|
||||
<label for="adherent_eleve4_InstrumentB_prof">Professeur</label>
|
||||
<select id="adherent_eleve4_InstrumentB_prof" name="adherent_eleve4_InstrumentB_prof">
|
||||
</select>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
<div class="grid_3inputs">
|
||||
|
||||
<div class="input_box input_text input_box_bleu">
|
||||
<label for="adherent_eleve4_droitimage">Acceptez-vous la diffusion des images?</label>
|
||||
<select id="adherent_eleve4_droitimage" name="adherent_eleve4_droitimage">
|
||||
<option value="" selected></option>
|
||||
<option value="oui">Oui</option>
|
||||
<option value="non">Non</option>
|
||||
</select>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="grid_3inputs">
|
||||
<div class="input_box input_text input_box_gris">
|
||||
<label for="adherent_eleve4_contactsup_nom">Autre parent à contacter : Nom</label>
|
||||
<input type="text" name="adherent_eleve4_contactsup_nom" id="adherent_eleve4_contactsup_nom">
|
||||
</div>
|
||||
|
||||
<div class="input_box input_text input_box_gris">
|
||||
<label for="adherent_eleve4_contactsup_prenom">Prénom</label>
|
||||
<input type="text" name="adherent_eleve4_contactsup_prenom" id="adherent_eleve4_contactsup_prenom">
|
||||
</div>
|
||||
|
||||
<div class="input_box input_text input_box_gris">
|
||||
<label for="adherent_eleve4_contactsup_mail">Mail</label>
|
||||
<input type="text" name="adherent_eleve4_contactsup_mail" id="adherent_eleve4_contactsup_mail">
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- ---------------------------------- -->
|
||||
<!-- Voulez-vous ajouter un élève ? -->
|
||||
@@ -625,152 +177,9 @@
|
||||
<label for="check_eleve5">Voulez-vous ajouter un cinquième enfant ?</label>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
|
||||
<!-- ---------------------------------- -->
|
||||
<!-- ÉLÈVES 5 -->
|
||||
<!-- ---------------------------------- -->
|
||||
|
||||
<div id="eleve5" class="hidden">
|
||||
|
||||
<div class="grid_3inputs">
|
||||
<div class="input_box input_text input_box_gris">
|
||||
<label for="adherent_eleve5_nom">Nom de famille</label>
|
||||
<input type="text" name="adherent_eleve5_nom" id="adherent_eleve5_nom">
|
||||
</div>
|
||||
|
||||
<div class="input_box input_text input_box_gris">
|
||||
<label for="adherent_eleve5_prenom">Prénom</label>
|
||||
<input type="text" name="adherent_eleve5_prenom" id="adherent_eleve5_prenom">
|
||||
</div>
|
||||
|
||||
<div class="input_box input_text input_box_gris">
|
||||
<label for="adherent_eleve5_datenaissance">Date de naissance</label>
|
||||
<input type="date" name="adherent_eleve5_datenaissance" id="adherent_eleve5_datenaissance">
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="grid_3inputs">
|
||||
<div class="input_box input_text input_box_bleu">
|
||||
<label for="adherent_eleve5_InstrumentA">Pour l'instrument</label>
|
||||
<select id="adherent_eleve5_InstrumentA" name="adherent_eleve5_InstrumentA" onchange="select_eleve5_InstrumentA(this)">
|
||||
<option value="" selected></option>
|
||||
<option value="Alto">Alto</option>
|
||||
<option value="Contrebasse">Contrebasse</option>
|
||||
<option value="Flûte traversière">Flûte traversière</option>
|
||||
<option value="Guitare">Guitare</option>
|
||||
<option value="Harpe">Harpe</option>
|
||||
<option value="Piano">Piano</option>
|
||||
<option value="Trompette">Trompette</option>
|
||||
<option value="Violon">Violon</option>
|
||||
<option value="Violoncelle">Violoncelle</option>
|
||||
<option value="SECE">SECE</option>
|
||||
</select>
|
||||
</div>
|
||||
|
||||
<div class="input_box input_text input_box_bleu">
|
||||
<label for="adherent_eleve5_InstrumentA_cahier">Cahier</label>
|
||||
<select id="adherent_eleve5_InstrumentA_cahier" name="adherent_eleve5_InstrumentA_cahier">
|
||||
<option value="" selected></option>
|
||||
<option value="Pré-Twinkle">Pré-Twinkle (débutant)</option>
|
||||
<option value="Cahier 1">Cahier 1</option>
|
||||
<option value="Cahier 2">Cahier 2</option>
|
||||
<option value="Cahier 3">Cahier 3</option>
|
||||
<option value="Cahier 4">Cahier 4</option>
|
||||
<option value="Cahier 5">Cahier 5</option>
|
||||
<option value="Cahier 6">Cahier 6</option>
|
||||
<option value="Cahier 7">Cahier 7</option>
|
||||
<option value="Cahier 8">Cahier 8</option>
|
||||
<option value="Cahier 9">Cahier 9</option>
|
||||
<option value="Cahier 10">Cahier 10</option>
|
||||
<option value="Hors cahier">Hors cahier</option>
|
||||
</select>
|
||||
</div>
|
||||
|
||||
<div class="input_box input_text input_box_bleu">
|
||||
<label for="adherent_eleve5_InstrumentA_prof">Professeur</label>
|
||||
<select id="adherent_eleve5_InstrumentA_prof" name="adherent_eleve5_InstrumentA_prof">
|
||||
</select>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
<div class="grid_3inputs">
|
||||
|
||||
<div class="input_box input_text input_box_bleu">
|
||||
<label for="adherent_eleve5_InstrumentB">Deuxième instrument</label>
|
||||
<select id="adherent_eleve5_InstrumentB" name="adherent_eleve5_InstrumentB" onchange="select_eleve5_InstrumentB(this)">
|
||||
<option value="" selected></option>
|
||||
<option value="Alto">Alto</option>
|
||||
<option value="Contrebasse">Contrebasse</option>
|
||||
<option value="Flûte traversière">Flûte traversière</option>
|
||||
<option value="Guitare">Guitare</option>
|
||||
<option value="Harpe">Harpe</option>
|
||||
<option value="Piano">Piano</option>
|
||||
<option value="Trompette">Trompette</option>
|
||||
<option value="Violon">Violon</option>
|
||||
<option value="Violoncelle">Violoncelle</option>
|
||||
<option value="SECE">SECE</option>
|
||||
</select>
|
||||
</div>
|
||||
|
||||
<div class="input_box input_text input_box_bleu">
|
||||
<label for="adherent_eleve5_InstrumentB_cahier">Cahier</label>
|
||||
<select id="adherent_eleve5_InstrumentB_cahier" name="adherent_eleve5_InstrumentB_cahier">
|
||||
<option value="" selected></option>
|
||||
<option value="Pré-Twinkle">Pré-Twinkle (débutant)</option>
|
||||
<option value="Cahier 1">Cahier 1</option>
|
||||
<option value="Cahier 2">Cahier 2</option>
|
||||
<option value="Cahier 3">Cahier 3</option>
|
||||
<option value="Cahier 4">Cahier 4</option>
|
||||
<option value="Cahier 5">Cahier 5</option>
|
||||
<option value="Cahier 6">Cahier 6</option>
|
||||
<option value="Cahier 7">Cahier 7</option>
|
||||
<option value="Cahier 8">Cahier 8</option>
|
||||
<option value="Cahier 9">Cahier 9</option>
|
||||
<option value="Cahier 10">Cahier 10</option>
|
||||
<option value="Hors cahier">Hors cahier</option>
|
||||
</select>
|
||||
</div>
|
||||
|
||||
<div class="input_box input_text input_box_bleu">
|
||||
<label for="adherent_eleve5_InstrumentB_prof">Professeur</label>
|
||||
<select id="adherent_eleve5_InstrumentB_prof" name="adherent_eleve5_InstrumentB_prof">
|
||||
</select>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
<div class="grid_3inputs">
|
||||
|
||||
<div class="input_box input_text input_box_bleu">
|
||||
<label for="adherent_eleve5_droitimage">Acceptez-vous la diffusion des images?</label>
|
||||
<select id="adherent_eleve5_droitimage" name="adherent_eleve5_droitimage">
|
||||
<option value="" selected></option>
|
||||
<option value="oui">Oui</option>
|
||||
<option value="non">Non</option>
|
||||
</select>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="grid_3inputs">
|
||||
<div class="input_box input_text input_box_gris">
|
||||
<label for="adherent_eleve5_contactsup_nom">Autre parent à contacter : Nom</label>
|
||||
<input type="text" name="adherent_eleve5_contactsup_nom" id="adherent_eleve5_contactsup_nom">
|
||||
</div>
|
||||
|
||||
<div class="input_box input_text input_box_gris">
|
||||
<label for="adherent_eleve5_contactsup_prenom">Prénom</label>
|
||||
<input type="text" name="adherent_eleve5_contactsup_prenom" id="adherent_eleve5_contactsup_prenom">
|
||||
</div>
|
||||
|
||||
<div class="input_box input_text input_box_gris">
|
||||
<label for="adherent_eleve5_contactsup_mail">Mail</label>
|
||||
<input type="text" name="adherent_eleve5_contactsup_mail" id="adherent_eleve5_contactsup_mail">
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
|
||||
|
||||
|
||||
@@ -8,17 +8,50 @@
|
||||
<!-- OUI - IL VEUT SAISIR DIPLOMES -->
|
||||
<!-- AFFICHER DES INPUTS DIPLOME -->
|
||||
<!-- ---------------------------------- -->
|
||||
<%
|
||||
const regionsEcolesProf = [
|
||||
'Auvergne-Rhône-Alpes',
|
||||
'Bourgogne-Franche-Comté',
|
||||
'Bretagne',
|
||||
'Centre-Val de Loire',
|
||||
'Corse',
|
||||
'Espagne',
|
||||
'Grand Est',
|
||||
'Hauts-de-France',
|
||||
'Île-de-France',
|
||||
'Normandie',
|
||||
'Nouvelle-Aquitaine',
|
||||
'Occitanie',
|
||||
'Pays de la Loire',
|
||||
"Provence-Alpes-Côte d'Azur",
|
||||
'Guadeloupe',
|
||||
'Martinique',
|
||||
'Guyane',
|
||||
'La Réunion',
|
||||
'Luxembourg',
|
||||
'Mayotte',
|
||||
'Polynésie française',
|
||||
'Nouvelle-Calédonie',
|
||||
'Saint-Pierre-et-Miquelon',
|
||||
'Wallis-et-Futuna',
|
||||
'Saint-Martin',
|
||||
'Saint-Barthélemy',
|
||||
'Suisse'
|
||||
];
|
||||
%>
|
||||
|
||||
<section id="prof_diplome" class="hidden">
|
||||
<div class="grid_2inputs">
|
||||
<div class="input_box input_text input_box_bleu">
|
||||
<label for="adherent_prof_instrument1">Instrument</label>
|
||||
<select id="adherent_prof_instrument1" name="adherent_prof_instrument1">
|
||||
<select id="adherent_prof_instrument1" name="adherent_prof_instrument1" required>
|
||||
<option value="" selected></option>
|
||||
<option value="Alto">Alto</option>
|
||||
<option value="Contrebasse">Contrebasse</option>
|
||||
<option value="Flûte traversière">Flûte traversière</option>
|
||||
<option value="Guitare">Guitare</option>
|
||||
<option value="Harpe">Harpe</option>
|
||||
<option value="Orgue">Orgue</option>
|
||||
<option value="Piano">Piano</option>
|
||||
<option value="Trompette">Trompette</option>
|
||||
<option value="Violon">Violon</option>
|
||||
@@ -28,7 +61,7 @@
|
||||
|
||||
<div class="input_box input_text input_box_bleu">
|
||||
<label for="adherent_prof_instrument1_esa">Niveau ESA Obtenu</label>
|
||||
<select id="adherent_prof_instrument1_esa" name="adherent_prof_instrument1_esa">
|
||||
<select id="adherent_prof_instrument1_esa" name="adherent_prof_instrument1_esa" required>
|
||||
<option value="" selected></option>
|
||||
<option value="Niveau 1">Niveau 1</option>
|
||||
<option value="Niveau 2">Niveau 2</option>
|
||||
@@ -50,6 +83,7 @@
|
||||
<option value="Flûte traversière">Flûte traversière</option>
|
||||
<option value="Guitare">Guitare</option>
|
||||
<option value="Harpe">Harpe</option>
|
||||
<option value="Orgue">Orgue</option>
|
||||
<option value="Piano">Piano</option>
|
||||
<option value="Trompette">Trompette</option>
|
||||
<option value="Violon">Violon</option>
|
||||
@@ -74,7 +108,7 @@
|
||||
|
||||
<div class="input_box input_text input_box_bleu">
|
||||
<label for="adherent_prof_sece">Diplômé SECE (Early Childhood)</label>
|
||||
<select id="adherent_prof_sece" name="adherent_prof_sece">
|
||||
<select id="adherent_prof_sece" name="adherent_prof_sece" required>
|
||||
<option value="" selected></option>
|
||||
<option value="oui">Oui</option>
|
||||
<option value="non">Non</option>
|
||||
@@ -83,14 +117,15 @@
|
||||
</div>
|
||||
|
||||
|
||||
<div class="explication">
|
||||
<p>Renseigner jusqu'à 3 écoles de musique ou classes dans lesquelles vous enseignez selon la pédagogie Suzuki</p>
|
||||
<div class="explication_pleine_page">
|
||||
<p>Renseigner jusqu'à 3 <strong>écoles</strong> de musique, <strong>classes</strong> ou <strong>lieux</strong> dans lesquelles vous enseignez la pédagogie Suzuki</p>
|
||||
<p>Le premier lieu servira de référence pour l'affichage sur la carte de géolocalisation des professeurs du site de l'AFPS. La saisie de la ville et du code postal est importante.</p>
|
||||
</div>
|
||||
|
||||
<div class="grid_3inputs">
|
||||
<div class="input_box input_text input_box_bleu">
|
||||
<label for="adherent_prof_ecole1">École / classe [1]</label>
|
||||
<input type="text" name="adherent_prof_ecole1" id="adherent_prof_ecole1" placeholder="Dans laquelle vous enseignez">
|
||||
<label for="adherent_prof_ecole1">École / classe / lieu [1]</label>
|
||||
<input type="text" name="adherent_prof_ecole1" id="adherent_prof_ecole1" placeholder="Lieu dans lequel vous enseignez" required>
|
||||
</div>
|
||||
|
||||
<div class="input_box input_text input_box_gris">
|
||||
@@ -105,17 +140,27 @@
|
||||
|
||||
<div class="input_box input_text input_box_gris">
|
||||
<label for="adherent_prof_ecole1_adresse">Adresse</label>
|
||||
<input type="text" name="adherent_prof_ecole1_adresse" id="adherent_prof_ecole1_adresse">
|
||||
<input type="text" name="adherent_prof_ecole1_adresse" id="adherent_prof_ecole1_adresse" required>
|
||||
</div>
|
||||
|
||||
<div class="input_box input_text input_box_gris">
|
||||
<label for="adherent_prof_ecole1_cp">Code postal</label>
|
||||
<input type="text" name="adherent_prof_ecole1_cp" id="adherent_prof_ecole1_cp">
|
||||
<input type="text" name="adherent_prof_ecole1_cp" id="adherent_prof_ecole1_cp" placeholder="Important pour le référencement dans l'annuaire" required>
|
||||
</div>
|
||||
|
||||
<div class="input_box input_text input_box_gris">
|
||||
<label for="adherent_prof_ecole1_ville">Ville</label>
|
||||
<input type="text" name="adherent_prof_ecole1_ville" id="adherent_prof_ecole1_ville">
|
||||
<input type="text" name="adherent_prof_ecole1_ville" id="adherent_prof_ecole1_ville" placeholder="Important pour le référencement dans l'annuaire" required>
|
||||
</div>
|
||||
|
||||
<div class="input_box input_text input_box_gris">
|
||||
<label for="adherent_prof_ecole1_region">Région</label>
|
||||
<select id="adherent_prof_ecole1_region" name="adherent_prof_ecole1_region" required>
|
||||
<option value="" selected></option>
|
||||
<% regionsEcolesProf.forEach(function(region) { %>
|
||||
<option value="<%= region %>"><%= region %></option>
|
||||
<% }); %>
|
||||
</select>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
@@ -156,6 +201,16 @@
|
||||
<label for="adherent_prof_ecole2_ville">Ville</label>
|
||||
<input type="text" name="adherent_prof_ecole2_ville" id="adherent_prof_ecole2_ville">
|
||||
</div>
|
||||
|
||||
<div class="input_box input_text input_box_gris">
|
||||
<label for="adherent_prof_ecole2_region">Région</label>
|
||||
<select id="adherent_prof_ecole2_region" name="adherent_prof_ecole2_region">
|
||||
<option value="" selected></option>
|
||||
<% regionsEcolesProf.forEach(function(region) { %>
|
||||
<option value="<%= region %>"><%= region %></option>
|
||||
<% }); %>
|
||||
</select>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div id="ajout_ecole3" class="ajout_ecole_button">
|
||||
@@ -193,6 +248,16 @@
|
||||
<label for="adherent_prof_ecole3_ville">Ville</label>
|
||||
<input type="text" name="adherent_prof_ecole3_ville" id="adherent_prof_ecole3_ville">
|
||||
</div>
|
||||
|
||||
<div class="input_box input_text input_box_gris">
|
||||
<label for="adherent_prof_ecole3_region">Région</label>
|
||||
<select id="adherent_prof_ecole3_region" name="adherent_prof_ecole3_region">
|
||||
<option value="" selected></option>
|
||||
<% regionsEcolesProf.forEach(function(region) { %>
|
||||
<option value="<%= region %>"><%= region %></option>
|
||||
<% }); %>
|
||||
</select>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
@@ -1,5 +1,4 @@
|
||||
<!-- ---------------------------------- -->
|
||||
<!-- PROF -->
|
||||
<!-- FORMULAIRE de saisie Infos générales -->
|
||||
<!-- ---------------------------------- -->
|
||||
|
||||
@@ -7,10 +6,6 @@
|
||||
<!-- ---------------------------------- -->
|
||||
<!-- AFFICHAGE DU MAIL SAISIE DANS L'ÉCRAN DE VÉRIFICATION DU MAIL -->
|
||||
<!-- ---------------------------------- -->
|
||||
<!-- <div class="input_box input_email">
|
||||
<label for="">VOTRE IDENTIFIANT</label>
|
||||
<input readonly="readonly" type="email" name="" id="" value="<%= identifiant %>">
|
||||
</div> -->
|
||||
|
||||
<div>
|
||||
<p>VOTRE IDENTIFIANT : <span class='identifiant'><%= identifiant %></span></p>
|
||||
@@ -34,22 +29,17 @@
|
||||
|
||||
<div class="grid_3inputs">
|
||||
<div class="input_box input_text input_box_gris">
|
||||
<label for="adherent_nom">Nom</label>
|
||||
<label for="adherent_nom">Nom*</label>
|
||||
<input type="text" name="adherent_nom" id="adherent_nom" value="<% if (locals.adherent_nom) { %><%= adherent_nom %><% }; %>" required>
|
||||
</div>
|
||||
|
||||
<div class="input_box input_text input_box_gris">
|
||||
<label for="adherent_prenom">Prénom</label>
|
||||
<label for="adherent_prenom">Prénom*</label>
|
||||
<input type="text" name="adherent_prenom" id="adherent_prenom" required>
|
||||
</div>
|
||||
|
||||
<div class="input_box input_text input_box_gris">
|
||||
<label for="adherent_datenaissance">Date de naissance</label>
|
||||
<input type="date" name="adherent_datenaissance" id="adherent_datenaissance">
|
||||
</div>
|
||||
|
||||
<div class="input_box input_text input_box_gris">
|
||||
<label for="adherent_adresse_rue">Rue</label>
|
||||
<label for="adherent_adresse_rue">Rue*</label>
|
||||
<input type="text" name="adherent_adresse_rue" id="adherent_adresse_rue" required>
|
||||
</div>
|
||||
|
||||
@@ -59,23 +49,25 @@
|
||||
</div>
|
||||
|
||||
<div class="input_box input_text input_box_gris">
|
||||
<label for="adherent_adresse_codepostal">Code postal</label>
|
||||
<input type="text" name="adherent_adresse_codepostal" id="adherent_adresse_codepostal">
|
||||
<label for="adherent_adresse_codepostal">Code postal*</label>
|
||||
<input type="text" name="adherent_adresse_codepostal" id="adherent_adresse_codepostal" required>
|
||||
</div>
|
||||
|
||||
<div class="input_box input_text input_box_gris">
|
||||
<label for="adherent_adresse_ville">Ville</label>
|
||||
<label for="adherent_adresse_ville">Ville*</label>
|
||||
<input type="text" name="adherent_adresse_ville" id="adherent_adresse_ville" required>
|
||||
</div>
|
||||
|
||||
<div class="input_box input_text input_box_gris">
|
||||
<label for="adherent_adresse_pays">Pays</label>
|
||||
<input type="text" name="adherent_adresse_pays" id="adherent_adresse_pays">
|
||||
<label for="adherent_adresse_pays">Pays*</label>
|
||||
<input type="text" name="adherent_adresse_pays" id="adherent_adresse_pays" required>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
<div class="grid_3inputs">
|
||||
<div class="input_box input_text input_box_gris">
|
||||
<label for="adherent_telephone_mobile">Téléphone mobile</label>
|
||||
<input type="tel" name="adherent_telephone_mobile" id="adherent_telephone_mobile">
|
||||
<label for="adherent_telephone_mobile">Téléphone mobile*</label>
|
||||
<input type="tel" name="adherent_telephone_mobile" id="adherent_telephone_mobile" required>
|
||||
</div>
|
||||
|
||||
<div class="input_box input_text input_box_gris">
|
||||
|
||||
@@ -15,10 +15,10 @@
|
||||
|
||||
<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>
|
||||
<h2><a href="inscription/adhesion">Adhérer à l'Association Française pour la Pédagogie Suzuki pour l'année 2025/2026</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>
|
||||
<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 2025/2026</a></h2>
|
||||
</div>
|
||||
|
||||
</section>
|
||||
|
||||
@@ -3,7 +3,7 @@
|
||||
<!-- //////////////////////////// -->
|
||||
<header>
|
||||
<div class="logo">
|
||||
<img src="/public/images/logos/LogoSuzukiGris.png" alt="">
|
||||
<img src="/public/images/logos/logosuzukigris.png" alt="">
|
||||
</div>
|
||||
<div></div>
|
||||
<nav>
|
||||
|
||||
135
views/concert/page_templates/achat_spectateur.ejs
Normal file
135
views/concert/page_templates/achat_spectateur.ejs
Normal file
@@ -0,0 +1,135 @@
|
||||
<%- include('../../template_parts/head')%>
|
||||
|
||||
<body>
|
||||
|
||||
<!-- ---------------------------------- -->
|
||||
<!-- HEADER -->
|
||||
<!-- ---------------------------------- -->
|
||||
<%- include('../../template_parts/header_tunnel')%>
|
||||
|
||||
<main>
|
||||
|
||||
<!-- ---------------------------------- -->
|
||||
<!-- TITRE DE LA PAGE -->
|
||||
<!-- ---------------------------------- -->
|
||||
<%- include('../template_parts/concert_titrepage')%>
|
||||
|
||||
<!-- ---------------------------------- -->
|
||||
<!-- FORMULAIRE -->
|
||||
<!-- ---------------------------------- -->
|
||||
<article class="stage_formulaire_cont form_adhesion">
|
||||
|
||||
<form id="form_achat_spectateur" action="" method="post" class="stage_formulaire">
|
||||
|
||||
<!-- ---------------------------------- -->
|
||||
<!-- ADHÉRENT -->
|
||||
<!-- ---------------------------------- -->
|
||||
<section>
|
||||
<h1><img class='icone_titre' src="/public/images/icones/icone_compte.png" alt="icone information">VOTRE COMPTE ADHÉRENT</h1>
|
||||
|
||||
<div class="grid_2inputs">
|
||||
<div>
|
||||
<p>Identifiant : <span class='identifiant'><%= identifiant %></span></p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</section>
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
<!-- ---------------------------------- -->
|
||||
<!-- EXPLICATIONS -->
|
||||
<!-- ---------------------------------- -->
|
||||
<section>
|
||||
<h1 class="titre_personne"><span class="rouge">ACHAT DES PLACES SPECTATEURS RESTANTES</span></h1>
|
||||
</section>
|
||||
|
||||
<div class="space40"></div>
|
||||
|
||||
<!-- ---------------------------------- -->
|
||||
<!-- SPECTATEUR -->
|
||||
<!-- ---------------------------------- -->
|
||||
<section>
|
||||
<div class="place_categorie">
|
||||
<div class="sous_titre">
|
||||
<div><img class='icone_titre' src="/public/images/icones/spectator.webp" alt="icone information à cliquer" /></div>
|
||||
<div><p>SPECTATEURS</p></div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
<div><p class="marginbottom_40px montserrat_light">Tarif spectateur : 20€</p></div>
|
||||
|
||||
<!-- COMBIEN DE SPECTATEURS ? 3 MAX -->
|
||||
<% if(locals.quota_spectateur == "nondepasse"){ %>
|
||||
<section id="spectateur0" data-spectateur_nb_restantes='<%= spectateur_nb_restantes %>' data-spectateur_remisenvente='non' data-quota_total_spectateur='<%= quota_total_spectateur %>'>
|
||||
|
||||
</section>
|
||||
<% } else{ %>
|
||||
<section id="spectateur0" data-spectateur_nb_restantes='<%= spectateur_nb_restantes %>' data-spectateur_remisenvente='non' data-quota_total_spectateur='<%= quota_total_spectateur %>'>
|
||||
<p class="montserrat_light"><mark>Vous avez déjà atteint le nombre maximum de spectateurs inscrits</mark></p>
|
||||
</section>
|
||||
<% } %>
|
||||
|
||||
|
||||
<div class="space40"></div>
|
||||
|
||||
<section>
|
||||
<h1 class="titre_personne"><span class="rouge">ENCADRANTS BÉNÉVOLES</span></h1>
|
||||
</section>
|
||||
|
||||
<div class="space40"></div>
|
||||
<!-- ---------------------------------- -->
|
||||
<!-- ENCADRANT -->
|
||||
<!-- ---------------------------------- -->
|
||||
<section>
|
||||
<div class="place_categorie">
|
||||
<div class="sous_titre">
|
||||
<div><img class='icone_titre' src="/public/images/icones/encadrant.webp" alt="icone information à cliquer" /></div>
|
||||
<div>
|
||||
<p>ENCADRANT <span class="montserrat_light">PARENT</span> ou <span class="montserrat_light">PROFESSEUR</span></p>
|
||||
<ul class="note">
|
||||
<li>Les encadrants n'ont pas besoin d'acheter de place spectateur.</li>
|
||||
<li>Selon ses missions l'encadrant ne verra peut-être pas le concert.</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Voulez-vous ajouter un encadrant ? -->
|
||||
<div class="input_checkbox">
|
||||
<input type="checkbox" name="check_encadrant0" id="check_encadrant0" onchange="ajout_encadrant(0,<%= encadr_parent_nb_restantes %>)">
|
||||
<label class="gras" for="check_encadrant0">Souhaitez-vous être encadrant pour cet événement ?</label>
|
||||
</div>
|
||||
|
||||
</section>
|
||||
|
||||
<!-- SAISIE POUR UN ENCADRANT -->
|
||||
<section id="encadrant0" data-encadr_parent_nb_restantes='<%= encadr_parent_nb_restantes %>'>
|
||||
</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/adhesion/hidden_visible.js"></script>
|
||||
<script src="/public/js/concert/concert_formulaire_famille.js"></script>
|
||||
|
||||
</html>
|
||||
135
views/concert/page_templates/achat_spectateur_20240406.ejs
Normal file
135
views/concert/page_templates/achat_spectateur_20240406.ejs
Normal file
@@ -0,0 +1,135 @@
|
||||
<%- include('../../template_parts/head')%>
|
||||
|
||||
<body>
|
||||
|
||||
<!-- ---------------------------------- -->
|
||||
<!-- HEADER -->
|
||||
<!-- ---------------------------------- -->
|
||||
<%- include('../../template_parts/header_tunnel')%>
|
||||
|
||||
<main>
|
||||
|
||||
<!-- ---------------------------------- -->
|
||||
<!-- TITRE DE LA PAGE -->
|
||||
<!-- ---------------------------------- -->
|
||||
<%- include('../template_parts/concert_titrepage')%>
|
||||
|
||||
<!-- ---------------------------------- -->
|
||||
<!-- FORMULAIRE -->
|
||||
<!-- ---------------------------------- -->
|
||||
<article class="stage_formulaire_cont form_adhesion">
|
||||
|
||||
<form id="form_achat_spectateur" action="" method="post" class="stage_formulaire">
|
||||
|
||||
<!-- ---------------------------------- -->
|
||||
<!-- ADHÉRENT -->
|
||||
<!-- ---------------------------------- -->
|
||||
<section>
|
||||
<h1><img class='icone_titre' src="/public/images/icones/icone_compte.png" alt="icone information">VOTRE COMPTE ADHÉRENT</h1>
|
||||
|
||||
<div class="grid_2inputs">
|
||||
<div>
|
||||
<p>Identifiant : <span class='identifiant'><%= identifiant %></span></p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</section>
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
<!-- ---------------------------------- -->
|
||||
<!-- EXPLICATIONS -->
|
||||
<!-- ---------------------------------- -->
|
||||
<section>
|
||||
<h1 class="titre_personne"><span class="rouge">ACHAT DES PLACES SPECTATEURS RESTANTES</span></h1>
|
||||
</section>
|
||||
|
||||
<div class="space40"></div>
|
||||
|
||||
<!-- ---------------------------------- -->
|
||||
<!-- SPECTATEUR -->
|
||||
<!-- ---------------------------------- -->
|
||||
<section>
|
||||
<div class="place_categorie">
|
||||
<div class="sous_titre">
|
||||
<div><img class='icone_titre' src="/public/images/icones/spectator.webp" alt="icone information à cliquer" /></div>
|
||||
<div><p>SPECTATEURS</p></div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
<div><p class="marginbottom_40px montserrat_light">Tarif spectateur : 20€</p></div>
|
||||
|
||||
<!-- COMBIEN DE SPECTATEURS ? 3 MAX -->
|
||||
<% if(locals.quota_spectateur == "nondepasse"){ %>
|
||||
<section id="spectateur0" data-spectateur_nb_restantes='<%= spectateur_nb_restantes %>' data-spectateur_remisenvente='oui' data-quota_total_spectateur='<%= quota_total_spectateur %>'>
|
||||
|
||||
</section>
|
||||
<% } else{ %>
|
||||
<section id="spectateur0" data-spectateur_nb_restantes='<%= spectateur_nb_restantes %>' data-spectateur_remisenvente='non' data-quota_total_spectateur='<%= quota_total_spectateur %>'>
|
||||
<p class="montserrat_light"><mark>Vous avez déjà atteint le nombre maximum de spectateurs inscrits</mark></p>
|
||||
</section>
|
||||
<% } %>
|
||||
|
||||
|
||||
<div class="space40"></div>
|
||||
|
||||
<section>
|
||||
<h1 class="titre_personne"><span class="rouge">ENCADRANTS BÉNÉVOLES</span></h1>
|
||||
</section>
|
||||
|
||||
<div class="space40"></div>
|
||||
<!-- ---------------------------------- -->
|
||||
<!-- ENCADRANT -->
|
||||
<!-- ---------------------------------- -->
|
||||
<section>
|
||||
<div class="place_categorie">
|
||||
<div class="sous_titre">
|
||||
<div><img class='icone_titre' src="/public/images/icones/encadrant.webp" alt="icone information à cliquer" /></div>
|
||||
<div>
|
||||
<p>ENCADRANT <span class="montserrat_light">PARENT</span> ou <span class="montserrat_light">PROFESSEUR</span></p>
|
||||
<ul class="note">
|
||||
<li>Les encadrants n'ont pas besoin d'acheter de place spectateur.</li>
|
||||
<li>Selon ses missions l'encadrant ne verra peut-être pas le concert.</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Voulez-vous ajouter un encadrant ? -->
|
||||
<div class="input_checkbox">
|
||||
<input type="checkbox" name="check_encadrant0" id="check_encadrant0" onchange="ajout_encadrant(0,<%= encadr_parent_nb_restantes %>)">
|
||||
<label class="gras" for="check_encadrant0">Souhaitez-vous être encadrant pour cet événement ?</label>
|
||||
</div>
|
||||
|
||||
</section>
|
||||
|
||||
<!-- SAISIE POUR UN ENCADRANT -->
|
||||
<section id="encadrant0" data-encadr_parent_nb_restantes='<%= encadr_parent_nb_restantes %>'>
|
||||
</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/adhesion/hidden_visible.js"></script>
|
||||
<script src="/public/js/concert/concert_formulaire_famille.js"></script>
|
||||
|
||||
</html>
|
||||
71
views/concert/page_templates/achat_spectateur_tous.ejs
Normal file
71
views/concert/page_templates/achat_spectateur_tous.ejs
Normal file
@@ -0,0 +1,71 @@
|
||||
<%- include('../../template_parts/head')%>
|
||||
|
||||
<body>
|
||||
|
||||
<!-- ---------------------------------- -->
|
||||
<!-- HEADER -->
|
||||
<!-- ---------------------------------- -->
|
||||
<%- include('../../template_parts/header_tunnel')%>
|
||||
|
||||
<main>
|
||||
|
||||
<!-- ---------------------------------- -->
|
||||
<!-- TITRE DE LA PAGE -->
|
||||
<!-- ---------------------------------- -->
|
||||
<%- include('../template_parts/concert_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>
|
||||
<% }; %>
|
||||
|
||||
<section class="titre">
|
||||
|
||||
<p><span class="soft">VENTE DES PLACES SPECTATEURS RESTANTES</span></p>
|
||||
</section>
|
||||
|
||||
<section>
|
||||
<a title="Logiciel billetterie en ligne"
|
||||
href="https://weezevent.com/?c=sys_widget"
|
||||
class="weezevent-widget-integration"
|
||||
data-src="https://widget.weezevent.com/ticket/E1113594/?code=28524&locale=fr-FR&width_auto=1&color_primary=E73058"
|
||||
data-width="650"
|
||||
data-height="600"
|
||||
data-id="1113594"
|
||||
data-resize="1"
|
||||
data-width_auto="1"
|
||||
data-noscroll="0"
|
||||
data-use-container="yes"
|
||||
data-type="neo"
|
||||
target="_blank">Billetterie Weezevent</a>
|
||||
<script type="text/javascript" src="https://widget.weezevent.com/weez.js"></script>
|
||||
</section>
|
||||
|
||||
<!-- ---------------------------------- -->
|
||||
<!-- FORMULAIRE -->
|
||||
<!-- ---------------------------------- -->
|
||||
<article class="stage_formulaire_cont form_adhesion">
|
||||
|
||||
|
||||
</article>
|
||||
|
||||
</main>
|
||||
|
||||
|
||||
|
||||
<!-- ---------------------------------- -->
|
||||
<!-- FOOTER -->
|
||||
<!-- ---------------------------------- -->
|
||||
<%- include('../../template_parts/footer')%>
|
||||
|
||||
</body>
|
||||
|
||||
<!-- JAVASCRIPT d'EXECUTION -->
|
||||
<script src="/public/js/adhesion/hidden_visible.js"></script>
|
||||
<script src="/public/js/concert/concert_formulaire_famille.js"></script>
|
||||
|
||||
</html>
|
||||
128
views/concert/page_templates/admin.ejs
Normal file
128
views/concert/page_templates/admin.ejs
Normal file
@@ -0,0 +1,128 @@
|
||||
<%- include('../../template_parts/head')%>
|
||||
|
||||
<body>
|
||||
|
||||
<!-- ---------------------------------- -->
|
||||
<!-- HEADER -->
|
||||
<!-- ---------------------------------- -->
|
||||
<%- include('../../template_parts/header_tunnel')%>
|
||||
|
||||
<main>
|
||||
|
||||
<!-- ---------------------------------- -->
|
||||
<!-- TITRE DE LA PAGE -->
|
||||
<!-- ---------------------------------- -->
|
||||
<%- include('../template_parts/concert_titrepage')%>
|
||||
|
||||
|
||||
<article class="maj_manuelle">
|
||||
|
||||
<!-- ---------------------------------- -->
|
||||
<!-- Ajout manuel de participant -->
|
||||
<!-- ---------------------------------- -->
|
||||
<section>
|
||||
<!-- 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>
|
||||
<% }; %>
|
||||
|
||||
|
||||
|
||||
<!-- ---------------------------------- -->
|
||||
<!-- 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="">
|
||||
</div>
|
||||
|
||||
<div class="input_checkbox">
|
||||
<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>
|
||||
</div>
|
||||
|
||||
|
||||
<!-- ---------------------------------- -->
|
||||
<!-- 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>
|
||||
</section>
|
||||
|
||||
</article>
|
||||
|
||||
<aside>
|
||||
<h1>NOMBRE DE PLACES RÉSERVÉES : </h1>
|
||||
<ul>
|
||||
<% if (typeof results_count_spectateurs != "undefined") {for(const key in results_count_spectateurs) { %>
|
||||
<li><%= key %>: <%= results_count_spectateurs[key] %></li>
|
||||
<% }} %>
|
||||
<% if (typeof results_count_encadrant_prof != "undefined") {for(const key in results_count_encadrant_prof) { %>
|
||||
<li><%= key %>: <%= results_count_encadrant_prof[key] %></li>
|
||||
<% }} %>
|
||||
<% if (typeof results_count_encadrant_parent != "undefined") {for(const key in results_count_encadrant_parent) { %>
|
||||
<li><%= key %>: <%= results_count_encadrant_parent[key] %></li>
|
||||
<% }} %>
|
||||
<% if (typeof results_count_instruments != "undefined") {for(const key in results_count_instruments) { %>
|
||||
<li><%= key %>: <%= results_count_instruments[key] %></li>
|
||||
<% }} %>
|
||||
<% if (typeof results_count_piano != "undefined") {for(const key in results_count_piano) { %>
|
||||
<li><%= key %>: <%= results_count_piano[key] %></li>
|
||||
<% }} %>
|
||||
<% if (typeof results_count_violon_1 != "undefined") {for(const key in results_count_violon_1) { %>
|
||||
<li><%= key %>: <%= results_count_violon_1[key] %></li>
|
||||
<% }} %>
|
||||
<% if (typeof results_count_violon_2 != "undefined") {for(const key in results_count_violon_2) { %>
|
||||
<li><%= key %>: <%= results_count_violon_2[key] %></li>
|
||||
<% }} %>
|
||||
<% if (typeof results_count_alto != "undefined") {for(const key in results_count_alto) { %>
|
||||
<li><%= key %>: <%= results_count_alto[key] %></li>
|
||||
<% }} %>
|
||||
<% if (typeof results_count_violoncelle_1 != "undefined") {for(const key in results_count_violoncelle_1) { %>
|
||||
<li><%= key %>: <%= results_count_violoncelle_1[key] %></li>
|
||||
<% }} %>
|
||||
<% if (typeof results_count_violoncelle_2 != "undefined") {for(const key in results_count_violoncelle_2) { %>
|
||||
<li><%= key %>: <%= results_count_violoncelle_2[key] %></li>
|
||||
<% }} %>
|
||||
<% if (typeof results_count_trompette != "undefined") {for(const key in results_count_trompette) { %>
|
||||
<li><%= key %>: <%= results_count_trompette[key] %></li>
|
||||
<% }} %>
|
||||
<% if (typeof results_count_flute != "undefined") {for(const key in results_count_flute) { %>
|
||||
<li><%= key %>: <%= results_count_flute[key] %></li>
|
||||
<% }} %>
|
||||
<% if (typeof results_count_harpe != "undefined") {for(const key in results_count_harpe) { %>
|
||||
<li><%= key %>: <%= results_count_harpe[key] %></li>
|
||||
<% }} %>
|
||||
</ul>
|
||||
|
||||
</aside>
|
||||
|
||||
|
||||
</main>
|
||||
|
||||
|
||||
|
||||
<!-- ---------------------------------- -->
|
||||
<!-- FOOTER -->
|
||||
<!-- ---------------------------------- -->
|
||||
<%- include('../../template_parts/footer')%>
|
||||
|
||||
</body>
|
||||
|
||||
<!-- JAVASCRIPT d'EXECUTION -->
|
||||
<script src="/public/js/adhesion/hidden_visible.js"></script>
|
||||
|
||||
</html>
|
||||
126
views/concert/page_templates/ajout_billet.ejs
Normal file
126
views/concert/page_templates/ajout_billet.ejs
Normal file
@@ -0,0 +1,126 @@
|
||||
<%- include('../../template_parts/head')%>
|
||||
|
||||
<body>
|
||||
|
||||
<!-- ---------------------------------- -->
|
||||
<!-- HEADER -->
|
||||
<!-- ---------------------------------- -->
|
||||
<%- include('../../template_parts/header_tunnel')%>
|
||||
|
||||
<main>
|
||||
|
||||
<!-- ---------------------------------- -->
|
||||
<!-- TITRE DE LA PAGE -->
|
||||
<!-- ---------------------------------- -->
|
||||
<%- include('../template_parts/concert_titrepage')%>
|
||||
|
||||
<!-- ---------------------------------- -->
|
||||
<!-- FORMULAIRE -->
|
||||
<!-- ---------------------------------- -->
|
||||
<article class="stage_formulaire_cont form_adhesion">
|
||||
|
||||
<form id="form_inscription_famille" action="" method="post" class="stage_formulaire">
|
||||
|
||||
<!-- ---------------------------------- -->
|
||||
<!-- ADHÉRENT -->
|
||||
<!-- ---------------------------------- -->
|
||||
<section>
|
||||
<h1><img class='icone_titre' src="/public/images/icones/icone_compte.png" alt="icone information">VOTRE COMPTE ADHÉRENT</h1>
|
||||
|
||||
<div class="grid_2inputs">
|
||||
<div>
|
||||
<p>Identifiant : <span class='identifiant'><%= identifiant %></span></p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class=" displaynone">
|
||||
<div class="input_box input_text input_box_gris">
|
||||
<label for="ajout_billet">Mode ajout billet</label>
|
||||
<input type="text" name="ajout_billet" id="ajout_billet" value='oui' title="" required>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</section>
|
||||
|
||||
<!-- ---------------------------------- -->
|
||||
<!-- EXPLICATIONS -->
|
||||
<!-- ---------------------------------- -->
|
||||
<section>
|
||||
|
||||
<h1 class="titre_personne"><span class="rouge">VOUS ÉTES DÉJA INSCRIT AU CONCERT : </span></h1>
|
||||
<div class="description">
|
||||
<p>Vous pouvez ajouter des places (dans la limite des places disponibles)</p>
|
||||
<p>- Spectateurs</p>
|
||||
<p>- Parents encadrants</p>
|
||||
<p>- Professeurs encadrants</p>
|
||||
</div>
|
||||
|
||||
</section>
|
||||
|
||||
<div class="space40"></div>
|
||||
|
||||
<!-- ---------------------------------- -->
|
||||
<!-- SPECTATEUR -->
|
||||
<!-- ---------------------------------- -->
|
||||
<section>
|
||||
<div class="place_categorie">
|
||||
<div class="sous_titre">
|
||||
<div><img class='icone_titre' src="/public/images/icones/spectator.webp" alt="icone information à cliquer" /></div>
|
||||
<div><p>SPECTATEURS</p></div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- COMBIEN DE SPECTATEURS ? 3 MAX -->
|
||||
|
||||
<div id="spectateur0" data-spectateur_nb_restantes='<%= spectateur_nb_restantes %>' data-spectateur_remisenvente='<%= process.env.remiseenvente_spect %>'></div>
|
||||
</section>
|
||||
|
||||
<div class="space40"></div>
|
||||
|
||||
|
||||
<!-- ---------------------------------- -->
|
||||
<!-- ENCADRANT -->
|
||||
<!-- ---------------------------------- -->
|
||||
<section>
|
||||
<div class="place_categorie">
|
||||
<div class="sous_titre">
|
||||
<div><img class='icone_titre' src="/public/images/icones/encadrant.webp" alt="icone information à cliquer" /></div>
|
||||
<div><p>ENCADRANT</p></div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Voulez-vous ajouter un encadrant ? -->
|
||||
<div class="input_checkbox">
|
||||
<input type="checkbox" name="check_encadrant0" id="check_encadrant0" onchange="ajout_encadrant(0,<%= encadr_parent_nb_restantes %>)">
|
||||
<label class="gras" for="check_encadrant0">Souhaitez-vous être encadrant pour cet événement ?</label>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<!-- SAISIE POUR UN ENCADRANT -->
|
||||
<section id="encadrant0" data-encadr_parent_nb_restantes='<%= encadr_parent_nb_restantes %>'>
|
||||
</section>
|
||||
|
||||
|
||||
<button type="submit" class="button_icone alignself_center">
|
||||
<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/adhesion/hidden_visible.js"></script>
|
||||
<script src="/public/js/concert/concert_formulaire_famille.js"></script>
|
||||
|
||||
</html>
|
||||
330
views/concert/page_templates/ajout_formulaire_famille.ejs
Normal file
330
views/concert/page_templates/ajout_formulaire_famille.ejs
Normal file
@@ -0,0 +1,330 @@
|
||||
<%- include('../../template_parts/head')%>
|
||||
|
||||
<body>
|
||||
|
||||
<!-- ---------------------------------- -->
|
||||
<!-- HEADER -->
|
||||
<!-- ---------------------------------- -->
|
||||
<%- include('../../template_parts/header_tunnel')%>
|
||||
|
||||
<main>
|
||||
|
||||
<!-- ---------------------------------- -->
|
||||
<!-- TITRE DE LA PAGE -->
|
||||
<!-- ---------------------------------- -->
|
||||
<%- include('../template_parts/concert_titrepage')%>
|
||||
|
||||
<!-- ---------------------------------- -->
|
||||
<!-- FORMULAIRE -->
|
||||
<!-- ---------------------------------- -->
|
||||
<article class="stage_formulaire_cont form_adhesion">
|
||||
|
||||
<form id="ajout_inscription_famille" action="" method="post" class="stage_formulaire">
|
||||
|
||||
<!-- ---------------------------------- -->
|
||||
<!-- ADHÉRENT -->
|
||||
<!-- ---------------------------------- -->
|
||||
<section>
|
||||
<h1><img class='icone_titre' src="/public/images/icones/icone_compte.png" alt="icone information">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_suzuki">Association Suzuki *</label>
|
||||
<input type="text" name="association_suzuki" id="association_suzuki" value='<%= association_suzuki %>' title="Association noté dans votre dossier adhérent, vous pouvez la modifier" required>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<% if(locals.deja_inscrit_concert == "non"){ %>
|
||||
<div class="grid_2inputs">
|
||||
<div class="input_box input_text input_box_gris">
|
||||
<label for="adherent_nom">Nom du parent *</label>
|
||||
<input type="text" name="adherent_nom" id="adherent_nom" value='<% if (locals.adherent_nom) { %><%= adherent_nom %><% }; %>' title="Nom de famille de l'adérent, famille ou professeur" required>
|
||||
</div>
|
||||
|
||||
<div class="input_box input_text input_box_gris">
|
||||
<label for="adherent_prenom">Prénom du parent *</label>
|
||||
<input type="text" name="adherent_prenom" id="adherent_prenom" value='<% if (locals.adherent_prenom) { %><%= adherent_prenom %><% }; %>' title="Prénom de l'adérent, famille ou professeur" 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 %><% }; %>" title="Dans quelle ville habitez vous ?" required>
|
||||
</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 %><% }; %>" title="Combien de personnes pouvez-vous héberger ?" required>
|
||||
</div>
|
||||
</div>
|
||||
<% } %>
|
||||
</section>
|
||||
|
||||
<!-- ---------------------------------- -->
|
||||
<!-- HÉBERGEMENT -->
|
||||
<!-- ---------------------------------- -->
|
||||
<% if(locals.deja_inscrit_concert == "non"){ %>
|
||||
<section>
|
||||
<div class="grid_1inputs">
|
||||
<div class="icone_hebergement">
|
||||
<div><img class='icone' src="/public/images/icones/icone_house.png" alt="icone maison">Vous habitez en région parisienne ?</div>
|
||||
<div>Pouvez-vous héberger des adhérents qui n'habitent pas en région parisienne ?</div>
|
||||
<div class="input_box input_text input_box_gris">
|
||||
<label for="hebergement_ville">Dans quelle ville ?</label>
|
||||
<input type="text" name="hebergement_ville" id="hebergement_ville" value='<% if (locals.hebergement_ville) { %><%= hebergement_ville %><% }; %>'>
|
||||
</div>
|
||||
<div class="input_box input_text input_box_gris">
|
||||
<label for="hebergement_nb">Pour combien de personnes ?</label>
|
||||
<input type="number" name="hebergement_nb" id="hebergement_nb" value=''>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
<% } %>
|
||||
|
||||
|
||||
|
||||
<!-- ---------------------------------- -->
|
||||
<!-- EXPLICATIONS -->
|
||||
<!-- ---------------------------------- -->
|
||||
<section>
|
||||
<% if(locals.deja_inscrit_concert == "non"){ %>
|
||||
<h1 class="titre_personne"><span class="rouge">QUI DOIT S'INSCRIRE AU CONCERT ?</span></h1>
|
||||
<% } else{ %>
|
||||
<h1 class="titre_personne"><span class="rouge">ADHÉRANT DÉJÀ INSCRIT AU CONCERT : AJOUT DE PLACES</span></h1>
|
||||
<% } %>
|
||||
<div class="description">
|
||||
<p>- Les élèves instrumentistes jouant au concert (concertistes)</p>
|
||||
<p>- Les spectateurs</p>
|
||||
<p>- Les parents encadrants</p>
|
||||
<p>- Les professeurs encadrants</p>
|
||||
</div>
|
||||
|
||||
</section>
|
||||
|
||||
<div class="space40"></div>
|
||||
|
||||
<!-- ---------------------------------- -->
|
||||
<!-- ÉlÈVES CONCERTISTES -->
|
||||
<!-- ---------------------------------- -->
|
||||
|
||||
<% if(locals.quota_concertiste == "nondepasse"){ %>
|
||||
<% if(locals.tout_instrument_nb_restantes > 0){ %>
|
||||
<section>
|
||||
<div class="place_categorie">
|
||||
<div class="sous_titre">
|
||||
<div><img class='icone_titre' src="/public/images/icones/musican.webp" alt="icone information à cliquer" /></div>
|
||||
<div><p>ÉLÈVES CONCERTISTES</p></div>
|
||||
</div>
|
||||
</div>
|
||||
<div><p class="marginbottom_40px montserrat_light">Tarif élève concertiste : 23€</p></div>
|
||||
|
||||
<!-- Voulez-vous ajouter un concertiste ? -->
|
||||
<div class="input_checkbox">
|
||||
<input type="checkbox" name="check_eleve0" id="check_eleve0" onchange="ajout_eleve(0)">
|
||||
<label class="gras" for="check_eleve0">Voulez-vous inscrire un élève concertiste ?</label>
|
||||
</div>
|
||||
|
||||
<section class="marginbottom_40px">
|
||||
<div class="montserrat_light">
|
||||
<p><span class="montserrat_regular">Nombre de places restantes :</span></p>
|
||||
<!-- <p>- <% if(locals.piano_nb_restantes < 1 ){ %> <span class="rouge">piano : <%- locals?.piano_nb_restantes %> - <a class="text_listeatt" href="listeattente">S'inscrire sur liste d'attente</a></span>%> <% } else{ %> piano : <%- locals?.piano_nb_restantes %><% } %></p> -->
|
||||
<!-- <p>- <% if(locals.alto_nb_restantes < 1 ){ %> <span class="rouge">alto : <%- locals?.alto_nb_restantes %> - <a class="text_listeatt" href="listeattente">S'inscrire sur liste d'attente</a></span>%> <% } else{ %> alto : <%- locals?.alto_nb_restantes %><% } %></p> -->
|
||||
<!-- <p>- <% if(locals.flute_nb_restantes < 1 ){ %> <span class="rouge">flûte : <%- locals?.flute_nb_restantes %> - <a class="text_listeatt" href="listeattente">S'inscrire sur liste d'attente</a></span>%> <% } else{ %> flûte : <%- locals?.flute_nb_restantes %><% } %></p> -->
|
||||
<!-- <p>- <% if(locals.trompette_nb_restantes < 1 ){ %> <span class="rouge">trompette : <%- locals?.trompette_nb_restantes %> - <a class="text_listeatt" href="listeattente">S'inscrire sur liste d'attente</a></span>%> <% } else{ %> trompette : <%- locals?.trompette_nb_restantes %><% } %></p> -->
|
||||
<!-- <p>- <% if(locals.harpe_nb_restantes < 1 ){ %> <span class="rouge">harpe : <%- locals?.harpe_nb_restantes %> - <a class="text_listeatt" href="listeattente">S'inscrire sur liste d'attente</a></span>%> <% } else{ %> harpe : <%- locals?.harpe_nb_restantes %><% } %></p> -->
|
||||
<!-- <p>- <% if(locals.violon1_nb_restantes < 1 ){ %> <span class="rouge">violon cahier 1 à 5 : <%- locals?.violon1_nb_restantes %> - <a class="text_listeatt" href="listeattente">S'inscrire sur liste d'attente</a></span>%> <% } else{ %> violon cahier 1 à 5 : <%- locals?.violon1_nb_restantes %><% } %></p> -->
|
||||
<!-- <p>- <% if(locals.violon2_nb_restantes < 1 ){ %> <span class="rouge">violon cahier 6 à 10 : <%- locals?.violon2_nb_restantes %> - <a class="text_listeatt" href="listeattente">S'inscrire sur liste d'attente</a></span>%> <% } else{ %> violon cahier 6 à 10 : <%- locals?.violon2_nb_restantes %><% } %></p> -->
|
||||
<!-- <p>- <% if(locals.violoncelle1_nb_restantes < 1 ){ %> <span class="rouge">violoncelle cahier 1 à 4 : <%- locals?.violoncelle1_nb_restantes %> - <a class="text_listeatt" href="listeattente">S'inscrire sur liste d'attente</a></span>%> <% } else{ %> violoncelle cahier 1 à 4 : <%- locals?.violoncelle1_nb_restantes %><% } %></p> -->
|
||||
<!-- <p>- <% if(locals.violoncelle2_nb_restantes < 1 ){ %> <span class="rouge">violoncelle cahier 5 à 10 : <%- locals?.violoncelle2_nb_restantes %> - <a class="text_listeatt" href="listeattente">S'inscrire sur liste d'attente</a></span>%> <% } else{ %> violoncelle cahier 5 à 10 : <%- locals?.violoncelle2_nb_restantes %><% } %></p> -->
|
||||
<!-- <p>- piano : <%- locals?.piano_nb_restantes %></p> -->
|
||||
<!-- <p>- alto : <%- locals?.alto_nb_restantes %></p> -->
|
||||
<!-- <p>- flûte : <%- locals?.flute_nb_restantes %></p> -->
|
||||
<!-- <p>- trompette : <%- locals?.trompette_nb_restantes %></p> -->
|
||||
<!-- <p>- harpe : <%- locals?.harpe_nb_restantes %></p> -->
|
||||
<!-- <p>- violon cahier 1 à 5 : <%- locals?.violon1_nb_restantes %></p> -->
|
||||
<!-- <p>- violon cahier 6 à 10 : <%- locals?.violon2_nb_restantes %></p> -->
|
||||
<!-- <p>- violoncelle cahier 1 à 4 : <%- locals?.violoncelle1_nb_restantes %></p> -->
|
||||
<!-- <p>- violoncelle cahier 5 à 10 : <%- locals?.violoncelle2_nb_restantes %></p> -->
|
||||
<!-- <p>- <% if(locals.piano_nb_restantes < 1 ){ %> <span class="rouge">piano : <%- locals?.piano_nb_restantes %> - <a class="text_listeatt" href="listeattente">S'inscrire sur liste d'attente</a></span>%> <% } else{ %> piano : <%- locals?.piano_nb_restantes %><% } %></p> -->
|
||||
<!-- <p>- <% if(locals.alto_nb_restantes < 1 ){ %> <span class="rouge">alto : <%- locals?.alto_nb_restantes %> - <a class="text_listeatt" href="listeattente">S'inscrire sur liste d'attente</a></span>%> <% } else{ %> alto : <%- locals?.alto_nb_restantes %><% } %></p> -->
|
||||
<!-- <p>- <% if(locals.flute_nb_restantes < 1 ){ %> <span class="rouge">flûte : <%- locals?.flute_nb_restantes %> - <a class="text_listeatt" href="listeattente">S'inscrire sur liste d'attente</a></span>%> <% } else{ %> flûte : <%- locals?.flute_nb_restantes %><% } %></p> -->
|
||||
<!-- <p>- <% if(locals.trompette_nb_restantes < 1 ){ %> <span class="rouge">trompette : <%- locals?.trompette_nb_restantes %> - <a class="text_listeatt" href="listeattente">S'inscrire sur liste d'attente</a></span>%> <% } else{ %> trompette : <%- locals?.trompette_nb_restantes %><% } %></p> -->
|
||||
<!-- <p>- <% if(locals.harpe_nb_restantes < 1 ){ %> <span class="rouge">harpe : <%- locals?.harpe_nb_restantes %> - <a class="text_listeatt" href="listeattente">S'inscrire sur liste d'attente</a></span>%> <% } else{ %> harpe : <%- locals?.harpe_nb_restantes %><% } %></p> -->
|
||||
<!-- <p>- <% if(locals.violon1_nb_restantes < 1 ){ %> <span class="rouge">violon cahier 1 à 5 : <%- locals?.violon1_nb_restantes %> - <a class="text_listeatt" href="listeattente">S'inscrire sur liste d'attente</a></span>%> <% } else{ %> violon cahier 1 à 5 : <%- locals?.violon1_nb_restantes %><% } %></p> -->
|
||||
<!-- <p>- <% if(locals.violon2_nb_restantes < 1 ){ %> <span class="rouge">violon cahier 6 à 10 : <%- locals?.violon2_nb_restantes %> - <a class="text_listeatt" href="listeattente">S'inscrire sur liste d'attente</a></span>%> <% } else{ %> violon cahier 6 à 10 : <%- locals?.violon2_nb_restantes %><% } %></p> -->
|
||||
<!-- <p>- <% if(locals.violoncelle1_nb_restantes < 1 ){ %> <span class="rouge">violoncelle cahier 1 à 4 : <%- locals?.violoncelle1_nb_restantes %> - <a class="text_listeatt" href="listeattente">S'inscrire sur liste d'attente</a></span>%> <% } else{ %> violoncelle cahier 1 à 4 : <%- locals?.violoncelle1_nb_restantes %><% } %></p> -->
|
||||
<!-- <p>- <% if(locals.violoncelle2_nb_restantes < 1 ){ %> <span class="rouge">violoncelle cahier 5 à 10 : <%- locals?.violoncelle2_nb_restantes %> - <a class="text_listeatt" href="listeattente">S'inscrire sur liste d'attente</a></span>%> <% } else{ %> violoncelle cahier 5 à 10 : <%- locals?.violoncelle2_nb_restantes %><% } %></p> -->
|
||||
|
||||
<p>- <% if(locals.piano_nb_restantes < 1 ){ %> <span class="rouge gras">piano : <%- locals?.piano_nb_restantes %>- Il n'y a plus de place en piano</span> <% } else{ %> piano : <%- locals?.piano_nb_restantes %><% } %></p>
|
||||
<p>- <% if(locals.alto_nb_restantes < 1 ){ %> <span class="rouge gras">alto : <%- locals?.alto_nb_restantes %>- Il n'y a plus de place en alto</span> <% } else{ %> alto : <%- locals?.alto_nb_restantes %><% } %></p>
|
||||
<p>- <% if(locals.flute_nb_restantes < 1 ){ %> <span class="rouge gras">flûte : <%- locals?.flute_nb_restantes %>- Il n'y a plus de place en flûte</span> <% } else{ %> flûte : <%- locals?.flute_nb_restantes %><% } %></p>
|
||||
<p>- <% if(locals.trompette_nb_restantes < 1 ){ %> <span class="rouge gras">trompette : <%- locals?.trompette_nb_restantes %>- Il n'y a plus de place en trompette</span> <% } else{ %> trompette : <%- locals?.trompette_nb_restantes %><% } %></p>
|
||||
<p>- <% if(locals.harpe_nb_restantes < 1 ){ %> <span class="rouge gras">harpe : <%- locals?.harpe_nb_restantes %>- Il n'y a plus de place en harpe</span><% } else{ %> harpe : <%- locals?.harpe_nb_restantes %><% } %></p>
|
||||
<p>- <% if(locals.violon1_nb_restantes < 1 ){ %> <span class="rouge gras">violon cahier 1 à 5 : <%- locals?.violon1_nb_restantes %>- Il n'y a plus de place en violon cahier 1 à 5</span> <% } else{ %> violon cahier 1 à 5 : <%- locals?.violon1_nb_restantes %><% } %></p>
|
||||
<p>- <% if(locals.violon2_nb_restantes < 1 ){ %> <span class="rouge gras">violon cahier 6 à 10 : <%- locals?.violon2_nb_restantes %>- Il n'y a plus de place en violon cahier 6 à 10</span> <% } else{ %> violon cahier 6 à 10 : <%- locals?.violon2_nb_restantes %><% } %></p>
|
||||
<p>- <% if(locals.violoncelle1_nb_restantes < 1 ){ %> <span class="rouge gras">violoncelle cahier 1 à 4 : <%- locals?.violoncelle1_nb_restantes %>- Il n'y a plus de place en violoncelle cahier 1 à 4</span> <% } else{ %> violoncelle cahier 1 à 4 : <%- locals?.violoncelle1_nb_restantes %><% } %></p>
|
||||
<p>- <% if(locals.violoncelle2_nb_restantes < 1 ){ %> <span class="rouge gras">violoncelle cahier 5 à 10 : <%- locals?.violoncelle2_nb_restantes %>- Il n'y a plus de place en violoncelle cahier 5 à 10 </span> <% } else{ %> violoncelle cahier 5 à 10 : <%- locals?.violoncelle2_nb_restantes %><% } %></p>
|
||||
|
||||
</div>
|
||||
</section>
|
||||
</section>
|
||||
|
||||
<% } else{ %>
|
||||
<section>
|
||||
<div class="sous_titre">
|
||||
<div><img class='icone_titre' src="/public/images/icones/musican.webp" alt="icone information à cliquer" /></div>
|
||||
<div><p>ÉLÈVES CONCERTISTES</p></div>
|
||||
</div>
|
||||
|
||||
<p class="montserrat_light"><mark>Il n'y a plus de place concertiste</mark></p>
|
||||
</section>
|
||||
<% } %>
|
||||
<% } else{ %>
|
||||
<section>
|
||||
<div class="sous_titre">
|
||||
<div><img class='icone_titre' src="/public/images/icones/musican.webp" alt="icone information à cliquer" /></div>
|
||||
<div><p>ÉLÈVES CONCERTISTES</p></div>
|
||||
</div>
|
||||
|
||||
<p class="montserrat_light"><mark>Vous avez déjà atteint le nombre maximum d'élèves concertistes inscrits</mark></p>
|
||||
</section>
|
||||
<% } %>
|
||||
|
||||
|
||||
<!-- SAISIE POUR UN CONCERTISTE -->
|
||||
<section id="eleve0" data-piano_nb_restantes='<%= piano_nb_restantes %>' data-alto_nb_restantes='<%= alto_nb_restantes %>' data-flute_nb_restantes='<%= flute_nb_restantes %>' data-trompette_nb_restantes='<%= trompette_nb_restantes %>' data-harpe_nb_restantes='<%= harpe_nb_restantes %>' data-violon1_nb_restantes='<%= violon1_nb_restantes %>' data-violon2_nb_restantes='<%= violon2_nb_restantes %>' data-violoncelle1_nb_restantes='<%= violoncelle1_nb_restantes %>' data-violoncelle2_nb_restantes='<%= violoncelle2_nb_restantes %>'>
|
||||
</section>
|
||||
|
||||
<div class="space40"></div>
|
||||
|
||||
<!-- ---------------------------------- -->
|
||||
<!-- SPECTATEUR -->
|
||||
<!-- ---------------------------------- -->
|
||||
<section>
|
||||
<div class="place_categorie">
|
||||
<div class="sous_titre">
|
||||
<div><img class='icone_titre' src="/public/images/icones/spectator.webp" alt="icone information à cliquer" /></div>
|
||||
<div><p>SPECTATEURS</p></div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
<div><p class="marginbottom_40px montserrat_light">Tarif spectateur : 20€</p></div>
|
||||
|
||||
<!-- COMBIEN DE SPECTATEURS ? 3 MAX -->
|
||||
<% if(locals.quota_spectateur == "nondepasse"){ %>
|
||||
<section id="spectateur0" data-spectateur_nb_restantes='<%= spectateur_nb_restantes %>' data-spectateur_remisenvente='oui' data-quota_total_spectateur='<%= quota_total_spectateur %>'>
|
||||
|
||||
</section>
|
||||
<% } else{ %>
|
||||
<section id="spectateur0" data-spectateur_nb_restantes='<%= spectateur_nb_restantes %>' data-spectateur_remisenvente='oui' data-quota_total_spectateur='<%= quota_total_spectateur %>'>
|
||||
<p class="montserrat_light"><mark>Vous avez déjà atteint le nombre maximum de spectateurs inscrits</mark></p>
|
||||
</section>
|
||||
<% } %>
|
||||
|
||||
|
||||
<div class="space40"></div>
|
||||
|
||||
|
||||
<!-- ---------------------------------- -->
|
||||
<!-- ENCADRANT -->
|
||||
<!-- ---------------------------------- -->
|
||||
<section>
|
||||
<div class="place_categorie">
|
||||
<div class="sous_titre">
|
||||
<div><img class='icone_titre' src="/public/images/icones/encadrant.webp" alt="icone information à cliquer" /></div>
|
||||
<div>
|
||||
<p>ENCADRANT <span class="montserrat_light">PARENT</span> ou <span class="montserrat_light">PROFESSEUR</span></p>
|
||||
<ul class="note">
|
||||
<li>Les encadrants n'ont pas besoin d'acheter de place spectateur.</li>
|
||||
<li>Selon ses missions l'encadrant ne verra peut-être pas le concert.</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Voulez-vous ajouter un encadrant ? -->
|
||||
<div class="input_checkbox">
|
||||
<input type="checkbox" name="check_encadrant0" id="check_encadrant0" onchange="ajout_encadrant(0,<%= encadr_parent_nb_restantes %>)">
|
||||
<label class="gras" for="check_encadrant0">Souhaitez-vous être encadrant pour cet événement ?</label>
|
||||
</div>
|
||||
|
||||
</section>
|
||||
|
||||
<!-- SAISIE POUR UN ENCADRANT -->
|
||||
<section id="encadrant0" data-encadr_parent_nb_restantes='<%= encadr_parent_nb_restantes %>'>
|
||||
</section>
|
||||
|
||||
|
||||
<!-- ---------------------------------- -->
|
||||
<!-- DON -->
|
||||
<!-- ---------------------------------- -->
|
||||
<section class="margintop_60px">
|
||||
<div class="place_categorie">
|
||||
<div class="sous_titre">
|
||||
<div><i class="fa fa-heart rouge"></i></div>
|
||||
<div><p class="rouge">DON</p></div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Voulez-vous ajouter un don ? -->
|
||||
<div class="input_box input_text input_box_gris">
|
||||
<label for="don">Un don l'Association ? <i class="fa fa-heart rouge"></i></label>
|
||||
<input type="number" name="don" id="don" placeholder="Entrez ici le montant en euros" title="Entrer un montant en euros">
|
||||
</div>
|
||||
</section>
|
||||
|
||||
|
||||
<!-- ---------------------------------- -->
|
||||
<!-- COMMENTAIRE -->
|
||||
<!-- ---------------------------------- -->
|
||||
<% if(locals.deja_inscrit_concert == "non"){ %>
|
||||
<section class="commentaire">
|
||||
<div class="place_categorie">
|
||||
<div class="sous_titre">
|
||||
<div><i class="fa fa-comments"></i></div>
|
||||
<div><p>COMMENTAIRE</p></div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="input_box input_text input_box_bleu margintop_40px">
|
||||
<label class="labeltextarea" for="commentaire_adherent">Un commentaire <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/adhesion/hidden_visible.js"></script>
|
||||
<script src="/public/js/concert/concert_formulaire_famille.js"></script>
|
||||
|
||||
</html>
|
||||
122
views/concert/page_templates/erreur.ejs
Normal file
122
views/concert/page_templates/erreur.ejs
Normal file
@@ -0,0 +1,122 @@
|
||||
<%- include('../../template_parts/head')%>
|
||||
|
||||
<body>
|
||||
|
||||
<!-- ---------------------------------- -->
|
||||
<!-- HEADER -->
|
||||
<!-- ---------------------------------- -->
|
||||
<%- include('../../template_parts/header_tunnel')%>
|
||||
|
||||
<!-- ---------------------------------- -->
|
||||
<!-- FORMULAIRE de vérification du mail -->
|
||||
<!-- ---------------------------------- -->
|
||||
|
||||
|
||||
<main>
|
||||
|
||||
<article>
|
||||
|
||||
<!-- TITRE DE LA PAGE -->
|
||||
<%- include('../template_parts/concert_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>
|
||||
<% }; %>
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
<!-- ------------------------- -->
|
||||
<!-- 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">
|
||||
|
||||
<div>
|
||||
<p>Cette page va vous permettre de vous inscrire au Concert national Unesco 2024 organisé par l’Association Française pour la Pédagogie Suzuki qui aura lieu les 20 et 21 avril 2024.</p>
|
||||
<br>
|
||||
<p>Les instruments répertoriés pour ce concert seront le piano, le violon, le violon alto, le violoncelle, le harpe, la trompette et la flûte traversière.</p>
|
||||
<br>
|
||||
<p><span class="gras rouge">Le lieu : </span>Salle de l'UNESCO à Paris</p>
|
||||
<br>
|
||||
<p><span class="gras rouge">Horaire : </span>à définir</p>
|
||||
<br>
|
||||
<p><span class="gras rouge">L’accès de Paris : </span>à définir.</p>
|
||||
<br>
|
||||
<p><span class="gras rouge">Déjeuner : </span>à définir</p>
|
||||
<br>
|
||||
<p><span class="gras rouge">Contact : </span>à définir</p>
|
||||
<br>
|
||||
<p><span class="gras rouge">Billets d'entrée : </span> Un billet sera demandé pour toutes personnes : concertistes, encadrants (parent ou professeur), spectateurs</p>
|
||||
<br>
|
||||
<p><span class="gras rouge">Mode de paiement : </span>Carte bancaire</p>
|
||||
<br>
|
||||
<p><span class="gras rouge">Tarifs : </span>concertiste : 23€ / spectateur : 20€ (le tarif tient commte des frais de carte bancaire)</p>
|
||||
<br>
|
||||
<p><span class="gras">UTILISATION DES DONNÉES PERSONNELLES</span></span></p>
|
||||
<p>Les informations recueillies dans les formulaires, qu'elles soient de la base de données gérée par l'Association ou celle gérée par le billetterie Weezevent 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>
|
||||
|
||||
<!-- ---------------------------------- -->
|
||||
<!-- AFFICHAGE NOMBRE DE PLACES RESTANTES -->
|
||||
<!-- ---------------------------------- -->
|
||||
<div class="space30"></div>
|
||||
<div>
|
||||
<p><span class="gras rouge">Nombre de places restantes par catégorie :</span></p>
|
||||
<p>- spectateur : <span class='resultat_text rouge'><%- locals?.spectateur_nb_restantes %></span> /<%= process.env.spectateur_nb_places %></p>
|
||||
<p>- encadrant parent : <span class='resultat_text rouge'><%- locals?.encadr_parent_nb_restantes %></span> /<%= process.env.encadr_parent_nb_places %></p>
|
||||
<p>- concertiste piano : <span class='resultat_text rouge'><%- locals?.piano_nb_restantes %></span> /<%= process.env.piano_nb_places %></p>
|
||||
<p>- concertiste alto : <span class='resultat_text rouge'><%- locals?.alto_nb_restantes %></span> /<%= process.env.alto_nb_places %></p>
|
||||
<p>- concertiste flûte : <span class='resultat_text rouge'><%- locals?.flute_nb_restantes %></span> /<%= process.env.flute_nb_places %></p>
|
||||
<p>- concertiste trompette : <span class='resultat_text rouge'><%- locals?.trompette_nb_restantes %></span> /<%= process.env.trompette_nb_places %></p>
|
||||
<p>- concertiste harpe : <span class='resultat_text rouge'><%- locals?.harpe_nb_restantes %></span> /<%= process.env.harpe_nb_places %></p>
|
||||
<p>- concertiste violon niveau 1 : <span class='resultat_text rouge'><%- locals?.violon1_nb_restantes %></span> /<%= process.env.violon1_nb_places %></p>
|
||||
<p>- concertiste violon niveau 2 : <span class='resultat_text rouge'><%- locals?.violon2_nb_restantes %></span> /<%= process.env.violon2_nb_places %></p>
|
||||
<p>- concertiste violoncelle niveau 1 : <span class='resultat_text rouge'><%- locals?.violoncelle1_nb_restantes %></span> /<%= process.env.violoncelle1_nb_places %></p>
|
||||
<p>- concertiste violoncelle niveau 2 : <span class='resultat_text rouge'><%- locals?.violoncelle2_nb_restantes %></span> /<%= process.env.violoncelle2_nb_places %></p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
</section>
|
||||
|
||||
|
||||
|
||||
</article>
|
||||
|
||||
</main>
|
||||
|
||||
|
||||
|
||||
<!-- ---------------------------------- -->
|
||||
<!-- FOOTER -->
|
||||
<!-- ---------------------------------- -->
|
||||
<%- include('../../template_parts/footer')%>
|
||||
|
||||
</body>
|
||||
|
||||
<!-- JAVASCRIPT d'EXECUTION -->
|
||||
<script src="/public/js/adhesion/hidden_visible.js"></script>
|
||||
|
||||
</html>
|
||||
330
views/concert/page_templates/inscrip_formulaire_famille.ejs
Normal file
330
views/concert/page_templates/inscrip_formulaire_famille.ejs
Normal file
@@ -0,0 +1,330 @@
|
||||
<%- include('../../template_parts/head')%>
|
||||
|
||||
<body>
|
||||
|
||||
<!-- ---------------------------------- -->
|
||||
<!-- HEADER -->
|
||||
<!-- ---------------------------------- -->
|
||||
<%- include('../../template_parts/header_tunnel')%>
|
||||
|
||||
<main>
|
||||
|
||||
<!-- ---------------------------------- -->
|
||||
<!-- TITRE DE LA PAGE -->
|
||||
<!-- ---------------------------------- -->
|
||||
<%- include('../template_parts/concert_titrepage')%>
|
||||
|
||||
<!-- ---------------------------------- -->
|
||||
<!-- FORMULAIRE -->
|
||||
<!-- ---------------------------------- -->
|
||||
<article class="stage_formulaire_cont form_adhesion">
|
||||
|
||||
<form id="form_inscription_famille" action="" method="post" class="stage_formulaire">
|
||||
|
||||
<!-- ---------------------------------- -->
|
||||
<!-- ADHÉRENT -->
|
||||
<!-- ---------------------------------- -->
|
||||
<section>
|
||||
<h1><img class='icone_titre' src="/public/images/icones/icone_compte.png" alt="icone information">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_suzuki">Association Suzuki *</label>
|
||||
<input type="text" name="association_suzuki" id="association_suzuki" value='<%= association_suzuki %>' title="Association noté dans votre dossier adhérent, vous pouvez la modifier" required>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<% if(locals.deja_inscrit_concert == "non"){ %>
|
||||
<div class="grid_2inputs">
|
||||
<div class="input_box input_text input_box_gris">
|
||||
<label for="adherent_nom">Nom du parent *</label>
|
||||
<input type="text" name="adherent_nom" id="adherent_nom" value='<% if (locals.adherent_nom) { %><%= adherent_nom %><% }; %>' title="Nom de famille de l'adérent, famille ou professeur" required>
|
||||
</div>
|
||||
|
||||
<div class="input_box input_text input_box_gris">
|
||||
<label for="adherent_prenom">Prénom du parent *</label>
|
||||
<input type="text" name="adherent_prenom" id="adherent_prenom" value='<% if (locals.adherent_prenom) { %><%= adherent_prenom %><% }; %>' title="Prénom de l'adérent, famille ou professeur" 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 %><% }; %>" title="Dans quelle ville habitez vous ?" required>
|
||||
</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 %><% }; %>" title="Combien de personnes pouvez-vous héberger ?" required>
|
||||
</div>
|
||||
</div>
|
||||
<% } %>
|
||||
</section>
|
||||
|
||||
<!-- ---------------------------------- -->
|
||||
<!-- HÉBERGEMENT -->
|
||||
<!-- ---------------------------------- -->
|
||||
<% if(locals.deja_inscrit_concert == "non"){ %>
|
||||
<section>
|
||||
<div class="grid_1inputs">
|
||||
<div class="icone_hebergement">
|
||||
<div><img class='icone' src="/public/images/icones/icone_house.png" alt="icone maison">Vous habitez en région parisienne ?</div>
|
||||
<div>Pouvez-vous héberger des adhérents qui n'habitent pas en région parisienne ?</div>
|
||||
<div class="input_box input_text input_box_gris">
|
||||
<label for="hebergement_ville">Dans quelle ville ?</label>
|
||||
<input type="text" name="hebergement_ville" id="hebergement_ville" value='<% if (locals.hebergement_ville) { %><%= hebergement_ville %><% }; %>'>
|
||||
</div>
|
||||
<div class="input_box input_text input_box_gris">
|
||||
<label for="hebergement_nb">Pour combien de personnes ?</label>
|
||||
<input type="number" name="hebergement_nb" id="hebergement_nb" value=''>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
<% } %>
|
||||
|
||||
|
||||
|
||||
<!-- ---------------------------------- -->
|
||||
<!-- EXPLICATIONS -->
|
||||
<!-- ---------------------------------- -->
|
||||
<section>
|
||||
<% if(locals.deja_inscrit_concert == "non"){ %>
|
||||
<h1 class="titre_personne"><span class="rouge">QUI DOIT S'INSCRIRE AU CONCERT ?</span></h1>
|
||||
<% } else{ %>
|
||||
<h1 class="titre_personne"><span class="rouge">ADHÉRANT DÉJÀ INSCRIT AU CONCERT : AJOUT DE PLACES</span></h1>
|
||||
<% } %>
|
||||
<div class="description">
|
||||
<p>- Les élèves instrumentistes jouant au concert (concertistes)</p>
|
||||
<p>- Les spectateurs</p>
|
||||
<p>- Les parents encadrants</p>
|
||||
<p>- Les professeurs encadrants</p>
|
||||
</div>
|
||||
|
||||
</section>
|
||||
|
||||
<div class="space40"></div>
|
||||
|
||||
<!-- ---------------------------------- -->
|
||||
<!-- ÉlÈVES CONCERTISTES -->
|
||||
<!-- ---------------------------------- -->
|
||||
|
||||
<% if(locals.quota_concertiste == "nondepasse"){ %>
|
||||
<% if(locals.tout_instrument_nb_restantes > 0){ %>
|
||||
<section>
|
||||
<div class="place_categorie">
|
||||
<div class="sous_titre">
|
||||
<div><img class='icone_titre' src="/public/images/icones/musican.webp" alt="icone information à cliquer" /></div>
|
||||
<div><p>ÉLÈVES CONCERTISTES</p></div>
|
||||
</div>
|
||||
</div>
|
||||
<div><p class="marginbottom_40px montserrat_light">Tarif élève concertiste : 23€</p></div>
|
||||
|
||||
<!-- Voulez-vous ajouter un concertiste ? -->
|
||||
<div class="input_checkbox">
|
||||
<input type="checkbox" name="check_eleve0" id="check_eleve0" onchange="ajout_eleve(0)">
|
||||
<label class="gras" for="check_eleve0">Voulez-vous inscrire un élève concertiste ?</label>
|
||||
</div>
|
||||
|
||||
<section class="marginbottom_40px">
|
||||
<div class="montserrat_light">
|
||||
<p><span class="montserrat_regular">Nombre de places restantes :</span></p>
|
||||
<!-- <p>- <% if(locals.piano_nb_restantes < 1 ){ %> <span class="rouge">piano : <%- locals?.piano_nb_restantes %> - <a class="text_listeatt" href="listeattente">S'inscrire sur liste d'attente</a></span>%> <% } else{ %> piano : <%- locals?.piano_nb_restantes %><% } %></p> -->
|
||||
<!-- <p>- <% if(locals.alto_nb_restantes < 1 ){ %> <span class="rouge">alto : <%- locals?.alto_nb_restantes %> - <a class="text_listeatt" href="listeattente">S'inscrire sur liste d'attente</a></span>%> <% } else{ %> alto : <%- locals?.alto_nb_restantes %><% } %></p> -->
|
||||
<!-- <p>- <% if(locals.flute_nb_restantes < 1 ){ %> <span class="rouge">flûte : <%- locals?.flute_nb_restantes %> - <a class="text_listeatt" href="listeattente">S'inscrire sur liste d'attente</a></span>%> <% } else{ %> flûte : <%- locals?.flute_nb_restantes %><% } %></p> -->
|
||||
<!-- <p>- <% if(locals.trompette_nb_restantes < 1 ){ %> <span class="rouge">trompette : <%- locals?.trompette_nb_restantes %> - <a class="text_listeatt" href="listeattente">S'inscrire sur liste d'attente</a></span>%> <% } else{ %> trompette : <%- locals?.trompette_nb_restantes %><% } %></p> -->
|
||||
<!-- <p>- <% if(locals.harpe_nb_restantes < 1 ){ %> <span class="rouge">harpe : <%- locals?.harpe_nb_restantes %> - <a class="text_listeatt" href="listeattente">S'inscrire sur liste d'attente</a></span>%> <% } else{ %> harpe : <%- locals?.harpe_nb_restantes %><% } %></p> -->
|
||||
<!-- <p>- <% if(locals.violon1_nb_restantes < 1 ){ %> <span class="rouge">violon cahier 1 à 5 : <%- locals?.violon1_nb_restantes %> - <a class="text_listeatt" href="listeattente">S'inscrire sur liste d'attente</a></span>%> <% } else{ %> violon cahier 1 à 5 : <%- locals?.violon1_nb_restantes %><% } %></p> -->
|
||||
<!-- <p>- <% if(locals.violon2_nb_restantes < 1 ){ %> <span class="rouge">violon cahier 6 à 10 : <%- locals?.violon2_nb_restantes %> - <a class="text_listeatt" href="listeattente">S'inscrire sur liste d'attente</a></span>%> <% } else{ %> violon cahier 6 à 10 : <%- locals?.violon2_nb_restantes %><% } %></p> -->
|
||||
<!-- <p>- <% if(locals.violoncelle1_nb_restantes < 1 ){ %> <span class="rouge">violoncelle cahier 1 à 4 : <%- locals?.violoncelle1_nb_restantes %> - <a class="text_listeatt" href="listeattente">S'inscrire sur liste d'attente</a></span>%> <% } else{ %> violoncelle cahier 1 à 4 : <%- locals?.violoncelle1_nb_restantes %><% } %></p> -->
|
||||
<!-- <p>- <% if(locals.violoncelle2_nb_restantes < 1 ){ %> <span class="rouge">violoncelle cahier 5 à 10 : <%- locals?.violoncelle2_nb_restantes %> - <a class="text_listeatt" href="listeattente">S'inscrire sur liste d'attente</a></span>%> <% } else{ %> violoncelle cahier 5 à 10 : <%- locals?.violoncelle2_nb_restantes %><% } %></p> -->
|
||||
<!-- <p>- piano : <%- locals?.piano_nb_restantes %></p> -->
|
||||
<!-- <p>- alto : <%- locals?.alto_nb_restantes %></p> -->
|
||||
<!-- <p>- flûte : <%- locals?.flute_nb_restantes %></p> -->
|
||||
<!-- <p>- trompette : <%- locals?.trompette_nb_restantes %></p> -->
|
||||
<!-- <p>- harpe : <%- locals?.harpe_nb_restantes %></p> -->
|
||||
<!-- <p>- violon cahier 1 à 5 : <%- locals?.violon1_nb_restantes %></p> -->
|
||||
<!-- <p>- violon cahier 6 à 10 : <%- locals?.violon2_nb_restantes %></p> -->
|
||||
<!-- <p>- violoncelle cahier 1 à 4 : <%- locals?.violoncelle1_nb_restantes %></p> -->
|
||||
<!-- <p>- violoncelle cahier 5 à 10 : <%- locals?.violoncelle2_nb_restantes %></p> -->
|
||||
<!-- <p>- <% if(locals.piano_nb_restantes < 1 ){ %> <span class="rouge">piano : <%- locals?.piano_nb_restantes %> - <a class="text_listeatt" href="listeattente">S'inscrire sur liste d'attente</a></span>%> <% } else{ %> piano : <%- locals?.piano_nb_restantes %><% } %></p> -->
|
||||
<!-- <p>- <% if(locals.alto_nb_restantes < 1 ){ %> <span class="rouge">alto : <%- locals?.alto_nb_restantes %> - <a class="text_listeatt" href="listeattente">S'inscrire sur liste d'attente</a></span>%> <% } else{ %> alto : <%- locals?.alto_nb_restantes %><% } %></p> -->
|
||||
<!-- <p>- <% if(locals.flute_nb_restantes < 1 ){ %> <span class="rouge">flûte : <%- locals?.flute_nb_restantes %> - <a class="text_listeatt" href="listeattente">S'inscrire sur liste d'attente</a></span>%> <% } else{ %> flûte : <%- locals?.flute_nb_restantes %><% } %></p> -->
|
||||
<!-- <p>- <% if(locals.trompette_nb_restantes < 1 ){ %> <span class="rouge">trompette : <%- locals?.trompette_nb_restantes %> - <a class="text_listeatt" href="listeattente">S'inscrire sur liste d'attente</a></span>%> <% } else{ %> trompette : <%- locals?.trompette_nb_restantes %><% } %></p> -->
|
||||
<!-- <p>- <% if(locals.harpe_nb_restantes < 1 ){ %> <span class="rouge">harpe : <%- locals?.harpe_nb_restantes %> - <a class="text_listeatt" href="listeattente">S'inscrire sur liste d'attente</a></span>%> <% } else{ %> harpe : <%- locals?.harpe_nb_restantes %><% } %></p> -->
|
||||
<!-- <p>- <% if(locals.violon1_nb_restantes < 1 ){ %> <span class="rouge">violon cahier 1 à 5 : <%- locals?.violon1_nb_restantes %> - <a class="text_listeatt" href="listeattente">S'inscrire sur liste d'attente</a></span>%> <% } else{ %> violon cahier 1 à 5 : <%- locals?.violon1_nb_restantes %><% } %></p> -->
|
||||
<!-- <p>- <% if(locals.violon2_nb_restantes < 1 ){ %> <span class="rouge">violon cahier 6 à 10 : <%- locals?.violon2_nb_restantes %> - <a class="text_listeatt" href="listeattente">S'inscrire sur liste d'attente</a></span>%> <% } else{ %> violon cahier 6 à 10 : <%- locals?.violon2_nb_restantes %><% } %></p> -->
|
||||
<!-- <p>- <% if(locals.violoncelle1_nb_restantes < 1 ){ %> <span class="rouge">violoncelle cahier 1 à 4 : <%- locals?.violoncelle1_nb_restantes %> - <a class="text_listeatt" href="listeattente">S'inscrire sur liste d'attente</a></span>%> <% } else{ %> violoncelle cahier 1 à 4 : <%- locals?.violoncelle1_nb_restantes %><% } %></p> -->
|
||||
<!-- <p>- <% if(locals.violoncelle2_nb_restantes < 1 ){ %> <span class="rouge">violoncelle cahier 5 à 10 : <%- locals?.violoncelle2_nb_restantes %> - <a class="text_listeatt" href="listeattente">S'inscrire sur liste d'attente</a></span>%> <% } else{ %> violoncelle cahier 5 à 10 : <%- locals?.violoncelle2_nb_restantes %><% } %></p> -->
|
||||
|
||||
<p>- <% if(locals.piano_nb_restantes < 1 ){ %> <span class="rouge gras">piano : <%- locals?.piano_nb_restantes %>- Il n'y a plus de place en piano</span> <% } else{ %> piano : <%- locals?.piano_nb_restantes %><% } %></p>
|
||||
<p>- <% if(locals.alto_nb_restantes < 1 ){ %> <span class="rouge gras">alto : <%- locals?.alto_nb_restantes %>- Il n'y a plus de place en alto</span> <% } else{ %> alto : <%- locals?.alto_nb_restantes %><% } %></p>
|
||||
<p>- <% if(locals.flute_nb_restantes < 1 ){ %> <span class="rouge gras">flûte : <%- locals?.flute_nb_restantes %>- Il n'y a plus de place en flûte</span> <% } else{ %> flûte : <%- locals?.flute_nb_restantes %><% } %></p>
|
||||
<p>- <% if(locals.trompette_nb_restantes < 1 ){ %> <span class="rouge gras">trompette : <%- locals?.trompette_nb_restantes %>- Il n'y a plus de place en trompette</span> <% } else{ %> trompette : <%- locals?.trompette_nb_restantes %><% } %></p>
|
||||
<p>- <% if(locals.harpe_nb_restantes < 1 ){ %> <span class="rouge gras">harpe : <%- locals?.harpe_nb_restantes %>- Il n'y a plus de place en harpe</span><% } else{ %> harpe : <%- locals?.harpe_nb_restantes %><% } %></p>
|
||||
<p>- <% if(locals.violon1_nb_restantes < 1 ){ %> <span class="rouge gras">violon cahier 1 à 5 : <%- locals?.violon1_nb_restantes %>- Il n'y a plus de place en violon cahier 1 à 5</span> <% } else{ %> violon cahier 1 à 5 : <%- locals?.violon1_nb_restantes %><% } %></p>
|
||||
<p>- <% if(locals.violon2_nb_restantes < 1 ){ %> <span class="rouge gras">violon cahier 6 à 10 : <%- locals?.violon2_nb_restantes %>- Il n'y a plus de place en violon cahier 6 à 10</span> <% } else{ %> violon cahier 6 à 10 : <%- locals?.violon2_nb_restantes %><% } %></p>
|
||||
<p>- <% if(locals.violoncelle1_nb_restantes < 1 ){ %> <span class="rouge gras">violoncelle cahier 1 à 4 : <%- locals?.violoncelle1_nb_restantes %>- Il n'y a plus de place en violoncelle cahier 1 à 4</span> <% } else{ %> violoncelle cahier 1 à 4 : <%- locals?.violoncelle1_nb_restantes %><% } %></p>
|
||||
<p>- <% if(locals.violoncelle2_nb_restantes < 1 ){ %> <span class="rouge gras">violoncelle cahier 5 à 10 : <%- locals?.violoncelle2_nb_restantes %>- Il n'y a plus de place en violoncelle cahier 5 à 10 </span> <% } else{ %> violoncelle cahier 5 à 10 : <%- locals?.violoncelle2_nb_restantes %><% } %></p>
|
||||
|
||||
</div>
|
||||
</section>
|
||||
</section>
|
||||
|
||||
<% } else{ %>
|
||||
<section>
|
||||
<div class="sous_titre">
|
||||
<div><img class='icone_titre' src="/public/images/icones/musican.webp" alt="icone information à cliquer" /></div>
|
||||
<div><p>ÉLÈVES CONCERTISTES</p></div>
|
||||
</div>
|
||||
|
||||
<p class="montserrat_light"><mark>Il n'y a plus de place concertiste</mark></p>
|
||||
</section>
|
||||
<% } %>
|
||||
<% } else{ %>
|
||||
<section>
|
||||
<div class="sous_titre">
|
||||
<div><img class='icone_titre' src="/public/images/icones/musican.webp" alt="icone information à cliquer" /></div>
|
||||
<div><p>ÉLÈVES CONCERTISTES</p></div>
|
||||
</div>
|
||||
|
||||
<p class="montserrat_light"><mark>Vous avez déjà atteint le nombre maximum d'élèves concertistes inscrits</mark></p>
|
||||
</section>
|
||||
<% } %>
|
||||
|
||||
|
||||
<!-- SAISIE POUR UN CONCERTISTE -->
|
||||
<section id="eleve0" data-piano_nb_restantes='<%= piano_nb_restantes %>' data-alto_nb_restantes='<%= alto_nb_restantes %>' data-flute_nb_restantes='<%= flute_nb_restantes %>' data-trompette_nb_restantes='<%= trompette_nb_restantes %>' data-harpe_nb_restantes='<%= harpe_nb_restantes %>' data-violon1_nb_restantes='<%= violon1_nb_restantes %>' data-violon2_nb_restantes='<%= violon2_nb_restantes %>' data-violoncelle1_nb_restantes='<%= violoncelle1_nb_restantes %>' data-violoncelle2_nb_restantes='<%= violoncelle2_nb_restantes %>'>
|
||||
</section>
|
||||
|
||||
<div class="space40"></div>
|
||||
|
||||
<!-- ---------------------------------- -->
|
||||
<!-- SPECTATEUR -->
|
||||
<!-- ---------------------------------- -->
|
||||
<section>
|
||||
<div class="place_categorie">
|
||||
<div class="sous_titre">
|
||||
<div><img class='icone_titre' src="/public/images/icones/spectator.webp" alt="icone information à cliquer" /></div>
|
||||
<div><p>SPECTATEURS</p></div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
<div><p class="marginbottom_40px montserrat_light">Tarif spectateur : 20€</p></div>
|
||||
|
||||
<!-- COMBIEN DE SPECTATEURS ? 3 MAX -->
|
||||
<% if(locals.quota_spectateur == "nondepasse"){ %>
|
||||
<section id="spectateur0" data-spectateur_nb_restantes='<%= spectateur_nb_restantes %>' data-spectateur_remisenvente='oui' data-quota_total_spectateur='<%= quota_total_spectateur %>'>
|
||||
|
||||
</section>
|
||||
<% } else{ %>
|
||||
<section id="spectateur0" data-spectateur_nb_restantes='<%= spectateur_nb_restantes %>' data-spectateur_remisenvente='non' data-quota_total_spectateur='<%= quota_total_spectateur %>'>
|
||||
<p class="montserrat_light"><mark>Vous avez déjà atteint le nombre maximum de spectateurs inscrits</mark></p>
|
||||
</section>
|
||||
<% } %>
|
||||
|
||||
|
||||
<div class="space40"></div>
|
||||
|
||||
|
||||
<!-- ---------------------------------- -->
|
||||
<!-- ENCADRANT -->
|
||||
<!-- ---------------------------------- -->
|
||||
<section>
|
||||
<div class="place_categorie">
|
||||
<div class="sous_titre">
|
||||
<div><img class='icone_titre' src="/public/images/icones/encadrant.webp" alt="icone information à cliquer" /></div>
|
||||
<div>
|
||||
<p>ENCADRANT <span class="montserrat_light">PARENT</span> ou <span class="montserrat_light">PROFESSEUR</span></p>
|
||||
<ul class="note">
|
||||
<li>Les encadrants n'ont pas besoin d'acheter de place spectateur.</li>
|
||||
<li>Selon ses missions l'encadrant ne verra peut-être pas le concert.</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Voulez-vous ajouter un encadrant ? -->
|
||||
<div class="input_checkbox">
|
||||
<input type="checkbox" name="check_encadrant0" id="check_encadrant0" onchange="ajout_encadrant(0,<%= encadr_parent_nb_restantes %>)">
|
||||
<label class="gras" for="check_encadrant0">Souhaitez-vous être encadrant pour cet événement ?</label>
|
||||
</div>
|
||||
|
||||
</section>
|
||||
|
||||
<!-- SAISIE POUR UN ENCADRANT -->
|
||||
<section id="encadrant0" data-encadr_parent_nb_restantes='<%= encadr_parent_nb_restantes %>'>
|
||||
</section>
|
||||
|
||||
|
||||
<!-- ---------------------------------- -->
|
||||
<!-- DON -->
|
||||
<!-- ---------------------------------- -->
|
||||
<section class="margintop_60px">
|
||||
<div class="place_categorie">
|
||||
<div class="sous_titre">
|
||||
<div><i class="fa fa-heart rouge"></i></div>
|
||||
<div><p class="rouge">DON</p></div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Voulez-vous ajouter un don ? -->
|
||||
<div class="input_box input_text input_box_gris">
|
||||
<label for="don">Un don l'Association ? <i class="fa fa-heart rouge"></i></label>
|
||||
<input type="number" name="don" id="don" placeholder="Entrez ici le montant en euros" title="Entrer un montant en euros">
|
||||
</div>
|
||||
</section>
|
||||
|
||||
|
||||
<!-- ---------------------------------- -->
|
||||
<!-- COMMENTAIRE -->
|
||||
<!-- ---------------------------------- -->
|
||||
<% if(locals.deja_inscrit_concert == "non"){ %>
|
||||
<section class="commentaire">
|
||||
<div class="place_categorie">
|
||||
<div class="sous_titre">
|
||||
<div><i class="fa fa-comments"></i></div>
|
||||
<div><p>COMMENTAIRE</p></div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="input_box input_text input_box_bleu margintop_40px">
|
||||
<label class="labeltextarea" for="commentaire_adherent">Un commentaire <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/adhesion/hidden_visible.js"></script>
|
||||
<script src="/public/js/concert/concert_formulaire_famille.js"></script>
|
||||
|
||||
</html>
|
||||
165
views/concert/page_templates/inscrip_formulaire_identifier.ejs
Normal file
165
views/concert/page_templates/inscrip_formulaire_identifier.ejs
Normal file
@@ -0,0 +1,165 @@
|
||||
<%- 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/concert_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>
|
||||
<% }; %>
|
||||
|
||||
|
||||
|
||||
<!-- ---------------------------------- -->
|
||||
<!-- FORMULAIRE de vérification de l'identifiant -->
|
||||
<!-- ---------------------------------- -->
|
||||
|
||||
<form id="form_identifier" 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="">
|
||||
</div>
|
||||
|
||||
<div class="input_checkbox">
|
||||
<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>
|
||||
</div>
|
||||
|
||||
|
||||
<!-- ---------------------------------- -->
|
||||
<!-- 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>
|
||||
|
||||
<!-- ------------------------- -->
|
||||
<!-- 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">
|
||||
|
||||
<div>
|
||||
<p>Cette page va vous permettre d'acheter des places "spectateur" restantes au Concert national Unesco 2024 organisé par l’Association Française pour la Pédagogie Suzuki qui aura lieu les 20 et 21 avril 2024.</p>
|
||||
<br>
|
||||
|
||||
<p><span class="gras rouge">LA JAUGE<br></span>
|
||||
<span class="bg_rouge_tres_clair">Nous devons respecter une jauge très stricte :</span> Chaque personne, y compris les très jeunes enfants <span class="bg_rouge_tres_clair">et</span> les bébés, seront <span class="bg_rouge_tres_clair">comptés comme spectateurs</span> et devront avoir un siège, même s'ils passent le concert sur les genoux de leurs parents.
|
||||
</p>
|
||||
<br>
|
||||
<p><span class="gras rouge">DURÉE DU CONCERT<br></span>
|
||||
La durée totale du concert sera de <span class="bg_rouge_tres_clair">2h30</span>, comprenant un premier entracte de 15 minutes, et un second entracte de 10 minutes. Pour le bien-être des spectateurs, des parents et des plus jeunes enfants, il serait préférable que <span class="bg_rouge_tres_clair">les tout-petits n'assistent pas au concert</span>.
|
||||
</p>
|
||||
<br>
|
||||
<p><span class="gras rouge">ACHAT DES PLACES<br></span>
|
||||
La mise en vente des billets spectateurs restants ouvrira le <span class="bg_rouge_tres_clair">mercredi 31 janvier à 22h</span>.
|
||||
<br>
|
||||
Il n'y a pas d'ordre de priorité, <span class="bg_rouge_tres_clair">premiers arrivés, premiers servis</span>.
|
||||
<br>
|
||||
Vous pouvez acheter, de nouveau, entre 1 et 3 billets.
|
||||
<br>
|
||||
Pour éviter les problèmes avec la plateforme, <span class="bg_rouge_tres_clair">NE PAS revenir en arrière après avoir validé votre commande</span>.
|
||||
</p>
|
||||
<br>
|
||||
<p><span class="gras rouge">DATE LIMITE<br></span>
|
||||
Il ne sera plus possible d'acheter des places après <span class="bg_rouge_tres_clair">le 31 mars 2024</span>.
|
||||
</p>
|
||||
<br>
|
||||
<hr>
|
||||
<br>
|
||||
<p><span class="gras rouge">Tarifs : </span>spectateur : 20€ (le tarif tient commte des frais de carte bancaire).</p>
|
||||
<br>
|
||||
<p><span class="gras rouge">Mode de paiement : </span>Carte bancaire via une plateforme bancaire sécurisée.</p>
|
||||
<br>
|
||||
<p><span class="gras rouge">Contact : </span>afps.inscription@gmail.com</p>
|
||||
<br>
|
||||
|
||||
|
||||
<p><span class="gras">UTILISATION DES DONNÉES PERSONNELLES</span></span></p>
|
||||
<p>Les informations recueillies dans les formulaires, qu'elles soient de la base de données gérée par l'Association ou celle gérée par le billetterie Weezevent, 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>
|
||||
|
||||
<!-- ---------------------------------- -->
|
||||
<!-- AFFICHAGE NOMBRE DE PLACES RESTANTES -->
|
||||
<!-- ---------------------------------- -->
|
||||
<div class="space30"></div>
|
||||
<div class="displaynone">
|
||||
<p><span class="gras rouge">Nombre de places restantes par catégorie :</span></p>
|
||||
<p>- spectateur : <span class='resultat_text rouge'><%- locals?.spectateur_nb_restantes %></span> /<%= process.env.spectateur_nb_places %></p>
|
||||
<p>- encadrant parent : <span class='resultat_text rouge'><%- locals?.encadr_parent_nb_restantes %></span> /<%= process.env.encadr_parent_nb_places %></p>
|
||||
<p>- concertiste piano : <span class='resultat_text rouge'><%- locals?.piano_nb_restantes %></span> /<%= process.env.piano_nb_places %></p>
|
||||
<p>- concertiste alto : <span class='resultat_text rouge'><%- locals?.alto_nb_restantes %></span> /<%= process.env.alto_nb_places %></p>
|
||||
<p>- concertiste flûte : <span class='resultat_text rouge'><%- locals?.flute_nb_restantes %></span> /<%= process.env.flute_nb_places %></p>
|
||||
<p>- concertiste trompette : <span class='resultat_text rouge'><%- locals?.trompette_nb_restantes %></span> /<%= process.env.trompette_nb_places %></p>
|
||||
<p>- concertiste harpe : <span class='resultat_text rouge'><%- locals?.harpe_nb_restantes %></span> /<%= process.env.harpe_nb_places %></p>
|
||||
<p>- concertiste violon niveau 1 : <span class='resultat_text rouge'><%- locals?.violon1_nb_restantes %></span> /<%= process.env.violon1_nb_places %></p>
|
||||
<p>- concertiste violon niveau 2 : <span class='resultat_text rouge'><%- locals?.violon2_nb_restantes %></span> /<%= process.env.violon2_nb_places %></p>
|
||||
<p>- concertiste violoncelle niveau 1 : <span class='resultat_text rouge'><%- locals?.violoncelle1_nb_restantes %></span> /<%= process.env.violoncelle1_nb_places %></p>
|
||||
<p>- concertiste violoncelle niveau 2 : <span class='resultat_text rouge'><%- locals?.violoncelle2_nb_restantes %></span> /<%= process.env.violoncelle2_nb_places %></p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
</section>
|
||||
|
||||
|
||||
|
||||
</article>
|
||||
|
||||
</main>
|
||||
|
||||
|
||||
|
||||
<!-- ---------------------------------- -->
|
||||
<!-- FOOTER -->
|
||||
<!-- ---------------------------------- -->
|
||||
<%- include('../../template_parts/footer')%>
|
||||
|
||||
</body>
|
||||
|
||||
<!-- JAVASCRIPT d'EXECUTION -->
|
||||
<script src="/public/js/adhesion/hidden_visible.js"></script>
|
||||
<script src="/public/js/localstore.js"></script>
|
||||
|
||||
</html>
|
||||
244
views/concert/page_templates/inscrip_liste_attente.ejs
Normal file
244
views/concert/page_templates/inscrip_liste_attente.ejs
Normal file
@@ -0,0 +1,244 @@
|
||||
<%- include('../../template_parts/head')%>
|
||||
|
||||
<body>
|
||||
|
||||
<!-- ---------------------------------- -->
|
||||
<!-- HEADER -->
|
||||
<!-- ---------------------------------- -->
|
||||
<%- include('../../template_parts/header_tunnel')%>
|
||||
|
||||
<main>
|
||||
|
||||
<!-- ---------------------------------- -->
|
||||
<!-- TITRE DE LA PAGE -->
|
||||
<!-- ---------------------------------- -->
|
||||
<%- include('../template_parts/concert_titrepage')%>
|
||||
|
||||
<!-- ---------------------------------- -->
|
||||
<!-- FORMULAIRE -->
|
||||
<!-- ---------------------------------- -->
|
||||
<article class="stage_formulaire_cont form_adhesion">
|
||||
|
||||
|
||||
<form id="form_inscription_famille" action="" method="post" class="stage_formulaire">
|
||||
|
||||
<!-- ---------------------------------- -->
|
||||
<!-- EXPLICATIONS -->
|
||||
<!-- ---------------------------------- -->
|
||||
<section>
|
||||
<h1 class="titre_personne"><span class="rouge">LISTE D'ATTENTE ÉLÈVE INSTRUMENTISTE</span></h1>
|
||||
</section>
|
||||
|
||||
<div class="space40"></div>
|
||||
|
||||
<!-- ---------------------------------- -->
|
||||
<!-- ADHÉRENT -->
|
||||
<!-- ---------------------------------- -->
|
||||
<section>
|
||||
<h1><img class='icone_titre' src="/public/images/icones/icone_compte.png" alt="icone information">INFORMATIONS ADHÉRENT (Parent)</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_suzuki">Association Suzuki *</label>
|
||||
<input type="text" name="association_suzuki" id="association_suzuki" value='<%= association_suzuki %>' title="Association noté dans votre dossier adhérent, vous pouvez la modifier" required>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="grid_2inputs">
|
||||
<div class="input_box input_text input_box_gris">
|
||||
<label for="adherent_nom">Nom du parent *</label>
|
||||
<input type="text" name="adherent_nom" id="adherent_nom" value='<% if (locals.adherent_nom) { %><%= adherent_nom %><% }; %>' title="Nom de famille de l'adérent, famille ou professeur" required>
|
||||
</div>
|
||||
|
||||
<div class="input_box input_text input_box_gris">
|
||||
<label for="adherent_prenom">Prénom du parent *</label>
|
||||
<input type="text" name="adherent_prenom" id="adherent_prenom" value='<% if (locals.adherent_prenom) { %><%= adherent_prenom %><% }; %>' title="Prénom de l'adérent, famille ou professeur" 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 %><% }; %>" title="Dans quelle ville habitez vous ?" required>
|
||||
</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 %><% }; %>" title="Combien de personnes pouvez-vous héberger ?" required>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</section>
|
||||
|
||||
<div class="space40"></div>
|
||||
|
||||
<!-- ---------------------------------- -->
|
||||
<!-- ÉlÈVES CONCERTISTES -->
|
||||
<!-- ---------------------------------- -->
|
||||
|
||||
|
||||
<section>
|
||||
<div class="place_categorie">
|
||||
<div class="sous_titre">
|
||||
<div><img class='icone_titre' src="/public/images/icones/musican.webp" alt="icone information à cliquer" /></div>
|
||||
<div><p>L'ÉLÈVE CONCERTISTE</p></div>
|
||||
</div>
|
||||
</div>
|
||||
<div><p class="marginbottom_40px montserrat_light">Tarif élève concertiste : 23€</p></div>
|
||||
|
||||
<section class="marginbottom_40px">
|
||||
<div class="montserrat_light">
|
||||
<p><span class="montserrat_regular">Instruments en liste d'attente :</span></p>
|
||||
<% if(locals.piano_nb_restantes < 1 ){ %> <p>- <span class="rouge">piano</span></p>%> <% }%>
|
||||
<% if(locals.alto_nb_restantes < 1 ){ %> <p>- <span class="rouge">alto</span></p>%> <% }%>
|
||||
<% if(locals.flute_nb_restantes < 1 ){ %> <p>- <span class="rouge">flûte</span></p>%> <% }%>
|
||||
<% if(locals.trompette_nb_restantes < 1 ){ %> <p>- <span class="rouge">trompette</span></p>%> <% }%>
|
||||
<% if(locals.harpe_nb_restantes < 1 ){ %> <p>- <span class="rouge">harpe</span></p>%> <% }%>
|
||||
<% if(locals.violon1_nb_restantes < 1 ){ %> <p>- <span class="rouge">violon cahier 1 à 5</span></p>%> <% }%>
|
||||
<% if(locals.violon2_nb_restantes < 1 ){ %> <p>- <span class="rouge">violon cahier 6 à 10</span></p>%> <% }%>
|
||||
<% if(locals.violoncelle1_nb_restantes < 1 ){ %> <p>- <span class="rouge">violoncelle cahier 1 à 4</span></p>%> <% }%>
|
||||
<% if(locals.violoncelle2_nb_restantes < 1 ){ %> <p>- <span class="rouge">violoncelle cahier 5 à 10</span></p>%> <% }%>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
|
||||
<section class="personne">
|
||||
|
||||
<section class="">
|
||||
<div class="input_checkbox input_checkbox_bleu">
|
||||
<input type="checkbox" name="eleve_engagement" id="eleve_engagement" required="">
|
||||
<label for="eleve_engagement">Le concertiste s'engage à être présent les 2 journées du 20 et 21 avril 2024.</label>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<div class="grid_2inputs">
|
||||
<div class="input_box input_text input_box_gris">
|
||||
<label for="eleve_nom">Nom de famille *</label>
|
||||
<input type="text" name="eleve_nom" id="eleve_nom" title="Nom de famille de l'élève concertiste" required="">
|
||||
</div>
|
||||
|
||||
<div class="input_box input_text input_box_gris">
|
||||
<label for="eleve_prenom">Prénom *</label>
|
||||
<input type="text" name="eleve_prenom" id="eleve_prenom" title="Prénom de l'élève concertiste" required="">
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="grid_2inputs">
|
||||
<div class="input_box input_text input_box_gris">
|
||||
<label for="eleve_age">Age *</label>
|
||||
<input type="number" name="eleve_age" id="eleve_age" placeholder="22 ans maximum" title="Entrer un chiffre" max="22" required="">
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="grid_2inputs">
|
||||
<div class="input_box input_text input_box_bleu">
|
||||
<label for="eleve_instrument">Instrument *</label>
|
||||
<select id="eleve_instrument" name="eleve_instrument" title="De quel instrument joue l'élève ?" required="">
|
||||
<option value="" selected=""></option>
|
||||
<option value="Piano">Piano</option>
|
||||
<option value="Violon">Violon</option>
|
||||
<option value="Violoncelle">Violoncelle</option>
|
||||
<option value="Alto">Alto</option>
|
||||
<option value="Flute">Flûte</option>
|
||||
<option value="Trompette">Trompette</option>
|
||||
<option value="Harpe">Harpe</option>
|
||||
</select>
|
||||
</div>
|
||||
<div class="input_box input_text input_box_bleu">
|
||||
<label for="eleve_cahier">Niveau Cahier *</label>
|
||||
<select id="eleve_cahier" name="eleve_cahier" title="Quel est son niveau" required="">
|
||||
<option value="" selected=""></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>
|
||||
</select>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="grid_2inputs">
|
||||
<div class="input_box input_text input_box_bleu">
|
||||
<label for="eleve_piece">Dernière pièce jouée *</label>
|
||||
<input type="text" name="eleve_piece" id="eleve_piece" title="Quelle musique a-t-il joué en dernier ?" required="">
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="grid_2inputs">
|
||||
<div class="input_box input_text input_box_bleu">
|
||||
<label for="eleve_prof_nom">Nom et prénom du professeur *</label>
|
||||
<input type="text" name="eleve_prof_nom" id="eleve_prof_nom" title="Le nom et prénom du professeur de l'élève" required="">
|
||||
</div>
|
||||
|
||||
<div class="input_box input_text input_box_bleu">
|
||||
<label for="eleve_prof_mail">Mail professeur *</label>
|
||||
<input type="email" name="eleve_prof_mail" id="eleve_prof_mail" title="L'adresse mail du professeur" required="">
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
|
||||
</section>
|
||||
|
||||
|
||||
|
||||
<!-- SAISIE POUR UN CONCERTISTE -->
|
||||
<section id="eleve0" data-piano_nb_restantes='<%= piano_nb_restantes %>' data-alto_nb_restantes='<%= alto_nb_restantes %>' data-flute_nb_restantes='<%= flute_nb_restantes %>' data-trompette_nb_restantes='<%= trompette_nb_restantes %>' data-harpe_nb_restantes='<%= harpe_nb_restantes %>' data-violon1_nb_restantes='<%= violon1_nb_restantes %>' data-violon2_nb_restantes='<%= violon2_nb_restantes %>' data-violoncelle1_nb_restantes='<%= violoncelle1_nb_restantes %>' data-violoncelle2_nb_restantes='<%= violoncelle2_nb_restantes %>'>
|
||||
</section>
|
||||
|
||||
<div class="space40"></div>
|
||||
|
||||
|
||||
<!-- ---------------------------------- -->
|
||||
<!-- COMMENTAIRE -->
|
||||
<!-- ---------------------------------- -->
|
||||
<% if(locals.deja_inscrit_concert == "non"){ %>
|
||||
<section class="commentaire">
|
||||
<div class="place_categorie">
|
||||
<div class="sous_titre">
|
||||
<div><i class="fa fa-comments"></i></div>
|
||||
<div><p>COMMENTAIRE</p></div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="input_box input_text input_box_bleu margintop_40px">
|
||||
<label class="labeltextarea" for="commentaire_adherent">Un commentaire <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/adhesion/hidden_visible.js"></script>
|
||||
<script src="/public/js/concert/concert_formulaire_famille.js"></script>
|
||||
|
||||
</html>
|
||||
137
views/concert/page_templates/inscrip_paiement.ejs
Normal file
137
views/concert/page_templates/inscrip_paiement.ejs
Normal file
@@ -0,0 +1,137 @@
|
||||
<%- include('../../template_parts/head')%>
|
||||
|
||||
<body>
|
||||
|
||||
<!-- ---------------------------------- -->
|
||||
<!-- HEADER -->
|
||||
<!-- ---------------------------------- -->
|
||||
<%- include('../../template_parts/header_tunnel')%>
|
||||
|
||||
<main>
|
||||
|
||||
<!-- ---------------------------------- -->
|
||||
<!-- TITRE DE LA PAGE -->
|
||||
<!-- ---------------------------------- -->
|
||||
<%- include('../template_parts/concert_titrepage')%>
|
||||
|
||||
<!-- ---------------------------------- -->
|
||||
<!-- RÉCAP -->
|
||||
<!-- ---------------------------------- -->
|
||||
<article class="stage_formulaire_cont form_adhesion">
|
||||
|
||||
<section>
|
||||
<h1 class="titre_personne"><span class="rouge">PAIEMENT</span></h1>
|
||||
</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>
|
||||
<% if (association_suzuki) { %>
|
||||
<p>Association Suzuki : <span class='identifiant'><%= association_suzuki %></span></p>
|
||||
<% } %>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<hr>
|
||||
|
||||
<section>
|
||||
<h1 class="titre_personne"><span class="rouge">Nombre de billets alloués : </span></h1>
|
||||
</section>
|
||||
|
||||
<table>
|
||||
<% if (locals["commande_nbr_places_concertiste"] > 0) { %>
|
||||
<tr>
|
||||
<td>Concertiste</td>
|
||||
<td class="resultat_text rouge align_right"><%= locals["commande_nbr_places_concertiste"] %></td>
|
||||
</tr>
|
||||
<% }; %>
|
||||
<% if (locals["spectateur_nb_place"] > 0) { %>
|
||||
<tr>
|
||||
<td>Spectateur</td>
|
||||
<td class="resultat_text rouge align_right"><%= locals["spectateur_nb_place"] %></td>
|
||||
</tr>
|
||||
<% }; %>
|
||||
<% if (locals["commande_nbr_places_encadrant_parent"] > 0) { %>
|
||||
<tr>
|
||||
<td>Encadrant parent</td>
|
||||
<td class="resultat_text rouge align_right"><%= locals["commande_nbr_places_encadrant_parent"] %></td>
|
||||
</tr>
|
||||
<% }; %>
|
||||
<% if (locals["commande_nbr_places_encadrant_prof"] > 0) { %>
|
||||
<tr>
|
||||
<td>Encadrant professeur</td>
|
||||
<td class="resultat_text rouge align_right"><%= locals["commande_nbr_places_encadrant_prof"] %></td>
|
||||
</tr>
|
||||
<% }; %>
|
||||
</table>
|
||||
|
||||
|
||||
<hr>
|
||||
<section>
|
||||
<h1 class="titre_personne"><span class="rouge">Veuillez sélectionner les billets correspondants :</span></h1>
|
||||
</section>
|
||||
|
||||
<!-- ---------------------------------- -->
|
||||
<!-- BILLETTERIE WEEZEVENT -->
|
||||
<!-- ---------------------------------- -->
|
||||
<section>
|
||||
<%- weezevent_widget %>
|
||||
</section>
|
||||
|
||||
|
||||
|
||||
</article>
|
||||
|
||||
<!-- ------------------------- -->
|
||||
<!-- Explication aux visiteurs -->
|
||||
<!-- ------------------------- -->
|
||||
|
||||
<section class="grid savoirplus_accueil">
|
||||
|
||||
<div id="savoirplus_button" class="savoirplus_button">
|
||||
<p>En savoir plus sur la procédure de paiement</p>
|
||||
</div>
|
||||
|
||||
<div id="savoirplus_content" class="savoirplus_content hidden">
|
||||
<p>Cette page vous permet de payer les billets par le biais de la plateforme Weezevent.</p>
|
||||
<br>
|
||||
<p>Nous vous demanderons de<mark> respecter la sélection de billets </mark>correspondante au nombre de spectateurs, concertistes et encadrants qui figure dans ce récapitulatif, sinon votre réservation devra être annulée.</p>
|
||||
<br>
|
||||
<p></p>
|
||||
<br>
|
||||
<p><span class="gras">Mode de paiement :</span></p>
|
||||
<ul>
|
||||
<li>Carte bancaire Visa et Mastercard</li>
|
||||
</ul>
|
||||
<br>
|
||||
<p><span class="gras">Tarif :</span></p>
|
||||
<ul>
|
||||
<li>Spectateur : 22€ par spectateur</li>
|
||||
<li>Concertiste : 21€ par concertiste</li>
|
||||
</ul>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
</main>
|
||||
|
||||
|
||||
|
||||
<!-- ---------------------------------- -->
|
||||
<!-- FOOTER -->
|
||||
<!-- ---------------------------------- -->
|
||||
<%- include('../../template_parts/footer')%>
|
||||
|
||||
</body>
|
||||
|
||||
<!-- JAVASCRIPT d'EXECUTION -->
|
||||
<script src="/public/js/adhesion/hidden_visible.js"></script>
|
||||
|
||||
</html>
|
||||
179
views/concert/page_templates/inscrip_recap_famille.ejs
Normal file
179
views/concert/page_templates/inscrip_recap_famille.ejs
Normal file
@@ -0,0 +1,179 @@
|
||||
<%- include('../../template_parts/head')%>
|
||||
|
||||
<body>
|
||||
|
||||
<!-- ---------------------------------- -->
|
||||
<!-- HEADER -->
|
||||
<!-- ---------------------------------- -->
|
||||
<%- include('../../template_parts/header_tunnel')%>
|
||||
|
||||
<main>
|
||||
|
||||
<!-- ---------------------------------- -->
|
||||
<!-- TITRE DE LA PAGE -->
|
||||
<!-- ---------------------------------- -->
|
||||
<%- include('../template_parts/concert_titrepage')%>
|
||||
|
||||
<!-- ---------------------------------- -->
|
||||
<!-- RÉCAP -->
|
||||
<!-- ---------------------------------- -->
|
||||
<article class="stage_formulaire_cont form_adhesion">
|
||||
|
||||
<section>
|
||||
<h1 class="titre_personne"><span class="rouge">RÉCAPITULATIF</span></h1>
|
||||
</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 marginbottom_40px">
|
||||
<div>
|
||||
<p>Identifiant : <span class='identifiant'><%= identifiant %></span></p>
|
||||
</div>
|
||||
<div>
|
||||
<% if (association_suzuki) { %>
|
||||
<p>Association Suzuki : <span class='identifiant'><%= association_suzuki %></span></p>
|
||||
<% } %>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- PROPOSITION D'HÉBERGEMENT -->
|
||||
<% if (locals["hebergement_ville"]) { %>
|
||||
<div class="icone_hebergement marginbottom_40px">
|
||||
<div><img class='icone' src="/public/images/icones/icone_house.png" alt="icone information à cliquer"></div>
|
||||
<p>Hébergement proposé : <span class='identifiant'><%= hebergement_ville %></span><span class='identifiant'>pour <%= hebergement_nb %> personne(s).</span></p>
|
||||
</div>
|
||||
<% } %>
|
||||
|
||||
<div class="icone_hebergement">
|
||||
<div><img class='icone' src="/public/images/icones/spectator.webp" alt="icone information à cliquer"></div>
|
||||
<p>Nombre de spectateurs : <span class='identifiant'><%= spectateur_nb_place %></span></p>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<section id="eleve">
|
||||
<% for (let toto = 1; toto < 5; toto++) { %>
|
||||
<% if (locals["eleve_"+toto+"_nom"]) { %>
|
||||
<div class="recap_personne">
|
||||
<h2><img class='icone_titre' src="/public/images/icones/icone_personne.png" alt="icone information à cliquer">CONCERTISTE <span class="rouge numero"><%= locals["eleve_"+toto+"_numero"] %></span></h2>
|
||||
<div>
|
||||
<p>Nom : <span class='identifiant'><%= locals["eleve_"+toto+"_nom"] %> <%= locals["eleve_"+toto+"_prenom"] %></span></p>
|
||||
<p>Âge : <span class='identifiant'><%= locals["eleve_"+toto+"_age"] %></span></p>
|
||||
<p>Intrument : <span class='identifiant'><%= locals["eleve_"+toto+"_instrument"] %> - <%= locals["eleve_"+toto+"_cahier"] %></span></p>
|
||||
<% if (locals["eleve_"+toto+"_instrument"]=="Piano") { %><p class="rouge">Pour le piano l’inscription doit être validée par le comité.</p><% } %>
|
||||
<p>Pièce : <span class='identifiant'><%= locals["eleve_"+toto+"_piece"] %></span></p>
|
||||
<p>Professeur : <span class='identifiant'><%= locals["eleve_"+toto+"_prof_nom"] %> - <%= locals["eleve_"+toto+"_prof_mail"] %></span></p>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
<% } %>
|
||||
<% } %>
|
||||
</section>
|
||||
|
||||
<section id="encadrant">
|
||||
<% for (let toto = 1; toto < 5; toto++) { %>
|
||||
<% if (locals["encadrant_"+toto+"_nom"]) { %>
|
||||
<div class="recap_personne">
|
||||
<h2><img class='icone_titre' src="/public/images/icones/icone_personne.png" alt="icone information à cliquer">ENCADRANT <span class="rouge numero"><%= locals["encadrant_"+toto+"_numero"] %></span></h2>
|
||||
<div>
|
||||
<p>Encadrant : <span class='identifiant'><%= locals["encadrant_"+toto+"_type"] %></span></p>
|
||||
<p>Nom : <span class='identifiant'><%= locals["encadrant_"+toto+"_nom"] %> <%= locals["encadrant_"+toto+"_prenom"] %></span></p>
|
||||
<p>Téléphone : <span class='identifiant'><%= locals["encadrant_"+toto+"_telephone_mobile"] %></span></p>
|
||||
<p>Mail : <span class='identifiant'><%= locals["encadrant_"+toto+"_mail"] %></span></p>
|
||||
<% if (locals["encadrant_"+toto+"_prof_instrument"]) { %>
|
||||
<p>Instrument : <span class='identifiant'><%= locals["encadrant_"+toto+"_prof_instrument"] %></span></p>
|
||||
<% } %>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
<% } %>
|
||||
<% } %>
|
||||
</section>
|
||||
|
||||
<hr>
|
||||
|
||||
<section class="tarifs_ss_margel tarif_unitaire">
|
||||
<% if (locals["cout_concertiste"] > 0) { %>
|
||||
<p>Tarif concertiste 23€</p>
|
||||
<% } %>
|
||||
<% if (locals["cout_spectateur"] > 0) { %>
|
||||
<p>Tarif spectateur 20€</p>
|
||||
<% } %>
|
||||
</section>
|
||||
<section class="tarifs_ss_margel">
|
||||
<% if (locals["cout_concertiste"] > 0) { %>
|
||||
<p>Total concertiste(s) : <span class='identifiant'><%= cout_concertiste %>€</span></p>
|
||||
<% } %>
|
||||
<% if (locals["cout_spectateur"] > 0) { %>
|
||||
<p>Total spectateur(s) : <span class='identifiant'><%= cout_spectateur %>€</span></p>
|
||||
<% } %>
|
||||
<% if (locals["don"] > 0) { %>
|
||||
<p>Don : <span class='identifiant'><%= don %>€</span></p>
|
||||
<% } %>
|
||||
<p>Montant à payer : <span class='identifiant'><%= montant_total %>€</span></p>
|
||||
|
||||
<br>
|
||||
<p>Mode de paiement : <span class='identifiant'>carte bancaire</span></p>
|
||||
<br>
|
||||
<p class="rouge maxwidth_600 font-17">Après avoir cliqué sur le bouton "VALIDER ET PAYER" vous ne pourrez plus revenir en arrière, ni revenir plus tard pour finaliser l'inscription.</p>
|
||||
</section>
|
||||
|
||||
<section class="buttons">
|
||||
|
||||
<form action="" method="post" class="">
|
||||
<button type="submit" class="button_icone button_icone_recap bg_green">
|
||||
<span class="">VALIDER<br>ET PAYER</span>
|
||||
</button>
|
||||
</form>
|
||||
|
||||
</section>
|
||||
|
||||
|
||||
</article>
|
||||
|
||||
<!-- ------------------------- -->
|
||||
<!-- Explication aux visiteurs -->
|
||||
<!-- ------------------------- -->
|
||||
|
||||
<section class="grid savoirplus_accueil">
|
||||
|
||||
<div id="savoirplus_button" class="savoirplus_button">
|
||||
<p>En savoir plus sur la procédure de paiement</p>
|
||||
</div>
|
||||
|
||||
<div id="savoirplus_content" class="savoirplus_content hidden">
|
||||
<p>La page suivante vous permettra de payer vos billets avec la carte bancaire via une plateforme bancaire sécurisée.</p>
|
||||
<p>Vous recevrez vos billets de la part de la plateforme de billetterie "Weezevent" après le paiement.</p>
|
||||
<br>
|
||||
<p></p>
|
||||
<br>
|
||||
<p><span class="gras">Mode de paiement :</span></p>
|
||||
<ul>
|
||||
<li>Carte bancaire Visa et Mastercard</li>
|
||||
</ul>
|
||||
<br>
|
||||
<p><span class="gras">Tarif :</span></p>
|
||||
<ul>
|
||||
<li>Spectateur : 20€ par spectateur</li>
|
||||
<li>Concertiste : 23€ par concertiste</li>
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
|
||||
</section>
|
||||
|
||||
</main>
|
||||
|
||||
|
||||
|
||||
<!-- ---------------------------------- -->
|
||||
<!-- FOOTER -->
|
||||
<!-- ---------------------------------- -->
|
||||
<%- include('../../template_parts/footer')%>
|
||||
|
||||
</body>
|
||||
|
||||
<!-- JAVASCRIPT d'EXECUTION -->
|
||||
<script src="/public/js/adhesion/hidden_visible.js"></script>
|
||||
|
||||
</html>
|
||||
@@ -0,0 +1,149 @@
|
||||
<%- include('../../template_parts/head')%>
|
||||
|
||||
<body>
|
||||
|
||||
<!-- ---------------------------------- -->
|
||||
<!-- HEADER -->
|
||||
<!-- ---------------------------------- -->
|
||||
<%- include('../../template_parts/header_tunnel')%>
|
||||
|
||||
<main>
|
||||
|
||||
<!-- ---------------------------------- -->
|
||||
<!-- TITRE DE LA PAGE -->
|
||||
<!-- ---------------------------------- -->
|
||||
<%- include('../template_parts/concert_titrepage')%>
|
||||
|
||||
<!-- ---------------------------------- -->
|
||||
<!-- RÉCAP -->
|
||||
<!-- ---------------------------------- -->
|
||||
<article class="stage_formulaire_cont form_adhesion">
|
||||
|
||||
<section>
|
||||
<h1 class="titre_personne"><span class="rouge">RÉCAPITULATIF</span></h1>
|
||||
</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 marginbottom_40px">
|
||||
<div>
|
||||
<p>Identifiant : <span class='identifiant'><%= identifiant %></span></p>
|
||||
</div>
|
||||
<div>
|
||||
<% if (association_suzuki) { %>
|
||||
<p>Association Suzuki : <span class='identifiant'><%= association_suzuki %></span></p>
|
||||
<% } %>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- PROPOSITION D'HÉBERGEMENT -->
|
||||
<% if (locals["hebergement_ville"]) { %>
|
||||
<div class="icone_hebergement marginbottom_40px">
|
||||
<div><img class='icone' src="/public/images/icones/icone_house.png" alt="icone information à cliquer"></div>
|
||||
<p>Hébergement proposé : <span class='identifiant'><%= hebergement_ville %></span><span class='identifiant'>pour <%= hebergement_nb %> personnes.</span></p>
|
||||
</div>
|
||||
<% } %>
|
||||
|
||||
<div class="icone_hebergement">
|
||||
<div><img class='icone' src="/public/images/icones/spectator.webp" alt="icone information à cliquer"></div>
|
||||
<p>Nombre de spectateurs : <span class='identifiant'><%= spectateur_nb_place %></span></p>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<section id="eleve">
|
||||
<% for (let toto = 1; toto < 5; toto++) { %>
|
||||
<% if (locals["eleve_"+toto+"_nom"]) { %>
|
||||
<div class="recap_personne">
|
||||
<h2><img class='icone_titre' src="/public/images/icones/icone_personne.png" alt="icone information à cliquer">CONCERTISTE <span class="rouge numero"><%= locals["eleve_"+toto+"_numero"] %></span></h2>
|
||||
<div>
|
||||
<p>Nom : <span class='identifiant'><%= locals["eleve_"+toto+"_nom"] %> <%= locals["eleve_"+toto+"_prenom"] %></span></p>
|
||||
<p>Âge : <span class='identifiant'><%= locals["eleve_"+toto+"_age"] %></span></p>
|
||||
<p>Intrument : <span class='identifiant'><%= locals["eleve_"+toto+"_instrument"] %> - <%= locals["eleve_"+toto+"_cahier"] %></span></p>
|
||||
<% if (locals["eleve_"+toto+"_instrument"]=="Piano") { %><p class="rouge">Pour le piano l’inscription doit être validée par le comité.</p><% } %>
|
||||
<p>Pièce : <span class='identifiant'><%= locals["eleve_"+toto+"_piece"] %></span></p>
|
||||
<p>Professeur : <span class='identifiant'><%= locals["eleve_"+toto+"_prof_nom"] %> - <%= locals["eleve_"+toto+"_prof_mail"] %></span></p>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
<% } %>
|
||||
<% } %>
|
||||
</section>
|
||||
|
||||
<section id="encadrant">
|
||||
<% for (let toto = 1; toto < 5; toto++) { %>
|
||||
<% if (locals["encadrant_"+toto+"_nom"]) { %>
|
||||
<div class="recap_personne">
|
||||
<h2><img class='icone_titre' src="/public/images/icones/icone_personne.png" alt="icone information à cliquer">ENCADRANT <span class="rouge numero"><%= locals["encadrant_"+toto+"_numero"] %></span></h2>
|
||||
<div>
|
||||
<p>Encadrant : <span class='identifiant'><%= locals["encadrant_"+toto+"_type"] %></span></p>
|
||||
<p>Nom : <span class='identifiant'><%= locals["encadrant_"+toto+"_nom"] %> <%= locals["encadrant_"+toto+"_prenom"] %></span></p>
|
||||
<p>Téléphone : <span class='identifiant'><%= locals["encadrant_"+toto+"_telephone_mobile"] %></span></p>
|
||||
<p>Mail : <span class='identifiant'><%= locals["encadrant_"+toto+"_mail"] %></span></p>
|
||||
<% if (locals["encadrant_"+toto+"_prof_instrument"]) { %>
|
||||
<p>Instrument : <span class='identifiant'><%= locals["encadrant_"+toto+"_prof_instrument"] %></span></p>
|
||||
<% } %>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
<% } %>
|
||||
<% } %>
|
||||
</section>
|
||||
|
||||
<hr>
|
||||
|
||||
|
||||
<section class="tarifs_ss_margel">
|
||||
<p class="rouge maxwidth_600">Si vous cliquez sur le bouton "VALIDER" l'inscription sera enregistrée, vous ne pourrez plus recommencer.</p>
|
||||
</section>
|
||||
|
||||
<section class="buttons">
|
||||
|
||||
<form action="post_valid_recap" method="post" class="">
|
||||
<button type="submit" class="button_icone button_icone_recap bg_green">
|
||||
<span class="">VALIDER</span>
|
||||
</button>
|
||||
</form>
|
||||
|
||||
</section>
|
||||
|
||||
|
||||
</article>
|
||||
|
||||
<!-- ------------------------- -->
|
||||
<!-- Explication aux visiteurs -->
|
||||
<!-- ------------------------- -->
|
||||
|
||||
<section class="grid savoirplus_accueil">
|
||||
|
||||
<div id="savoirplus_button" class="savoirplus_button">
|
||||
<p>En savoir plus sur la procédure de paiement</p>
|
||||
</div>
|
||||
|
||||
<div id="savoirplus_content" class="savoirplus_content hidden">
|
||||
<p>La page suivante vous permettra de valider vos billets.</p>
|
||||
<p>Vous recevrez vos billets de la part de la plateforme de billetterie "Weezevent".</p>
|
||||
<br>
|
||||
<p></p>
|
||||
<br>
|
||||
|
||||
</div>
|
||||
|
||||
|
||||
</section>
|
||||
|
||||
</main>
|
||||
|
||||
|
||||
|
||||
<!-- ---------------------------------- -->
|
||||
<!-- FOOTER -->
|
||||
<!-- ---------------------------------- -->
|
||||
<%- include('../../template_parts/footer')%>
|
||||
|
||||
</body>
|
||||
|
||||
<!-- JAVASCRIPT d'EXECUTION -->
|
||||
<script src="/public/js/adhesion/hidden_visible.js"></script>
|
||||
|
||||
</html>
|
||||
143
views/concert/page_templates/inscrip_termine.ejs
Normal file
143
views/concert/page_templates/inscrip_termine.ejs
Normal file
@@ -0,0 +1,143 @@
|
||||
<%- 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/concert_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>
|
||||
<% }; %>
|
||||
|
||||
|
||||
|
||||
<!-- ---------------------------------- -->
|
||||
<!-- FIN DES INSCRIPTION -->
|
||||
<!-- ---------------------------------- -->
|
||||
|
||||
|
||||
<article class="stage_formulaire_cont form_adhesion">
|
||||
<section>
|
||||
<div class="grid_1inputs">
|
||||
<div class="icone_hebergement flex_centre">
|
||||
<div><img class='icone' src="/public/images/icones/pause.webp" alt="icone maison"></div>
|
||||
<div>Les inscriptions au concert sont terminées</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
</article>
|
||||
|
||||
|
||||
<!-- ------------------------- -->
|
||||
<!-- 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">
|
||||
|
||||
<div>
|
||||
<p>Cette page va vous permettre de vous inscrire au Concert national Unesco 2024 organisé par l’Association Française pour la Pédagogie Suzuki qui aura lieu les 20 et 21 avril 2024.</p>
|
||||
<br>
|
||||
<p>Les instruments répertoriés pour ce concert sont : piano, violon, violon alto, violoncelle, harpe, trompette et flûte traversière.</p>
|
||||
<br>
|
||||
|
||||
<p><span class="gras rouge">Horaires et lieux : <br></span>
|
||||
<span class="bg_rouge_tres_clair">Pour les élèves musiciens et les encadrants/bénévoles :</span><br>
|
||||
- <span class="color_gris_fonce">Samedi 20 avril 2024 | 10h-16h : </span>Salle Colonne, 94 boulevard Auguste Blanqui, 75013 Paris<br>
|
||||
- <span class="color_gris_fonce">Dimanche 21 avril 2024 | 9h-17h30 : </span>Salle de l’UNESCO, UNESCO, place de Fontenoy 75007 Paris<br>
|
||||
<span class="bg_rouge_tres_clair">Pour les spectateurs :</span><br>
|
||||
- <span class="color_gris_fonce">Dimanche 21 avril 2024 15h-17h30 (ouverture 14h) : </span>Salle de l’UNESCO, UNESCO, place de Fontenoy 75007 Paris
|
||||
</p>
|
||||
<br>
|
||||
|
||||
|
||||
<p><span class="gras rouge">Billets d'entrée : </span> Un billet sera demandé pour toutes personnes : concertistes, encadrants (parent ou professeur), spectateurs.</p>
|
||||
<br>
|
||||
<p><span class="gras rouge">Tarifs : </span>concertiste : 23€ / spectateur : 20€ (le tarif tient commte des frais de carte bancaire).</p>
|
||||
<br>
|
||||
<p><span class="gras rouge">Mode de paiement : </span>Carte bancaire via une plateforme bancaire sécurisée.</p>
|
||||
<br>
|
||||
<p><span class="gras rouge">Contact : </span>afps.inscription@gmail.com</p>
|
||||
<br>
|
||||
<p><span class="gras rouge">Déjeuner : </span>Les élèves musiciens et les encadrants apportent leur pique-nique.</p>
|
||||
<br>
|
||||
|
||||
<p><span class="gras">UTILISATION DES DONNÉES PERSONNELLES</span></span></p>
|
||||
<p>Les informations recueillies dans les formulaires, qu'elles soient de la base de données gérée par l'Association ou celle gérée par le billetterie Weezevent, 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>
|
||||
|
||||
<!-- ---------------------------------- -->
|
||||
<!-- AFFICHAGE NOMBRE DE PLACES RESTANTES -->
|
||||
<!-- ---------------------------------- -->
|
||||
<div class="space30"></div>
|
||||
<div>
|
||||
<p><span class="gras rouge">Nombre de places restantes par catégorie :</span></p>
|
||||
<p>- spectateur : <span class='resultat_text rouge'><%- locals?.spectateur_nb_restantes %></span> /<%= process.env.spectateur_nb_places %></p>
|
||||
<p>- encadrant parent : <span class='resultat_text rouge'><%- locals?.encadr_parent_nb_restantes %></span> /<%= process.env.encadr_parent_nb_places %></p>
|
||||
<p>- concertiste piano : <span class='resultat_text rouge'><%- locals?.piano_nb_restantes %></span> /<%= process.env.piano_nb_places %></p>
|
||||
<p>- concertiste alto : <span class='resultat_text rouge'><%- locals?.alto_nb_restantes %></span> /<%= process.env.alto_nb_places %></p>
|
||||
<p>- concertiste flûte : <span class='resultat_text rouge'><%- locals?.flute_nb_restantes %></span> /<%= process.env.flute_nb_places %></p>
|
||||
<p>- concertiste trompette : <span class='resultat_text rouge'><%- locals?.trompette_nb_restantes %></span> /<%= process.env.trompette_nb_places %></p>
|
||||
<p>- concertiste harpe : <span class='resultat_text rouge'><%- locals?.harpe_nb_restantes %></span> /<%= process.env.harpe_nb_places %></p>
|
||||
<p>- concertiste violon niveau 1 : <span class='resultat_text rouge'><%- locals?.violon1_nb_restantes %></span> /<%= process.env.violon1_nb_places %></p>
|
||||
<p>- concertiste violon niveau 2 : <span class='resultat_text rouge'><%- locals?.violon2_nb_restantes %></span> /<%= process.env.violon2_nb_places %></p>
|
||||
<p>- concertiste violoncelle niveau 1 : <span class='resultat_text rouge'><%- locals?.violoncelle1_nb_restantes %></span> /<%= process.env.violoncelle1_nb_places %></p>
|
||||
<p>- concertiste violoncelle niveau 2 : <span class='resultat_text rouge'><%- locals?.violoncelle2_nb_restantes %></span> /<%= process.env.violoncelle2_nb_places %></p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
</section>
|
||||
|
||||
|
||||
|
||||
</article>
|
||||
|
||||
</main>
|
||||
|
||||
|
||||
|
||||
<!-- ---------------------------------- -->
|
||||
<!-- FOOTER -->
|
||||
<!-- ---------------------------------- -->
|
||||
<%- include('../../template_parts/footer')%>
|
||||
|
||||
</body>
|
||||
|
||||
<!-- JAVASCRIPT d'EXECUTION -->
|
||||
<script src="/public/js/adhesion/hidden_visible.js"></script>
|
||||
|
||||
</html>
|
||||
66
views/concert/page_templates/paiement_annule.ejs
Normal file
66
views/concert/page_templates/paiement_annule.ejs
Normal file
@@ -0,0 +1,66 @@
|
||||
<%- 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>Siret : <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 class="adhesion_fin_description_identifiant">
|
||||
<p>IDENTIFIANT : <span class="adhesion_fin_card_identifiant_mail"><%= identifiant %></span></p>
|
||||
<br>
|
||||
</div>
|
||||
<div>
|
||||
<p>Votre paiement de <%= amount_total %> euros est en échec.</p>
|
||||
<br>
|
||||
<p>Vous pouvez contacter l'Association Française pour le Pédagogie Suzuki par mail à l'adresse afps.inscription@gmail.com pour effectuer un autre paiement.</p>
|
||||
<br>
|
||||
<p>Vous allez recevoir un mail récapitulatif avec les informations saisies dans le formulaire d'inscription.</p>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
|
||||
</div>
|
||||
|
||||
</section>
|
||||
|
||||
</main>
|
||||
|
||||
|
||||
|
||||
|
||||
<!-- ---------------------------------- -->
|
||||
<!-- FOOTER -->
|
||||
<!-- ---------------------------------- -->
|
||||
<%- include('../../template_parts/footer')%>
|
||||
|
||||
</body>
|
||||
|
||||
</html>
|
||||
68
views/concert/page_templates/paiement_reussi.ejs
Normal file
68
views/concert/page_templates/paiement_reussi.ejs
Normal file
@@ -0,0 +1,68 @@
|
||||
<%- include('../../template_parts/head')%>
|
||||
|
||||
<body>
|
||||
|
||||
<!-- ---------------------------------- -->
|
||||
<!-- HEADER -->
|
||||
<!-- ---------------------------------- -->
|
||||
<%- include('../../template_parts/header_tunnel')%>
|
||||
|
||||
<!-- ---------------------------------- -->
|
||||
<!-- PAGE DE FIN PAIEMENT CB REUSSI-->
|
||||
<!-- ---------------------------------- -->
|
||||
|
||||
<main>
|
||||
|
||||
<article>
|
||||
|
||||
|
||||
<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>Siret : <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_resultat">
|
||||
<% if (amount_total > 0) { %><p>Nous vous remercions pour votre paiement par carte bancaire de <%= amount_total %>€.</p><% } %>
|
||||
<br>
|
||||
<p>Vous allez recevoir :</p>
|
||||
<ul>
|
||||
<li>un mail récapitulatif de la part de afps.inscription@gmail.com,</li>
|
||||
<li>ce mail contiendra un justificatif de don au format PDF, si vous avez fait un don,</li>
|
||||
<li>un mail par billet à télécharger de la part de la plateforme Weezevent (support@weezevent.com).</li>
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
</section>
|
||||
|
||||
</article>
|
||||
|
||||
</main>
|
||||
|
||||
|
||||
|
||||
|
||||
<!-- ---------------------------------- -->
|
||||
<!-- FOOTER -->
|
||||
<!-- ---------------------------------- -->
|
||||
<%- include('../../template_parts/footer')%>
|
||||
|
||||
</body>
|
||||
|
||||
</html>
|
||||
9
views/concert/template_parts/concert_titrepage.ejs
Normal file
9
views/concert/template_parts/concert_titrepage.ejs
Normal file
@@ -0,0 +1,9 @@
|
||||
<!-- //////////////////////////// -->
|
||||
<!-- HEADER POUR LE STAGE NATIONAL-->
|
||||
<!-- //////////////////////////// -->
|
||||
<section class="titre">
|
||||
<h1>CONCERT NATIONAL <mark>UNESCO 2024</mark></h1>
|
||||
<h1>les 20 & 21 avril 2024</h1>
|
||||
<br><br>
|
||||
<!-- <p><span class="soft">INSCRIPTION</span></p> -->
|
||||
</section>
|
||||
85
views/don/page_templates/don_paiement_annule.ejs
Normal file
85
views/don/page_templates/don_paiement_annule.ejs
Normal file
@@ -0,0 +1,85 @@
|
||||
<%- 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/don_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>SIRET : <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 don à l’Association Française pour la pédagogie Suzuki <br><br><span class="rouge">ECHEC DU PAIEMENT</span></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>DON</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></p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="adhesion_fin_card_identifiant">
|
||||
<p>MONTANT : <span class="adhesion_fin_card_identifiant_mail"><%= montant %> €</span></p>
|
||||
</div>
|
||||
<div class="adhesion_fin_card_profil">
|
||||
<ul>
|
||||
<li>ECHEC DU PAIEMENT</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
</article>
|
||||
</main>
|
||||
|
||||
|
||||
|
||||
|
||||
<!-- ---------------------------------- -->
|
||||
<!-- FOOTER -->
|
||||
<!-- ---------------------------------- -->
|
||||
<%- include('../../template_parts/footer')%>
|
||||
|
||||
</body>
|
||||
|
||||
</html>
|
||||
101
views/don/page_templates/don_paiement_reussi.ejs
Normal file
101
views/don/page_templates/don_paiement_reussi.ejs
Normal file
@@ -0,0 +1,101 @@
|
||||
<%- 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/don_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>SIRET : <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 don à 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>DON</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></p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="adhesion_fin_card_identifiant">
|
||||
<p>MONTANT : <span class="adhesion_fin_card_identifiant_mail"><%= montant %> €</span></p>
|
||||
</div>
|
||||
|
||||
<div class="adhesion_fin_card_profil">
|
||||
<ul>
|
||||
<li>Vous allez recevoir un justificatif de don</li>
|
||||
<li>dans votre boite e-mail</li>
|
||||
<li><%= mail %></li>
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
</section>
|
||||
|
||||
</article>
|
||||
|
||||
</main>
|
||||
|
||||
|
||||
|
||||
|
||||
<!-- ---------------------------------- -->
|
||||
<!-- FOOTER -->
|
||||
<!-- ---------------------------------- -->
|
||||
<%- include('../../template_parts/footer')%>
|
||||
|
||||
</body>
|
||||
|
||||
</html>
|
||||
167
views/don/page_templates/formulaire_don.ejs
Normal file
167
views/don/page_templates/formulaire_don.ejs
Normal file
@@ -0,0 +1,167 @@
|
||||
<%- include('../../template_parts/head')%>
|
||||
|
||||
<body>
|
||||
|
||||
<!-- ---------------------------------- -->
|
||||
<!-- HEADER -->
|
||||
<!-- ---------------------------------- -->
|
||||
<%- include('../../template_parts/header_tunnel')%>
|
||||
|
||||
|
||||
|
||||
<main>
|
||||
|
||||
<article>
|
||||
|
||||
<!-- TITRE DE LA PAGE -->
|
||||
<%- include('../template_parts/don_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 don -->
|
||||
<!-- ---------------------------------- -->
|
||||
|
||||
<form action="" method="post" class="form_don">
|
||||
|
||||
<h2>Quelques informations à remplir pour valider votre don :</h2>
|
||||
|
||||
<section class="formulaire">
|
||||
|
||||
<div class="input_box input_text input_box_gris">
|
||||
<label for="montant">Montant*</label>
|
||||
<span class="currency">€</span>
|
||||
<input type="number" name="montant" id="montant" placeholder="de votre don" value="<% if (locals.montant) { %><%= montant %><% }; %>" required>
|
||||
</div>
|
||||
|
||||
<div class="input_box input_text input_box_gris">
|
||||
<label for="nom">Nom*</label>
|
||||
<input type="text" name="nom" id="nom" value="<% if (locals.nom) { %><%= nom %><% }; %>" required>
|
||||
</div>
|
||||
<div class="input_box input_text input_box_gris">
|
||||
<label for="prenom">Prénom*</label>
|
||||
<input type="text" name="prenom" id="prenom" required>
|
||||
</div>
|
||||
|
||||
<p class="form_sous_titre">Votre adresse :</p>
|
||||
|
||||
<div class="input_box input_text input_box_gris">
|
||||
<label for="adresse_rue">Rue*</label>
|
||||
<input type="text" name="adresse_rue" id="adresse_rue" required>
|
||||
</div>
|
||||
|
||||
<div class="input_box input_text input_box_gris">
|
||||
<label for="adresse_complement">Complément d'adresse</label>
|
||||
<input type="text" name="adresse_complement" id="adresse_complement">
|
||||
</div>
|
||||
<div class="input_box input_text input_box_gris">
|
||||
<label for="adresse_codepostal">Code postal*</label>
|
||||
<input type="text" name="adresse_codepostal" id="adresse_codepostal" required>
|
||||
</div>
|
||||
<div class="input_box input_text input_box_gris">
|
||||
<label for="adresse_ville">Ville*</label>
|
||||
<input type="text" name="adresse_ville" id="adresse_ville" required>
|
||||
</div>
|
||||
<div class="input_box input_text input_box_gris">
|
||||
<label for="adresse_pays">Pays*</label>
|
||||
<input type="text" name="adresse_pays" id="adresse_pays" required>
|
||||
</div>
|
||||
|
||||
<p class="form_sous_titre">Votre contact pour vous envoyer le reçu :</p>
|
||||
|
||||
<div class="input_box input_text input_box_gris">
|
||||
<label for="mail">Adresse mail*</label>
|
||||
<input type="text" name="mail" id="mail" value="<% if (locals.mail) { %><%= mail %><% }; %>" required>
|
||||
</div>
|
||||
|
||||
<div class="input_box input_text input_box_gris">
|
||||
<label for="telephone_mobile">Téléphone mobile</label>
|
||||
<input type="tel" name="telephone_mobile" id="telephone_mobile">
|
||||
</div>
|
||||
|
||||
<section class="commentaire">
|
||||
<div class="input_box input_text input_box_gris">
|
||||
<label class="labeltextarea" for="commentaire">Un commentaire ou une information particulière <br> à nous transmettre ?</label>
|
||||
<textarea class="textarea_commentaire" id="commentaire" name="commentaire"rows="4" cols="40"></textarea>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<div class="space30"></div>
|
||||
|
||||
<h2>En cliquant sur VALIDER, vous allez être redirigé vers notre système de paiement par carte bancaire sécurisé.</h2>
|
||||
|
||||
<div class="space30"></div>
|
||||
|
||||
</section>
|
||||
|
||||
|
||||
|
||||
|
||||
<!-- ---------------------------------- -->
|
||||
<!-- CLIQUEZ SUR BOUTON ADHÉRER -->
|
||||
<!-- ---------------------------------- -->
|
||||
|
||||
<button type="submit" class="button_icone">
|
||||
<span class="btn_icone">+</span><span class="btn_texte">VALIDER</span>
|
||||
</button>
|
||||
|
||||
</form>
|
||||
|
||||
<!-- ------------------------- -->
|
||||
<!-- 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 faire un don à l'Association Française pour la Pédagogie Suzuki.</p>
|
||||
<br>
|
||||
<p>Nous utilisons le système de paiement sécurisé par carte bancaire STRIPE.</p>
|
||||
<br>
|
||||
<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 faire de don 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>
|
||||
7
views/don/template_parts/don_titrepage.ejs
Normal file
7
views/don/template_parts/don_titrepage.ejs
Normal file
@@ -0,0 +1,7 @@
|
||||
<!-- //////////////////////////// -->
|
||||
<!-- HEADER POUR L'ADHÉSION-->
|
||||
<!-- //////////////////////////// -->
|
||||
<section class="titre">
|
||||
<h1>Don à l’Association Française pour la Pédagogie Suzuki</h1>
|
||||
<p></p>
|
||||
</section>
|
||||
50
views/rassemblementidf/page_templates/fermeture.ejs
Normal file
50
views/rassemblementidf/page_templates/fermeture.ejs
Normal file
@@ -0,0 +1,50 @@
|
||||
<%- 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 -->
|
||||
|
||||
|
||||
|
||||
<!-- lE formuaire -->
|
||||
<div class="erreur">
|
||||
<p>INSCRIPTION AU RASSEMBLEMENT TERMINÉE</p>
|
||||
</div>
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
</article>
|
||||
|
||||
</main>
|
||||
|
||||
|
||||
|
||||
<!-- ---------------------------------- -->
|
||||
<!-- FOOTER -->
|
||||
<!-- ---------------------------------- -->
|
||||
<%- include('../../template_parts/footer')%>
|
||||
|
||||
</body>
|
||||
<!-- JAVASCRIPT d'EXECUTION -->
|
||||
<script src="/public/js/adhesion/hidden_visible.js"></script>
|
||||
|
||||
</html>
|
||||
@@ -12,11 +12,6 @@
|
||||
<!-- 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">
|
||||
@@ -33,10 +28,12 @@
|
||||
<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>
|
||||
<input type="text" name="association" id="association" value='<%= association_suzuki %>' required>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<h1 class="titre_personne"><span class="rouge">Informations sur l'adhérent à l'association Suzuki, française, ou d'un autre pays :</span></h1>
|
||||
|
||||
<div class="grid_2inputs">
|
||||
<div class="input_box input_text input_box_gris">
|
||||
<label for="adherent_nom">Nom de famille *</label>
|
||||
@@ -80,11 +77,6 @@
|
||||
<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>
|
||||
@@ -98,25 +90,19 @@
|
||||
|
||||
<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>
|
||||
<p>- Les élèves instrumentistes</p>
|
||||
<p>- Les professeurs</p>
|
||||
</div>
|
||||
|
||||
<div class="space30"></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><img class='icone' src="/public/images/icones/icone_bus.png" alt="icone bus"></div>
|
||||
<div>Voulez vous prendre la navette qui va de la gare de Maule jusqu'au lieu du Rassemblement ? Si oui, pour combien de personnes ?</div>
|
||||
<div class="input_box input_text input_box_gris">
|
||||
<label for="bus_nb">Indiquer le nombre de personnes</label>
|
||||
<input type="number" name="bus_nb" id="bus_nb" value='<% if (locals.bus_nb) { %><%= bus_nb %><% }; %>'>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
@@ -126,6 +112,9 @@
|
||||
<section id="personne0">
|
||||
</section>
|
||||
|
||||
<!-- ---------------------------------- -->
|
||||
<!-- COMMENTAIRE -->
|
||||
<!-- ---------------------------------- -->
|
||||
<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>
|
||||
@@ -133,6 +122,11 @@
|
||||
</div>
|
||||
</section>
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
<button type="submit" class="button_icone">
|
||||
<span class="btn_icone">+</span><span class="btn_texte">VALIDER</span>
|
||||
</button>
|
||||
|
||||
@@ -33,7 +33,7 @@
|
||||
<%- include('../../stagenat/template_parts/check_identifiant')%>
|
||||
|
||||
<!-- ------------------------- -->
|
||||
<!-- Explication aux visiteurs -->
|
||||
<!-- Explication aux visiteurs RASSEMBLEMENT-->
|
||||
<!-- ------------------------- -->
|
||||
|
||||
<section class="savoirplus_accueil">
|
||||
@@ -44,13 +44,17 @@
|
||||
|
||||
|
||||
<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>
|
||||
<p>Cette page va vous permettre de vous inscrire au Rassemblement Ile de France du 19 avril 2026 organisé par l’Association La clef du bonheur, 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>
|
||||
<p>Cette journée de cours de groupe et concerts est ouverte aux violonistes, altistes, violoncellistes, pianistes et harpistes Suzuki de tous niveaux !</p>
|
||||
<br>
|
||||
<p><span class="gras rouge">Le lieu : </span>Ecole primaire La châtaigneraie – 78240 Chambourcy</p>
|
||||
<p><span class="gras rouge">Le lieu : </span>Salle des fêtes de Maule, accueil Ecole René Coty, Chaussée Saint-Vincent, 78580 Maule</p>
|
||||
<br>
|
||||
<p><span class="gras rouge">L’accès de Paris : </span>RER A – Poissy ou St Germain-en-Laye</p>
|
||||
<p><span class="gras rouge">Horaire : </span>Les ateliers commencent à 10h30 et l'accueil se fait à partir de 9h30</p>
|
||||
<br>
|
||||
<p><span class="gras rouge">Déjeuner : </span>Il faudrait prévoir un pique-nique pour le déjeuner</p>
|
||||
<br>
|
||||
<p><span class="gras rouge">Tarifs : </span>32€ pour 1 enfants, 52€ pour 2 enfants et plus</p>
|
||||
<br>
|
||||
<p><span class="gras rouge">Contact : </span>lacdb@wanadoo.fr</p>
|
||||
<br>
|
||||
|
||||
@@ -15,39 +15,27 @@
|
||||
|
||||
<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>
|
||||
<p>La paiement avec la carte bancaire a échoué.</p>
|
||||
<p>Vous pouvez recommencer une nouvelle inscription.</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 -->
|
||||
<!-- ---------------------------------- -->
|
||||
|
||||
@@ -19,12 +19,16 @@
|
||||
|
||||
<section>
|
||||
|
||||
<h1>Paiement réussi</h1>
|
||||
<h1>Inscription réussie</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>
|
||||
<% if (locals.tag_ss_paiement === "oui") { %>
|
||||
<p>Vous aller recevoir un mail de confirmation de votre inscription au Rassemblement IDF.</p>
|
||||
<% } else {%>
|
||||
<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>
|
||||
@@ -35,7 +39,6 @@
|
||||
</section>
|
||||
|
||||
<section class="">
|
||||
|
||||
|
||||
<h1><img class='icone_titre' src="/public/images/icones/icone_compte.png" alt="icone information à cliquer">VOTRE COMPTE ADHÉRENT</h1>
|
||||
|
||||
@@ -44,56 +47,82 @@
|
||||
<p>Identifiant : <span class='identifiant'><%= identifiant %></span></p>
|
||||
</div>
|
||||
<div>
|
||||
<p>Association Suzuki : <span class='identifiant'><%= association %></span></p>
|
||||
<p>Association Suzuki : <span class='identifiant'><%= association_suzuki %></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>
|
||||
|
||||
<% if (locals.tag_ss_paiement === "oui") { %>
|
||||
<% } else {%>
|
||||
<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>
|
||||
<% } %>
|
||||
|
||||
<div class="icone_bus">
|
||||
<div><img class='icone' src="/public/images/icones/icone_bus.png" alt="icone information à cliquer"></div>
|
||||
<p>Nombre de personnes pour la navette depuis Maule : <span class='identifiant'><%= bus_nb %></span></p>
|
||||
</div>
|
||||
|
||||
</section>
|
||||
|
||||
|
||||
<section id="personne">
|
||||
|
||||
<% for (let toto = 1; toto < 7; toto++) { %>
|
||||
<% for (let toto = 0; 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>
|
||||
<% } %>
|
||||
<p>Catégorie : <span class='identifiant'><%= locals["personne_"+toto+"_role"] %></span></p>
|
||||
|
||||
<% if (locals["personne_"+toto+"_piece"]) { %>
|
||||
<p>Pièce : <span class='identifiant'><%= locals["personne_"+toto+"_piece"] %></span></p>
|
||||
<% if (locals.tag_ss_paiement === "oui") { %>
|
||||
<% if (locals["personne_"+toto+"_role"] === "professeur") {
|
||||
if (locals["personne_"+toto+"_instrument"]) { %>
|
||||
<p>Instrument : <span class='identifiant'><%= locals["personne_"+toto+"_instrument"] %> - <%= locals["personne_"+toto+"_cahier"] %></span></p>
|
||||
<% } %>
|
||||
<% } %>
|
||||
<% } else {%>
|
||||
<% if (locals["personne_"+toto+"_role"] === "professeur") {
|
||||
if (locals["personne_"+toto+"_instrument"]) { %>
|
||||
<p>Instrument : <span class='identifiant'><%= locals["personne_"+toto+"_instrument"] %> - <%= locals["personne_"+toto+"_cahier"] %></span></p>
|
||||
<% } %>
|
||||
<% if (locals["personne_"+toto+"_repas"] === "repas") { %>
|
||||
<p>Repas du midi : <span class='identifiant'>oui (8€)</span></p>
|
||||
<% } %>
|
||||
<% } %>
|
||||
<% if (locals["personne_"+toto+"_role"] === "instrumentiste") {
|
||||
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>
|
||||
<% } %>
|
||||
<% } %>
|
||||
<% } %>
|
||||
|
||||
<% 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>
|
||||
<% if (locals.tag_ss_paiement === "oui") { %>
|
||||
<% } else {%>
|
||||
<hr>
|
||||
<section class="tarifs">
|
||||
<p>Tarif rassemblement : <span class='identifiant'><%= tarif_rassemblement %></span></p>
|
||||
<p>Coût repas professeur(s) : <span class='identifiant'><%= cout_repas %></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>
|
||||
|
||||
94
views/rassemblementidf/page_templates/panne.ejs
Normal file
94
views/rassemblementidf/page_templates/panne.ejs
Normal file
@@ -0,0 +1,94 @@
|
||||
<%- 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 -->
|
||||
<P>Nous vous prions de nous excuser. Le formulaire d'inscription pour le Rassemblement est temporairement indisponible et sera rétabli dans quelques heures.</P>
|
||||
|
||||
<!-- ------------------------- -->
|
||||
<!-- Explication aux visiteurs RASSEMBLEMENT-->
|
||||
<!-- ------------------------- -->
|
||||
|
||||
<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 19 mai 2024 organisé par l’Association La clef du bonheur, 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, pianistes et harpistes Suzuki de tous niveaux !</p>
|
||||
<br>
|
||||
<p><span class="gras rouge">Le lieu : </span>Salle des fêtes de Maule, accueil Ecole René Coty, Chaussée Saint-Vincent, 78580 Maule</p>
|
||||
<br>
|
||||
<p><span class="gras rouge">Horaire : </span>Les ateliers commencent à 10h30 et l'accueil se fait à partir de 9h30</p>
|
||||
<br>
|
||||
<p><span class="gras rouge">Déjeuner : </span>Il faudrait prévoir un pique-nique pour le déjeuner</p>
|
||||
<br>
|
||||
<p><span class="gras rouge">Tarifs : </span>32€ pour 1 enfants, 52€ pour 2 enfants et plus</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>
|
||||
@@ -14,11 +14,8 @@
|
||||
|
||||
|
||||
<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>
|
||||
|
||||
@@ -27,19 +24,20 @@
|
||||
<p>Identifiant : <span class='identifiant'><%= identifiant %></span></p>
|
||||
</div>
|
||||
<div>
|
||||
<p>Association Suzuki : <span class='identifiant'><%= association %></span></p>
|
||||
<p>Association Suzuki : <span class='identifiant'><%= association_suzuki %></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>
|
||||
<div class="icone_bus">
|
||||
<div><img class='icone' src="/public/images/icones/icone_bus.png" alt="icone information à cliquer"></div>
|
||||
<p>Nombre de personnes pour la navette depuis Maule : <span class='identifiant'><%= bus_nb %></span></p>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<section id="personne">
|
||||
|
||||
@@ -49,18 +47,33 @@
|
||||
<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>
|
||||
<p>Catégorie : <span class='identifiant'><%= locals["personne_"+toto+"_role"] %></span></p>
|
||||
<% if (locals["personne_"+toto+"_role"] === "professeur") {
|
||||
if (locals["personne_"+toto+"_instrument"]) { %>
|
||||
<p>Instrument : <span class='identifiant'><%= locals["personne_"+toto+"_instrument"] %> - <%= locals["personne_"+toto+"_cahier"] %></span></p>
|
||||
<% } %>
|
||||
<% if (locals["personne_"+toto+"_repas"] === "repas") { %>
|
||||
<p>Repas du midi : <span class='identifiant'>oui (8€)</span></p>
|
||||
<% } %>
|
||||
<% } %>
|
||||
|
||||
<% if (locals["personne_"+toto+"_role"] === "instrumentiste") {%>
|
||||
|
||||
<% if (locals["personne_"+toto+"_piece"]) { %>
|
||||
<p>Pièce : <span class='identifiant'><%= locals["personne_"+toto+"_piece"] %></span></p>
|
||||
<% } %>
|
||||
<% if (locals["personne_"+toto+"_age"]) { %>
|
||||
<p>Age : <span class='identifiant'><%= locals["personne_"+toto+"_age"] %></span></p>
|
||||
<% } %>
|
||||
|
||||
<% if (locals["personne_"+toto+"_prof"]) { %>
|
||||
<p>Professeur : <span class='identifiant'><%= locals["personne_"+toto+"_prof"] %></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>
|
||||
@@ -71,30 +84,75 @@
|
||||
|
||||
</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>
|
||||
|
||||
|
||||
|
||||
<section class="">
|
||||
<% if (locals["cout_total"] > 0) { %>
|
||||
<form action="post_payer_ri" method="post" class="">
|
||||
<section class="tarifs">
|
||||
<p>Tarif rassemblement : <span class='identifiant'><%= cout_rassemblement %>€</span></p>
|
||||
<% if (locals["cout_repas"] > 0) { %>
|
||||
<p>Coût repas professeur(s) : <span class='identifiant'><%= cout_repas %>€</span></p>
|
||||
<% } %>
|
||||
<p>Frais bancaire : <span class='identifiant'><%= accompte_frais_bancaire %>€</span></p>
|
||||
<p>Montant total : <span class='identifiant'><%= cout_total %>€</span></p>
|
||||
|
||||
|
||||
<% if (locals["infoaccompagnant"] === "oui") { %>
|
||||
|
||||
<hr>
|
||||
<div class="grid_2inputs">
|
||||
<div class="icone_hebergement">
|
||||
<div><img class='icone' src="/public/images/icones/icone_accompagnant.png" alt="icone information à cliquer"></div>
|
||||
<p>Nom de la personne acompagnatrice du, ou des élèves, durant la journée du rassemblement : </p>
|
||||
|
||||
<div class="input_box input_text input_box_gris marginleft_27px">
|
||||
<label for="accompagnant_nom">Nom de l'accompagnant *</label>
|
||||
<input type="text" name="accompagnant_nom" id="accompagnant_nom" required>
|
||||
</div>
|
||||
|
||||
<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">
|
||||
<div class="input_box input_text input_box_gris marginleft_27px">
|
||||
<label for="accompagnant_prenom">Prénom *</label>
|
||||
<input type="text" name="accompagnant_prenom" id="accompagnant_prenom" required>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
<!-- ---------------------------------- -->
|
||||
<!-- RESPONSABILITE -->
|
||||
<!-- ---------------------------------- -->
|
||||
<section class="marginleft_27px">
|
||||
<div class="input_checkbox">
|
||||
<input type="checkbox" name="check_responsabilite" id="check_responsabilite" required>
|
||||
<label for="check_responsabilite">Je suis responsable de mon enfant et je m'engage à rester sur place durant toute la durée de l'événement.</label>
|
||||
</div>
|
||||
</section>
|
||||
<% } %>
|
||||
|
||||
<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>
|
||||
<button type="submit" class="button_icone button_icone_recap bg_green">
|
||||
<span class="btn_icone">+</span><span class="btn_texte">PAYER</span>
|
||||
</button>
|
||||
</form>
|
||||
<% } %>
|
||||
<% if (locals["cout_total"] < 1) { %>
|
||||
<form action="post_recap_valid_ss_paiement" method="post" class="">
|
||||
<button type="submit" class="button_icone button_icone_recap bg_green">
|
||||
<span class="btn_icone">+</span><span class="btn_texte">VALIDER</span>
|
||||
</button>
|
||||
</form>
|
||||
<% } %>
|
||||
<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>
|
||||
|
||||
<!-- ------------------------- -->
|
||||
@@ -103,34 +161,6 @@
|
||||
|
||||
<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>
|
||||
|
||||
@@ -2,6 +2,6 @@
|
||||
<!-- HEADER POUR LE STAGE NATIONAL-->
|
||||
<!-- //////////////////////////// -->
|
||||
<section class="titre">
|
||||
<h1>RASSEMBLEMENT IDF DU 7 MAI 2023</h1>
|
||||
<h1>RASSEMBLEMENT IDF DU 19 AVRIL 2026</h1>
|
||||
<p><span class="soft">INSCRIPTION</span></p>
|
||||
</section>
|
||||
50
views/rassemblementra/page_templates/fermeture.ejs
Normal file
50
views/rassemblementra/page_templates/fermeture.ejs
Normal file
@@ -0,0 +1,50 @@
|
||||
<%- 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 -->
|
||||
|
||||
|
||||
|
||||
<!-- lE formuaire -->
|
||||
<div class="erreur">
|
||||
<p>INSCRIPTION AU RASSEMBLEMENT TERMINÉE</p>
|
||||
</div>
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
</article>
|
||||
|
||||
</main>
|
||||
|
||||
|
||||
|
||||
<!-- ---------------------------------- -->
|
||||
<!-- FOOTER -->
|
||||
<!-- ---------------------------------- -->
|
||||
<%- include('../../template_parts/footer')%>
|
||||
|
||||
</body>
|
||||
<!-- JAVASCRIPT d'EXECUTION -->
|
||||
<script src="/public/js/adhesion/hidden_visible.js"></script>
|
||||
|
||||
</html>
|
||||
136
views/rassemblementra/page_templates/inscrip_formulaire.ejs
Normal file
136
views/rassemblementra/page_templates/inscrip_formulaire.ejs
Normal file
@@ -0,0 +1,136 @@
|
||||
<%- 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">
|
||||
|
||||
<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_suzuki %>' 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_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>- Les élèves instrumentistes 🎈 Spécial premières années !</p>
|
||||
<p>- Les professeurs</p>
|
||||
</div>
|
||||
<div class="space30"></div>
|
||||
|
||||
</section>
|
||||
|
||||
<section id="personne0">
|
||||
</section>
|
||||
|
||||
<!-- ---------------------------------- -->
|
||||
<!-- COMMENTAIRE -->
|
||||
<!-- ---------------------------------- -->
|
||||
<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/rassemblementra/rassemblementra_formulaire_personne.js"></script>
|
||||
|
||||
</html>
|
||||
@@ -0,0 +1,94 @@
|
||||
<%- 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 RASSEMBLEMENT-->
|
||||
<!-- ------------------------- -->
|
||||
|
||||
<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 Rhône-Alpes du 29 mars 2026 organisé par l'Ecole de Musique Suzuki de l'Est Lyonnais, en partenariat avec l'Association Française pour la Pédagogie Suzuki.</p>
|
||||
<br>
|
||||
<p>Cette journée "spécial premières années" de cours de groupe et de concerts est ouverte aux violonistes, de débutant (Pre-Twinkle) à la fin du 3ème cahier.</p>
|
||||
<br>
|
||||
<p><span class="gras rouge">Le lieu : </span>Collège La Xavière, 1 Rue des Fontaines 69970 Chaponnay</p>
|
||||
<br>
|
||||
<p><span class="gras rouge">Horaire : </span>L’accueil se fera à partir de 9h30 et les premiers cours débuteront à 10h30. (Merci d’arriver en avance afin de faire votre enregistrement et que les cours puissent commencer à l’heure)</p>
|
||||
<br>
|
||||
<p><span class="gras rouge">Déjeuner : </span>Vous voudrez bien apportez votre pique-nique pour le déjeuner de midi.</p>
|
||||
<br>
|
||||
<p><span class="gras rouge">Tarifs : </span>25€ pour 1 enfant, 40€ pour 2 enfants et plus</p>
|
||||
<br>
|
||||
<p><span class="gras rouge">Contact : </span>asso.msel@gmail.com</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>
|
||||
49
views/rassemblementra/page_templates/paiement_annule.ejs
Normal file
49
views/rassemblementra/page_templates/paiement_annule.ejs
Normal file
@@ -0,0 +1,49 @@
|
||||
<%- 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 avec la carte bancaire a échoué.</p>
|
||||
<p>Vous pouvez recommencer une nouvelle inscription.</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>
|
||||
135
views/rassemblementra/page_templates/paiement_reussi.ejs
Normal file
135
views/rassemblementra/page_templates/paiement_reussi.ejs
Normal file
@@ -0,0 +1,135 @@
|
||||
<%- 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>Inscription réussie</h1>
|
||||
|
||||
<div class="">
|
||||
<div>
|
||||
<% if (locals.tag_ss_paiement === "oui") { %>
|
||||
<p>Vous aller recevoir un mail de confirmation de votre inscription au Rassemblement Rhône-Alpes.</p>
|
||||
<% } else {%>
|
||||
<p>La paiement par carte bancaire a réussi</p>
|
||||
<p>Vous aller recevoir un mail de confirmation de votre inscription au Rassemblement Rhône-Alpes.</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_suzuki %></span></p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<% if (locals.tag_ss_paiement === "oui") { %>
|
||||
<% } else {%>
|
||||
<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 = 0; toto < 4; 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"] + 1 %></span></h2>
|
||||
<div>
|
||||
<p>Nom : <span class='identifiant'><%= locals["personne_"+toto+"_nom"] %> <%= locals["personne_"+toto+"_prenom"] %></span></p>
|
||||
<p>Catégorie : <span class='identifiant'><%= locals["personne_"+toto+"_role"] %></span></p>
|
||||
|
||||
<% if (locals.tag_ss_paiement === "oui") { %>
|
||||
<% if (locals["personne_"+toto+"_role"] === "professeur") {
|
||||
if (locals["personne_"+toto+"_instrument"]) { %>
|
||||
<p>Instrument : <span class='identifiant'><%= locals["personne_"+toto+"_instrument"] %> - <%= locals["personne_"+toto+"_cahier"] %></span></p>
|
||||
<% } %>
|
||||
<% } %>
|
||||
<% } else {%>
|
||||
<% if (locals["personne_"+toto+"_role"] === "professeur") {
|
||||
if (locals["personne_"+toto+"_instrument"]) { %>
|
||||
<p>Instrument : <span class='identifiant'><%= locals["personne_"+toto+"_instrument"] %> - <%= locals["personne_"+toto+"_cahier"] %></span></p>
|
||||
<% } %>
|
||||
<% } %>
|
||||
<% if (locals["personne_"+toto+"_role"] === "instrumentiste") {
|
||||
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>
|
||||
<% if (locals.tag_ss_paiement === "oui") { %>
|
||||
<% } else {%>
|
||||
<hr>
|
||||
<section class="tarifs">
|
||||
<p>Tarif rassemblement : <span class='identifiant'><%= tarif_rassemblement %></span></p>
|
||||
<p>Montant total : <span class='identifiant'><%= tarif_rassemblement %>€</span></p>
|
||||
<hr>
|
||||
</section>
|
||||
<% } %>
|
||||
|
||||
|
||||
|
||||
</article>
|
||||
|
||||
</main>
|
||||
|
||||
|
||||
|
||||
<!-- ---------------------------------- -->
|
||||
<!-- FOOTER -->
|
||||
<!-- ---------------------------------- -->
|
||||
<%- include('../../template_parts/footer')%>
|
||||
|
||||
</body>
|
||||
<!-- JAVASCRIPT d'EXECUTION -->
|
||||
|
||||
|
||||
|
||||
</html>
|
||||
94
views/rassemblementra/page_templates/panne.ejs
Normal file
94
views/rassemblementra/page_templates/panne.ejs
Normal file
@@ -0,0 +1,94 @@
|
||||
<%- 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 -->
|
||||
<P>Nous vous prions de nous excuser. Le formulaire d'inscription pour le Rassemblement est temporairement indisponible et sera rétabli dans quelques heures.</P>
|
||||
|
||||
<!-- ------------------------- -->
|
||||
<!-- Explication aux visiteurs RASSEMBLEMENT-->
|
||||
<!-- ------------------------- -->
|
||||
|
||||
<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 Rhône-Alpes du 29 mars 2026 organisé par l’Association La clef du bonheur, 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, pianistes et harpistes Suzuki de tous niveaux !</p>
|
||||
<br>
|
||||
<p><span class="gras rouge">Le lieu : </span>Salle des fêtes de Maule, accueil Ecole René Coty, Chaussée Saint-Vincent, 78580 Maule</p>
|
||||
<br>
|
||||
<p><span class="gras rouge">Horaire : </span>Les ateliers commencent à 10h30 et l'accueil se fait à partir de 9h30</p>
|
||||
<br>
|
||||
<p><span class="gras rouge">Déjeuner : </span>Il faudrait prévoir un pique-nique pour le déjeuner</p>
|
||||
<br>
|
||||
<p><span class="gras rouge">Tarifs : </span>32€ pour 1 enfants, 52€ pour 2 enfants et plus</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>
|
||||
177
views/rassemblementra/page_templates/recap.ejs
Normal file
177
views/rassemblementra/page_templates/recap.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/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_suzuki %></span></p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
|
||||
</section>
|
||||
|
||||
<section id="personne">
|
||||
|
||||
<% for (let toto = 1; toto < 5; 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>Catégorie : <span class='identifiant'><%= locals["personne_"+toto+"_role"] %></span></p>
|
||||
<% if (locals["personne_"+toto+"_role"] === "professeur") {
|
||||
if (locals["personne_"+toto+"_instrument"]) { %>
|
||||
<p>Instrument : <span class='identifiant'><%= locals["personne_"+toto+"_instrument"] %></span></p>
|
||||
<% } %>
|
||||
<% if (locals["personne_"+toto+"_repas"] === "repas") { %>
|
||||
<p>Repas du midi : <span class='identifiant'>oui (8€)</span></p>
|
||||
<% } %>
|
||||
<% } %>
|
||||
|
||||
<% if (locals["personne_"+toto+"_role"] === "instrumentiste") {%>
|
||||
|
||||
<% if (locals["personne_"+toto+"_age"]) { %>
|
||||
<p>Âge au jour du rassemblement : <span class='identifiant'><%= locals["personne_"+toto+"_age"] %></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="">
|
||||
<% if (locals["cout_total"] > 0) { %>
|
||||
<form action="post_payer_ra" method="post" class="">
|
||||
<section class="tarifs">
|
||||
<p>Tarif rassemblement : <span class='identifiant'><%= cout_rassemblement %>€</span></p>
|
||||
<% if (locals["cout_repas"] > 0) { %>
|
||||
<p>Coût repas professeur(s) : <span class='identifiant'><%= cout_repas %>€</span></p>
|
||||
<% } %>
|
||||
<p>Montant total : <span class='identifiant'><%= cout_total %>€</span></p>
|
||||
|
||||
|
||||
<% if (locals["infoaccompagnant"] === "oui") { %>
|
||||
|
||||
<hr>
|
||||
<div class="grid_2inputs">
|
||||
<div class="icone_hebergement">
|
||||
<div><img class='icone' src="/public/images/icones/icone_accompagnant.png" alt="icone information à cliquer"></div>
|
||||
<p>Nom de la personne acompagnatrice du, ou des élèves, durant la journée du rassemblement : </p>
|
||||
|
||||
<div class="input_box input_text input_box_gris marginleft_27px">
|
||||
<label for="accompagnant_nom">Nom de l'accompagnant *</label>
|
||||
<input type="text" name="accompagnant_nom" id="accompagnant_nom" required>
|
||||
</div>
|
||||
|
||||
<div class="input_box input_text input_box_gris marginleft_27px">
|
||||
<label for="accompagnant_prenom">Prénom *</label>
|
||||
<input type="text" name="accompagnant_prenom" id="accompagnant_prenom" required>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
<!-- ---------------------------------- -->
|
||||
<!-- RESPONSABILITE -->
|
||||
<!-- ---------------------------------- -->
|
||||
<section class="marginleft_27px">
|
||||
<div class="input_checkbox">
|
||||
<input type="checkbox" name="check_responsabilite" id="check_responsabilite" required>
|
||||
<label for="check_responsabilite">Je suis responsable de mon enfant et je m'engage à rester sur place durant toute la durée de l'événement.</label>
|
||||
</div>
|
||||
</section>
|
||||
<% } %>
|
||||
|
||||
<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>
|
||||
<button type="submit" class="button_icone button_icone_recap bg_green">
|
||||
<span class="btn_icone">+</span><span class="btn_texte">PAYER</span>
|
||||
</button>
|
||||
</form>
|
||||
<% } %>
|
||||
<% if (locals["cout_total"] < 1) { %>
|
||||
<form action="post_recap_valid_ss_paiement" method="post" class="">
|
||||
<button type="submit" class="button_icone button_icone_recap bg_green">
|
||||
<span class="btn_icone">+</span><span class="btn_texte">VALIDER</span>
|
||||
</button>
|
||||
</form>
|
||||
<% } %>
|
||||
<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>
|
||||
</section>
|
||||
|
||||
<!-- ------------------------- -->
|
||||
<!-- Explication aux visiteurs -->
|
||||
<!-- ------------------------- -->
|
||||
|
||||
<section class="savoirplus_accueil">
|
||||
|
||||
|
||||
|
||||
</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 RHÔNE-ALPES DU 29 MARS 2026</h1>
|
||||
<p><span class="soft">INSCRIPTION</span></p>
|
||||
</section>
|
||||
@@ -13,9 +13,12 @@
|
||||
<%- include('../template_parts/stagenational_titrepage')%>
|
||||
|
||||
|
||||
<% if (err_mineur) { %>
|
||||
<% if (locals.err_mineur) { %>
|
||||
<div class="erreur">ERREUR : <p class='identifiant'><%= err_mineur %></p></div>
|
||||
<% } %>
|
||||
<% if (locals.err_campado_capa) { %>
|
||||
<div class="erreur">ERREUR : <p class='identifiant'><%= err_campado_capa %></p></div>
|
||||
<% } %>
|
||||
|
||||
<article class="stage_formulaire_cont form_adhesion">
|
||||
|
||||
@@ -32,11 +35,13 @@
|
||||
</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>
|
||||
<label for="association_suzuki">Association Suzuki *</label>
|
||||
<input type="text" name="association_suzuki" id="association_suzuki" value='<%= association_suzuki %>' required>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<h1 class="titre_personne"><span class="rouge">Informations sur l'adhérent à l'association Suzuki, française, ou d'un autre pays :</span></h1>
|
||||
|
||||
<div class="grid_2inputs">
|
||||
<div class="input_box input_text input_box_gris">
|
||||
<label for="adherent_nom">Nom de famille *</label>
|
||||
@@ -77,13 +82,8 @@
|
||||
</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 %><% }; %>">
|
||||
<label for="adherent_telephone">Téléphone mobile *</label>
|
||||
<input type="tel" name="adherent_telephone" id="adherent_telephone" value="<% if (locals.adherent_telephone) { %><%= adherent_telephone %><% }; %>" required>
|
||||
</div>
|
||||
|
||||
<div class="input_box input_text input_box_gris">
|
||||
@@ -100,19 +100,21 @@
|
||||
<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>
|
||||
<p>- Toutes les personnes qui logent au centre Les Flocons Verts.</p>
|
||||
</div>
|
||||
|
||||
|
||||
<div class="space30 "></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>
|
||||
<label for="hebergement">Choix hébergement * <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>
|
||||
<option value="flocons verts partagé">Centre les flocons verts hébergement partagé</option>
|
||||
<option value="flocons verts non partagé">Centre les flocons verts hébergement non partagé</option>
|
||||
<option value="independant">indépendant</option>
|
||||
</select>
|
||||
</div>
|
||||
</div>
|
||||
@@ -128,16 +130,12 @@
|
||||
<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>
|
||||
<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>
|
||||
<p>L'hébergement, est prévu en pension complète : 6 nuits avec repas (dimanche soir 18 août, au petit déjeuner du 28 août), hors goûter.</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>
|
||||
<p>Le centre "Les Flocons Verts” offre d’agréables chambres et duplex de 3 à 8 personnes, équipés de sanitaires.</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>
|
||||
|
||||
@@ -46,58 +46,52 @@
|
||||
<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>
|
||||
<p>Le stage est ouvert à tous les enfants étudiant le violon, l'alto, le violoncelle, le piano, la flûte traversière et la trompette, toute l'année selon la pédagogie Suzuki, avec un professeur reconnu par l'ESA. </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>
|
||||
<p>Niveau minimum : 1 année scolaire de pratique.</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>
|
||||
<p><span class="gras rouge">Du dimanche 23 au vendredi 28 août 2026</span></p>
|
||||
<br>
|
||||
<p>Début : 23 août 2026, accueil entre 14h et 16h.
|
||||
<br>Fin : 28 août 2026, 12h30.</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>
|
||||
<p><span class="gras rouge">BROCHURE : </span>pour accéder à la brochure <a target="_blank" href="https://bo.afpedagogiesuzuki.fr/uploads/2026_Brochure_tarifs_2d53fa33f8.pdf"><span class="souligne">cliquez ici</span></a>, to get the brochure in <span class="gras rouge">English</span><a target="_blank" href="https://bo.afpedagogiesuzuki.fr/uploads/2026_EN_Course_Leaflet_fees_4ea169045e.pdf"><span class="souligne"> click here.</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>
|
||||
<p>L'adhésion à l'AFPS est demandée à tous les élèves résidant en France. Votre identifiant d'inscription au stage est l'adresse e-mail renseignée lors de l'adhésion. Les personnes résidant dans un autre pays doivent être membre de leur association nationale.</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>
|
||||
<li>vous allez remplir le formulaire d'inscription très précisément => les informations vont s'enregistrer dans la base de données de l'Association,</li>
|
||||
<li>payer l'acompte par carte bancaire, le cas échéant,</li>
|
||||
<li>vous recevrez un courriel avec la facture de votre inscription.</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>
|
||||
<li>les élèves qui participeront aux cours,</li>
|
||||
<li>les accompagnants qui choisissent une activité,</li>
|
||||
<li>les accompagnants qui logent au centre des Flocons Verts,</li>
|
||||
<li>les professeurs Suzuki qui souhaitent observer,</li>
|
||||
</ul>
|
||||
<br>
|
||||
<p><span class="gras">Sélection des professeurs qui enseignent la pédagogie :</span></span></p>
|
||||
<p><span class="gras">PAIEMENT DU STAGE:</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>
|
||||
<li>l'acompte se paie lors de cette procédure d'inscription par carte bancaire,</li>
|
||||
<li>en validant l'inscription, vous vous engagez à payer la totalité du stage avant le 30 juin 2026.</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>Les informations recueillies dans le formulaire seront conservées par l'Association dans sa base de données, hébergée en France auprès de la société OVHCloud.</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>
|
||||
<p>Contactez 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>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 lors de la fermeture de la page de votre navigateur.</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>
|
||||
|
||||
|
||||
@@ -23,7 +23,7 @@
|
||||
|
||||
<div class="">
|
||||
<div>
|
||||
<p>Vous aller recevoir un mail de confirmation d'inscription au stage.</span></p>
|
||||
<p>Vous allez recevoir un mail de confirmation d'inscription au stage avec votre facture.</span></p>
|
||||
</div>
|
||||
</div>
|
||||
<br><br>
|
||||
@@ -43,7 +43,7 @@
|
||||
<p>Identifiant : <span class='identifiant'><%= identifiant %></span></p>
|
||||
</div>
|
||||
<div>
|
||||
<p>Association Suzuki : <span class='identifiant'><%= association %></span></p>
|
||||
<p>Association Suzuki : <span class='identifiant'><%= association_suzuki %></span></p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
@@ -68,7 +68,7 @@
|
||||
<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>Activité : <span class='identifiant'><%= locals["personne_"+toto+"_role"] %></span></p>
|
||||
|
||||
<p>Profil : <span class='identifiant'><%= locals["personne_"+toto+"_profil"] %></span></p>
|
||||
|
||||
@@ -97,9 +97,6 @@
|
||||
<% 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>
|
||||
<% } %>
|
||||
|
||||
@@ -23,8 +23,14 @@
|
||||
|
||||
<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>
|
||||
<p>Identifiant : <span class='identifiant'><%= identifiant %></span></p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="">
|
||||
<div>
|
||||
<p>La paiement de l'acompte avec la carte bancaire a échoué.</p>
|
||||
<p>Vous pouvez recommencer une nouvelle inscription.</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
@@ -19,11 +19,19 @@
|
||||
|
||||
<section>
|
||||
|
||||
<h1>Paiement réussi</h1>
|
||||
|
||||
<% if (locals["montant_accompte"] > 100) { %>
|
||||
<h1>Paiement et inscription réussis</h1>
|
||||
<% } %>
|
||||
<% if (locals["montant_accompte"] < 100) { %>
|
||||
<h1>Inscription réussie</h1>
|
||||
<% } %>
|
||||
|
||||
<div class="">
|
||||
<div>
|
||||
<p>La paiement de l'accompte avec la carte bancaire a réussi</p>
|
||||
<% if (locals["montant_accompte"] > 100) { %>
|
||||
<p>La paiement de l'acompte avec la carte bancaire a réussi.</p>
|
||||
<% } %>
|
||||
<p>Vous aller recevoir un mail de confirmation d'inscription au stage.</p>
|
||||
</div>
|
||||
</div>
|
||||
@@ -44,7 +52,7 @@
|
||||
<p>Identifiant : <span class='identifiant'><%= identifiant %></span></p>
|
||||
</div>
|
||||
<div>
|
||||
<p>Association Suzuki : <span class='identifiant'><%= association %></span></p>
|
||||
<p>Association Suzuki : <span class='identifiant'><%= association_suzuki %></span></p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
@@ -60,57 +68,102 @@
|
||||
|
||||
<section id="personne">
|
||||
|
||||
<% for (let toto = 1; toto < 7; toto++) { %>
|
||||
<% for (let toto = 0; 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>
|
||||
<h2><img class='icone_titre' src="/public/images/icones/icone_personne.png" alt="icone information à cliquer">PARTICIPANT <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>
|
||||
<% if (locals[`personne_${toto}_prise_charge_nom`]) { %>
|
||||
<p>Prise en charge par une autre famille : <span class='identifiant'><%= locals[`personne_${toto}_prise_charge_nom`] %></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>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>Activité : <span class='identifiant'><%= locals["personne_"+toto+"_role"] %></span></p>
|
||||
|
||||
<p>Profil : <span class='identifiant'><%= locals["personne_"+toto+"_profil"] %></span></p>
|
||||
|
||||
<% if (locals["personne_"+toto+"_profil"] === "professeur" || locals["personne_"+toto+"_profil"] === "accompagnant" || locals["personne_"+toto+"_profil"] === "Camp ado") { %>
|
||||
<p>Profil : <span class='identifiant'><%= locals["personne_"+toto+"_profil"] %></span></p>
|
||||
<% } %>
|
||||
|
||||
<% if (locals["personne_"+toto+"_instrument"]) { %>
|
||||
<% if (locals["personne_"+toto+"_instrument"] !== "undefined") { %>
|
||||
<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}_instrument_ensemble`]) { %>
|
||||
<p>Instrument option "Atelier musique d'ensemble" : <span class='identifiant'><%= locals[`personne_${toto}_instrument_ensemble`] %></span></p>
|
||||
<% } %>
|
||||
<% if (locals[`personne_${toto}_instrument_collectif`]) { %>
|
||||
<p>Instrument option "Cours collectif" : <span class='identifiant'><%= locals[`personne_${toto}_instrument_collectif`] %></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+"_option_concertsolo_piece"] !== "undefined") { %>
|
||||
<p>Option Concert Solo : <span class='identifiant'><%= locals["personne_"+toto+"_option_concertsolo_piece"] %> - <%= locals["personne_"+toto+"_option_concertsolo_cahier"] %></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+"_option_coursindividuel"] === "cours individuel") { %>
|
||||
<p>Option Cours individuel : <span class='identifiant'>oui</span></p>
|
||||
<% } %>
|
||||
|
||||
<% if (locals["personne_"+toto+"_activite_2"]) { %>
|
||||
<p>Activité 2 : <span class='identifiant'><%= locals["personne_"+toto+"_activite_2"] %></span></p>
|
||||
<% if (locals["personne_"+toto+"_option_decouvrealto"] === "decouvertealto") { %>
|
||||
<p>Option découverte de l'alto : <span class='identifiant'>oui</span></p>
|
||||
<% } %>
|
||||
<% if (locals["personne_"+toto+"_choral"] === "chant choral") { %>
|
||||
<p>Option chant choral : <span class='identifiant'>oui</span></p>
|
||||
<% } %>
|
||||
<% if (locals["personne_"+toto+"_dalcroze"] === "rythmique Dalcroze") { %>
|
||||
<p>Option rythmique Dalcroze : <span class='identifiant'>oui</span></p>
|
||||
<% } %>
|
||||
<% if (locals["personne_"+toto+"_eveil"] === "éveil musical") { %>
|
||||
<p>Option éveil musical : <span class='identifiant'>oui</span></p>
|
||||
<% } %>
|
||||
<br>
|
||||
|
||||
<% if (locals["personne_"+toto+"_cout_hebergement"]) { %>
|
||||
<% if (hebergement == "Centre les Flocons Verts - hébergement partagé") { %>
|
||||
<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+"_coursindividuel_cout"]) { %>
|
||||
<p>Option cours particulier : <span class='identifiant'><%= locals["personne_"+toto+"_coursindividuel_cout"] %>€</span></p>
|
||||
<% } %>
|
||||
<% if (locals["personne_"+toto+"_observation_cout"]) { %>
|
||||
<% if (locals["personne_"+toto+"_option_decouvrealto_cout"]) { %>
|
||||
<p>Option découverte de l'alto : <span class='identifiant'><%= locals["personne_"+toto+"_option_decouvrealto_cout"] %>€</span></p>
|
||||
<% } %>
|
||||
<% if (locals["personne_"+toto+"_eveil_cout"]) { %>
|
||||
<p>Option éveil musical : <span class='identifiant'><%= locals["personne_"+toto+"_eveil_cout"] %>€</span></p>
|
||||
<% } %>
|
||||
|
||||
<% if (locals["personne_"+toto+"_collectif"] == "Cours collectif Suzuki") { %>
|
||||
<p>Option Cours collectif Suzuki : <span class='identifiant'><%= locals["personne_"+toto+"_collectif_cout"] %>€</span></p>
|
||||
<% } %>
|
||||
<% if (locals["personne_"+toto+"_ensemble"] == "Atelier musique d'ensemble") { %>
|
||||
<p>Option Cours Atelier musique d'ensemble : <span class='identifiant'><%= locals["personne_"+toto+"_ensemble_cout"] %>€</span></p>
|
||||
<% } %>
|
||||
|
||||
<% if (locals["personne_"+toto+"_particulier"] == "Cours particulier") { %>
|
||||
<p>Option Cours Cours particuliers: <span class='identifiant'><%= locals["personne_"+toto+"_particulier_cout"] %>€</span></p>
|
||||
<% } %>
|
||||
|
||||
<% if (locals["personne_"+toto+"_choral"] === "chant choral") {
|
||||
if (locals["personne_"+toto+"_chant_cout"] > 0) {%>
|
||||
<p>Option Chant choral : <span class='identifiant'><%= locals["personne_"+toto+"_chant_cout"] %>€</span></p>
|
||||
<% } else { %>
|
||||
<p>Option Chant choral : <span class='identifiant'>offert !</span></p>
|
||||
<% } %>
|
||||
<% } %>
|
||||
<% if (locals["personne_"+toto+"_dalcroze"] === "rythmique Dalcroze") {
|
||||
if (locals["personne_"+toto+"_dalcroze_cout"] > 0) {%>
|
||||
<p>Option Rythmique Dalcroze : <span class='identifiant'><%= locals["personne_"+toto+"_dalcroze_cout"] %>€</span></p>
|
||||
<% } else { %>
|
||||
<p>Option Rythmique Dalcroze à payer sur place (non inclus dans le total général) : <span class='identifiant'>75€</span></p>
|
||||
<% } %>
|
||||
<% } %>
|
||||
|
||||
<% if (locals["personne_"+toto+"_observation_cout"] > 0) { %>
|
||||
<p>Observation : <span class='identifiant'><%= locals["personne_"+toto+"_observation_cout"] %>€</span></p>
|
||||
<% } %>
|
||||
</div>
|
||||
@@ -122,13 +175,22 @@
|
||||
</section>
|
||||
<hr>
|
||||
<section class="tarifs">
|
||||
<p>Remise : <span class='identifiant'><%= remise %></span></p>
|
||||
<p>Frais de dossier : <span class='identifiant'>30€</span></p>
|
||||
<% if (locals["remise"] > 0) { %>
|
||||
<p>Remise famille nombreuse : <span class='identifiant'><%= remise %></span></p>
|
||||
<% } %>
|
||||
<% if (locals["hebergement"] == "Centre les Flocons Verts - hébergement non partagé") { %>
|
||||
<p>Coût total hébergement avec supplément hébergement non partagé : <span class='identifiant'><%= cout_total_hebergement %></span></p>
|
||||
<% } %>
|
||||
<p>Frais de dossier : <span class='identifiant'><%= frais_dossier %>€</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>
|
||||
<p>Montant acompte payé à 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>
|
||||
<% } %>
|
||||
</section>
|
||||
|
||||
|
||||
</article>
|
||||
|
||||
@@ -27,7 +27,7 @@
|
||||
<p>Identifiant : <span class='identifiant'><%= identifiant %></span></p>
|
||||
</div>
|
||||
<div>
|
||||
<p>Association Suzuki : <span class='identifiant'><%= association %></span></p>
|
||||
<p>Association Suzuki : <span class='identifiant'><%= association_suzuki %></span></p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
@@ -44,105 +44,173 @@
|
||||
<section id="personne">
|
||||
|
||||
<% for (let toto = 1; toto < 7; toto++) { %>
|
||||
<% if (locals["personne_"+toto+"_nom"]) { %>
|
||||
<% 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>
|
||||
<h2>
|
||||
<img class='icone_titre' src="/public/images/icones/icone_personne.png" alt="icone information à cliquer">
|
||||
PARTICIPANT <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>Nom : <span class='identifiant'><%= locals[`personne_${toto}_nom`] %> <%= locals[`personne_${toto}_prenom`] %></span></p>
|
||||
<% if (locals[`personne_${toto}_prise_charge_nom`]) { %>
|
||||
<p>Prise en charge par une autre famille : <span class='identifiant'><%= locals[`personne_${toto}_prise_charge_nom`] %></span></p>
|
||||
<% } %>
|
||||
|
||||
<p>Activité : <span class='identifiant'><%= locals["personne_"+toto+"_categorie"] %></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>Profil : <span class='identifiant'><%= locals["personne_"+toto+"_profil"] %></span></p>
|
||||
<p>Activité : <span class='identifiant'><%= locals[`personne_${toto}_role`] %></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}_profil`]) { %>
|
||||
<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}_instrument_ensemble`]) { %>
|
||||
<p>Instrument option "Atelier musique d'ensemble" : <span class='identifiant'><%= locals[`personne_${toto}_instrument_ensemble`] %></span></p>
|
||||
<% } %>
|
||||
<% if (locals[`personne_${toto}_instrument_collectif`]) { %>
|
||||
<p>Instrument option "Cour collectif" : <span class='identifiant'><%= locals[`personne_${toto}_instrument_collectif`] %></span></p>
|
||||
<% } %>
|
||||
|
||||
<% if (locals[`personne_${toto}_option_concertsolo_cahier`]) { %>
|
||||
<p>Concert Solo : <span class='identifiant'><%= locals[`personne_${toto}_option_concertsolo_piece`] %> - <%= locals[`personne_${toto}_option_concertsolo_cahier`] %></span></p>
|
||||
<% } %>
|
||||
|
||||
<% if (locals[`personne_${toto}_option_decouvrealto`] === "decouvertealto") { %>
|
||||
<p>Option découverte de l'alto : <span class='identifiant'>oui</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}_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+"_cout_transport"]) { %>
|
||||
<p>Transport : <span class='identifiant'><%= locals["personne_"+toto+"_cout_transport"] %>€</span></p>
|
||||
|
||||
<% if (locals[`personne_${toto}_cours_cout`]) { %>
|
||||
<p>Cours instrument : <span class='identifiant'><%= locals[`personne_${toto}_cours_cout`] %>€</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}_coursindividuel_cout`]) { %>
|
||||
<p>Option cours particuliers : <span class='identifiant'><%= locals[`personne_${toto}_coursindividuel_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}_option_decouvrealto_cout`]) { %>
|
||||
<p>Option découverte de l'alto : <span class='identifiant'><%= locals[`personne_${toto}_option_decouvrealto_cout`] %>€</span></p>
|
||||
<% } %>
|
||||
<% if (locals["personne_"+toto+"_observation_cout"]) { %>
|
||||
<p>Observation : <span class='identifiant'><%= locals["personne_"+toto+"_observation_cout"] %>€</span></p>
|
||||
|
||||
<% if (locals[`personne_${toto}_eveil_cout`]) { %>
|
||||
<p>Option éveil musical : <span class='identifiant'><%= locals[`personne_${toto}_eveil_cout`] %>€</span></p>
|
||||
<% } %>
|
||||
|
||||
<% if (locals[`personne_${toto}_dalcroze_cout`]) { %>
|
||||
<p>Option Rythmique Dalcroze : <span class='identifiant'><%= locals[`personne_${toto}_dalcroze_cout`] %>€</span></p>
|
||||
<% } %>
|
||||
|
||||
<% if (locals[`personne_${toto}_collectif_cout`]) { %>
|
||||
<p>Option Cours collectif Suzuki : <span class='identifiant'><%= locals[`personne_${toto}_collectif_cout`] %>€</span></p>
|
||||
<% } %>
|
||||
|
||||
<% if (locals[`personne_${toto}_ensemble_cout`]) { %>
|
||||
<p>Option Atelier musique d'ensemble : <span class='identifiant'><%= locals[`personne_${toto}_ensemble_cout`] %>€</span></p>
|
||||
<% } %>
|
||||
|
||||
<% if (locals[`personne_${toto}_particulier_cout`]) { %>
|
||||
<p>Option Cours particulier : <span class='identifiant'><%= locals[`personne_${toto}_particulier_cout`] %>€</span></p>
|
||||
<% } %>
|
||||
|
||||
<% if (locals[`personne_${toto}_chant_cout`] == "offert") { %>
|
||||
<p>Option Chant choral : <span class='identifiant'>offert</span></p>
|
||||
<% } %>
|
||||
|
||||
<% if (locals[`personne_${toto}_chant_cout`] > 0) { %>
|
||||
<p>Option Chant choral : <span class='identifiant'><%= locals[`personne_${toto}_chant_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>
|
||||
<% if (locals["cout_supplement_hebergement"] > 0) { %>
|
||||
<p>Supplément pour hébergement non partagé : <span class='identifiant'><%= cout_supplement_hebergement %>€</span></p>
|
||||
<% } %>
|
||||
<p>Frais de dossier : <span class='identifiant'><%= frais_dossier %>€</span></p>
|
||||
|
||||
<% if (locals["accompte_frais_bancaire"] > 0) { %>
|
||||
<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>
|
||||
<% if (locals["montant_accompte"] > 100) { %>
|
||||
<p>Montant acompte à payer à l'inscription : <span class='identifiant rouge'><%= montant_accompte %>€</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>
|
||||
|
||||
|
||||
<% if (locals["montant_accompte"] > 100) { %>
|
||||
<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, attendre la page de confirmation et vous recevrez un mail de confirmation d'inscription.</p>
|
||||
<% } %>
|
||||
|
||||
</section>
|
||||
|
||||
<hr>
|
||||
|
||||
|
||||
<section class="buttons">
|
||||
<% if (locals["montant_accompte"] > 100) { %>
|
||||
<form action="post_payer_accompte" method="post" class="buttons">
|
||||
<div class="space30"></div>
|
||||
<section class="tarifs">
|
||||
<div class="input_checkbox">
|
||||
<input type="checkbox" required name="check_engage_paiement" id="check_engage_paiement" >
|
||||
<label for="check_engage_paiement">En validant l'inscription par le paiement de l'acompte, je m'engage à payer la totalité du stage avant le 30 juin 2026.</label>
|
||||
</div>
|
||||
<div class="input_checkbox margintop_-20px">
|
||||
<input type="checkbox" required name="check_engage_photos" id="check_engage_photos">
|
||||
<label for="check_engage_photos">J’accepte que des vidéos et des photos de mes enfants soient prises pour la communication de l’Association Française pour la Pédagogie Suzuki</label>
|
||||
</div>
|
||||
</section>
|
||||
<button type="submit" class="button_icone button_icone_recap bg_green margintop_-20px">
|
||||
<span class="btn_icone">+</span><span class="btn_texte">PAYER ACOMPTE</span>
|
||||
</button>
|
||||
</form>
|
||||
<% } %>
|
||||
|
||||
<% if (locals["montant_accompte"] < 100) { %>
|
||||
<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>
|
||||
<% } %>
|
||||
|
||||
<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">
|
||||
<section class="savoirplus_stage_accueil">
|
||||
|
||||
<div id="savoirplus_button" class="savoirplus_button">
|
||||
<p>En savoir plus sur le paiement du stage</p>
|
||||
@@ -150,25 +218,25 @@
|
||||
|
||||
|
||||
<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>
|
||||
<p>un acompte de 150€ + 30€ pour frais de dossier + coût du paiement par carte bancaire, 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>
|
||||
<p>La totalité du séjour doit être versée avant le 30 juin 2026.</p>
|
||||
<br>
|
||||
<p>La totalité du séjour doit être versée avant le 15 août 2022.</p>
|
||||
<p><span class="gras">Modes de paiement du reste à payer après paiement de l'acompte :</span></p>
|
||||
<br>
|
||||
<p><span class="gras">modes de paiement :</span></p>
|
||||
<ul>
|
||||
<li>Par virement bancaire, en une fois uniquement</li>
|
||||
<li>En 1 à 3 chèques, à l’ordre de l’AFPS</li>
|
||||
<li>En chèques vacances ANCV : à l’ordre de Ternélia, les Flocons Verts</li>
|
||||
</ul>
|
||||
<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>
|
||||
<p>Date limite de paiement : 30 juin 2026.</p>
|
||||
<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>Adresse d'envoi du paiement: Anne PAGES / AFPS, 30, rue des Tattes 74 500 PUBLIER</p>
|
||||
|
||||
<br><p>Pour nous permettre d’associer l’inscription en ligne et le paiement, nous vous prions de bien vouloir renseigner le nom des enfants inscrits au dos des chèques, ou en commentaire associé à votre virement.</p>
|
||||
<br>
|
||||
<p><span class="gras">Références bancaires de l'AFPS pour le virement :</span></span></p>
|
||||
<p>CREDIT AGRICOLE DE SAVOIE, IBAN : FR76 1810 6000 4496 7630 3576 718, BIC : AGRIFRPP881</p>
|
||||
|
||||
</div>
|
||||
@@ -190,7 +258,5 @@
|
||||
</body>
|
||||
<!-- JAVASCRIPT d'EXECUTION -->
|
||||
<script src="/public/js/adhesion/hidden_visible.js"></script>
|
||||
|
||||
|
||||
|
||||
</html>
|
||||
@@ -27,7 +27,7 @@
|
||||
<p>Identifiant : <span class='identifiant'><%= identifiant %></span></p>
|
||||
</div>
|
||||
<div>
|
||||
<p>Association Suzuki : <span class='identifiant'><%= association %></span></p>
|
||||
<p>Association Suzuki : <span class='identifiant'><%= association_suzuki %></span></p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
@@ -61,6 +61,13 @@
|
||||
<p>Instrument : <span class='identifiant'><%= locals["personne_"+toto+"_instrument"] %> - <%= locals["personne_"+toto+"_cahier"] %></span></p>
|
||||
<% } %>
|
||||
|
||||
<% if (locals["personne_"+toto+"_instrument_ensemble"]) { %>
|
||||
<p>Instrument option "Atelier musique d'ensemble" : <span class='identifiant'><%= locals["personne_"+toto+"_instrument_ensemble"] %></span></p>
|
||||
<% } %>
|
||||
<% if (locals["personne_"+toto+"_instrument_collectif"]) { %>
|
||||
<p>Instrument option "Cours collectif" : <span class='identifiant'><%= locals["personne_"+toto+"_instrument_collectif"] %></span></p>
|
||||
<% } %>
|
||||
|
||||
<% if (locals["personne_"+toto+"_option_concertsolo"]) { %>
|
||||
<p>Option Concert Solo : <span class='identifiant'><%= locals["personne_"+toto+"_option_concertsolo"] %></span></p>
|
||||
<% } %>
|
||||
@@ -106,11 +113,13 @@
|
||||
<hr>
|
||||
<section class="tarifs">
|
||||
<p>Remise : <span class='identifiant'><%= remise %></span></p>
|
||||
<p>Frais de dossier : <span class='identifiant'>30€</span></p>
|
||||
<p>Frais de dossier : <span class='identifiant'><%= frais_dossier %>€</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>
|
||||
<% if (locals["montant_accompte"] > 0) { %>
|
||||
<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>
|
||||
@@ -125,17 +134,17 @@
|
||||
</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>
|
||||
|
||||
<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>
|
||||
</section>
|
||||
|
||||
<!-- ------------------------- -->
|
||||
@@ -159,7 +168,7 @@
|
||||
<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>Par virement bancaire, en une fois uniquement</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>
|
||||
|
||||
@@ -6,7 +6,7 @@
|
||||
|
||||
<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 %><% }; %>">
|
||||
<input class="inputbox_identifiant" type="text" name="identifiant" id="identifiant" placeholder="Identifiant SUZUKI" value="<% if (locals.identifiant) { %><%= identifiant %><% }; %>" required>
|
||||
</div>
|
||||
|
||||
<div class="input_checkbox">
|
||||
@@ -15,8 +15,6 @@
|
||||
<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>
|
||||
@@ -24,12 +22,11 @@
|
||||
|
||||
<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>
|
||||
<span class="float_right" 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>
|
||||
<p><span class="gras">AUTRE PAYS</span></p>
|
||||
<br>
|
||||
<p>Si vous n'avez pas d'identifiant : </p>
|
||||
<p>saisissez votre mail.</p>
|
||||
<p>Si vous n'avez pas d'identifiant : saisissez votre mail.</p>
|
||||
<br>
|
||||
|
||||
</div>
|
||||
@@ -37,6 +34,15 @@
|
||||
|
||||
</div>
|
||||
|
||||
<!-- SI CODE SECRET À SAISIR -->
|
||||
<% if (locals.datelimitedepass === "oui") { %>
|
||||
<div class="input_box input_email input_code">
|
||||
<label for="code_secret">Votre code inscription</label>
|
||||
<input class="inputbox_identifiant" type="text" name="code_secret" id="code_secret" placeholder="" value="<% if (locals.code_secret) { %><%= code_secret %><% }; %>" required>
|
||||
</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>
|
||||
|
||||
@@ -2,6 +2,6 @@
|
||||
<!-- HEADER POUR LE STAGE NATIONAL-->
|
||||
<!-- //////////////////////////// -->
|
||||
<section class="titre">
|
||||
<h1>STAGE NATIONAL DU 20 AU 25 AOÛT 2023</h1>
|
||||
<h1>STAGE NATIONAL DU 23 AU 28 AOÛT 2026</h1>
|
||||
<p><span class="soft">INSCRIPTION</span></p>
|
||||
</section>
|
||||
@@ -1,7 +1,7 @@
|
||||
<footer>
|
||||
|
||||
<div class="version">
|
||||
<p>VERSION 2 Mise à jour le 12/02/2023</p>
|
||||
<p>VERSION 5 Mise à jour le 10/02/2026</p>
|
||||
</div>
|
||||
|
||||
|
||||
|
||||
@@ -36,8 +36,8 @@ Chrome
|
||||
<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">
|
||||
<link rel="author" href="mailto:contact@Parisweb.art" title="Parisweb.art" />
|
||||
<meta name="creator" content="Parisweb.art">
|
||||
<meta name="publisher" content="AFPS">
|
||||
|
||||
<!-- Page accueil -->
|
||||
@@ -66,10 +66,17 @@ Chrome
|
||||
|
||||
<!-- CSS -->
|
||||
<link href="/public/css/app.css" rel="stylesheet">
|
||||
|
||||
|
||||
<!-- FontAwesome -->
|
||||
<!-- <script src="https://kit.fontawesome.com/ef8b87052e.js" crossorigin="anonymous"></script> -->
|
||||
|
||||
<!-- Favicon -->
|
||||
<link rel="shortcut icon apple-touch-icon" href="../../public/images/icones/favicon.ico">
|
||||
<link rel="icon" type="image/x-icon" href="../../public/images/icones/favicon.ico">
|
||||
|
||||
<!-- recaptcha -->
|
||||
<script src="https://www.google.com/recaptcha/api.js?render=6Lc-4BYqAAAAAAq5HvfawQX8OjGlJ1NHdrYlK50B"></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>
|
||||
|
||||
@@ -3,7 +3,7 @@
|
||||
<!-- //////////////////////////// -->
|
||||
<header class="header_tunnel">
|
||||
<div class="logo">
|
||||
<img src="/public/images/logos/LogoSuzukiGris.png" alt="">
|
||||
<img src="/public/images/logos/logosuzukigris.png" alt="">
|
||||
</div>
|
||||
|
||||
</header>
|
||||
93
views/ventevideo/page_templates/ventelien_boutonacheter.ejs
Normal file
93
views/ventevideo/page_templates/ventelien_boutonacheter.ejs
Normal file
@@ -0,0 +1,93 @@
|
||||
<%- include('../../template_parts/head')%>
|
||||
|
||||
<body>
|
||||
|
||||
<!-- ---------------------------------- -->
|
||||
<!-- HEADER -->
|
||||
<!-- ---------------------------------- -->
|
||||
<%- include('../../template_parts/header_tunnel')%>
|
||||
|
||||
<!-- ---------------------------------- -->
|
||||
<!-- FORMULAIRE de vérification du mail -->
|
||||
<!-- ---------------------------------- -->
|
||||
|
||||
|
||||
<main>
|
||||
|
||||
<article class="ventevideo">
|
||||
|
||||
<!-- TITRE DE LA PAGE -->
|
||||
<%- include('../template_parts/ventevideo_titrepage')%>
|
||||
|
||||
|
||||
<!-- AFFICHAGE DES MESSAGES ERREURS RETOUR DE POST FORMULAIRE -->
|
||||
<% if (locals.affiche_err_1) { %>
|
||||
<div class="erreur">
|
||||
<p><%= affiche_err_1 %></p>
|
||||
</div>
|
||||
<% }; %>
|
||||
|
||||
<!-- ---------------------------------- -->
|
||||
<!-- CLIQUEZ SUR BOUTON PAYER -->
|
||||
<!-- ---------------------------------- -->
|
||||
|
||||
<form id="form_identifier" action="" method="post" class="form_check_mail">
|
||||
<button type="submit" class="button_icone">
|
||||
<span class="btn_icone">+</span><span class="btn_texte">JE LE VEUX !</span>
|
||||
</button>
|
||||
</form>
|
||||
|
||||
<div class="space80"></div>
|
||||
|
||||
<!-- ------------------------- -->
|
||||
<!-- Explication aux visiteurs -->
|
||||
<!-- ------------------------- -->
|
||||
|
||||
<section class="explication_wp">
|
||||
<div class="explication">
|
||||
<div class="explication_item">
|
||||
<h2><span class="turquoise">LE FILM</span></h2>
|
||||
<p>L’AFPS est heureuse de vous proposer un beau souvenir de vos en enfants en concert.</p>
|
||||
<p>Durée : 1h45</p>
|
||||
<p>Taille du fichier : 4,09 Go</p>
|
||||
</div>
|
||||
<div class="explication_item">
|
||||
<h2><span class="turquoise">TARIF</span></h2>
|
||||
<p>Vous pouvez acheter la vidéo du concert pour 8€.</p>
|
||||
</div>
|
||||
<div class="explication_item">
|
||||
<h2><span class="turquoise">COMMENT L'OBTENIR</span></h2>
|
||||
<p>Après le paiement par carte bancaire vous recevrez un mail avec un lien temporaire de téléchargement, valable 2 jours.</p>
|
||||
</div>
|
||||
<div class="explication_item">
|
||||
<h2><span class="turquoise">DÉMATÉRIALISÉE</span></h2>
|
||||
<p>La vidéo est dématérialisée. ce qui veut dire qu'elle est sous forme de fichier H264 (mp4).<br>Vous pourrez la regarder sur un ordinateur, une tablette, un téléphone, votre télé si connectée, ou la graver sur un DVD/CD.</p>
|
||||
</div>
|
||||
<div class="explication_item">
|
||||
<h2><span class="turquoise">DROITS ET LÉGALITÉ</span></h2>
|
||||
<p>Le fichier vidéo ne peut pas être vendu ni cédé. Il est visionnable dans le cadre familial.</p>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
|
||||
|
||||
|
||||
</article>
|
||||
|
||||
</main>
|
||||
|
||||
|
||||
|
||||
<!-- ---------------------------------- -->
|
||||
<!-- FOOTER -->
|
||||
<!-- ---------------------------------- -->
|
||||
<%- include('../../template_parts/footer')%>
|
||||
|
||||
</body>
|
||||
|
||||
<!-- JAVASCRIPT d'EXECUTION -->
|
||||
<script src="/public/js/adhesion/hidden_visible.js"></script>
|
||||
<script src="/public/js/localstore.js"></script>
|
||||
|
||||
</html>
|
||||
67
views/ventevideo/page_templates/ventelien_paiement_echec.ejs
Normal file
67
views/ventevideo/page_templates/ventelien_paiement_echec.ejs
Normal file
@@ -0,0 +1,67 @@
|
||||
<%- include('../../template_parts/head')%>
|
||||
|
||||
<body>
|
||||
|
||||
<!-- ---------------------------------- -->
|
||||
<!-- HEADER -->
|
||||
<!-- ---------------------------------- -->
|
||||
<%- include('../../template_parts/header_tunnel')%>
|
||||
|
||||
<!-- ---------------------------------- -->
|
||||
<!-- FORMULAIRE de vérification du mail -->
|
||||
<!-- ---------------------------------- -->
|
||||
|
||||
|
||||
<main>
|
||||
|
||||
<article class="ventevideo">
|
||||
|
||||
<!-- TITRE DE LA PAGE -->
|
||||
<%- include('../template_parts/ventevideo_titrepage')%>
|
||||
|
||||
|
||||
<!-- AFFICHAGE DES MESSAGES ERREURS RETOUR DE POST FORMULAIRE -->
|
||||
<% if (locals.affiche_err_1) { %>
|
||||
<div class="erreur">
|
||||
<p><%= affiche_err_1 %></p>
|
||||
</div>
|
||||
<% }; %>
|
||||
|
||||
|
||||
|
||||
<div class="space80"></div>
|
||||
|
||||
<!-- ------------------------- -->
|
||||
<!-- Explication aux visiteurs -->
|
||||
<!-- ------------------------- -->
|
||||
|
||||
<section class="explication_wp">
|
||||
<div class="explication">
|
||||
<div class="explication_item">
|
||||
<h2><span class="turquoise">PAIEMENT EN ÉCHEC</span></h2>
|
||||
<p>Votre achat est en échec.<br>Vous pouvez recommencer en cliquant <a href="https://inscription.afpedagogiesuzuki.fr/boutique/videos">ici</a></p>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
|
||||
|
||||
|
||||
</article>
|
||||
|
||||
</main>
|
||||
|
||||
|
||||
|
||||
<!-- ---------------------------------- -->
|
||||
<!-- FOOTER -->
|
||||
<!-- ---------------------------------- -->
|
||||
<%- include('../../template_parts/footer')%>
|
||||
|
||||
</body>
|
||||
|
||||
<!-- JAVASCRIPT d'EXECUTION -->
|
||||
<script src="/public/js/adhesion/hidden_visible.js"></script>
|
||||
<script src="/public/js/localstore.js"></script>
|
||||
|
||||
</html>
|
||||
@@ -0,0 +1,67 @@
|
||||
<%- include('../../template_parts/head')%>
|
||||
|
||||
<body>
|
||||
|
||||
<!-- ---------------------------------- -->
|
||||
<!-- HEADER -->
|
||||
<!-- ---------------------------------- -->
|
||||
<%- include('../../template_parts/header_tunnel')%>
|
||||
|
||||
<!-- ---------------------------------- -->
|
||||
<!-- FORMULAIRE de vérification du mail -->
|
||||
<!-- ---------------------------------- -->
|
||||
|
||||
|
||||
<main>
|
||||
|
||||
<article class="ventevideo">
|
||||
|
||||
<!-- TITRE DE LA PAGE -->
|
||||
<%- include('../template_parts/ventevideo_titrepage')%>
|
||||
|
||||
|
||||
<!-- AFFICHAGE DES MESSAGES ERREURS RETOUR DE POST FORMULAIRE -->
|
||||
<% if (locals.affiche_err_1) { %>
|
||||
<div class="erreur">
|
||||
<p><%= affiche_err_1 %></p>
|
||||
</div>
|
||||
<% }; %>
|
||||
|
||||
|
||||
|
||||
<div class="space80"></div>
|
||||
|
||||
<!-- ------------------------- -->
|
||||
<!-- Explication aux visiteurs -->
|
||||
<!-- ------------------------- -->
|
||||
|
||||
<section class="explication_wp">
|
||||
<div class="explication just_it_c">
|
||||
<div class="explication_item">
|
||||
<h2><span class="turquoise">ACHAT RÉUSSI</span></h2>
|
||||
<p>Votre achat a réussi. <br>Vous allez recevoir un mail avec le lien de téléchargement du film.</p>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
|
||||
|
||||
|
||||
</article>
|
||||
|
||||
</main>
|
||||
|
||||
|
||||
|
||||
<!-- ---------------------------------- -->
|
||||
<!-- FOOTER -->
|
||||
<!-- ---------------------------------- -->
|
||||
<%- include('../../template_parts/footer')%>
|
||||
|
||||
</body>
|
||||
|
||||
<!-- JAVASCRIPT d'EXECUTION -->
|
||||
<script src="/public/js/adhesion/hidden_visible.js"></script>
|
||||
<script src="/public/js/localstore.js"></script>
|
||||
|
||||
</html>
|
||||
@@ -0,0 +1,70 @@
|
||||
<%- include('../../template_parts/head')%>
|
||||
|
||||
<body>
|
||||
|
||||
<!-- ---------------------------------- -->
|
||||
<!-- HEADER -->
|
||||
<!-- ---------------------------------- -->
|
||||
<%- include('../../template_parts/header_tunnel')%>
|
||||
|
||||
<!-- ---------------------------------- -->
|
||||
<!-- FORMULAIRE de vérification du mail -->
|
||||
<!-- ---------------------------------- -->
|
||||
|
||||
|
||||
<main>
|
||||
|
||||
<article class="ventevideo">
|
||||
|
||||
<!-- TITRE DE LA PAGE -->
|
||||
<%- include('../template_parts/ventevideo_titrepage')%>
|
||||
|
||||
|
||||
<!-- AFFICHAGE DES MESSAGES ERREURS RETOUR DE POST FORMULAIRE -->
|
||||
<% if (locals.affiche_err_1) { %>
|
||||
<div class="erreur">
|
||||
<p><%= affiche_err_1 %></p>
|
||||
</div>
|
||||
<% }; %>
|
||||
|
||||
|
||||
|
||||
<div class="space80"></div>
|
||||
|
||||
<!-- ------------------------- -->
|
||||
<!-- Explication aux visiteurs -->
|
||||
<!-- ------------------------- -->
|
||||
|
||||
<section class="explication_wp">
|
||||
<div class="explication just_it_c">
|
||||
<div class="explication_item">
|
||||
<h2><span class="turquoise">TÉLÉCHARGEMENT DU FILM</span></h2>
|
||||
<p class="<%= message_color %>"><%= message %></p>
|
||||
<p><a class="underline" href="<%= downloadUrl %>">lien de téléchargement</a></p>
|
||||
<br>
|
||||
<p>La taille du fichier est de 4,09 Go. Le téléchargement prendra quelques minutes.</p>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
|
||||
|
||||
|
||||
</article>
|
||||
|
||||
</main>
|
||||
|
||||
|
||||
|
||||
<!-- ---------------------------------- -->
|
||||
<!-- FOOTER -->
|
||||
<!-- ---------------------------------- -->
|
||||
<%- include('../../template_parts/footer')%>
|
||||
|
||||
</body>
|
||||
|
||||
<!-- JAVASCRIPT d'EXECUTION -->
|
||||
<script src="/public/js/adhesion/hidden_visible.js"></script>
|
||||
<script src="/public/js/localstore.js"></script>
|
||||
|
||||
</html>
|
||||
16
views/ventevideo/template_parts/ventevideo_titrepage.ejs
Normal file
16
views/ventevideo/template_parts/ventevideo_titrepage.ejs
Normal file
@@ -0,0 +1,16 @@
|
||||
<!-- //////////////////////////// -->
|
||||
<!-- HEADER POUR LE STAGE NATIONAL-->
|
||||
<!-- //////////////////////////// -->
|
||||
<section class="page_header">
|
||||
<div class="illustration">
|
||||
<img class='' src="/public/images/ventevideo/concert_unesco_illustration.jpeg" alt="illustration du concert" />
|
||||
</div>
|
||||
<div class="space40"></div>
|
||||
<div class="titre">
|
||||
<h1>Le<span class="turquoise"> Film</span> du Concert National <mark>Suzuki</mark></h1>
|
||||
<h1>du 21 avril 2024</h1>
|
||||
<h1>au Palais de l'<span class="turquoise">UNESCO</span>Paris</h1>
|
||||
<br><br>
|
||||
<!-- <p><span class="soft">INSCRIPTION</span></p> -->
|
||||
</div>
|
||||
</section>
|
||||
136
views/wuzuki/page_templates/formulaire_envoie_message.ejs
Normal file
136
views/wuzuki/page_templates/formulaire_envoie_message.ejs
Normal file
@@ -0,0 +1,136 @@
|
||||
<%- include('../../template_parts/head')%>
|
||||
|
||||
<body>
|
||||
|
||||
<!-- ---------------------------------- -->
|
||||
<!-- HEADER -->
|
||||
<!-- ---------------------------------- -->
|
||||
<%- include('../../template_parts/header_tunnel')%>
|
||||
|
||||
|
||||
|
||||
<main>
|
||||
|
||||
<article>
|
||||
|
||||
<!-- TITRE DE LA PAGE -->
|
||||
<%- include('../template_parts/envoie_message_titrepage')%>
|
||||
|
||||
|
||||
<!-- AFFICHAGE DES MESSAGES ERREURS RETOUR DE POST FORMULAIRE -->
|
||||
<% if (locals.affiche_err_1) { %>
|
||||
<div class="erreur">
|
||||
<p><%= affiche_err_1 %></p>
|
||||
</div>
|
||||
<% }; %>
|
||||
|
||||
<!-- ---------------------------------- -->
|
||||
<!-- FORMULAIRE de don -->
|
||||
<!-- ---------------------------------- -->
|
||||
|
||||
<form action="" method="post" class="form_don">
|
||||
|
||||
<h2>Formulaire de contact :</h2>
|
||||
|
||||
<section class="formulaire">
|
||||
|
||||
<div class="input_box input_text input_box_gris">
|
||||
<label for="nom">Nom*</label>
|
||||
<input type="text" name="nom" id="nom" value="<% if (locals.nom) { %><%= nom %><% }; %>" required>
|
||||
</div>
|
||||
<div class="input_box input_text input_box_gris">
|
||||
<label for="prenom">Prénom*</label>
|
||||
<input type="text" name="prenom" id="prenom" required>
|
||||
</div>
|
||||
|
||||
<div class="input_box input_text input_box_gris">
|
||||
<label for="mail">Adresse mail*</label>
|
||||
<input type="text" name="mail" id="mail" value="<% if (locals.mail) { %><%= mail %><% }; %>" required>
|
||||
</div>
|
||||
|
||||
<section class="commentaire">
|
||||
<div class="input_box input_text input_box_gris">
|
||||
<label class="labeltextarea" for="commentaire">Votre message*</label>
|
||||
<textarea class="textarea_commentaire" id="commentaire" name="commentaire"rows="10" cols="40" required></textarea>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<div class="space30"></div>
|
||||
|
||||
<!-- CAPTCHA V3 -->
|
||||
<input type="hidden" id="g-recaptcha-response" name="g-recaptcha-response">
|
||||
|
||||
<div class="space30"></div>
|
||||
|
||||
</section>
|
||||
|
||||
|
||||
|
||||
|
||||
<!-- ---------------------------------- -->
|
||||
<!-- CLIQUEZ SUR BOUTON ADHÉRER -->
|
||||
<!-- ---------------------------------- -->
|
||||
|
||||
<button type="submit" class="button_icone">
|
||||
<span class="btn_icone">+</span><span class="btn_texte">ENVOYER</span>
|
||||
</button>
|
||||
|
||||
</form>
|
||||
|
||||
<!-- ------------------------- -->
|
||||
<!-- 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'envoyer un message à l'Association Française pour la 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. Elles serviront uniquement à vous répondre.</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>
|
||||
|
||||
<!-- CAPTCHA V3 -->
|
||||
<script>
|
||||
grecaptcha.ready(function() {
|
||||
grecaptcha.execute('6Lc-4BYqAAAAAAq5HvfawQX8OjGlJ1NHdrYlK50B', {action: 'submit'}).then(function(token_captcha) {
|
||||
document.getElementById('g-recaptcha-response').value = token_captcha;
|
||||
});
|
||||
});
|
||||
</script>
|
||||
|
||||
|
||||
</html>
|
||||
7
views/wuzuki/template_parts/envoie_message_titrepage.ejs
Normal file
7
views/wuzuki/template_parts/envoie_message_titrepage.ejs
Normal file
@@ -0,0 +1,7 @@
|
||||
<!-- //////////////////////////// -->
|
||||
<!-- HEADER POUR L'ADHÉSION-->
|
||||
<!-- //////////////////////////// -->
|
||||
<section class="titre">
|
||||
<h1>Contacter l’Association Française pour la Pédagogie Suzuki</h1>
|
||||
<p></p>
|
||||
</section>
|
||||
Reference in New Issue
Block a user