total_1ère
This commit is contained in:
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>
|
||||
Reference in New Issue
Block a user