total_1ère
This commit is contained in:
@@ -1,4 +1,6 @@
|
||||
@charset "UTF-8";
|
||||
/* CSS de base */
|
||||
@import url("https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css");
|
||||
body, div, h1, h2, h3, h4, h5, h6, p, ul, ol, li, dl, dt, dd, img, form, fieldset, blockquote, main, article, aside, section {
|
||||
margin: 0px 0px 0px 0px;
|
||||
padding: 0px 0px 0px 0px;
|
||||
@@ -24,10 +26,38 @@ body {
|
||||
color: #E73058 !important;
|
||||
}
|
||||
|
||||
.turquoise {
|
||||
color: #16BFB1 !important;
|
||||
}
|
||||
|
||||
.color_gris_fonce {
|
||||
color: #707070 !important;
|
||||
}
|
||||
|
||||
.color_green {
|
||||
color: #11a63d !important;
|
||||
}
|
||||
|
||||
.bg_green_clair {
|
||||
background-color: #11a63d !important;
|
||||
}
|
||||
|
||||
.bg_green {
|
||||
background-color: green !important;
|
||||
}
|
||||
|
||||
.bg_rouge_tres_clair {
|
||||
background-color: rgba(231, 48, 88, 0.1294117647);
|
||||
}
|
||||
|
||||
.border_green {
|
||||
border: 0.15em solid #11a63d !important;
|
||||
}
|
||||
|
||||
mark {
|
||||
background: rgba(231, 48, 88, 0.1294117647) !important;
|
||||
}
|
||||
|
||||
/* CSS */
|
||||
/* fonts */
|
||||
@font-face {
|
||||
@@ -155,7 +185,7 @@ body {
|
||||
src: url("../fonts/montserrat_black.ttf") format("truetype");
|
||||
}
|
||||
@font-face {
|
||||
font-family: "montsermontserrat_extraboldrat_regular";
|
||||
font-family: "montserrat_extrabold";
|
||||
src: url("../fonts/montserrat_extrabold.ttf") format("truetype");
|
||||
}
|
||||
@font-face {
|
||||
@@ -235,7 +265,27 @@ body {
|
||||
src: url("../fonts/ubuntu-moyen_italique.ttf") format("truetype");
|
||||
}
|
||||
.gras {
|
||||
font-family: cabin_bold;
|
||||
font-family: cabin_bold !important;
|
||||
}
|
||||
|
||||
.underline {
|
||||
text-decoration: underline !important;
|
||||
}
|
||||
|
||||
.montserrat_light {
|
||||
font-family: montserrat_light;
|
||||
}
|
||||
|
||||
.montserrat_regular {
|
||||
font-family: montserrat_regular;
|
||||
}
|
||||
|
||||
.montserrat_semibold {
|
||||
font-family: montserrat_semibold;
|
||||
}
|
||||
|
||||
.font-17 {
|
||||
font-size: 17px !important;
|
||||
}
|
||||
|
||||
/* ***************************************** */
|
||||
@@ -243,10 +293,62 @@ body {
|
||||
/* ESPACE ENTRE LES BLOCS */
|
||||
/* ***************************************** */
|
||||
/* ***************************************** */
|
||||
.float_right {
|
||||
float: right;
|
||||
}
|
||||
|
||||
.space20 {
|
||||
height: 20px;
|
||||
}
|
||||
|
||||
.space30 {
|
||||
height: 30px;
|
||||
}
|
||||
|
||||
.space40 {
|
||||
height: 40px;
|
||||
}
|
||||
|
||||
.space60 {
|
||||
height: 60px;
|
||||
}
|
||||
|
||||
.space80 {
|
||||
height: 80px;
|
||||
}
|
||||
|
||||
.margintop_-20px {
|
||||
margin-top: -20px !important;
|
||||
}
|
||||
|
||||
.marginbottom_-20px {
|
||||
margin-bottom: -20px !important;
|
||||
}
|
||||
|
||||
.margintop_40px {
|
||||
margin-top: 40px;
|
||||
}
|
||||
|
||||
.marginbottom_40px {
|
||||
margin-bottom: 40px;
|
||||
}
|
||||
|
||||
.margintop_60px {
|
||||
margin-top: 60px;
|
||||
}
|
||||
|
||||
.marginleft_27px {
|
||||
margin-left: 27px;
|
||||
}
|
||||
|
||||
.paddingbottom_5px {
|
||||
padding-bottom: 5px;
|
||||
}
|
||||
|
||||
.just_it_c {
|
||||
justify-items: center;
|
||||
}
|
||||
|
||||
main {
|
||||
max-width: 1800px;
|
||||
margin-left: auto;
|
||||
@@ -349,7 +451,7 @@ header .logo img {
|
||||
|
||||
.savoirplus_accueil {
|
||||
width: 80%;
|
||||
margin-top: 150px;
|
||||
margin-top: 90px;
|
||||
margin-right: auto;
|
||||
margin-left: auto;
|
||||
}
|
||||
@@ -366,8 +468,27 @@ header .logo img {
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
.savoirplus_stage_accueil {
|
||||
max-width: 550px;
|
||||
margin-top: 150px;
|
||||
margin-right: auto;
|
||||
margin-left: auto;
|
||||
}
|
||||
@media (max-width: 600px) {
|
||||
.savoirplus_stage_accueil {
|
||||
width: 95%;
|
||||
}
|
||||
}
|
||||
.savoirplus_stage_accueil .savoirplus_button {
|
||||
text-align: center;
|
||||
text-decoration: underline;
|
||||
}
|
||||
.savoirplus_stage_accueil .savoirplus_button:hover {
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
.savoirplus_stage {
|
||||
width: 80%;
|
||||
max-width: 550px;
|
||||
margin-top: 15px;
|
||||
margin-bottom: 48px;
|
||||
margin-right: auto;
|
||||
@@ -378,9 +499,12 @@ header .logo img {
|
||||
width: 95%;
|
||||
}
|
||||
}
|
||||
.savoirplus_stage p {
|
||||
font-size: 14px;
|
||||
}
|
||||
|
||||
.titre {
|
||||
margin-bottom: 100px;
|
||||
margin-bottom: 60px;
|
||||
}
|
||||
@media (max-width: 600px) {
|
||||
.titre {
|
||||
@@ -411,6 +535,38 @@ header .logo img {
|
||||
color: #707070;
|
||||
}
|
||||
|
||||
.sous_titre {
|
||||
display: flex;
|
||||
column-gap: 25px;
|
||||
align-items: center;
|
||||
justify-content: flex-start;
|
||||
margin-bottom: 20px;
|
||||
}
|
||||
.sous_titre img {
|
||||
max-height: 90px;
|
||||
min-height: 45px;
|
||||
}
|
||||
.sous_titre p {
|
||||
font-size: 18px;
|
||||
}
|
||||
|
||||
.sous_titre_centre {
|
||||
justify-content: center !important;
|
||||
}
|
||||
|
||||
.textcenter {
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.note {
|
||||
font-family: montserrat_light;
|
||||
font-size: 15px !important;
|
||||
color: #E73058;
|
||||
}
|
||||
.note li:before {
|
||||
content: "- ";
|
||||
}
|
||||
|
||||
/* ***************************************** */
|
||||
/* ***************************************** */
|
||||
/* LE FOOTER */
|
||||
@@ -453,8 +609,6 @@ footer .version {
|
||||
top: -28px;
|
||||
}
|
||||
.input_box input[type=email] {
|
||||
padding-top: 19px;
|
||||
padding-bottom: 16px;
|
||||
padding-left: 16px;
|
||||
padding-right: 13px;
|
||||
background-color: white;
|
||||
@@ -553,6 +707,20 @@ footer .version {
|
||||
border: 1.8px solid #1B299A;
|
||||
}
|
||||
|
||||
.input_box_rouge label {
|
||||
color: #E73058;
|
||||
}
|
||||
.input_box_rouge input, .input_box_rouge input[type=text], .input_box_rouge input[type=tel], .input_box_rouge input[type=date], .input_box_rouge select, .input_box_rouge textarea {
|
||||
border: 1.8px solid #E73058;
|
||||
}
|
||||
|
||||
.input_box_green label {
|
||||
color: #11a63d;
|
||||
}
|
||||
.input_box_green input, .input_box_green input[type=text], .input_box_green input[type=tel], .input_box_green input[type=date], .input_box_green select, .input_box_green textarea {
|
||||
border: 1.8px solid #11a63d;
|
||||
}
|
||||
|
||||
/* FORMAT DU CONTENUE DU CHAMP DE SAISIE */
|
||||
/* ***************************************** */
|
||||
.input_email {
|
||||
@@ -654,6 +822,14 @@ footer .version {
|
||||
color: #A2A0A0;
|
||||
}
|
||||
|
||||
.uppercase {
|
||||
text-transform: uppercase;
|
||||
}
|
||||
|
||||
.capitalize {
|
||||
text-transform: capitalize;
|
||||
}
|
||||
|
||||
/* ***************************************** */
|
||||
/* ***************************************** */
|
||||
/* CHECKBOX */
|
||||
@@ -683,6 +859,20 @@ footer .version {
|
||||
background-color: #E73058;
|
||||
}
|
||||
|
||||
.input_checkbox_bleu input[type=checkbox] {
|
||||
border: 0.15em solid #3644AC !important;
|
||||
}
|
||||
.input_checkbox_bleu input[type=checkbox]:checked {
|
||||
background-color: #3644AC !important;
|
||||
}
|
||||
|
||||
.input_checkbox_green input[type=checkbox] {
|
||||
border: 0.15em solid #11a63d !important;
|
||||
}
|
||||
.input_checkbox_green input[type=checkbox]:checked {
|
||||
background-color: #11a63d !important;
|
||||
}
|
||||
|
||||
/* ***************************************** */
|
||||
/* ***************************************** */
|
||||
/* BUTTONS */
|
||||
@@ -730,6 +920,11 @@ footer .version {
|
||||
padding-left: 0px;
|
||||
}
|
||||
|
||||
.text_listeatt {
|
||||
font-size: 12px;
|
||||
text-decoration: underline;
|
||||
}
|
||||
|
||||
.erreur {
|
||||
max-width: 500px;
|
||||
display: flex;
|
||||
@@ -737,6 +932,7 @@ footer .version {
|
||||
margin-left: auto;
|
||||
margin-right: auto;
|
||||
margin-bottom: 70px;
|
||||
color: #E73058;
|
||||
text-align: center;
|
||||
}
|
||||
@media (max-width: 600px) {
|
||||
@@ -762,8 +958,8 @@ footer .version {
|
||||
.form_check_mail {
|
||||
display: grid;
|
||||
grid-template-columns: 2fr 1fr 2fr;
|
||||
grid-template-rows: auto auto auto;
|
||||
grid-template-areas: ". input ." ". checkbox checkbox" ". button .";
|
||||
grid-template-rows: auto auto auto auto;
|
||||
grid-template-areas: ". input ." ". checkbox checkbox" ". input_code ." ". button .";
|
||||
}
|
||||
.form_check_mail .input_email {
|
||||
grid-area: input;
|
||||
@@ -778,6 +974,10 @@ footer .version {
|
||||
font-family: cabin_semibold;
|
||||
color: #343434;
|
||||
}
|
||||
.form_check_mail .input_code {
|
||||
grid-area: input_code;
|
||||
margin-bottom: 40px;
|
||||
}
|
||||
.form_check_mail button {
|
||||
grid-area: button;
|
||||
justify-self: center;
|
||||
@@ -858,6 +1058,60 @@ footer .version {
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
.flex_centre {
|
||||
align-items: center !important;
|
||||
justify-content: center;
|
||||
}
|
||||
|
||||
@page {
|
||||
font-family: montserrat_regular;
|
||||
margin: 1cm;
|
||||
}
|
||||
.weasyprint {
|
||||
color: #14213d;
|
||||
font-family: montserrat_regular;
|
||||
font-size: 10pt;
|
||||
}
|
||||
.weasyprint .logo {
|
||||
max-width: 300px;
|
||||
height: 100%;
|
||||
object-fit: cover;
|
||||
}
|
||||
.weasyprint article {
|
||||
margin-left: 30px;
|
||||
margin-right: 30px;
|
||||
}
|
||||
.weasyprint article .header_wp {
|
||||
display: flex;
|
||||
justify-content: flex-end;
|
||||
}
|
||||
.weasyprint article .header_wp .header {
|
||||
width: 50%;
|
||||
}
|
||||
.weasyprint article .header_wp .header .date {
|
||||
display: flex;
|
||||
justify-content: flex-start;
|
||||
}
|
||||
.weasyprint article .header_wp .header .afps {
|
||||
display: flex;
|
||||
justify-content: flex-start;
|
||||
}
|
||||
.weasyprint article .content {
|
||||
margin-left: 30px;
|
||||
}
|
||||
.weasyprint article .content h1 {
|
||||
color: #E73058;
|
||||
font-family: montserrat_bold;
|
||||
font-size: 20px;
|
||||
text-transform: uppercase;
|
||||
}
|
||||
.weasyprint article .content p {
|
||||
margin-bottom: 5px;
|
||||
}
|
||||
.weasyprint article .content p .label {
|
||||
color: #707070;
|
||||
}
|
||||
|
||||
/* ***************************************** */
|
||||
/* ***************************************** */
|
||||
/* ADHESION */
|
||||
@@ -867,6 +1121,12 @@ footer .version {
|
||||
/* **************************************************************** */
|
||||
/* ** OUVRIR EN SAVOIR PLUS ** */
|
||||
/* **************************************************************** */
|
||||
.message_fin {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
align-items: center;
|
||||
}
|
||||
|
||||
.form_adhesion {
|
||||
display: grid;
|
||||
justify-content: center;
|
||||
@@ -891,6 +1151,10 @@ footer .version {
|
||||
margin-bottom: 35px;
|
||||
color: #101D77;
|
||||
}
|
||||
.form_adhesion .explication_pleine_page {
|
||||
margin-bottom: 38px;
|
||||
color: #101D77;
|
||||
}
|
||||
.form_adhesion .ajout_ecole_button {
|
||||
margin-top: -35px;
|
||||
margin-bottom: 30px;
|
||||
@@ -901,6 +1165,10 @@ footer .version {
|
||||
.form_adhesion .ajout_ecole_button:hover {
|
||||
cursor: pointer;
|
||||
}
|
||||
.form_adhesion h2 {
|
||||
margin-bottom: 40px;
|
||||
font-size: 16px;
|
||||
}
|
||||
|
||||
.grid_3inputs {
|
||||
display: grid;
|
||||
@@ -936,6 +1204,19 @@ footer .version {
|
||||
}
|
||||
}
|
||||
|
||||
.grid_1inputs {
|
||||
display: grid;
|
||||
grid-template-columns: minmax(auto, 550px);
|
||||
grid-template-rows: auto;
|
||||
row-gap: 30px;
|
||||
margin-bottom: 35px;
|
||||
}
|
||||
@media (max-width: 600px) {
|
||||
.grid_1inputs {
|
||||
grid-template-columns: minmax(auto, 350px);
|
||||
}
|
||||
}
|
||||
|
||||
.paiement_explication {
|
||||
max-width: 500px;
|
||||
margin-top: 20px;
|
||||
@@ -1333,14 +1614,21 @@ footer .version {
|
||||
font-family: montserrat_thin;
|
||||
font-size: 13px;
|
||||
}
|
||||
.adhesion_fin_container .adhesion_fin .adhesion_fin_resultat {
|
||||
margin-top: 100px;
|
||||
font-family: montserrat_regular;
|
||||
}
|
||||
.adhesion_fin_container .adhesion_fin .adhesion_fin_resultat li:before {
|
||||
content: "- ";
|
||||
}
|
||||
|
||||
.stage_formulaire_cont .stage_formulaire {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
align-items: center;
|
||||
}
|
||||
.stage_formulaire_cont h1 {
|
||||
margin-bottom: 35px;
|
||||
font-size: 18px;
|
||||
}
|
||||
.stage_formulaire_cont h1 .icone_titre {
|
||||
width: 45px;
|
||||
@@ -1349,14 +1637,26 @@ footer .version {
|
||||
}
|
||||
@media (max-width: 600px) {
|
||||
.stage_formulaire_cont h1 {
|
||||
font-size: 16px;
|
||||
font-size: 14px;
|
||||
}
|
||||
}
|
||||
.stage_formulaire_cont .titre_personne {
|
||||
margin-top: 50px;
|
||||
@media (min-width: 1200px) {
|
||||
.stage_formulaire_cont .titre_personne {
|
||||
margin-top: 30px;
|
||||
}
|
||||
}
|
||||
@media (min-width: 600px) and (max-width: 1200px) {
|
||||
.stage_formulaire_cont .titre_personne {
|
||||
margin-top: 50px;
|
||||
}
|
||||
}
|
||||
@media (max-width: 600px) {
|
||||
.stage_formulaire_cont .titre_personne {
|
||||
margin-top: 10px;
|
||||
}
|
||||
}
|
||||
.stage_formulaire_cont h2 {
|
||||
margin-bottom: 47px;
|
||||
margin-bottom: 30px;
|
||||
font-size: 16px;
|
||||
}
|
||||
.stage_formulaire_cont h2 .icone_titre {
|
||||
@@ -1398,6 +1698,18 @@ footer .version {
|
||||
width: 45px;
|
||||
margin-right: 15px;
|
||||
}
|
||||
.stage_formulaire_cont .icone_bus {
|
||||
display: flex;
|
||||
align-items: end;
|
||||
flex-wrap: wrap;
|
||||
column-gap: 2px;
|
||||
row-gap: 20px;
|
||||
margin-top: 30px;
|
||||
}
|
||||
.stage_formulaire_cont .icone_bus .icone {
|
||||
width: 45px;
|
||||
margin-right: 15px;
|
||||
}
|
||||
.stage_formulaire_cont .personne {
|
||||
margin-bottom: 45px;
|
||||
}
|
||||
@@ -1413,18 +1725,33 @@ footer .version {
|
||||
.stage_formulaire_cont .recap_personne {
|
||||
margin-top: 40px;
|
||||
}
|
||||
.stage_formulaire_cont .recap_personne p, .stage_formulaire_cont .tarifs p {
|
||||
.stage_formulaire_cont .recap_personne p {
|
||||
margin-left: 27px;
|
||||
margin-bottom: 5px;
|
||||
font-size: 14px;
|
||||
}
|
||||
.stage_formulaire_cont .tarifs p {
|
||||
margin-left: 27px;
|
||||
margin-bottom: 5px;
|
||||
font-size: 14px;
|
||||
}
|
||||
.stage_formulaire_cont .tarifs_ss_margel {
|
||||
margin-bottom: 20px;
|
||||
}
|
||||
.stage_formulaire_cont .tarifs_ss_margel p {
|
||||
margin-bottom: 5px;
|
||||
font-size: 14px;
|
||||
}
|
||||
.stage_formulaire_cont .tarif_unitaire p {
|
||||
font-family: sourceserifpro_light;
|
||||
}
|
||||
.stage_formulaire_cont .buttons {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
flex-wrap: wrap;
|
||||
column-gap: 20px;
|
||||
row-gap: 20px;
|
||||
justify-content: center;
|
||||
margin-top: 30px;
|
||||
align-items: center;
|
||||
}
|
||||
.stage_formulaire_cont .buttons .button_icone_recap {
|
||||
width: 206px !important;
|
||||
@@ -1439,7 +1766,6 @@ footer .version {
|
||||
}
|
||||
.stage_formulaire_cont .description {
|
||||
margin-top: 30px;
|
||||
margin-bottom: 60px;
|
||||
background-color: #fefefe;
|
||||
padding: 20px;
|
||||
border: 5px solid #E73058;
|
||||
@@ -1447,4 +1773,202 @@ footer .version {
|
||||
font-family: montserrat_light;
|
||||
}
|
||||
|
||||
.maj_manuelle {
|
||||
display: grid;
|
||||
justify-content: center;
|
||||
padding-top: 40px;
|
||||
padding-bottom: 30px;
|
||||
}
|
||||
@media (min-width: 600px) {
|
||||
.maj_manuelle {
|
||||
margin-left: 30px;
|
||||
margin-right: 30px;
|
||||
}
|
||||
}
|
||||
@media (max-width: 600px) {
|
||||
.maj_manuelle {
|
||||
margin-left: 11px;
|
||||
margin-right: 10px;
|
||||
}
|
||||
}
|
||||
.maj_manuelle .buttons {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
margin-top: 30px;
|
||||
}
|
||||
.maj_manuelle .resultat_list {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
align-items: center;
|
||||
margin-bottom: 20px;
|
||||
justify-content: center;
|
||||
margin-top: 38px;
|
||||
}
|
||||
.maj_manuelle .resultat_list .resultat {
|
||||
margin-bottom: 10px;
|
||||
font-family: montserrat_extralight;
|
||||
}
|
||||
.maj_manuelle .resultat_list .resultat .plugras {
|
||||
font-family: montserrat_regular;
|
||||
}
|
||||
.maj_manuelle .resultat_list .resultat .resultat_text {
|
||||
padding-left: 5px;
|
||||
font-family: montserrat_regular;
|
||||
}
|
||||
|
||||
.place_categorie {
|
||||
background-color: rgba(231, 48, 88, 0.1294117647);
|
||||
padding-top: 20px;
|
||||
padding-bottom: 1px;
|
||||
padding-left: 20px;
|
||||
border-radius: 10px;
|
||||
margin-bottom: 29px;
|
||||
}
|
||||
@media (min-width: 600px) {
|
||||
.place_categorie {
|
||||
margin-left: -20px;
|
||||
margin-right: -20px;
|
||||
}
|
||||
}
|
||||
|
||||
.grid {
|
||||
display: grid;
|
||||
justify-content: center;
|
||||
}
|
||||
|
||||
.alignself_center {
|
||||
align-self: center;
|
||||
}
|
||||
|
||||
.maxwidth_600 {
|
||||
max-width: 600px;
|
||||
}
|
||||
|
||||
table {
|
||||
table-layout: auto;
|
||||
width: max-content;
|
||||
}
|
||||
table td {
|
||||
padding-right: 10px;
|
||||
padding-bottom: 5px;
|
||||
}
|
||||
table .align_right {
|
||||
text-align: right;
|
||||
}
|
||||
|
||||
aside {
|
||||
margin-top: 30px;
|
||||
margin-bottom: 30px;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
align-items: center;
|
||||
}
|
||||
aside h1 {
|
||||
margin-bottom: 10px;
|
||||
}
|
||||
aside li {
|
||||
margin-bottom: 3px;
|
||||
}
|
||||
|
||||
.form_don {
|
||||
display: grid;
|
||||
grid-template-columns: 2fr 1fr 2fr;
|
||||
grid-template-rows: auto auto auto;
|
||||
grid-template-areas: ". h2 ." ". formulaire ." ". checkbox checkbox" ". button .";
|
||||
}
|
||||
.form_don h2 {
|
||||
grid-area: h2;
|
||||
margin-bottom: 40px;
|
||||
font-family: cabin_regular;
|
||||
color: #707070;
|
||||
font-size: 18px;
|
||||
}
|
||||
.form_don .formulaire {
|
||||
grid-area: formulaire;
|
||||
}
|
||||
.form_don .input_checkbox {
|
||||
grid-area: checkbox;
|
||||
margin-top: 5px;
|
||||
margin-left: 5px;
|
||||
margin-bottom: 35px;
|
||||
}
|
||||
.form_don .input_checkbox .gras {
|
||||
font-family: cabin_semibold;
|
||||
color: #343434;
|
||||
}
|
||||
.form_don button {
|
||||
grid-area: button;
|
||||
justify-self: center;
|
||||
}
|
||||
.form_don .form_sous_titre {
|
||||
margin-top: 40px;
|
||||
margin-bottom: 35px;
|
||||
}
|
||||
.form_don .input_box {
|
||||
margin-bottom: 30px;
|
||||
}
|
||||
.form_don .commentaire {
|
||||
margin-top: 80px;
|
||||
}
|
||||
.form_don .currency {
|
||||
position: absolute;
|
||||
top: 14px;
|
||||
right: 25px;
|
||||
padding-right: 5px;
|
||||
}
|
||||
|
||||
.ventevideo .page_header {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
}
|
||||
.ventevideo .page_header .illustration {
|
||||
margin-left: auto;
|
||||
margin-right: auto;
|
||||
max-width: 1000px;
|
||||
}
|
||||
.ventevideo .page_header .illustration img {
|
||||
width: 100%; /* Remplit la largeur du conteneur */
|
||||
height: auto; /* Ajuste automatiquement la hauteur */
|
||||
object-fit: contain; /* Assure que l'image reste visible en entier, sans être rognée */
|
||||
}
|
||||
.ventevideo .page_header .titre {
|
||||
margin-bottom: 20px !important;
|
||||
}
|
||||
.ventevideo .page_header .titre h1 {
|
||||
font-family: montserrat_semibold !important;
|
||||
}
|
||||
.ventevideo .page_header mark {
|
||||
padding-left: 3px;
|
||||
padding-right: 3px;
|
||||
}
|
||||
.ventevideo .explication_wp {
|
||||
margin-left: 10vh;
|
||||
margin-right: 10vh;
|
||||
display: flex;
|
||||
justify-content: center; /* Centrer le contenu horizontalement */
|
||||
box-sizing: border-box;
|
||||
}
|
||||
.ventevideo .explication {
|
||||
display: grid; /* Utilisation de la grille */
|
||||
grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); /* Colonnes dynamiques */
|
||||
gap: 20px; /* Espacement entre les éléments */
|
||||
max-width: 1200px; /* Largeur maximale de la grille */
|
||||
width: 100%; /* Prendre toute la largeur disponible */
|
||||
justify-content: center; /* Centrer les items dans la grille */
|
||||
}
|
||||
.ventevideo .explication_item {
|
||||
min-width: 300px; /* Largeur minimale */
|
||||
max-width: 400px; /* Largeur maximale */
|
||||
background-color: #f8f8f8; /* Couleur de fond (optionnel) */
|
||||
padding: 20px; /* Espacement interne */
|
||||
border-radius: 5px; /* Coins arrondis */
|
||||
box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1); /* Ombre (optionnel) */
|
||||
box-sizing: border-box; /* Inclure le padding dans la largeur totale */
|
||||
}
|
||||
.ventevideo .explication_item h2 {
|
||||
padding-bottom: 5px;
|
||||
font-family: montserrat_semibold !important;
|
||||
font-size: 16px !important;
|
||||
}
|
||||
|
||||
/*# sourceMappingURL=app.css.map */
|
||||
|
||||
File diff suppressed because one or more lines are too long
BIN
public/images/icones/encadrant.webp
Normal file
BIN
public/images/icones/encadrant.webp
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 4.9 KiB |
BIN
public/images/icones/favicon.ico
Normal file
BIN
public/images/icones/favicon.ico
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 14 KiB |
BIN
public/images/icones/icone_bus.png
Normal file
BIN
public/images/icones/icone_bus.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 16 KiB |
BIN
public/images/icones/musican.webp
Normal file
BIN
public/images/icones/musican.webp
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 14 KiB |
BIN
public/images/icones/pause.webp
Normal file
BIN
public/images/icones/pause.webp
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 7.7 KiB |
BIN
public/images/icones/spectator.webp
Normal file
BIN
public/images/icones/spectator.webp
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 7.6 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 11 KiB After Width: | Height: | Size: 17 KiB |
BIN
public/images/rassemblementidf_2023_programme.pdf
Normal file
BIN
public/images/rassemblementidf_2023_programme.pdf
Normal file
Binary file not shown.
BIN
public/images/rassemblementidf_plan_lieu.pdf
Normal file
BIN
public/images/rassemblementidf_plan_lieu.pdf
Normal file
Binary file not shown.
BIN
public/images/ventevideo/concert_unesco_illustration.jpeg
Normal file
BIN
public/images/ventevideo/concert_unesco_illustration.jpeg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 210 KiB |
BIN
public/images/ventevideo/concert_unesco_illustration1.jpeg
Normal file
BIN
public/images/ventevideo/concert_unesco_illustration1.jpeg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 253 KiB |
@@ -1,6 +1,3 @@
|
||||
//// AFFICHER DANS LA CONSOLE LE FICHIER APPELÉ
|
||||
//console.log("NOUS SOMMES DANS LE FICHIER :",__filename);
|
||||
|
||||
// Get the modal
|
||||
var modal = document.getElementById("prelude");
|
||||
|
||||
|
||||
148
public/js/adhesion/adhesion_prof copie.js
Normal file
148
public/js/adhesion/adhesion_prof copie.js
Normal file
@@ -0,0 +1,148 @@
|
||||
console.log("On est dans le fichier adhesion_prof.js (de PUBLIC)");
|
||||
|
||||
|
||||
function prof_diplome() {
|
||||
|
||||
console.log("On est dans function prof_diplome");
|
||||
console.log("check_prof_diplome");
|
||||
// Get the checkbox
|
||||
var check_prof_diplome = document.getElementById("check_prof_diplome");
|
||||
// Get the output text
|
||||
var prof_diplome = document.getElementById("prof_diplome");
|
||||
|
||||
console.log("check_prof_diplome", check_prof_diplome);
|
||||
|
||||
for (let cssClass of prof_diplome.classList) {
|
||||
console.log("cssClass: ",cssClass);
|
||||
};
|
||||
|
||||
|
||||
// If the checkbox is checked, display the output text
|
||||
if (check_prof_diplome.checked == true){
|
||||
console.log("if (check_prof_diplome.checked == true)");
|
||||
console.log("prof_diplome", prof_diplome);
|
||||
prof_diplome.style.display = "block";
|
||||
} else {
|
||||
console.log("ELSE if (check_prof_diplome.checked == true)");
|
||||
prof_diplome.style.display = "none";
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
function prof_formation() {
|
||||
|
||||
console.log("On est dans function prof_formation");
|
||||
|
||||
// Get the checkbox
|
||||
var check_prof_formation = document.getElementById("check_prof_formation");
|
||||
// Get the output text
|
||||
var prof_formation = document.getElementById("prof_formation");
|
||||
|
||||
console.log("check_prof_formation", check_prof_formation);
|
||||
|
||||
for (let cssClass of prof_formation.classList) {
|
||||
console.log("cssClass: ",cssClass);
|
||||
};
|
||||
|
||||
|
||||
// If the checkbox is checked, display the output text
|
||||
if (check_prof_formation.checked == true){
|
||||
console.log("if (check_prof_formation.checked == true)");
|
||||
console.log("prof_formation", prof_formation);
|
||||
|
||||
prof_formation.style.display = "block";
|
||||
} else {
|
||||
console.log("ELSE if (check_prof_diplome.checked == true)");
|
||||
|
||||
prof_formation.style.display = "none";
|
||||
}
|
||||
}
|
||||
|
||||
function prof_eleve() {
|
||||
|
||||
console.log("On est dans function prof_eleve");
|
||||
|
||||
// Get the checkbox
|
||||
var check_prof_eleve = document.getElementById("check_prof_eleve");
|
||||
// Get the output text
|
||||
var eleve = document.getElementById("eleve");
|
||||
|
||||
console.log("check_prof_eleve", check_prof_eleve);
|
||||
|
||||
for (let cssClass of eleve.classList) {
|
||||
console.log("cssClass: ",cssClass);
|
||||
};
|
||||
|
||||
|
||||
// If the checkbox is checked, display the output text
|
||||
if (check_prof_eleve.checked == true){
|
||||
console.log("if (check_prof_eleve.checked == true)");
|
||||
console.log("eleve", eleve);
|
||||
|
||||
eleve.style.display = "block";
|
||||
} else {
|
||||
console.log("ELSE if (check_prof_eleve.checked == true)");
|
||||
|
||||
eleve.style.display = "none";
|
||||
}
|
||||
}
|
||||
|
||||
function ajout_eleve2() {
|
||||
console.log("On est dans function ajout_eleve2");
|
||||
// Get the checkbox
|
||||
var check_eleve2 = document.getElementById("check_eleve2");
|
||||
// Get the output text
|
||||
var eleve2 = document.getElementById("eleve2");
|
||||
|
||||
// If the checkbox is checked, display the output text
|
||||
if (check_eleve2.checked == true){
|
||||
eleve2.style.display = "block";
|
||||
} else {
|
||||
eleve2.style.display = "none";
|
||||
}
|
||||
}
|
||||
|
||||
function ajout_eleve3() {
|
||||
console.log("On est dans function ajout_eleve3");
|
||||
// Get the checkbox
|
||||
var check_eleve3 = document.getElementById("check_eleve3");
|
||||
// Get the output text
|
||||
var eleve3 = document.getElementById("eleve3");
|
||||
|
||||
// If the checkbox is checked, display the output text
|
||||
if (check_eleve3.checked == true){
|
||||
eleve3.style.display = "block";
|
||||
} else {
|
||||
eleve3.style.display = "none";
|
||||
}
|
||||
}
|
||||
|
||||
function ajout_eleve4() {
|
||||
|
||||
// Get the checkbox
|
||||
var check_eleve4 = document.getElementById("check_eleve4");
|
||||
// Get the output text
|
||||
var eleve4 = document.getElementById("eleve4");
|
||||
|
||||
// If the checkbox is checked, display the output text
|
||||
if (check_eleve4.checked == true){
|
||||
eleve4.style.display = "block";
|
||||
} else {
|
||||
eleve4.style.display = "none";
|
||||
}
|
||||
}
|
||||
|
||||
function ajout_eleve5() {
|
||||
|
||||
// Get the checkbox
|
||||
var check_eleve5 = document.getElementById("check_eleve5");
|
||||
// Get the output text
|
||||
var eleve5 = document.getElementById("eleve5");
|
||||
|
||||
// If the checkbox is checked, display the output text
|
||||
if (check_eleve5.checked == true){
|
||||
eleve5.style.display = "block";
|
||||
} else {
|
||||
eleve5.style.display = "none";
|
||||
}
|
||||
}
|
||||
@@ -1,148 +1,446 @@
|
||||
// ADHESION AFPS
|
||||
// REMPLIR LE FORMULAIRE POUR LES PROF (diplome ou formation)
|
||||
|
||||
console.log("On est dans le fichier adhesion_prof.js (de PUBLIC)");
|
||||
|
||||
/////////////////////////////////////////
|
||||
// VARIABLE
|
||||
|
||||
function prof_diplome() {
|
||||
|
||||
console.log("On est dans function prof_diplome");
|
||||
console.log("check_prof_diplome");
|
||||
// Get the checkbox
|
||||
var check_prof_diplome = document.getElementById("check_prof_diplome");
|
||||
// Get the output text
|
||||
var prof_diplome = document.getElementById("prof_diplome");
|
||||
|
||||
console.log("check_prof_diplome", check_prof_diplome);
|
||||
|
||||
for (let cssClass of prof_diplome.classList) {
|
||||
console.log("cssClass: ",cssClass);
|
||||
};
|
||||
const regionsEcolesProfOptions = `
|
||||
<option value="" selected></option>
|
||||
<option value="Auvergne-Rhône-Alpes">Auvergne-Rhône-Alpes</option>
|
||||
<option value="Bourgogne-Franche-Comté">Bourgogne-Franche-Comté</option>
|
||||
<option value="Bretagne">Bretagne</option>
|
||||
<option value="Centre-Val de Loire">Centre-Val de Loire</option>
|
||||
<option value="Corse">Corse</option>
|
||||
<option value="Espagne">Espagne</option>
|
||||
<option value="Grand Est">Grand Est</option>
|
||||
<option value="Hauts-de-France">Hauts-de-France</option>
|
||||
<option value="Île-de-France">Île-de-France</option>
|
||||
<option value="Normandie">Normandie</option>
|
||||
<option value="Nouvelle-Aquitaine">Nouvelle-Aquitaine</option>
|
||||
<option value="Occitanie">Occitanie</option>
|
||||
<option value="Pays de la Loire">Pays de la Loire</option>
|
||||
<option value="Provence-Alpes-Côte d'Azur">Provence-Alpes-Côte d'Azur</option>
|
||||
<option value="Guadeloupe">Guadeloupe</option>
|
||||
<option value="Martinique">Martinique</option>
|
||||
<option value="Guyane">Guyane</option>
|
||||
<option value="La Réunion">La Réunion</option>
|
||||
<option value="Luxembourg">Luxembourg</option>
|
||||
<option value="Mayotte">Mayotte</option>
|
||||
<option value="Polynésie française">Polynésie française</option>
|
||||
<option value="Nouvelle-Calédonie">Nouvelle-Calédonie</option>
|
||||
<option value="Saint-Pierre-et-Miquelon">Saint-Pierre-et-Miquelon</option>
|
||||
<option value="Wallis-et-Futuna">Wallis-et-Futuna</option>
|
||||
<option value="Saint-Martin">Saint-Martin</option>
|
||||
<option value="Saint-Barthélemy">Saint-Barthélemy</option>
|
||||
<option value="Suisse">Suisse</option>
|
||||
`;
|
||||
|
||||
|
||||
// If the checkbox is checked, display the output text
|
||||
if (check_prof_diplome.checked == true){
|
||||
console.log("if (check_prof_diplome.checked == true)");
|
||||
console.log("prof_diplome", prof_diplome);
|
||||
prof_diplome.style.display = "block";
|
||||
/////////////////////////////////////////
|
||||
// SAISIE DES INFORMATIONS POUR UN DIPLOME
|
||||
/////////////////////////////////////////
|
||||
// quand le visiteur clique sur "ajouter un diplôme"
|
||||
|
||||
function ajout_prof_diplome(checkboxElem) {
|
||||
// si box diplome checked on affiche
|
||||
if (checkboxElem.checked) {
|
||||
affiche_prof_diplome();
|
||||
} else {
|
||||
console.log("ELSE if (check_prof_diplome.checked == true)");
|
||||
prof_diplome.style.display = "none";
|
||||
// si box diplome unchecked on supprime
|
||||
remove_prof_diplome();
|
||||
}
|
||||
}
|
||||
|
||||
// AFFICHER LA SAISIE DES INFORMATIONS POUR LE DIPLOME
|
||||
function affiche_prof_diplome() {
|
||||
console.log("On est dans function affiche_prof_diplome");
|
||||
|
||||
function prof_formation() {
|
||||
contenuhtml_diplome = `
|
||||
<div id="diplome1">
|
||||
<div class="grid_2inputs">
|
||||
<div class="input_box input_text input_box_bleu">
|
||||
<label for="adherent_prof_instrument1">Instrument*</label>
|
||||
<select id="adherent_prof_instrument1" name="adherent_prof_instrument1" required>
|
||||
<option value="" selected></option>
|
||||
<option value="Alto">Alto</option>
|
||||
<option value="Contrebasse">Contrebasse</option>
|
||||
<option value="Flûte traversière">Flûte traversière</option>
|
||||
<option value="Guitare">Guitare</option>
|
||||
<option value="Harpe">Harpe</option>
|
||||
<option value="Orgue">Orgue</option>
|
||||
<option value="Piano">Piano</option>
|
||||
<option value="Trompette">Trompette</option>
|
||||
<option value="Violon">Violon</option>
|
||||
<option value="Violoncelle">Violoncelle</option>
|
||||
</select>
|
||||
</div>
|
||||
|
||||
<div class="input_box input_text input_box_bleu">
|
||||
<label for="adherent_prof_instrument1_esa">Niveau ESA Obtenu*</label>
|
||||
<select id="adherent_prof_instrument1_esa" name="adherent_prof_instrument1_esa" required>
|
||||
<option value="" selected></option>
|
||||
<option value="Niveau 1">Niveau 1</option>
|
||||
<option value="Niveau 2">Niveau 2</option>
|
||||
<option value="Niveau 3">Niveau 3</option>
|
||||
<option value="Niveau 4">Niveau 4</option>
|
||||
<option value="Niveau 5">Niveau 5</option>
|
||||
<option value="Instructeur 1">Instructeur (année 1)</option>
|
||||
<option value="Instructeur 2">Instructeur (année 2)</option>
|
||||
<option value="Formateur">Formateur</option>
|
||||
</select>
|
||||
</div>
|
||||
|
||||
<div class="input_box input_text input_box_bleu">
|
||||
<label for="adherent_prof_instrument2">Deuxième instrument</label>
|
||||
<select id="adherent_prof_instrument2" name="adherent_prof_instrument2">
|
||||
<option value="" selected></option>
|
||||
<option value="Alto">Alto</option>
|
||||
<option value="Contrebasse">Contrebasse</option>
|
||||
<option value="Flûte traversière">Flûte traversière</option>
|
||||
<option value="Guitare">Guitare</option>
|
||||
<option value="Harpe">Harpe</option>
|
||||
<option value="Orgue">Orgue</option>
|
||||
<option value="Piano">Piano</option>
|
||||
<option value="Trompette">Trompette</option>
|
||||
<option value="Violon">Violon</option>
|
||||
<option value="Violoncelle">Violoncelle</option>
|
||||
</select>
|
||||
</div>
|
||||
|
||||
<div class="input_box input_text input_box_bleu">
|
||||
<label for="adherent_prof_instrument2_esa">Niveau ESA Obtenu</label>
|
||||
<select id="adherent_prof_instrument2_esa" name="adherent_prof_instrument2_esa">
|
||||
<option value="" selected></option>
|
||||
<option value="Niveau 1">Niveau 1</option>
|
||||
<option value="Niveau 2">Niveau 2</option>
|
||||
<option value="Niveau 3">Niveau 3</option>
|
||||
<option value="Niveau 4">Niveau 4</option>
|
||||
<option value="Niveau 5">Niveau 5</option>
|
||||
<option value="Instructeur 1">Instructeur (année 1)</option>
|
||||
<option value="Instructeur 2">Instructeur (année 2)</option>
|
||||
<option value="Formateur">Formateur</option>
|
||||
</select>
|
||||
</div>
|
||||
|
||||
<div class="input_box input_text input_box_bleu">
|
||||
<label for="adherent_prof_sece">Diplômé SECE (Early Childhood)* <span onclick="document.querySelector('#savoirplus_SECE').classList.toggle('ouvrir')"><img class='savoirplus_icone' src="/public/images/icones/icone_infos.png" alt="icone information à cliquer"></span></label>
|
||||
<select id="adherent_prof_sece" name="adherent_prof_sece" required>
|
||||
<option value="" selected></option>
|
||||
<option value="oui">Oui</option>
|
||||
<option value="non">Non</option>
|
||||
</select>
|
||||
</div>
|
||||
</div>
|
||||
<section class="savoirplus_stage">
|
||||
<div id="savoirplus_SECE" class="savoirplus_content displaynone">
|
||||
<span onclick="document.querySelector('#savoirplus_SECE').classList.toggle('ouvrir')"><img class='close_icone' src="/public/images/icones/icone_close.png" alt="icone information à cliquer"></span>
|
||||
<p class="rouge">SECE = Suzuki Early Childhood Education</p>
|
||||
<br>
|
||||
<p>Etes-vous diplômé de SECE ?</p>
|
||||
<br>
|
||||
<p>Sélectionner "oui" si vous avez le diplôme SECE.</p>
|
||||
<p></p>
|
||||
<br>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
|
||||
<div class="explication_pleine_page">
|
||||
<p>Renseigner jusqu'à 3 <strong>écoles</strong> de musique, <strong>classes</strong> ou <strong>lieux</strong> dans lesquelles vous enseignez la pédagogie Suzuki</p>
|
||||
<p>Le premier lieu servira de référence pour l'affichage sur la carte de géolocalisation des professeurs du site de l'AFPS. La saisie de la ville et du code postal est importante.</p>
|
||||
</div>
|
||||
|
||||
<div class="grid_3inputs">
|
||||
<div class="input_box input_text input_box_bleu">
|
||||
<label for="adherent_prof_ecole1">École / classe / lieu [1]*</label>
|
||||
<input type="text" name="adherent_prof_ecole1" id="adherent_prof_ecole1" placeholder="Lieu dans lequel vous enseignez" required>
|
||||
</div>
|
||||
|
||||
<div class="input_box input_text input_box_gris">
|
||||
<label for="adherent_prof_ecole1_mail">Mail</label>
|
||||
<input type="text" name="adherent_prof_ecole1_mail" id="adherent_prof_ecole1_mail">
|
||||
</div>
|
||||
|
||||
<div class="input_box input_text input_box_gris">
|
||||
<label for="adherent_prof_ecole1_web">Site internet</label>
|
||||
<input type="text" name="adherent_prof_ecole1_web" id="adherent_prof_ecole1_web">
|
||||
</div>
|
||||
|
||||
<div class="input_box input_text input_box_gris">
|
||||
<label for="adherent_prof_ecole1_adresse">Adresse*</label>
|
||||
<input type="text" name="adherent_prof_ecole1_adresse" id="adherent_prof_ecole1_adresse" required>
|
||||
</div>
|
||||
|
||||
<div class="input_box input_text input_box_gris">
|
||||
<label for="adherent_prof_ecole1_cp">Code postal*</label>
|
||||
<input type="text" name="adherent_prof_ecole1_cp" id="adherent_prof_ecole1_cp" placeholder="Important pour le référencement dans l'annuaire" required>
|
||||
</div>
|
||||
|
||||
<div class="input_box input_text input_box_gris">
|
||||
<label for="adherent_prof_ecole1_ville">Ville*</label>
|
||||
<input type="text" name="adherent_prof_ecole1_ville" id="adherent_prof_ecole1_ville" placeholder="Important pour le référencement dans l'annuaire" required>
|
||||
</div>
|
||||
|
||||
<div class="input_box input_text input_box_gris">
|
||||
<label for="adherent_prof_ecole1_region">Région*</label>
|
||||
<select id="adherent_prof_ecole1_region" name="adherent_prof_ecole1_region" required>
|
||||
${regionsEcolesProfOptions}
|
||||
</select>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
<div id="ajout_ecole2" class="ajout_ecole_button">
|
||||
<p onclick="ajout_ecole(2)">Vous souhaitez ajouter une autre école </p>
|
||||
</div>
|
||||
|
||||
|
||||
<div id="ajout_ecole2_content" class="hidden">
|
||||
<div class="grid_3inputs">
|
||||
<div class="input_box input_text input_box_bleu">
|
||||
<label for="adherent_prof_ecole2">École / classe [2]</label>
|
||||
<input type="text" name="adherent_prof_ecole2" id="adherent_prof_ecole2" placeholder="Dans laquelle vous enseignez">
|
||||
</div>
|
||||
|
||||
<div class="input_box input_text input_box_gris">
|
||||
<label for="adherent_prof_ecole2_mail">Mail</label>
|
||||
<input type="text" name="adherent_prof_ecole2_mail" id="adherent_prof_ecole2_mail">
|
||||
</div>
|
||||
|
||||
<div class="input_box input_text input_box_gris">
|
||||
<label for="adherent_prof_ecole2_web">Site internet</label>
|
||||
<input type="text" name="adherent_prof_ecole2_web" id="adherent_prof_ecole2_web">
|
||||
</div>
|
||||
|
||||
<div class="input_box input_text input_box_gris">
|
||||
<label for="adherent_prof_ecole2_adresse">Adresse</label>
|
||||
<input type="text" name="adherent_prof_ecole2_adresse" id="adherent_prof_ecole2_adresse">
|
||||
</div>
|
||||
|
||||
<div class="input_box input_text input_box_gris">
|
||||
<label for="adherent_prof_ecole2_cp">Code postal</label>
|
||||
<input type="text" name="adherent_prof_ecole2_cp" id="adherent_prof_ecole2_cp">
|
||||
</div>
|
||||
|
||||
<div class="input_box input_text input_box_gris">
|
||||
<label for="adherent_prof_ecole2_ville">Ville</label>
|
||||
<input type="text" name="adherent_prof_ecole2_ville" id="adherent_prof_ecole2_ville">
|
||||
</div>
|
||||
|
||||
<div class="input_box input_text input_box_gris">
|
||||
<label for="adherent_prof_ecole2_region">Région</label>
|
||||
<select id="adherent_prof_ecole2_region" name="adherent_prof_ecole2_region">
|
||||
${regionsEcolesProfOptions}
|
||||
</select>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div id="ajout_ecole3" class="ajout_ecole_button">
|
||||
<p onclick="ajout_ecole(3)">Vous souhaitez ajouter une autre école </p>
|
||||
</div>
|
||||
|
||||
<div id="ajout_ecole3_content" class="grid_3inputs hidden">
|
||||
|
||||
<div class="input_box input_text input_box_bleu">
|
||||
<label for="adherent_prof_ecole3">École / classe [3]</label>
|
||||
<input type="text" name="adherent_prof_ecole3" id="adherent_prof_ecole3" placeholder="Dans laquelle vous enseignez">
|
||||
</div>
|
||||
|
||||
<div class="input_box input_text input_box_gris">
|
||||
<label for="adherent_prof_ecole3_mail">Mail</label>
|
||||
<input type="text" name="adherent_prof_ecole3_mail" id="adherent_prof_ecole3_mail">
|
||||
</div>
|
||||
|
||||
<div class="input_box input_text input_box_gris">
|
||||
<label for="adherent_prof_ecole3_web">Site internet</label>
|
||||
<input type="text" name="adherent_prof_ecole3_web" id="adherent_prof_ecole3_web">
|
||||
</div>
|
||||
|
||||
<div class="input_box input_text input_box_gris">
|
||||
<label for="adherent_prof_ecole3_adresse">Adresse</label>
|
||||
<input type="text" name="adherent_prof_ecole3_adresse" id="adherent_prof_ecole3_adresse">
|
||||
</div>
|
||||
|
||||
<div class="input_box input_text input_box_gris">
|
||||
<label for="adherent_prof_ecole3_cp">Code postal</label>
|
||||
<input type="text" name="adherent_prof_ecole3_cp" id="adherent_prof_ecole3_cp">
|
||||
</div>
|
||||
|
||||
<div class="input_box input_text input_box_gris">
|
||||
<label for="adherent_prof_ecole3_ville">Ville</label>
|
||||
<input type="text" name="adherent_prof_ecole3_ville" id="adherent_prof_ecole3_ville">
|
||||
</div>
|
||||
|
||||
<div class="input_box input_text input_box_gris">
|
||||
<label for="adherent_prof_ecole3_region">Région</label>
|
||||
<select id="adherent_prof_ecole3_region" name="adherent_prof_ecole3_region">
|
||||
${regionsEcolesProfOptions}
|
||||
</select>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
`;
|
||||
|
||||
|
||||
|
||||
// AFFICHER LE FORMULAIRE DE SAISIE DU DIPLOME
|
||||
document.querySelector('#diplome0').innerHTML = contenuhtml_diplome;
|
||||
|
||||
}
|
||||
|
||||
// LORS DE SAISIE DU DIPLOME AJOUT JUSQU'À 3 ÉCOLES
|
||||
function ajout_ecole(e) {
|
||||
console.log("on est dans toto");
|
||||
ajout_ecole_content = document.getElementById("ajout_ecole"+ e +"_content");
|
||||
ajout_ecole_content.classList.remove('hidden');
|
||||
}
|
||||
|
||||
// SUPPRIMER LA SAISIE DES INFORMATIONS POUR LE DIPLOME
|
||||
function remove_prof_diplome() {
|
||||
document.querySelector('#diplome1').remove();
|
||||
}
|
||||
|
||||
/////////////////////////////////////////
|
||||
// SAISIE DES INFORMATIONS POUR UN LA FORMATION DE PROF
|
||||
/////////////////////////////////////////
|
||||
// quand le visiteur clique sur "obtenir un diplome"
|
||||
|
||||
function ajout_prof_formation(checkboxElem) {
|
||||
// si box diplome checked on affiche
|
||||
if (checkboxElem.checked) {
|
||||
affiche_prof_formation();
|
||||
} else {
|
||||
// si box diplome unchecked on supprime
|
||||
remove_prof_formation();
|
||||
}
|
||||
}
|
||||
|
||||
// AFFICHER LA SAISIE DES INFORMATIONS POUR LA FORMATION
|
||||
function affiche_prof_formation() {
|
||||
console.log("On est dans function prof_formation");
|
||||
|
||||
// Get the checkbox
|
||||
var check_prof_formation = document.getElementById("check_prof_formation");
|
||||
// Get the output text
|
||||
var prof_formation = document.getElementById("prof_formation");
|
||||
contenuhtml_formation = `
|
||||
<div id="formation1">
|
||||
<div class="grid_3inputs">
|
||||
<div class="input_box input_text input_box_bleu">
|
||||
<label for="adherent_prof_stagiaire_instrument1">Je suis en formation en :*</label>
|
||||
<select id="adherent_prof_stagiaire_instrument1" name="adherent_prof_stagiaire_instrument1" onchange="select_prof_stagiaire_instrument(1)" required>
|
||||
<option value="" selected></option>
|
||||
<option value="Alto">Alto</option>
|
||||
<option value="Piano">Piano</option>
|
||||
<option value="Violon">Violon</option>
|
||||
<option value="Violoncelle">Violoncelle</option>
|
||||
</select>
|
||||
</div>
|
||||
|
||||
console.log("check_prof_formation", check_prof_formation);
|
||||
<div class="input_box input_text input_box_bleu">
|
||||
<label for="adherent_prof_stagiaire_instrument1_esa">Niveau*</label>
|
||||
<select id="adherent_prof_stagiaire_instrument1_esa" name="adherent_prof_stagiaire_instrument1_esa" required>
|
||||
<option value="" selected></option>
|
||||
<option value="Niveau 1">Niveau 1</option>
|
||||
<option value="Niveau 2">Niveau 2</option>
|
||||
<option value="Niveau 3">Niveau 3</option>
|
||||
<option value="Niveau 4">Niveau 4</option>
|
||||
<option value="Niveau 5">Niveau 5</option>
|
||||
<option value="Instructeur 1">Instructeur (année 1)</option>
|
||||
<option value="Instructeur 2">Instructeur (année 2)</option>
|
||||
</select>
|
||||
</div>
|
||||
|
||||
for (let cssClass of prof_formation.classList) {
|
||||
console.log("cssClass: ",cssClass);
|
||||
};
|
||||
<div class="input_box input_text input_box_bleu" id="select_adherent_prof_stagiaire_instrument1_prof">
|
||||
<label for="adherent_prof_stagiaire_instrument1_prof">Formateur*</label>
|
||||
<select id="adherent_prof_stagiaire_instrument1_prof" name="adherent_prof_stagiaire_instrument1_prof" required>
|
||||
</select>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="grid_3inputs">
|
||||
<div class="input_box input_text input_box_bleu">
|
||||
<label for="adherent_prof_stagiaire_instrument2">Ajout d'une autre formation :</label>
|
||||
<select id="adherent_prof_stagiaire_instrument2" name="adherent_prof_stagiaire_instrument2" onchange="select_prof_stagiaire_instrument(2)">
|
||||
<option value="" selected></option>
|
||||
<option value="Alto">Alto</option>
|
||||
<option value="Piano">Piano</option>
|
||||
<option value="Violon">Violon</option>
|
||||
<option value="Violoncelle">Violoncelle</option>
|
||||
</select>
|
||||
</div>
|
||||
|
||||
<div class="input_box input_text input_box_bleu">
|
||||
<label for="adherent_prof_stagiaire_instrument2_esa">Niveau</label>
|
||||
<select id="adherent_prof_stagiaire_instrument2_esa" name="adherent_prof_stagiaire_instrument2_esa">
|
||||
<option value="" selected></option>
|
||||
<option value="Niveau 1">Niveau 1</option>
|
||||
<option value="Niveau 2">Niveau 2</option>
|
||||
<option value="Niveau 3">Niveau 3</option>
|
||||
<option value="Niveau 4">Niveau 4</option>
|
||||
<option value="Niveau 5">Niveau 5</option>
|
||||
<option value="Instructeur 1">Instructeur (année 1)</option>
|
||||
<option value="Instructeur 2">Instructeur (année 2)</option>
|
||||
</select>
|
||||
</div>
|
||||
|
||||
<div class="input_box input_text input_box_bleu">
|
||||
<label for="adherent_prof_stagiaire_instrument2_prof">Formateur</span></label>
|
||||
<select id="adherent_prof_stagiaire_instrument2_prof" name="adherent_prof_stagiaire_instrument2_prof">
|
||||
</select>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
`;
|
||||
|
||||
|
||||
// If the checkbox is checked, display the output text
|
||||
if (check_prof_formation.checked == true){
|
||||
console.log("if (check_prof_formation.checked == true)");
|
||||
console.log("prof_formation", prof_formation);
|
||||
|
||||
prof_formation.style.display = "block";
|
||||
} else {
|
||||
console.log("ELSE if (check_prof_diplome.checked == true)");
|
||||
// AFFICHER LE FORMULAIRE DE SAISIE DU DIPLOME
|
||||
document.querySelector('#formation0').innerHTML = contenuhtml_formation;
|
||||
|
||||
prof_formation.style.display = "none";
|
||||
}
|
||||
}
|
||||
|
||||
function prof_eleve() {
|
||||
|
||||
console.log("On est dans function prof_eleve");
|
||||
|
||||
// Get the checkbox
|
||||
var check_prof_eleve = document.getElementById("check_prof_eleve");
|
||||
// Get the output text
|
||||
var eleve = document.getElementById("eleve");
|
||||
|
||||
console.log("check_prof_eleve", check_prof_eleve);
|
||||
|
||||
for (let cssClass of eleve.classList) {
|
||||
console.log("cssClass: ",cssClass);
|
||||
};
|
||||
// QUEL PROF POUR QUEL INSTRUMENT
|
||||
function select_prof_stagiaire_instrument(e) {
|
||||
console.log("instrument = " + e);
|
||||
let instrument_saisie = document.getElementById("adherent_prof_stagiaire_instrument"+ e +"").value;
|
||||
console.log("instrument_saisie = ", instrument_saisie);
|
||||
if (instrument_saisie == "Alto"){
|
||||
contenuhtml_prof = `<option value="" selected></option>
|
||||
<option value="prof non inscrit">professeur non encore inscrit</option>`;
|
||||
document.getElementById("adherent_prof_stagiaire_instrument"+ e +"_prof").innerHTML = contenuhtml_prof;
|
||||
contenuhtml_prof ='';
|
||||
};
|
||||
if (instrument_saisie == "Piano"){
|
||||
contenuhtml_prof = `<option value="" selected></option>
|
||||
<option value="PERRIN Véronique">PERRIN Véronique</option>
|
||||
<option value="prof non inscrit">professeur non encore inscrit</option>`;
|
||||
document.getElementById("adherent_prof_stagiaire_instrument"+ e +"_prof").innerHTML = contenuhtml_prof;
|
||||
contenuhtml_prof ='';
|
||||
};
|
||||
if (instrument_saisie == "Violon"){
|
||||
contenuhtml_prof = `<option value="" selected></option>
|
||||
<option value="BOSSUAT Christophe">BOSSUAT Christophe</option>
|
||||
<option value="MARTIN Joanne">MARTIN Joanne</option>
|
||||
<option value="PROST Geneviève">PROST Geneviève</option>
|
||||
<option value="prof non inscrit">professeur non encore inscrit</option>`;
|
||||
document.getElementById("adherent_prof_stagiaire_instrument"+ e +"_prof").innerHTML = contenuhtml_prof;
|
||||
contenuhtml_prof ='';
|
||||
};
|
||||
if (instrument_saisie == "Violoncelle"){
|
||||
contenuhtml_prof = `<option value="" selected></option>
|
||||
<option value="LATIL Chantal">LATIL Chantal</option>
|
||||
<option value="RIVERA Ruben">RIVERA Ruben</option>
|
||||
<option value="prof non inscrit">professeur non encore inscrit</option>`;
|
||||
document.getElementById("adherent_prof_stagiaire_instrument"+ e +"_prof").innerHTML = contenuhtml_prof;
|
||||
contenuhtml_prof ='';
|
||||
};
|
||||
|
||||
|
||||
// If the checkbox is checked, display the output text
|
||||
if (check_prof_eleve.checked == true){
|
||||
console.log("if (check_prof_eleve.checked == true)");
|
||||
console.log("eleve", eleve);
|
||||
|
||||
eleve.style.display = "block";
|
||||
} else {
|
||||
console.log("ELSE if (check_prof_eleve.checked == true)");
|
||||
|
||||
eleve.style.display = "none";
|
||||
}
|
||||
}
|
||||
|
||||
function ajout_eleve2() {
|
||||
console.log("On est dans function ajout_eleve2");
|
||||
// Get the checkbox
|
||||
var check_eleve2 = document.getElementById("check_eleve2");
|
||||
// Get the output text
|
||||
var eleve2 = document.getElementById("eleve2");
|
||||
|
||||
// If the checkbox is checked, display the output text
|
||||
if (check_eleve2.checked == true){
|
||||
eleve2.style.display = "block";
|
||||
} else {
|
||||
eleve2.style.display = "none";
|
||||
}
|
||||
// SUPPRIMER LA SAISIE DES INFORMATIONS POUR LA FORMATION
|
||||
function remove_prof_formation() {
|
||||
document.querySelector('#formation1').remove();
|
||||
}
|
||||
|
||||
function ajout_eleve3() {
|
||||
console.log("On est dans function ajout_eleve3");
|
||||
// Get the checkbox
|
||||
var check_eleve3 = document.getElementById("check_eleve3");
|
||||
// Get the output text
|
||||
var eleve3 = document.getElementById("eleve3");
|
||||
|
||||
// If the checkbox is checked, display the output text
|
||||
if (check_eleve3.checked == true){
|
||||
eleve3.style.display = "block";
|
||||
} else {
|
||||
eleve3.style.display = "none";
|
||||
}
|
||||
}
|
||||
|
||||
function ajout_eleve4() {
|
||||
|
||||
// Get the checkbox
|
||||
var check_eleve4 = document.getElementById("check_eleve4");
|
||||
// Get the output text
|
||||
var eleve4 = document.getElementById("eleve4");
|
||||
|
||||
// If the checkbox is checked, display the output text
|
||||
if (check_eleve4.checked == true){
|
||||
eleve4.style.display = "block";
|
||||
} else {
|
||||
eleve4.style.display = "none";
|
||||
}
|
||||
}
|
||||
|
||||
function ajout_eleve5() {
|
||||
|
||||
// Get the checkbox
|
||||
var check_eleve5 = document.getElementById("check_eleve5");
|
||||
// Get the output text
|
||||
var eleve5 = document.getElementById("eleve5");
|
||||
|
||||
// If the checkbox is checked, display the output text
|
||||
if (check_eleve5.checked == true){
|
||||
eleve5.style.display = "block";
|
||||
} else {
|
||||
eleve5.style.display = "none";
|
||||
}
|
||||
}
|
||||
459
public/js/adhesion/eleve.js
Normal file
459
public/js/adhesion/eleve.js
Normal file
@@ -0,0 +1,459 @@
|
||||
// ADHESION AFPS
|
||||
// REMPLIR LE FORMULAIRE POUR LES ÉLÈVES
|
||||
|
||||
|
||||
/////////////////////////////////////////
|
||||
/////////////////////////////////////////
|
||||
// ÉLÈVE
|
||||
// 5 MAX
|
||||
/////////////////////////////////////////
|
||||
/////////////////////////////////////////
|
||||
|
||||
/////////////////////////////////////////
|
||||
// VARIABLE
|
||||
var eleve = "0";
|
||||
var instrumentAB;
|
||||
let contenuhtml_eleve;
|
||||
|
||||
/////////////////////////////////////////
|
||||
// AU CHARGEMENT DE LA PAGE UNIQUEMENT POUR LES FAMILLES, PAS POUR LES PROFS
|
||||
// ON AFFICHE LE PREMIER ELEVE
|
||||
if (window.location.pathname === "/adhesion/adhesion_famille") {
|
||||
window.onload = ajout_eleve(0);
|
||||
};
|
||||
|
||||
|
||||
// quand le visiteur clique sur "ajouter un élève"
|
||||
function ajout_eleve(eleve) {
|
||||
afficheeleve(eleve);
|
||||
}
|
||||
|
||||
function ajout_prof_eleve(checkboxElem,eleve) {
|
||||
// si box diplome checked on affiche
|
||||
if (checkboxElem.checked) {
|
||||
|
||||
// On vérifie que la prof ou le statgiaire s'inscrit également
|
||||
if (check_prof_diplome.checked || check_prof_formation.checked) {
|
||||
afficheeleve(eleve);
|
||||
|
||||
} else {
|
||||
alert("Vous devez ajouter un diplôme ou une formation pour le professeur avant d'ajouter son enfant");
|
||||
}
|
||||
|
||||
} else {
|
||||
// si box diplome unchecked on supprime
|
||||
supprimer_eleve_all();
|
||||
}
|
||||
}
|
||||
|
||||
/////////////////////////////////////////
|
||||
// SAISIE DES INFORMATIONS POUR UN ÉLÈVE
|
||||
/////////////////////////////////////////
|
||||
function afficheeleve(eleve) {
|
||||
eleve++;
|
||||
|
||||
// Le nombre d'élève est atteint
|
||||
if (eleve > 5 ) {
|
||||
console.log("5 élèves maximum atteint");
|
||||
return;
|
||||
}
|
||||
|
||||
// on rempli la variable "contenuhtml_eleve" du contenu html à afficher
|
||||
// Ce if sert pour ne pas répéter plusieurs fois le même numéro de eleve si l'internaute clique plusieurs fois sur le même "ajouter une eleve"
|
||||
if (!document.querySelector('#eleve'+ eleve +'')) {
|
||||
|
||||
contenuhtml_eleve = `<section id="eleve`+ eleve +`" class="personne">
|
||||
<h2><img class='icone_titre' src="/public/images/icones/icone_personne.png" alt="icone information">ÉLÈVE <span class="rouge numero">`+ eleve +`</span>`;
|
||||
|
||||
// Permettre de supprimer les élèves ajoutés
|
||||
if (eleve > 1) {
|
||||
contenuhtml_eleve += ` <span class="remove_personne"><input class="input_suppr" type="checkbox" name="check_eleve_delete`+ eleve +`" id="check_eleve_delete`+ eleve +`" onchange="supprimer_eleve(`+ eleve +`)"><label class="label_suppr" for="check_eleve_delete`+ eleve +`">Supprimer cet eleve</label></span>`;
|
||||
};
|
||||
|
||||
contenuhtml_eleve += `</h2>
|
||||
<div class="grid_3inputs">
|
||||
<div class="input_box input_text input_box_gris">
|
||||
<label for="eleve_`+ eleve +`_nom">Nom de famille *</label>
|
||||
<input type="text" name="eleve_`+ eleve +`_nom" id="eleve_`+ eleve +`_nom" title="Nom de famille de l'élève" required>
|
||||
</div>
|
||||
<div class="input_box input_text input_box_gris">
|
||||
<label for="eleve_`+ eleve +`_prenom">Prénom *</label>
|
||||
<input type="text" name="eleve_`+ eleve +`_prenom" id="eleve_`+ eleve +`_prenom" title="Prénom de l'élève" required>
|
||||
</div>
|
||||
<div class="input_box input_text input_box_gris">
|
||||
<label for="eleve_`+ eleve +`_datenaissance">Date de naissance *</label>
|
||||
<input type="date" name="eleve_`+ eleve +`_datenaissance" id="eleve_`+ eleve +`_datenaissance" title="Date de naissance de l'élève" required>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="grid_3inputs">
|
||||
<div class="input_box input_text input_box_bleu">
|
||||
<label for="eleve_`+ eleve +`_instrumentA">Premier instrument *</label>
|
||||
<select id="eleve_`+ eleve +`_instrumentA" name="eleve_`+ eleve +`_instrumentA" title="De quel instrument joue l'élève ?" required onchange="select_prof(`+eleve+`,'A')">
|
||||
<option value="" selected></option>
|
||||
<option value="Alto">Alto</option>
|
||||
<option value="Contrebasse">Contrebasse</option>
|
||||
<option value="Flûte traversière">Flûte traversière</option>
|
||||
<option value="Guitare">Guitare</option>
|
||||
<option value="Harpe">Harpe</option>
|
||||
<option value="Orgue">Orgue</option>
|
||||
<option value="Piano">Piano</option>
|
||||
<option value="Trompette">Trompette</option>
|
||||
<option value="Violon">Violon</option>
|
||||
<option value="Violoncelle">Violoncelle</option>
|
||||
<option value="SECE">SECE</option>
|
||||
</select>
|
||||
</div>
|
||||
<div class="input_box input_text input_box_bleu">
|
||||
<label for="eleve_`+ eleve +`_instrumentA_cahier">Cahier *</label>
|
||||
<select id="eleve_`+ eleve +`_instrumentA_cahier" name="eleve_`+ eleve +`_instrumentA_cahier" required>
|
||||
<option value="" selected></option>
|
||||
<option value="Pré-Twinkle">Pré-Twinkle (débutant)</option>
|
||||
<option value="Cahier 1">Cahier 1</option>
|
||||
<option value="Cahier 2">Cahier 2</option>
|
||||
<option value="Cahier 3">Cahier 3</option>
|
||||
<option value="Cahier 4">Cahier 4</option>
|
||||
<option value="Cahier 5">Cahier 5</option>
|
||||
<option value="Cahier 6">Cahier 6</option>
|
||||
<option value="Cahier 7">Cahier 7</option>
|
||||
<option value="Cahier 8">Cahier 8</option>
|
||||
<option value="Cahier 9">Cahier 9</option>
|
||||
<option value="Cahier 10">Cahier 10</option>
|
||||
<option value="Hors cahier">Hors cahier</option>
|
||||
</select>
|
||||
</div>
|
||||
<div class="input_box input_text input_box_bleu">
|
||||
<label for="eleve_`+ eleve +`_instrumentA_prof">Professeur *</label>
|
||||
<select id="eleve_`+ eleve +`_instrumentA_prof" name="eleve_`+ eleve +`_instrumentA_prof" required>
|
||||
</select>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
<div class="grid_3inputs">
|
||||
<div class="input_box input_text input_box_bleu">
|
||||
<label for="eleve_`+ eleve +`_instrumentB">Possibilité deuxième instrument</label>
|
||||
<select id="eleve_`+ eleve +`_instrumentB" name="eleve_`+ eleve +`_instrumentB" title="De quel instrument joue l'élève ?" onchange="select_prof(`+eleve+`,'B')">
|
||||
<option value="" selected></option>
|
||||
<option value="Alto">Alto</option>
|
||||
<option value="Contrebasse">Contrebasse</option>
|
||||
<option value="Flûte traversière">Flûte traversière</option>
|
||||
<option value="Guitare">Guitare</option>
|
||||
<option value="Harpe">Harpe</option>
|
||||
<option value="Orgue">Orgue</option>
|
||||
<option value="Piano">Piano</option>
|
||||
<option value="Trompette">Trompette</option>
|
||||
<option value="Violon">Violon</option>
|
||||
<option value="Violoncelle">Violoncelle</option>
|
||||
<option value="SECE">SECE</option>
|
||||
</select>
|
||||
</div>
|
||||
<div class="input_box input_text input_box_bleu">
|
||||
<label for="eleve_`+ eleve +`_instrumentB_cahier">Cahier</label>
|
||||
<select id="eleve_`+ eleve +`_instrumentB_cahier" name="eleve_`+ eleve +`_instrumentB_cahier">
|
||||
<option value="" selected></option>
|
||||
<option value="Pré-Twinkle">Pré-Twinkle (débutant)</option>
|
||||
<option value="Cahier 1">Cahier 1</option>
|
||||
<option value="Cahier 2">Cahier 2</option>
|
||||
<option value="Cahier 3">Cahier 3</option>
|
||||
<option value="Cahier 4">Cahier 4</option>
|
||||
<option value="Cahier 5">Cahier 5</option>
|
||||
<option value="Cahier 6">Cahier 6</option>
|
||||
<option value="Cahier 7">Cahier 7</option>
|
||||
<option value="Cahier 8">Cahier 8</option>
|
||||
<option value="Cahier 9">Cahier 9</option>
|
||||
<option value="Cahier 10">Cahier 10</option>
|
||||
<option value="Hors cahier">Hors cahier</option>
|
||||
</select>
|
||||
</div>
|
||||
<div class="input_box input_text input_box_bleu">
|
||||
<label for="eleve_`+ eleve +`_instrumentB_prof">Professeur</label>
|
||||
<select id="eleve_`+ eleve +`_instrumentB_prof" name="eleve_`+ eleve +`_instrumentB_prof">
|
||||
</select>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="grid_3inputs">
|
||||
<div class="input_box input_text">
|
||||
<label for="eleve_`+ eleve +`_droitimage">Acceptez-vous la diffusion des images?</label>
|
||||
<select id="eleve_`+ eleve +`_droitimage" name="eleve_`+ eleve +`_droitimage" required>
|
||||
<option value="" selected></option>
|
||||
<option value="oui">Oui</option>
|
||||
<option value="non">Non</option>
|
||||
</select>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="grid_3inputs">
|
||||
<div class="input_box input_text input_box_gris">
|
||||
<label for="eleve_`+ eleve +`_contactsup_nom">Autre parent à contacter : Nom</label>
|
||||
<input type="text" name="eleve_`+ eleve +`_contactsup_nom" id="eleve_`+ eleve +`_contactsup_nom">
|
||||
</div>
|
||||
|
||||
<div class="input_box input_text input_box_gris">
|
||||
<label for="eleve_`+ eleve +`_contactsup_prenom">Prénom</label>
|
||||
<input type="text" name="eleve_`+ eleve +`_contactsup_prenom" id="eleve_`+ eleve +`_contactsup_prenom">
|
||||
</div>
|
||||
|
||||
<div class="input_box input_text input_box_gris">
|
||||
<label for="eleve_`+ eleve +`_contactsup_mail">Mail</label>
|
||||
<input type="text" name="eleve_`+ eleve +`_contactsup_mail" id="eleve_`+ eleve +`_contactsup_mail">
|
||||
</div>
|
||||
</div>
|
||||
`;
|
||||
|
||||
if (eleve < 5) {
|
||||
contenuhtml_eleve += "<!-- ---------------------------------- -->"+
|
||||
`<!-- Voulez-vous ajouter un autre ? -->`+
|
||||
`<!-- ---------------------------------- -->`+
|
||||
`<div class="input_checkbox">`+
|
||||
`<input type="checkbox" name="check_eleve`+ eleve +`" id="check_eleve`+ eleve +`" onchange="ajout_eleve(`+ eleve +`)">`+
|
||||
`<label class="gras" for="check_eleve`+ eleve +`">Voulez-vous ajouter un autre élève ?</label>`+
|
||||
`</div>`
|
||||
};
|
||||
|
||||
contenuhtml_eleve += `</section>`;
|
||||
|
||||
|
||||
eleve--;
|
||||
|
||||
// AFFICHER LE FORMULAIRE DE SAISIE D'UN ELEVE APRÈS LE DERNIER
|
||||
|
||||
document.querySelector('#eleve'+ eleve +'').insertAdjacentHTML("afterend",contenuhtml_eleve);
|
||||
|
||||
eleve++;
|
||||
return eleve;
|
||||
|
||||
}
|
||||
}
|
||||
|
||||
function select_prof(eleve,instrumentAB) {
|
||||
console.log("instrumentAB = " + instrumentAB);
|
||||
console.log("ID content = " + document.getElementById("eleve_"+ eleve +"_instrument"+ instrumentAB +""));
|
||||
let instrument_saisie = document.getElementById("eleve_"+ eleve +"_instrument"+ instrumentAB +"").value;
|
||||
console.log("instrument_saisie = ", instrument_saisie);
|
||||
|
||||
if (instrument_saisie == "Alto"){
|
||||
contenuhtml_prof = `<option value="" selected></option>
|
||||
<option value="PAGES Anne">PAGES Anne</option>
|
||||
<option value="PLATONE Hélène">PLATONE Hélène</option>
|
||||
<option value="prof non inscrit">professeur non encore inscrit</option>`;
|
||||
document.getElementById("eleve_"+ eleve +"_instrument"+ instrumentAB +"_prof").innerHTML = contenuhtml_prof;
|
||||
contenuhtml_prof ='';
|
||||
};
|
||||
if (instrument_saisie == "Contrebasse"){
|
||||
contenuhtml_prof = `<option value="" selected></option>
|
||||
<option value="prof non inscrit">professeur non encore inscrit</option>`;
|
||||
document.getElementById("eleve_"+ eleve +"_instrument"+ instrumentAB +"_prof").innerHTML = contenuhtml_prof;
|
||||
contenuhtml_prof ='';
|
||||
};
|
||||
if (instrument_saisie == "Flûte traversière"){
|
||||
contenuhtml_prof = `<option value="" selected></option>
|
||||
<option value="DOZO Guadalupe">DOZO Guadalupe</option>
|
||||
<option value="MILLE Christelle">MILLE Christelle</option>
|
||||
<option value="MONTAGNA Cristina">MONTAGNA Cristina</option>
|
||||
<option value="PAILLOT-DURY Catherine">PAILLOT-DURY Catherine</option>
|
||||
<option value="PRIESTER Fanny">PRIESTER Fanny</option>
|
||||
<option value="prof non inscrit">professeur non encore inscrit</option>`;
|
||||
document.getElementById("eleve_"+ eleve +"_instrument"+ instrumentAB +"_prof").innerHTML = contenuhtml_prof;
|
||||
contenuhtml_prof ='';
|
||||
};
|
||||
if (instrument_saisie == "Guitare"){
|
||||
contenuhtml_prof = `<option value="" selected></option>
|
||||
<option value="FAU Benjamin">FAU Benjamin</option>
|
||||
<option value="LOFFLER Marcelo">LOFFLER Marcelo</option>
|
||||
<option value="prof non inscrit">professeur non encore inscrit</option>`;
|
||||
document.getElementById("eleve_"+ eleve +"_instrument"+ instrumentAB +"_prof").innerHTML = contenuhtml_prof;
|
||||
contenuhtml_prof ='';
|
||||
};
|
||||
if (instrument_saisie == "Harpe"){
|
||||
contenuhtml_prof = `<option value="" selected></option>
|
||||
<option value="BASMADJIAN-POIRIER Muriel">BASMADJIAN-POIRIER Muriel</option>
|
||||
<option value="DENIS Raphaëlle">DENIS Raphaëlle</option>
|
||||
<option value="MAGRINI Alessandra">MAGRINI Alessandra</option>
|
||||
<option value="RIVERA Eva">RIVERA Eva</option>
|
||||
<option value="prof non inscrit">professeur non encore inscrit</option>`;
|
||||
document.getElementById("eleve_"+ eleve +"_instrument"+ instrumentAB +"_prof").innerHTML = contenuhtml_prof;
|
||||
contenuhtml_prof ='';
|
||||
};
|
||||
if (instrument_saisie == "Orgue"){
|
||||
contenuhtml_prof = `<option value="" selected></option>
|
||||
<option value="HAEDT-GOUSSU Camille">HAEDT-GOUSSU Camille</option>
|
||||
<option value="prof non inscrit">professeur non encore inscrit</option>`;
|
||||
document.getElementById("eleve_"+ eleve +"_instrument"+ instrumentAB +"_prof").innerHTML = contenuhtml_prof;
|
||||
contenuhtml_prof ='';
|
||||
};
|
||||
if (instrument_saisie == "Piano"){
|
||||
contenuhtml_prof = `<option value="" selected></option>
|
||||
<option value="BOINEAU-BENHAIM Nicole">BOINEAU-BENHAIM Nicole</option>
|
||||
<option value="CALATAYUD Marielle">CALATAYUD Marielle</option>
|
||||
<option value="CHAPRON Camille">CHAPRON Camille</option>
|
||||
<option value="DENARO Luigi">DENARO Luigi</option>
|
||||
<option value="EL DACCACHE Georges">EL DACCACHE Georges</option>
|
||||
<option value="EL KAROUT Fouad">EL KAROUT Fouad</option>
|
||||
<option value="ESPONA Véronique">ESPONA Véronique</option>
|
||||
<option value="GASTON Isabelle">GASTON Isabelle</option>
|
||||
<option value="GOKELAERE Fabienne">GOKELAERE Fabienne</option>
|
||||
<option value="HAEDT- GOUSSU Camille">HAEDT- GOUSSU Camille</option>
|
||||
<option value="KAWAHARA Koyuki">KAWAHARA Koyuki</option>
|
||||
<option value="OLIVIER-SAGAWA Reika">OLIVIER-SAGAWA Reika</option>
|
||||
<option value="PERRIN Véronique">PERRIN Véronique</option>
|
||||
<option value="TCHERNOOKOV Viola">TCHERNOOKOV Viola</option>
|
||||
<option value="JACQUET-BOURDIN Lucie">JACQUET-BOURDIN Lucie</option>
|
||||
<option value="prof non inscrit">professeur non encore inscrit</option>`;
|
||||
document.getElementById("eleve_"+ eleve +"_instrument"+ instrumentAB +"_prof").innerHTML = contenuhtml_prof;
|
||||
contenuhtml_prof ='';
|
||||
};
|
||||
if (instrument_saisie == "Trompette"){
|
||||
contenuhtml_prof = `<option value="" selected></option>
|
||||
<option value="CALVAYRAC Michel">CALVAYRAC Michel</option>
|
||||
<option value="prof non inscrit">professeur non encore inscrit</option>`;
|
||||
document.getElementById("eleve_"+ eleve +"_instrument"+ instrumentAB +"_prof").innerHTML = contenuhtml_prof;
|
||||
contenuhtml_prof ='';
|
||||
};
|
||||
if (instrument_saisie == "Violon"){
|
||||
contenuhtml_prof = `<option value="" selected></option>
|
||||
<option value="ACCADIA Laure">ACCADIA Laure</option>
|
||||
<option value="ADAMS Kate">ADAMS Kate</option>
|
||||
<option value="ALLARD Cédric">ALLARD Cédric</option>
|
||||
<option value="ARESTAN Philippe">ARESTAN Philippe</option>
|
||||
<option value="AUDUC Cécile">AUDUC Cécile</option>
|
||||
<option value="BAUJARD Mariko">BAUJARD Mariko</option>
|
||||
<option value="BEAU-FAUCHER Gaelle">BEAU-FAUCHER Gaëlle</option>
|
||||
<option value="BEETSCHEN Ghislaine">BEETSCHEN Ghislaine</option>
|
||||
<option value="BERNARDON Vincent">BERNARDON Vincent</option>
|
||||
<option value="BILLIET Hélène">BILLIET Hélène</option>
|
||||
<option value="BONHOMME Amandine">BONHOMME Amandine</option>
|
||||
<option value="BOSSUAT Christophe">BOSSUAT Christophe</option>
|
||||
<option value="CABLEY-DENOIX Hélène">CABLEY-DENOIX Hélène</option>
|
||||
<option value="CACHOT Sigismond">CACHOT Sigismond</option>
|
||||
<option value="CALVAYRAC Danielle">CALVAYRAC Danielle</option>
|
||||
<option value="CALVAYRAC Malgorzata">CALVAYRAC Malgorzata</option>
|
||||
<option value="CASTOR Gaëlle">CASTOR Gaëlle</option>
|
||||
<option value="CATOIRE Mélanie">CATOIRE Mélanie</option>
|
||||
<option value="CAUCHEFER Marie">CAUCHEFER Marie</option>
|
||||
<option value="CHAUSSADE Amelie">CHAUSSADE Amélie</option>
|
||||
<option value="CHITEPO Chiyedza">CHITEPO Chiyedza</option>
|
||||
<option value="COLLIN Ombeline">COLLIN Ombeline</option>
|
||||
<option value="COLOMBO Axelle">COLOMBO Axelle</option>
|
||||
<option value="CONTI Cristina">CONTI Cristina</option>
|
||||
<option value="DE LAROUZIERE Aude">DE LAROUZIERE Aude</option>
|
||||
<option value="DE MALEFETTE Stéphanie">DE MALEFETTE Stéphanie</option>
|
||||
<option value="DEVUN Danièle">DEVUN Danièle</option>
|
||||
<option value="DEVUN Francois">DEVUN François</option>
|
||||
<option value="DODELIER Thibaut">DODELIER Thibaut</option>
|
||||
<option value="DUTOIT Sophie">DUTOIT Sophie</option>
|
||||
<option value="EYMARD Marianne">EYMARD Marianne</option>
|
||||
<option value="FARGEOT-MAUCHE Elodie">FARGEOT-MAUCHE Elodie</option>
|
||||
<option value="FEGE-DUBET Blandine">FEGE-DUBET Blandine</option>
|
||||
<option value="FORAY Camille">FORAY Camille</option>
|
||||
<option value="FORTUNE Fanny">FORTUNE Fanny</option>
|
||||
<option value="GAZZOLA Stefania">GAZZOLA Stefania</option>
|
||||
<option value="GILLIERON Eve">GILLIERON Eve</option>
|
||||
<option value="GRIMAND-BOUDIER Hélène">GRIMAND-BOUDIER Hélène</option>
|
||||
<option value="GUYONNET Jonathan">GUYONNET Jonathan</option>
|
||||
<option value="JONVILLE Pauline">JONVILLE Pauline</option>
|
||||
<option value="KHALLOUKY Eva">KHALLOUKY Eva</option>
|
||||
<option value="LAPLANCHE Isabelle">LAPLANCHE Isabelle</option>
|
||||
<option value="LAUBEPIN Mathilde">LAUBEPIN Mathilde</option>
|
||||
<option value="LECLAIRE Larissa">LECLAIRE Larissa</option>
|
||||
<option value="LESAING Isabelle">LESAING Isabelle</option>
|
||||
<option value="LLEDO Daniel">LLEDO Daniel</option>
|
||||
<option value="MARGAIN Marine">MARGAIN Marine</option>
|
||||
<option value="MARTIN Joanne">MARTIN Joanne</option>
|
||||
<option value="MELCONIAN Annie">MELCONIAN Annie</option>
|
||||
<option value="MICCIO Nadine">MICCIO Nadine</option>
|
||||
<option value="MODAFFARI Adrien">MODAFFARI Adrien</option>
|
||||
<option value="MOUZIMANN Pierre">MOUZIMANN Pierre</option>
|
||||
<option value="NÉEL Marie">NÉEL Marie</option>
|
||||
<option value="ODDOU Julie">ODDOU Julie</option>
|
||||
<option value="OLIVIER Marc">OLIVIER Marc</option>
|
||||
<option value="PAGES Anne">PAGES Anne</option>
|
||||
<option value="PAILLOT Catherine">PAILLOT Catherine</option>
|
||||
<option value="POL Anaïs">POL Anaïs</option>
|
||||
<option value="PROST Geneviève">PROST Geneviève</option>
|
||||
<option value="RAFTERY Aine">RAFTERY Aine</option>
|
||||
<option value="RAIFFAUD Marine">RAIFFAUD Marine</option>
|
||||
<option value="READ Sophie">READ Sophie</option>
|
||||
<option value="RENARD Christelle">RENARD Christelle</option>
|
||||
<option value="RENTY Anna Maria">RENTY Anna Maria</option>
|
||||
<option value="ROSSOT Marie">ROSSOT Marie</option>
|
||||
<option value="ROUTIER Rachel">ROUTIER Rachel</option>
|
||||
<option value="RUCLI Vanessa">RUCLI Vanessa</option>
|
||||
<option value="SANCHEZ-GUZMAN Ana-Maria">SANCHEZ-GUZMAN Ana-Maria</option>
|
||||
<option value="SAUVEGRAIN Anne-Laure">SAUVEGRAIN Anne-Laure</option>
|
||||
<option value="SCHILLER Jennifer">SCHILLER Jennifer</option>
|
||||
<option value="SEIGNEURIN Aegine">SEIGNEURIN Aegine</option>
|
||||
<option value="SELMANI Enkeleida">SELMANI Enkeleida</option>
|
||||
<option value="SHINODA Sayaka">SHINODA Sayaka</option>
|
||||
<option value="SIMON Juliette">SIMON Juliette</option>
|
||||
<option value="SOL-MOLINER Aurore">SOL-MOLINER Aurore</option>
|
||||
<option value="TISSOT Roxane">TISSOT Roxane</option>
|
||||
<option value="VELU Marie">VELU Marie</option>
|
||||
<option value="VERDIER Iléana-Brandusa">VERDIER Iléana-Brandusa</option>
|
||||
<option value="XHABIA Daniela">XHABIA Daniela</option>
|
||||
<option value="ZANKO Barbara">ZANKO Barbara</option>
|
||||
<option value="prof non inscrit">professeur non encore inscrit</option>`;
|
||||
document.getElementById("eleve_"+ eleve +"_instrument"+ instrumentAB +"_prof").innerHTML = contenuhtml_prof;
|
||||
contenuhtml_prof ='';
|
||||
};
|
||||
if (instrument_saisie == "Violoncelle"){
|
||||
contenuhtml_prof = `<option value="" selected></option>
|
||||
<option value="BERTAZZON Virginie">BERTAZZON Virginie</option>
|
||||
<option value="BEYRIS Carlos">BEYRIS Carlos</option>
|
||||
<option value="BOISSIERE Lison">BOISSIERE Lison</option>
|
||||
<option value="BOYAUD Chloé">BOYAUD Chloé</option>
|
||||
<option value="BRESSON Alexandre">BRESSON Alexandre</option>
|
||||
<option value="CHARLES Faustine">CHARLES Faustine</option>
|
||||
<option value="DE LAROUZIERE Bénédicte">DE LAROUZIERE Bénédicte</option>
|
||||
<option value="FRANCOIS Zofia">FRANCOIS Zofia</option>
|
||||
<option value="HERVAULT Chloé">HERVAULT Chloé</option>
|
||||
<option value="JAEGER Chantal">JAEGER Chantal</option>
|
||||
<option value="JARDINES Jacqueline">JARDINES Jacqueline</option>
|
||||
<option value="LATIL Chantal">LATIL Chantal</option>
|
||||
<option value="LAUGENIE Anaïs">LAUGENIE Anaïs</option>
|
||||
<option value="LAUGENIE Florence">LAUGENIE Florence</option>
|
||||
<option value="LECRAS - PARAIRE Amandine">LECRAS - PARAIRE Amandine</option>
|
||||
<option value="LOBET Sophie">LOBET Sophie</option>
|
||||
<option value="OTALORA Luz Dary">OTALORA Luz Dary</option>
|
||||
<option value="PASUT Ugo">PASUT Ugo</option>
|
||||
<option value="RENAUD Johanna">RENAUD Johanna</option>
|
||||
<option value="RIEDEL Rebekka">RIEDEL Rebekka</option>
|
||||
<option value="RIVERA Ruben">RIVERA Ruben</option>
|
||||
<option value="RODALLEC Marine">RODALLEC Marine</option>
|
||||
<option value="ROUSSEL Sandrine">ROUSSEL Sandrine</option>
|
||||
<option value="SEGUIN Hélène">SEGUIN Hélène</option>
|
||||
<option value="SPRENG Alexander">SPRENG Alexander</option>
|
||||
<option value="VIDAL Pauline">VIDAL Pauline</option>
|
||||
<option value="WILSON Ariane">WILSON Ariane</option>
|
||||
<option value="prof non inscrit">professeur non encore inscrit</option>`;
|
||||
document.getElementById("eleve_"+ eleve +"_instrument"+ instrumentAB +"_prof").innerHTML = contenuhtml_prof;
|
||||
contenuhtml_prof ='';
|
||||
};
|
||||
if (instrument_saisie == "SECE"){
|
||||
contenuhtml_prof = `<option value="" selected></option>
|
||||
<option value="JACQUET-BOURDIN Lucie">JACQUET-BOURDIN Lucie</option>
|
||||
<option value="prof non inscrit">professeur non encore inscrit</option>`;
|
||||
document.getElementById("eleve_"+ eleve +"_instrument"+ instrumentAB +"_prof").innerHTML = contenuhtml_prof;
|
||||
contenuhtml_prof ='';
|
||||
};
|
||||
if (!instrument_saisie){
|
||||
contenuhtml_prof = `<option value="" selected></option>`;
|
||||
document.getElementById("eleve_"+ eleve +"_instrument"+ instrumentAB +"_prof").innerHTML = contenuhtml_prof;
|
||||
contenuhtml_prof ='';
|
||||
};
|
||||
|
||||
}
|
||||
|
||||
function supprimer_eleve(eleve) {
|
||||
document.querySelector('#eleve'+ eleve +'').remove();
|
||||
}
|
||||
|
||||
function supprimer_eleve_all() {
|
||||
if (document.querySelector('#eleve1')) {document.querySelector('#eleve1').remove()};
|
||||
if (document.querySelector('#eleve2')) {document.querySelector('#eleve2').remove()};
|
||||
if (document.querySelector('#eleve3')) {document.querySelector('#eleve3').remove()};
|
||||
if (document.querySelector('#eleve4')) {document.querySelector('#eleve4').remove()};
|
||||
if (document.querySelector('#eleve5')) {document.querySelector('#eleve5').remove()};
|
||||
if (document.querySelector('#eleve6')) {document.querySelector('#eleve6').remove()};
|
||||
}
|
||||
@@ -137,6 +137,13 @@ const select_eleve1_InstrumentA = (select) => {
|
||||
document.getElementById("adherent_eleve1_InstrumentA_prof").innerHTML = adherent_eleve1_InstrumentA_prof;
|
||||
adherent_eleve1_InstrumentA_prof ='';
|
||||
};
|
||||
if (select.value == "Orgue"){
|
||||
console.log("on est dans le Orgue");
|
||||
adherent_eleve1_InstrumentA_prof = '<option value="" selected></option>';
|
||||
adherent_eleve1_InstrumentA_prof += '<option value="prof non inscrit">professeur non encore inscrit</option>';
|
||||
document.getElementById("adherent_eleve1_InstrumentA_prof").innerHTML = adherent_eleve1_InstrumentA_prof;
|
||||
adherent_eleve1_InstrumentA_prof ='';
|
||||
};
|
||||
if (select.value == "Piano"){
|
||||
console.log("on est dans le Piano");
|
||||
document.getElementById("adherent_eleve1_InstrumentA_prof").innerHTML = '';
|
||||
@@ -346,6 +353,13 @@ const select_eleve1_InstrumentB = (select) => {
|
||||
document.getElementById("adherent_eleve1_InstrumentB_prof").innerHTML = adherent_eleve1_InstrumentB_prof;
|
||||
adherent_eleve1_InstrumentB_prof ='';
|
||||
};
|
||||
if (select.value == "Orgue"){
|
||||
console.log("on est dans le Orgue");
|
||||
adherent_eleve1_InstrumentB_prof = '<option value="" selected></option>';
|
||||
adherent_eleve1_InstrumentB_prof += '<option value="prof non inscrit">professeur non encore inscrit</option>';
|
||||
document.getElementById("adherent_eleve1_InstrumentB_prof").innerHTML = adherent_eleve1_InstrumentB_prof;
|
||||
adherent_eleve1_InstrumentB_prof ='';
|
||||
};
|
||||
if (select.value == "Piano"){
|
||||
console.log("on est dans le Piano");
|
||||
document.getElementById("adherent_eleve1_InstrumentB_prof").innerHTML = '';
|
||||
@@ -555,6 +569,13 @@ const select_eleve2_InstrumentA = (select) => {
|
||||
document.getElementById("adherent_eleve2_InstrumentA_prof").innerHTML = adherent_eleve2_InstrumentA_prof;
|
||||
adherent_eleve2_InstrumentA_prof ='';
|
||||
};
|
||||
if (select.value == "Orgue"){
|
||||
console.log("on est dans le Orgue");
|
||||
adherent_eleve2_InstrumentA_prof = '<option value="" selected></option>';
|
||||
adherent_eleve2_InstrumentA_prof += '<option value="prof non inscrit">professeur non encore inscrit</option>';
|
||||
document.getElementById("adherent_eleve2_InstrumentA_prof").innerHTML = adherent_eleve2_InstrumentA_prof;
|
||||
adherent_eleve2_InstrumentA_prof ='';
|
||||
};
|
||||
if (select.value == "Piano"){
|
||||
console.log("on est dans le Piano");
|
||||
document.getElementById("adherent_eleve2_InstrumentA_prof").innerHTML = '';
|
||||
@@ -764,6 +785,13 @@ const select_eleve2_InstrumentB = (select) => {
|
||||
document.getElementById("adherent_eleve2_InstrumentB_prof").innerHTML = adherent_eleve2_InstrumentB_prof;
|
||||
adherent_eleve2_InstrumentB_prof ='';
|
||||
};
|
||||
if (select.value == "Orgue"){
|
||||
console.log("on est dans le Orgue");
|
||||
adherent_eleve2_InstrumentB_prof = '<option value="" selected></option>';
|
||||
adherent_eleve2_InstrumentB_prof += '<option value="prof non inscrit">professeur non encore inscrit</option>';
|
||||
document.getElementById("adherent_eleve2_InstrumentB_prof").innerHTML = adherent_eleve2_InstrumentB_prof;
|
||||
adherent_eleve2_InstrumentB_prof ='';
|
||||
};
|
||||
if (select.value == "Piano"){
|
||||
console.log("on est dans le Piano");
|
||||
document.getElementById("adherent_eleve2_InstrumentB_prof").innerHTML = '';
|
||||
@@ -973,6 +1001,13 @@ const select_eleve3_InstrumentA = (select) => {
|
||||
document.getElementById("adherent_eleve3_InstrumentA_prof").innerHTML = adherent_eleve3_InstrumentA_prof;
|
||||
adherent_eleve3_InstrumentA_prof ='';
|
||||
};
|
||||
if (select.value == "Orgue"){
|
||||
console.log("on est dans le Orgue");
|
||||
adherent_eleve3_InstrumentA_prof = '<option value="" selected></option>';
|
||||
adherent_eleve3_InstrumentA_prof += '<option value="prof non inscrit">professeur non encore inscrit</option>';
|
||||
document.getElementById("adherent_eleve3_InstrumentA_prof").innerHTML = adherent_eleve3_InstrumentA_prof;
|
||||
adherent_eleve3_InstrumentA_prof ='';
|
||||
};
|
||||
if (select.value == "Piano"){
|
||||
console.log("on est dans le Piano");
|
||||
document.getElementById("adherent_eleve3_InstrumentA_prof").innerHTML = '';
|
||||
@@ -1182,6 +1217,13 @@ const select_eleve3_InstrumentB = (select) => {
|
||||
document.getElementById("adherent_eleve3_InstrumentB_prof").innerHTML = adherent_eleve3_InstrumentB_prof;
|
||||
adherent_eleve3_InstrumentB_prof ='';
|
||||
};
|
||||
if (select.value == "Orgue"){
|
||||
console.log("on est dans le Orgue");
|
||||
adherent_eleve3_InstrumentB_prof = '<option value="" selected></option>';
|
||||
adherent_eleve3_InstrumentB_prof += '<option value="prof non inscrit">professeur non encore inscrit</option>';
|
||||
document.getElementById("adherent_eleve3_InstrumentB_prof").innerHTML = adherent_eleve3_InstrumentB_prof;
|
||||
adherent_eleve3_InstrumentB_prof ='';
|
||||
};
|
||||
if (select.value == "Piano"){
|
||||
console.log("on est dans le Piano");
|
||||
document.getElementById("adherent_eleve3_InstrumentB_prof").innerHTML = '';
|
||||
@@ -1391,6 +1433,13 @@ const select_eleve4_InstrumentA = (select) => {
|
||||
document.getElementById("adherent_eleve4_InstrumentA_prof").innerHTML = adherent_eleve4_InstrumentA_prof;
|
||||
adherent_eleve4_InstrumentA_prof ='';
|
||||
};
|
||||
if (select.value == "Orgue"){
|
||||
console.log("on est dans le Orgue");
|
||||
adherent_eleve4_InstrumentA_prof = '<option value="" selected></option>';
|
||||
adherent_eleve4_InstrumentA_prof += '<option value="prof non inscrit">professeur non encore inscrit</option>';
|
||||
document.getElementById("adherent_eleve4_InstrumentA_prof").innerHTML = adherent_eleve4_InstrumentA_prof;
|
||||
adherent_eleve4_InstrumentA_prof ='';
|
||||
};
|
||||
if (select.value == "Piano"){
|
||||
console.log("on est dans le Piano");
|
||||
document.getElementById("adherent_eleve4_InstrumentA_prof").innerHTML = '';
|
||||
@@ -1600,6 +1649,13 @@ const select_eleve4_InstrumentB = (select) => {
|
||||
document.getElementById("adherent_eleve4_InstrumentB_prof").innerHTML = adherent_eleve4_InstrumentB_prof;
|
||||
adherent_eleve4_InstrumentB_prof ='';
|
||||
};
|
||||
if (select.value == "Orgue"){
|
||||
console.log("on est dans le Orgue");
|
||||
adherent_eleve4_InstrumentB_prof = '<option value="" selected></option>';
|
||||
adherent_eleve4_InstrumentB_prof += '<option value="prof non inscrit">professeur non encore inscrit</option>';
|
||||
document.getElementById("adherent_eleve4_InstrumentB_prof").innerHTML = adherent_eleve4_InstrumentB_prof;
|
||||
adherent_eleve4_InstrumentB_prof ='';
|
||||
};
|
||||
if (select.value == "Piano"){
|
||||
console.log("on est dans le Piano");
|
||||
document.getElementById("adherent_eleve4_InstrumentB_prof").innerHTML = '';
|
||||
@@ -1809,6 +1865,13 @@ const select_eleve5_InstrumentA = (select) => {
|
||||
document.getElementById("adherent_eleve5_InstrumentA_prof").innerHTML = adherent_eleve5_InstrumentA_prof;
|
||||
adherent_eleve5_InstrumentA_prof ='';
|
||||
};
|
||||
if (select.value == "Orgue"){
|
||||
console.log("on est dans le Orgue");
|
||||
adherent_eleve5_InstrumentA_prof = '<option value="" selected></option>';
|
||||
adherent_eleve5_InstrumentA_prof += '<option value="prof non inscrit">professeur non encore inscrit</option>';
|
||||
document.getElementById("adherent_eleve5_InstrumentA_prof").innerHTML = adherent_eleve5_InstrumentA_prof;
|
||||
adherent_eleve5_InstrumentA_prof ='';
|
||||
};
|
||||
if (select.value == "Piano"){
|
||||
console.log("on est dans le Piano");
|
||||
document.getElementById("adherent_eleve5_InstrumentA_prof").innerHTML = '';
|
||||
@@ -2018,6 +2081,13 @@ const select_eleve5_InstrumentB = (select) => {
|
||||
document.getElementById("adherent_eleve5_InstrumentB_prof").innerHTML = adherent_eleve5_InstrumentB_prof;
|
||||
adherent_eleve5_InstrumentB_prof ='';
|
||||
};
|
||||
if (select.value == "Orgue"){
|
||||
console.log("on est dans le Orgue");
|
||||
adherent_eleve5_InstrumentB_prof = '<option value="" selected></option>';
|
||||
adherent_eleve5_InstrumentB_prof += '<option value="prof non inscrit">professeur non encore inscrit</option>';
|
||||
document.getElementById("adherent_eleve5_InstrumentB_prof").innerHTML = adherent_eleve5_InstrumentB_prof;
|
||||
adherent_eleve5_InstrumentB_prof ='';
|
||||
};
|
||||
if (select.value == "Piano"){
|
||||
console.log("on est dans le Piano");
|
||||
document.getElementById("adherent_eleve5_InstrumentB_prof").innerHTML = '';
|
||||
|
||||
@@ -24,21 +24,21 @@ const logger = winston.createLogger({
|
||||
),
|
||||
defaultMeta: { service: 'user-service' },
|
||||
transports: [
|
||||
new DailyRotateFile({ filename: 'logs/combined.log' }),
|
||||
new DailyRotateFile({ filename: 'logs/log_global.log' }),
|
||||
],
|
||||
exceptionHandlers: [
|
||||
new DailyRotateFile({ filename: 'logs/combined.log' }),
|
||||
new DailyRotateFile({ filename: 'logs/log_global.log' }),
|
||||
new winston.transports.Console()
|
||||
],
|
||||
rejectionHandlers: [
|
||||
new DailyRotateFile({ filename: 'logs/combined.log' }),
|
||||
new DailyRotateFile({ filename: 'logs/log_global.log' }),
|
||||
new winston.transports.Console()
|
||||
]
|
||||
});
|
||||
|
||||
|
||||
|
||||
|
||||
//pour afficher également les exceptions dans la console
|
||||
if (process.env.ENV !== 'production' ) {
|
||||
logger.add(new winston.transports.Console(
|
||||
{
|
||||
@@ -47,7 +47,7 @@ if (process.env.ENV !== 'production' ) {
|
||||
timestamp({format: 'YYYY-MM-DD HH:mm:ss'}),
|
||||
myFormatConsole
|
||||
),
|
||||
handleExceptions: true //pour afficher également les exceptions dans la console
|
||||
handleExceptions: true
|
||||
})
|
||||
);
|
||||
}
|
||||
|
||||
58
public/js/app/logger_adhesion.js
Normal file
58
public/js/app/logger_adhesion.js
Normal file
@@ -0,0 +1,58 @@
|
||||
const winston = require('winston');
|
||||
|
||||
const { createLogger, format, transports } = require('winston');
|
||||
const { combine, timestamp, label, printf, numsession } = format;
|
||||
|
||||
const myFormatFile = printf(({ level, message, label, timestamp, numsession }) => {
|
||||
return `${timestamp} ${level} [${label}] SID[${numsession}] ${message}`;
|
||||
});
|
||||
|
||||
const myFormatConsole = printf(({ level, message, label, timestamp, numsession }) => {
|
||||
return `${timestamp} ${level} [${label}] SID[${numsession}] ${message}`;
|
||||
});
|
||||
|
||||
|
||||
const DailyRotateFile = require('winston-daily-rotate-file');
|
||||
|
||||
|
||||
const logger = winston.createLogger({
|
||||
//level: 'info',
|
||||
format: combine(
|
||||
//label({ label: '' }),
|
||||
timestamp({format: 'YYYY-MM-DD HH:mm:ss'}),
|
||||
myFormatFile
|
||||
),
|
||||
defaultMeta: { service: 'user-service' },
|
||||
transports: [
|
||||
new DailyRotateFile({ filename: 'logs/adhesion/log_adhesion.log' }),
|
||||
],
|
||||
exceptionHandlers: [
|
||||
new DailyRotateFile({ filename: 'logs/adhesion/log_adhesion.log' }),
|
||||
new winston.transports.Console()
|
||||
],
|
||||
rejectionHandlers: [
|
||||
new DailyRotateFile({ filename: 'logs/adhesion/log_adhesion.log' }),
|
||||
new winston.transports.Console()
|
||||
]
|
||||
});
|
||||
|
||||
|
||||
|
||||
//pour afficher également les exceptions dans la console
|
||||
if (process.env.ENV !== 'production' ) {
|
||||
logger.add(new winston.transports.Console(
|
||||
{
|
||||
format: combine(
|
||||
//label({ label: '' }),
|
||||
timestamp({format: 'YYYY-MM-DD HH:mm:ss'}),
|
||||
myFormatConsole
|
||||
),
|
||||
handleExceptions: true
|
||||
})
|
||||
);
|
||||
}
|
||||
|
||||
/////////////////////////////////////////////////
|
||||
// EXPORT DE MODULE POUR QU'IL SOIT LU DANS LES AUTRES FICHIERS JS
|
||||
/////////////////////////////////////////////////
|
||||
module.exports = logger;
|
||||
58
public/js/app/logger_concert.js
Normal file
58
public/js/app/logger_concert.js
Normal file
@@ -0,0 +1,58 @@
|
||||
const winston = require('winston');
|
||||
|
||||
const { createLogger, format, transports } = require('winston');
|
||||
const { combine, timestamp, label, printf, numsession } = format;
|
||||
|
||||
const myFormatFile = printf(({ level, message, label, timestamp, numsession }) => {
|
||||
return `${timestamp} ${level} [${label}] SID[${numsession}] ${message}`;
|
||||
});
|
||||
|
||||
const myFormatConsole = printf(({ level, message, label, timestamp, numsession }) => {
|
||||
return `${timestamp} ${level} [${label}] SID[${numsession}] ${message}`;
|
||||
});
|
||||
|
||||
|
||||
const DailyRotateFile = require('winston-daily-rotate-file');
|
||||
|
||||
|
||||
const logger = winston.createLogger({
|
||||
//level: 'info',
|
||||
format: combine(
|
||||
//label({ label: '' }),
|
||||
timestamp({format: 'YYYY-MM-DD HH:mm:ss'}),
|
||||
myFormatFile
|
||||
),
|
||||
defaultMeta: { service: 'user-service' },
|
||||
transports: [
|
||||
new DailyRotateFile({ filename: 'logs/concert/log_concert.log' }),
|
||||
],
|
||||
exceptionHandlers: [
|
||||
new DailyRotateFile({ filename: 'logs/concert/log_concert.log' }),
|
||||
new winston.transports.Console()
|
||||
],
|
||||
rejectionHandlers: [
|
||||
new DailyRotateFile({ filename: 'logs/concert/log_concert.log' }),
|
||||
new winston.transports.Console()
|
||||
]
|
||||
});
|
||||
|
||||
|
||||
|
||||
|
||||
if (process.env.ENV !== 'production' ) {
|
||||
logger.add(new winston.transports.Console(
|
||||
{
|
||||
format: combine(
|
||||
//label({ label: '' }),
|
||||
timestamp({format: 'YYYY-MM-DD HH:mm:ss'}),
|
||||
myFormatConsole
|
||||
),
|
||||
handleExceptions: true //pour afficher également les exceptions dans la console
|
||||
})
|
||||
);
|
||||
}
|
||||
|
||||
/////////////////////////////////////////////////
|
||||
// EXPORT DE MODULE POUR QU'IL SOIT LU DANS LES AUTRES FICHIERS JS
|
||||
/////////////////////////////////////////////////
|
||||
module.exports = logger;
|
||||
58
public/js/app/logger_lienventetemp.js
Normal file
58
public/js/app/logger_lienventetemp.js
Normal file
@@ -0,0 +1,58 @@
|
||||
const winston = require('winston');
|
||||
|
||||
const { createLogger, format, transports } = require('winston');
|
||||
const { combine, timestamp, label, printf, numsession } = format;
|
||||
|
||||
const myFormatFile = printf(({ level, message, label, timestamp, numsession }) => {
|
||||
return `${timestamp} ${level} [${label}] SID[${numsession}] ${message}`;
|
||||
});
|
||||
|
||||
const myFormatConsole = printf(({ level, message, label, timestamp, numsession }) => {
|
||||
return `${timestamp} ${level} [${label}] SID[${numsession}] ${message}`;
|
||||
});
|
||||
|
||||
|
||||
const DailyRotateFile = require('winston-daily-rotate-file');
|
||||
|
||||
|
||||
const logger = winston.createLogger({
|
||||
//level: 'info',
|
||||
format: combine(
|
||||
//label({ label: '' }),
|
||||
timestamp({format: 'YYYY-MM-DD HH:mm:ss'}),
|
||||
myFormatFile
|
||||
),
|
||||
defaultMeta: { service: 'user-service' },
|
||||
transports: [
|
||||
new DailyRotateFile({ filename: 'logs/lienventetemp/log_lienventetemp.log' }),
|
||||
],
|
||||
exceptionHandlers: [
|
||||
new DailyRotateFile({ filename: 'logs/lienventetemp/log_lienventetemp.log' }),
|
||||
new winston.transports.Console()
|
||||
],
|
||||
rejectionHandlers: [
|
||||
new DailyRotateFile({ filename: 'logs/lienventetemp/log_lienventetemp.log' }),
|
||||
new winston.transports.Console()
|
||||
]
|
||||
});
|
||||
|
||||
|
||||
|
||||
//pour afficher également les exceptions dans la console
|
||||
if (process.env.ENV !== 'production' ) {
|
||||
logger.add(new winston.transports.Console(
|
||||
{
|
||||
format: combine(
|
||||
//label({ label: '' }),
|
||||
timestamp({format: 'YYYY-MM-DD HH:mm:ss'}),
|
||||
myFormatConsole
|
||||
),
|
||||
handleExceptions: true
|
||||
})
|
||||
);
|
||||
}
|
||||
|
||||
/////////////////////////////////////////////////
|
||||
// EXPORT DE MODULE POUR QU'IL SOIT LU DANS LES AUTRES FICHIERS JS
|
||||
/////////////////////////////////////////////////
|
||||
module.exports = logger;
|
||||
58
public/js/app/logger_rassemblement.js
Normal file
58
public/js/app/logger_rassemblement.js
Normal file
@@ -0,0 +1,58 @@
|
||||
const winston = require('winston');
|
||||
|
||||
const { createLogger, format, transports } = require('winston');
|
||||
const { combine, timestamp, label, printf, numsession } = format;
|
||||
|
||||
const myFormatFile = printf(({ level, message, label, timestamp, numsession }) => {
|
||||
return `${timestamp} ${level} [${label}] SID[${numsession}] ${message}`;
|
||||
});
|
||||
|
||||
const myFormatConsole = printf(({ level, message, label, timestamp, numsession }) => {
|
||||
return `${timestamp} ${level} [${label}] SID[${numsession}] ${message}`;
|
||||
});
|
||||
|
||||
|
||||
const DailyRotateFile = require('winston-daily-rotate-file');
|
||||
|
||||
|
||||
const logger = winston.createLogger({
|
||||
//level: 'info',
|
||||
format: combine(
|
||||
//label({ label: '' }),
|
||||
timestamp({format: 'YYYY-MM-DD HH:mm:ss'}),
|
||||
myFormatFile
|
||||
),
|
||||
defaultMeta: { service: 'user-service' },
|
||||
transports: [
|
||||
new DailyRotateFile({ filename: 'logs/rassemblement/log_rassemblement.log' }),
|
||||
],
|
||||
exceptionHandlers: [
|
||||
new DailyRotateFile({ filename: 'logs/rassemblement/log_rassemblement.log' }),
|
||||
new winston.transports.Console()
|
||||
],
|
||||
rejectionHandlers: [
|
||||
new DailyRotateFile({ filename: 'logs/rassemblement/log_rassemblement.log' }),
|
||||
new winston.transports.Console()
|
||||
]
|
||||
});
|
||||
|
||||
|
||||
|
||||
|
||||
if (process.env.ENV !== 'production' ) {
|
||||
logger.add(new winston.transports.Console(
|
||||
{
|
||||
format: combine(
|
||||
//label({ label: '' }),
|
||||
timestamp({format: 'YYYY-MM-DD HH:mm:ss'}),
|
||||
myFormatConsole
|
||||
),
|
||||
handleExceptions: true //pour afficher également les exceptions dans la console
|
||||
})
|
||||
);
|
||||
}
|
||||
|
||||
/////////////////////////////////////////////////
|
||||
// EXPORT DE MODULE POUR QU'IL SOIT LU DANS LES AUTRES FICHIERS JS
|
||||
/////////////////////////////////////////////////
|
||||
module.exports = logger;
|
||||
58
public/js/app/logger_stagenat.js
Normal file
58
public/js/app/logger_stagenat.js
Normal file
@@ -0,0 +1,58 @@
|
||||
const winston = require('winston');
|
||||
|
||||
const { createLogger, format, transports } = require('winston');
|
||||
const { combine, timestamp, label, printf, numsession } = format;
|
||||
|
||||
const myFormatFile = printf(({ level, message, label, timestamp, numsession }) => {
|
||||
return `${timestamp} ${level} [${label}] SID[${numsession}] ${message}`;
|
||||
});
|
||||
|
||||
const myFormatConsole = printf(({ level, message, label, timestamp, numsession }) => {
|
||||
return `${timestamp} ${level} [${label}] SID[${numsession}] ${message}`;
|
||||
});
|
||||
|
||||
|
||||
const DailyRotateFile = require('winston-daily-rotate-file');
|
||||
|
||||
|
||||
const logger = winston.createLogger({
|
||||
//level: 'info',
|
||||
format: combine(
|
||||
//label({ label: '' }),
|
||||
timestamp({format: 'YYYY-MM-DD HH:mm:ss'}),
|
||||
myFormatFile
|
||||
),
|
||||
defaultMeta: { service: 'user-service' },
|
||||
transports: [
|
||||
new DailyRotateFile({ filename: 'logs/stagenat/log_stagenat.log' }),
|
||||
],
|
||||
exceptionHandlers: [
|
||||
new DailyRotateFile({ filename: 'logs/stagenat/log_stagenat.log' }),
|
||||
new winston.transports.Console()
|
||||
],
|
||||
rejectionHandlers: [
|
||||
new DailyRotateFile({ filename: 'logs/stagenat/log_stagenat.log' }),
|
||||
new winston.transports.Console()
|
||||
]
|
||||
});
|
||||
|
||||
|
||||
|
||||
|
||||
if (process.env.ENV !== 'production' ) {
|
||||
logger.add(new winston.transports.Console(
|
||||
{
|
||||
format: combine(
|
||||
//label({ label: '' }),
|
||||
timestamp({format: 'YYYY-MM-DD HH:mm:ss'}),
|
||||
myFormatConsole
|
||||
),
|
||||
handleExceptions: true //pour afficher également les exceptions dans la console
|
||||
})
|
||||
);
|
||||
}
|
||||
|
||||
/////////////////////////////////////////////////
|
||||
// EXPORT DE MODULE POUR QU'IL SOIT LU DANS LES AUTRES FICHIERS JS
|
||||
/////////////////////////////////////////////////
|
||||
module.exports = logger;
|
||||
58
public/js/app/logger_whstripe.js
Normal file
58
public/js/app/logger_whstripe.js
Normal file
@@ -0,0 +1,58 @@
|
||||
const winston = require('winston');
|
||||
|
||||
const { createLogger, format, transports } = require('winston');
|
||||
const { combine, timestamp, label, printf, numsession } = format;
|
||||
|
||||
const myFormatFile = printf(({ level, message, label, timestamp, numsession }) => {
|
||||
return `${timestamp} ${level} [${label}] SID[${numsession}] ${message}`;
|
||||
});
|
||||
|
||||
const myFormatConsole = printf(({ level, message, label, timestamp, numsession }) => {
|
||||
return `${timestamp} ${level} [${label}] SID[${numsession}] ${message}`;
|
||||
});
|
||||
|
||||
|
||||
const DailyRotateFile = require('winston-daily-rotate-file');
|
||||
|
||||
|
||||
const logger = winston.createLogger({
|
||||
//level: 'info',
|
||||
format: combine(
|
||||
//label({ label: '' }),
|
||||
timestamp({format: 'YYYY-MM-DD HH:mm:ss'}),
|
||||
myFormatFile
|
||||
),
|
||||
defaultMeta: { service: 'user-service' },
|
||||
transports: [
|
||||
new DailyRotateFile({ filename: 'logs/whstripe/log_whstripe.log' }),
|
||||
],
|
||||
exceptionHandlers: [
|
||||
new DailyRotateFile({ filename: 'logs/whstripe/log_whstripe.log' }),
|
||||
new winston.transports.Console()
|
||||
],
|
||||
rejectionHandlers: [
|
||||
new DailyRotateFile({ filename: 'logs/whstripe/log_whstripe.log' }),
|
||||
new winston.transports.Console()
|
||||
]
|
||||
});
|
||||
|
||||
|
||||
|
||||
//pour afficher également les exceptions dans la console
|
||||
if (process.env.ENV !== 'production' ) {
|
||||
logger.add(new winston.transports.Console(
|
||||
{
|
||||
format: combine(
|
||||
//label({ label: '' }),
|
||||
timestamp({format: 'YYYY-MM-DD HH:mm:ss'}),
|
||||
myFormatConsole
|
||||
),
|
||||
handleExceptions: true
|
||||
})
|
||||
);
|
||||
}
|
||||
|
||||
/////////////////////////////////////////////////
|
||||
// EXPORT DE MODULE POUR QU'IL SOIT LU DANS LES AUTRES FICHIERS JS
|
||||
/////////////////////////////////////////////////
|
||||
module.exports = logger;
|
||||
56
public/js/app/logger_wuzuki.js
Normal file
56
public/js/app/logger_wuzuki.js
Normal file
@@ -0,0 +1,56 @@
|
||||
const winston = require('winston');
|
||||
|
||||
const { createLogger, format, transports } = require('winston');
|
||||
const { combine, timestamp, label, printf, numsession } = format;
|
||||
|
||||
const myFormatFile = printf(({ level, message, label, timestamp, numsession }) => {
|
||||
return `${timestamp} ${level} [${label}] SID[${numsession}] ${message}`;
|
||||
});
|
||||
|
||||
const myFormatConsole = printf(({ level, message, label, timestamp, numsession }) => {
|
||||
return `${timestamp} ${level} [${label}] SID[${numsession}] ${message}`;
|
||||
});
|
||||
|
||||
|
||||
const DailyRotateFile = require('winston-daily-rotate-file');
|
||||
|
||||
|
||||
const logger = winston.createLogger({
|
||||
//level: 'info',
|
||||
format: combine(
|
||||
//label({ label: '' }),
|
||||
timestamp({format: 'YYYY-MM-DD HH:mm:ss'}),
|
||||
myFormatFile
|
||||
),
|
||||
defaultMeta: { service: 'user-service' },
|
||||
transports: [
|
||||
new DailyRotateFile({ filename: 'logs/wuzuki/log_wuzuki.log' }),
|
||||
],
|
||||
exceptionHandlers: [
|
||||
new DailyRotateFile({ filename: 'logs/wuzuki/log_wuzuki.log' }),
|
||||
new winston.transports.Console()
|
||||
],
|
||||
rejectionHandlers: [
|
||||
new DailyRotateFile({ filename: 'logs/wuzuki/log_wuzuki.log' }),
|
||||
new winston.transports.Console()
|
||||
]
|
||||
});
|
||||
|
||||
//pour afficher également les exceptions dans la console
|
||||
if (process.env.ENV !== 'production' ) {
|
||||
logger.add(new winston.transports.Console(
|
||||
{
|
||||
format: combine(
|
||||
//label({ label: '' }),
|
||||
timestamp({format: 'YYYY-MM-DD HH:mm:ss'}),
|
||||
myFormatConsole
|
||||
),
|
||||
handleExceptions: true
|
||||
})
|
||||
);
|
||||
}
|
||||
|
||||
/////////////////////////////////////////////////
|
||||
// EXPORT DE MODULE POUR QU'IL SOIT LU DANS LES AUTRES FICHIERS JS
|
||||
/////////////////////////////////////////////////
|
||||
module.exports = logger;
|
||||
686
public/js/concert/concert_formulaire_famille.js
Normal file
686
public/js/concert/concert_formulaire_famille.js
Normal file
@@ -0,0 +1,686 @@
|
||||
// CONCERT ANNUEL
|
||||
// REMPLIR LE FORMULAIRE
|
||||
|
||||
|
||||
/////////////////////////////////////////
|
||||
// AFFICHAGE DU CHAMP DE SAISIE DU NOMBRE DE SPECTATEURS
|
||||
/////////////////////////////////////////
|
||||
let saisie_spectateur_nb_place = document.querySelector("#spectateur0");
|
||||
let spectateur_nb_restantes = saisie_spectateur_nb_place.dataset.spectateur_nb_restantes;
|
||||
let quota_total_spectateur = saisie_spectateur_nb_place.dataset.quota_total_spectateur;
|
||||
let contenuhtml_spectateur;
|
||||
console.log("spectateur_nb_restantes = ", spectateur_nb_restantes);
|
||||
console.log("quota_total_spectateur = ", quota_total_spectateur);
|
||||
|
||||
// AFFICHER LE CHAMP DE SAISIE DU NOMBRE DE SPECTATEURS
|
||||
console.log("saisie_spectateur_nb_place.dataset.spectateur_remisenvente = ",saisie_spectateur_nb_place.dataset.spectateur_remisenvente);
|
||||
console.log("saisie_spectateur_nb_place.dataset.quota_total_spectateur = ",saisie_spectateur_nb_place.dataset.quota_total_spectateur);
|
||||
var storedData = localStorage.getItem('userData');
|
||||
var userData = JSON.parse(storedData);
|
||||
|
||||
if (saisie_spectateur_nb_place.dataset.spectateur_remisenvente == "oui") {
|
||||
if (spectateur_nb_restantes >= 12 || quota_total_spectateur >=12){
|
||||
contenuhtml_spectateur = `<div class="grid_2inputs">
|
||||
<div class="input_box input_text input_box_bleu">
|
||||
<label for="spectateur_nb_place">Nombre de places spectateurs ?</label>
|
||||
<select id="spectateur_nb_place" name="spectateur_nb_place" title="3 places max par famille" onchange="store_nb_spectateurs()">
|
||||
<option value="" selected></option>
|
||||
<option value="0">0</option>
|
||||
<option value="1">1</option>
|
||||
<option value="2">2</option>
|
||||
<option value="3">3</option>
|
||||
<option value="4">4</option>
|
||||
<option value="5">5</option>
|
||||
<option value="6">6</option>
|
||||
<option value="7">7</option>
|
||||
<option value="8">8</option>
|
||||
<option value="9">9</option>
|
||||
<option value="10">10</option>
|
||||
<option value="11">11</option>
|
||||
<option value="12">12</option>
|
||||
</select>
|
||||
</div>
|
||||
</div>
|
||||
`;
|
||||
};
|
||||
if (spectateur_nb_restantes == 11 || quota_total_spectateur ==11){
|
||||
contenuhtml_spectateur = `<div class="grid_2inputs">
|
||||
<div class="input_box input_text input_box_bleu">
|
||||
<label for="spectateur_nb_place">Nombre de places spectateurs ?</label>
|
||||
<select id="spectateur_nb_place" name="spectateur_nb_place" title="3 places max par famille" onchange="store_nb_spectateurs()">
|
||||
<option value="" selected></option>
|
||||
<option value="0">0</option>
|
||||
<option value="1">1</option>
|
||||
<option value="2">2</option>
|
||||
<option value="3">3</option>
|
||||
<option value="4">4</option>
|
||||
<option value="5">5</option>
|
||||
<option value="6">6</option>
|
||||
<option value="7">7</option>
|
||||
<option value="8">8</option>
|
||||
<option value="9">9</option>
|
||||
<option value="10">10</option>
|
||||
<option value="11">11</option>
|
||||
</select>
|
||||
</div>
|
||||
</div>
|
||||
`;
|
||||
};
|
||||
if (spectateur_nb_restantes == 10 || quota_total_spectateur ==10){
|
||||
contenuhtml_spectateur = `<div class="grid_2inputs">
|
||||
<div class="input_box input_text input_box_bleu">
|
||||
<label for="spectateur_nb_place">Nombre de places spectateurs ?</label>
|
||||
<select id="spectateur_nb_place" name="spectateur_nb_place" title="3 places max par famille" onchange="store_nb_spectateurs()">
|
||||
<option value="" selected></option>
|
||||
<option value="0">0</option>
|
||||
<option value="1">1</option>
|
||||
<option value="2">2</option>
|
||||
<option value="3">3</option>
|
||||
<option value="4">4</option>
|
||||
<option value="5">5</option>
|
||||
<option value="6">6</option>
|
||||
<option value="7">7</option>
|
||||
<option value="8">8</option>
|
||||
<option value="9">9</option>
|
||||
<option value="10">10</option>
|
||||
</select>
|
||||
</div>
|
||||
</div>
|
||||
`;
|
||||
};
|
||||
if (spectateur_nb_restantes == 9 || quota_total_spectateur ==9){
|
||||
contenuhtml_spectateur = `<div class="grid_2inputs">
|
||||
<div class="input_box input_text input_box_bleu">
|
||||
<label for="spectateur_nb_place">Nombre de places spectateurs ?</label>
|
||||
<select id="spectateur_nb_place" name="spectateur_nb_place" title="3 places max par famille" onchange="store_nb_spectateurs()">
|
||||
<option value="" selected></option>
|
||||
<option value="0">0</option>
|
||||
<option value="1">1</option>
|
||||
<option value="2">2</option>
|
||||
<option value="3">3</option>
|
||||
<option value="4">4</option>
|
||||
<option value="5">5</option>
|
||||
<option value="6">6</option>
|
||||
<option value="7">7</option>
|
||||
<option value="8">8</option>
|
||||
<option value="9">9</option>
|
||||
</select>
|
||||
</div>
|
||||
</div>
|
||||
`;
|
||||
};
|
||||
if (spectateur_nb_restantes == 8 || quota_total_spectateur ==8){
|
||||
contenuhtml_spectateur = `<div class="grid_2inputs">
|
||||
<div class="input_box input_text input_box_bleu">
|
||||
<label for="spectateur_nb_place">Nombre de places spectateurs ?</label>
|
||||
<select id="spectateur_nb_place" name="spectateur_nb_place" title="3 places max par famille" onchange="store_nb_spectateurs()">
|
||||
<option value="" selected></option>
|
||||
<option value="0">0</option>
|
||||
<option value="1">1</option>
|
||||
<option value="2">2</option>
|
||||
<option value="3">3</option>
|
||||
<option value="4">4</option>
|
||||
<option value="5">5</option>
|
||||
<option value="6">6</option>
|
||||
<option value="7">7</option>
|
||||
<option value="8">8</option>
|
||||
</select>
|
||||
</div>
|
||||
</div>
|
||||
`;
|
||||
};
|
||||
if (spectateur_nb_restantes == 7 || quota_total_spectateur ==7){
|
||||
contenuhtml_spectateur = `<div class="grid_2inputs">
|
||||
<div class="input_box input_text input_box_bleu">
|
||||
<label for="spectateur_nb_place">Nombre de places spectateurs ?</label>
|
||||
<select id="spectateur_nb_place" name="spectateur_nb_place" title="3 places max par famille" onchange="store_nb_spectateurs()">
|
||||
<option value="" selected></option>
|
||||
<option value="0">0</option>
|
||||
<option value="1">1</option>
|
||||
<option value="2">2</option>
|
||||
<option value="3">3</option>
|
||||
<option value="4">4</option>
|
||||
<option value="5">5</option>
|
||||
<option value="6">6</option>
|
||||
<option value="7">7</option>
|
||||
</select>
|
||||
</div>
|
||||
</div>
|
||||
`;
|
||||
};
|
||||
if (spectateur_nb_restantes == 6 || quota_total_spectateur ==6){
|
||||
contenuhtml_spectateur = `<div class="grid_2inputs">
|
||||
<div class="input_box input_text input_box_bleu">
|
||||
<label for="spectateur_nb_place">Nombre de places spectateurs ?</label>
|
||||
<select id="spectateur_nb_place" name="spectateur_nb_place" title="3 places max par famille" onchange="store_nb_spectateurs()">
|
||||
<option value="" selected></option>
|
||||
<option value="0">0</option>
|
||||
<option value="1">1</option>
|
||||
<option value="2">2</option>
|
||||
<option value="3">3</option>
|
||||
<option value="4">4</option>
|
||||
<option value="5">5</option>
|
||||
<option value="6">6</option>
|
||||
</select>
|
||||
</div>
|
||||
</div>
|
||||
`;
|
||||
};
|
||||
if (spectateur_nb_restantes == 5 || quota_total_spectateur ==5){
|
||||
contenuhtml_spectateur = `<div class="grid_2inputs">
|
||||
<div class="input_box input_text input_box_bleu">
|
||||
<label for="spectateur_nb_place">Nombre de places spectateurs ?</label>
|
||||
<select id="spectateur_nb_place" name="spectateur_nb_place" title="3 places max par famille" onchange="store_nb_spectateurs()">
|
||||
<option value="" selected></option>
|
||||
<option value="0">0</option>
|
||||
<option value="1">1</option>
|
||||
<option value="2">2</option>
|
||||
<option value="3">3</option>
|
||||
<option value="4">4</option>
|
||||
<option value="5">5</option>
|
||||
</select>
|
||||
</div>
|
||||
</div>
|
||||
`;
|
||||
};
|
||||
if (spectateur_nb_restantes == 4 || quota_total_spectateur ==4){
|
||||
contenuhtml_spectateur = `<div class="grid_2inputs">
|
||||
<div class="input_box input_text input_box_bleu">
|
||||
<label for="spectateur_nb_place">Nombre de places spectateurs ?</label>
|
||||
<select id="spectateur_nb_place" name="spectateur_nb_place" title="3 places max par famille" onchange="store_nb_spectateurs()">
|
||||
<option value="" selected></option>
|
||||
<option value="0">0</option>
|
||||
<option value="1">1</option>
|
||||
<option value="2">2</option>
|
||||
<option value="3">3</option>
|
||||
<option value="4">4</option>
|
||||
</select>
|
||||
</div>
|
||||
</div>
|
||||
`;
|
||||
};
|
||||
if (spectateur_nb_restantes == 3 || quota_total_spectateur ==3){
|
||||
contenuhtml_spectateur = `<div class="grid_2inputs">
|
||||
<div class="input_box input_text input_box_bleu">
|
||||
<label for="spectateur_nb_place">Nombre de places spectateurs ?</label>
|
||||
<select id="spectateur_nb_place" name="spectateur_nb_place" title="3 places max par famille" onchange="store_nb_spectateurs()">
|
||||
<option value="" selected></option>
|
||||
<option value="0">0</option>
|
||||
<option value="1">1</option>
|
||||
<option value="2">2</option>
|
||||
<option value="3">3</option>
|
||||
</select>
|
||||
</div>
|
||||
</div>
|
||||
`;
|
||||
};
|
||||
if (spectateur_nb_restantes == 2 || quota_total_spectateur ==2){
|
||||
contenuhtml_spectateur = `<div class="grid_2inputs">
|
||||
<div class="input_box input_text input_box_bleu">
|
||||
<label for="spectateur_nb_place">Nombre de places spectateurs ?</label>
|
||||
<select id="spectateur_nb_place" name="spectateur_nb_place" title="3 places max par famille" onchange="store_nb_spectateurs()">
|
||||
<option value="" selected></option>
|
||||
<option value="0">0</option>
|
||||
<option value="1">1</option>
|
||||
<option value="2">2</option>
|
||||
</select>
|
||||
</div>
|
||||
</div>
|
||||
`;
|
||||
};
|
||||
if (spectateur_nb_restantes == 1 || quota_total_spectateur ==1){
|
||||
contenuhtml_spectateur = `<div class="grid_2inputs">
|
||||
<div class="input_box input_text input_box_bleu">
|
||||
<label for="spectateur_nb_place">Nombre de places spectateurs ?</label>
|
||||
<select id="spectateur_nb_place" name="spectateur_nb_place" title="3 places max par famille" onchange="store_nb_spectateurs()">
|
||||
<option value="" selected></option>
|
||||
<option value="0">0</option>
|
||||
<option value="1">1</option>
|
||||
</select>
|
||||
</div>
|
||||
</div>
|
||||
`;
|
||||
};
|
||||
if (spectateur_nb_restantes < 1){
|
||||
contenuhtml_spectateur = `<div class="grid_2inputs">
|
||||
<p class="montserrat_light"><mark>Il n'y a plus de place spectateur</mark> pour le concert. Revenez à partir du 5 avril, nous remettrons les places qui se seraient libérées.</p>
|
||||
</div>
|
||||
`;
|
||||
};
|
||||
} else {
|
||||
contenuhtml_spectateur = `<div class="grid_2inputs">
|
||||
<p class="montserrat_light"><mark>La vente des places spectateurs est terminée.</p>
|
||||
</div>
|
||||
`;
|
||||
}
|
||||
|
||||
document.querySelector('#spectateur0').insertAdjacentHTML("afterend",contenuhtml_spectateur);
|
||||
|
||||
/////////////////////////////////////////
|
||||
/////////////////////////////////////////
|
||||
// CONCERTISTE
|
||||
// 4 MAX
|
||||
/////////////////////////////////////////
|
||||
/////////////////////////////////////////
|
||||
var eleve = "0";
|
||||
let contenuhtml_eleve;
|
||||
console.log("eleve A : ",eleve);
|
||||
|
||||
// quand le visiteur clique sur "ajouter un élève"
|
||||
function ajout_eleve(eleve) {
|
||||
console.log("eleve B : ",eleve);
|
||||
afficheeleve(eleve);
|
||||
}
|
||||
|
||||
/////////////////////////////////////////
|
||||
// SAISIE DES INFORMATIONS POUR UN CONCERTISTE
|
||||
/////////////////////////////////////////
|
||||
function afficheeleve(eleve) {
|
||||
eleve++;
|
||||
console.log("eleve C : ",eleve);
|
||||
|
||||
|
||||
if (eleve > 4 ) {
|
||||
console.log("4 élèves maximum");
|
||||
return;
|
||||
}
|
||||
|
||||
// Ce if sert pour ne pas répéter plusieurs fois le même numéro de eleve si l'internaute clique plusieurs fois sur le même "ajouter une eleve"
|
||||
if (!document.querySelector('#eleve'+ eleve +'')) {
|
||||
|
||||
contenuhtml_eleve = `<section id="eleve`+ eleve +`" class="personne">
|
||||
|
||||
<h2><img class='icone_titre' src="/public/images/icones/icone_personne.png" alt="icone information">ÉLÈVE <span class="rouge numero">`+ eleve +`</span>`;
|
||||
|
||||
// Permettre de supprimer les élèves ajoutés
|
||||
if (eleve > 0) {
|
||||
contenuhtml_eleve += ` <span class="remove_personne"><input class="input_suppr" type="checkbox" name="check_eleve_delete`+ eleve +`" id="check_eleve_delete`+ eleve +`" onchange="supprimer_eleve(`+ eleve +`)"><label class="label_suppr" for="check_eleve_delete`+ eleve +`">Supprimer cet eleve</label></span>`;
|
||||
};
|
||||
|
||||
contenuhtml_eleve += `</h2>
|
||||
|
||||
<section class="">
|
||||
<div class="input_checkbox input_checkbox_bleu">
|
||||
<input type="checkbox" name="eleve_`+ eleve +`_engagement" id="eleve_`+ eleve +`_engagement" required>
|
||||
<label for="eleve_`+ 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_`+ eleve +`_nom">Nom de famille *</label>
|
||||
<input type="text" name="eleve_`+ eleve +`_nom" id="eleve_`+ 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_`+ eleve +`_prenom">Prénom *</label>
|
||||
<input type="text" name="eleve_`+ eleve +`_prenom" id="eleve_`+ 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_`+ eleve +`_age">Age *</label>
|
||||
<input type="number" name="eleve_`+ eleve +`_age" id="eleve_`+ 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_`+ eleve +`_instrument">Instrument *</label>
|
||||
<select id="eleve_`+ eleve +`_instrument" name="eleve_`+ eleve +`_instrument" title="De quel instrument joue l'élève ?" required onchange="select_instrument(`+eleve+`)">
|
||||
<option value="" selected></option>`;
|
||||
|
||||
if (document.querySelector("#eleve0").dataset.piano_nb_restantes > 0) {contenuhtml_eleve += `<option value="Piano">Piano</option>`;}
|
||||
if (document.querySelector("#eleve0").dataset.violon1_nb_restantes > 0 || document.querySelector("#eleve0").dataset.violon2_nb_restantes > 0) {contenuhtml_eleve += `<option value="Violon">Violon</option>`;}
|
||||
if (document.querySelector("#eleve0").dataset.violoncelle1_nb_restantes > 0 || document.querySelector("#eleve0").dataset.violoncelle2_nb_restantes > 0) {contenuhtml_eleve += `<option value="Violoncelle">Violoncelle</option>`;}
|
||||
if (document.querySelector("#eleve0").dataset.alto_nb_restantes > 0) {contenuhtml_eleve += `<option value="Alto">Alto</option>`;}
|
||||
if (document.querySelector("#eleve0").dataset.flute_nb_restantes > 0) {contenuhtml_eleve += `<option value="Flute">Flûte</option>`;}
|
||||
if (document.querySelector("#eleve0").dataset.trompette_nb_restantes > 0) {contenuhtml_eleve += `<option value="Trompette">Trompette</option>`;}
|
||||
if (document.querySelector("#eleve0").dataset.harpe_nb_restantes > 0) {contenuhtml_eleve += `<option value="Harpe">Harpe</option>`;}
|
||||
|
||||
contenuhtml_eleve += `</select>
|
||||
</div>
|
||||
<div class="input_box input_text input_box_bleu">
|
||||
<label for="eleve_`+ eleve +`_cahier">Niveau Cahier *</label>
|
||||
<select id="eleve_`+ eleve +`_cahier" name="eleve_`+ eleve +`_cahier" title="Quel est son niveau" required>
|
||||
<option value="" selected></option>`;
|
||||
|
||||
|
||||
contenuhtml_eleve += `</select>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="grid_2inputs">
|
||||
<div class="input_box input_text input_box_bleu">
|
||||
<label for="eleve_`+ eleve +`_piece">Dernière pièce jouée *</label>
|
||||
<input type="text" name="eleve_`+ eleve +`_piece" id="eleve_`+ 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_`+ eleve +`_prof_nom">Nom et prénom du professeur *</label>
|
||||
<input type="text" name="eleve_`+ eleve +`_prof_nom" id="eleve_`+ 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_`+ eleve +`_prof_mail">Mail professeur *</label>
|
||||
<input type="email" name="eleve_`+ eleve +`_prof_mail" id="eleve_`+ eleve +`_prof_mail" title="L'adresse mail du professeur" required>
|
||||
</div>
|
||||
</div>
|
||||
`;
|
||||
|
||||
|
||||
|
||||
if (eleve < 4) {
|
||||
contenuhtml_eleve += "<!-- ---------------------------------- -->"+
|
||||
`<!-- Voulez-vous ajouter un autre concertiste ? -->`+
|
||||
`<!-- ---------------------------------- -->`+
|
||||
`<div class="input_checkbox">`+
|
||||
`<input type="checkbox" name="check_eleve`+ eleve +`" id="check_eleve`+ eleve +`" onchange="ajout_eleve(`+ eleve +`)">`+
|
||||
`<label class="gras" for="check_eleve`+ eleve +`">Voulez-vous ajouter un autre eleve concertiste ?</label>`+
|
||||
`</div>`
|
||||
};
|
||||
|
||||
contenuhtml_eleve += `</section>`;
|
||||
|
||||
|
||||
eleve--;
|
||||
console.log("eleve D : ",eleve);
|
||||
|
||||
// AFFICHER LE FORMULAIRE DE SAISIE D'UN CONCERTISTE APRÈS LE DERNIER
|
||||
|
||||
document.querySelector('#eleve'+ eleve +'').insertAdjacentHTML("afterend",contenuhtml_eleve);
|
||||
|
||||
|
||||
|
||||
eleve++;
|
||||
console.log("eleve à la fin de la fonction : ",eleve);
|
||||
|
||||
return eleve;
|
||||
}
|
||||
}
|
||||
|
||||
function select_instrument(eleve) {
|
||||
console.log(document.getElementById("eleve_"+ eleve +"_instrument"));
|
||||
let instrument_saisie = document.getElementById("eleve_"+ eleve +"_instrument").value;
|
||||
console.log("instrument_saisie = ", instrument_saisie);
|
||||
|
||||
if (instrument_saisie == "Piano" || instrument_saisie == "Alto" || instrument_saisie == "Flute" || instrument_saisie == "Trompette" || instrument_saisie == "Harpe"){
|
||||
contenuhtml_eleve = `<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>`;
|
||||
document.getElementById("eleve_"+ eleve +"_cahier").innerHTML = contenuhtml_eleve;
|
||||
contenuhtml_eleve ='';
|
||||
}
|
||||
if (instrument_saisie == "Violon") {
|
||||
if (document.querySelector("#eleve0").dataset.violon1_nb_restantes > 0 && document.querySelector("#eleve0").dataset.violon2_nb_restantes > 0) {
|
||||
contenuhtml_eleve = `<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>`;
|
||||
document.getElementById("eleve_"+ eleve +"_cahier").innerHTML = contenuhtml_eleve;
|
||||
contenuhtml_eleve ='';
|
||||
}
|
||||
if (document.querySelector("#eleve0").dataset.violon1_nb_restantes > 0 && document.querySelector("#eleve0").dataset.violon2_nb_restantes < 1) {
|
||||
contenuhtml_eleve = `<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>`;
|
||||
document.getElementById("eleve_"+ eleve +"_cahier").innerHTML = contenuhtml_eleve;
|
||||
contenuhtml_eleve ='';
|
||||
}
|
||||
if (document.querySelector("#eleve0").dataset.violon1_nb_restantes < 1 && document.querySelector("#eleve0").dataset.violon2_nb_restantes > 0) {
|
||||
contenuhtml_eleve = `<option value="" selected></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>`;
|
||||
document.getElementById("eleve_"+ eleve +"_cahier").innerHTML = contenuhtml_eleve;
|
||||
contenuhtml_eleve ='';
|
||||
}
|
||||
if (document.querySelector("#eleve0").dataset.violon1_nb_restantes < 1 && document.querySelector("#eleve0").dataset.violon2_nb_restantes < 1) {
|
||||
contenuhtml_eleve = `<option value="" selected></option>`;
|
||||
document.getElementById("eleve_"+ eleve +"_cahier").innerHTML = contenuhtml_eleve;
|
||||
contenuhtml_eleve ='';
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
if (instrument_saisie == "Violoncelle") {
|
||||
if (document.querySelector("#eleve0").dataset.violoncelle1_nb_restantes > 0 && document.querySelector("#eleve0").dataset.violoncelle2_nb_restantes > 0) {
|
||||
contenuhtml_eleve = `<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>`;
|
||||
document.getElementById("eleve_"+ eleve +"_cahier").innerHTML = contenuhtml_eleve;
|
||||
contenuhtml_eleve ='';
|
||||
}
|
||||
if (document.querySelector("#eleve0").dataset.violoncelle1_nb_restantes > 0 && document.querySelector("#eleve0").dataset.violoncelle2_nb_restantes < 1) {
|
||||
contenuhtml_eleve = `<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>`;
|
||||
document.getElementById("eleve_"+ eleve +"_cahier").innerHTML = contenuhtml_eleve;
|
||||
contenuhtml_eleve ='';
|
||||
}
|
||||
if (document.querySelector("#eleve0").dataset.violoncelle1_nb_restantes < 1 && document.querySelector("#eleve0").dataset.violoncelle2_nb_restantes > 0) {
|
||||
contenuhtml_eleve = `<option value="" selected></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>`;
|
||||
document.getElementById("eleve_"+ eleve +"_cahier").innerHTML = contenuhtml_eleve;
|
||||
contenuhtml_eleve ='';
|
||||
}
|
||||
if (document.querySelector("#eleve0").dataset.violoncelle1_nb_restantes < 1 && document.querySelector("#eleve0").dataset.violoncelle2_nb_restantes < 1) {
|
||||
contenuhtml_eleve = `<option value="" selected></option>`;
|
||||
document.getElementById("eleve_"+ eleve +"_cahier").innerHTML = contenuhtml_eleve;
|
||||
contenuhtml_eleve ='';
|
||||
}
|
||||
|
||||
}
|
||||
}
|
||||
|
||||
function supprimer_eleve(eleve) {
|
||||
document.querySelector('#eleve'+ eleve +'').remove();
|
||||
}
|
||||
|
||||
|
||||
/////////////////////////////////////////
|
||||
/////////////////////////////////////////
|
||||
// ENCADRANT
|
||||
/////////////////////////////////////////
|
||||
/////////////////////////////////////////
|
||||
var encadrant = "0";
|
||||
let saisie_encadr_parent_nb_place = document.querySelector("#encadrant0");
|
||||
//var encadr_parent_nb_place_restantes = 0;
|
||||
var encadr_parent_nb_place_restantes;
|
||||
console.log("dataset encadr_parent_nb_place_restantes = ",encadr_parent_nb_place_restantes)
|
||||
let contenuhtml_encadrant;
|
||||
console.log("encadrant A : ",encadrant);
|
||||
|
||||
// quand le visiteur clique sur "ajouter un encadrant"
|
||||
function ajout_encadrant(encadrant,encadr_parent_nb_place_restantes) {
|
||||
console.log("encadrant B : ",encadrant);
|
||||
console.log("encadr_parent_nb_place_restantes B : ",encadr_parent_nb_place_restantes);
|
||||
afficheencadrant(encadrant,encadr_parent_nb_place_restantes);
|
||||
}
|
||||
|
||||
/////////////////////////////////////////
|
||||
// SAISIE DES INFORMATIONS POUR UN ENCADRANT
|
||||
/////////////////////////////////////////
|
||||
function afficheencadrant(encadrant,encadr_parent_nb_place_restantes) {
|
||||
encadrant++;
|
||||
//encadr_parent_nb_place_restantes--;
|
||||
console.log("encadrant C : ",encadrant);
|
||||
console.log("FUNCTION afficheencadrant, encadr_parent_nb_place_restantes : ",encadr_parent_nb_place_restantes);
|
||||
|
||||
if (encadrant > 4 ) {
|
||||
console.log("4 encadrants maximum");
|
||||
return;
|
||||
}
|
||||
|
||||
// Ce if sert pour ne pas répéter plusieurs fois le même numéro de encadrant si l'internaute clique plusieurs fois sur le même "ajouter une encadrant"
|
||||
if (!document.querySelector('#encadrant'+ encadrant +'')) {
|
||||
let saisie_encadr_parent_nb_place = document.querySelector("#encadrant0");
|
||||
console.log("dataset encadr_parent_nb_place_restantes = ",encadr_parent_nb_place_restantes)
|
||||
|
||||
contenuhtml_encadrant = `<section id="encadrant`+ encadrant +`" class="personne">
|
||||
|
||||
<h2><img class='icone_titre' src="/public/images/icones/icone_personne.png" alt="icone information">ENCADRANT <span class="rouge numero">`+ encadrant +`</span>`;
|
||||
|
||||
// Permettre de supprimer les encadrants ajoutés (à partir du deuxième encadrant)
|
||||
if (encadrant > 0) {
|
||||
contenuhtml_encadrant += ` <span class="remove_personne"><input class="input_suppr" type="checkbox" name="check_encadrant_delete`+ encadrant +`" id="check_encadrant_delete`+ encadrant +`" onchange="supprimer_encadrant(`+ encadrant +`)"><label class="label_suppr" for="check_encadrant_delete`+ encadrant +`">Supprimer cet encadrant</label></span>`;
|
||||
};
|
||||
|
||||
contenuhtml_encadrant += `</h2>
|
||||
|
||||
<section class="">
|
||||
<div class="input_checkbox input_checkbox_bleu">
|
||||
<input type="checkbox" name="encadrant_`+ encadrant +`_engagement" id="encadrant_`+ encadrant +`_engagement" required>
|
||||
<label for="encadrant_`+ encadrant +`_engagement">L'encadrant s'engage pour les 2 journées du 20 et 21 avril 2024.</label>
|
||||
</div>
|
||||
</section>`;
|
||||
if (encadr_parent_nb_place_restantes < 1){
|
||||
contenuhtml_encadrant += `<div class="grid_2inputs"><p class="montserrat_light"><mark>Le nombre nécessaire de <strong>parents</strong> encadrants a été atteint.</mark> Les professeurs peuvent encore s'inscrire comme professeur encadrant.</p><br></div>`;
|
||||
};
|
||||
|
||||
|
||||
contenuhtml_encadrant += `<section class="grid_2inputs">
|
||||
<div class="input_box input_text input_box_bleu">
|
||||
<label for="encadrant_`+ encadrant +`_type">Êtes-vous professeur ou parent ? *</label>
|
||||
<select id="encadrant_`+ encadrant +`_type" name="encadrant_`+ encadrant +`_type" title="De quel instrument joue l'élève ?" required onchange="si_encadrant_prof(`+ encadrant +`)">
|
||||
<option value="" selected></option>
|
||||
<option value="Professeur">Professeur</option>`;
|
||||
if (encadr_parent_nb_place_restantes > 0){
|
||||
contenuhtml_encadrant += `<option value="Parent">Parent</option>`;
|
||||
};
|
||||
contenuhtml_encadrant += `</select>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<div class="grid_2inputs">
|
||||
<div class="input_box input_text input_box_gris">
|
||||
<label for="encadrant_`+ encadrant +`_nom">Nom de famille *</label>
|
||||
<input type="text" name="encadrant_`+ encadrant +`_nom" id="encadrant_`+ encadrant +`_nom" title="Nom de famille de l'élève encadrant" required>
|
||||
</div>
|
||||
|
||||
<div class="input_box input_text input_box_gris">
|
||||
<label for="encadrant_`+ encadrant +`_prenom">Prénom *</label>
|
||||
<input type="text" name="encadrant_`+ encadrant +`_prenom" id="encadrant_`+ encadrant +`_prenom" title="Prénom de l'élève encadrant" required>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="grid_2inputs">
|
||||
<div class="input_box input_text input_box_gris">
|
||||
<label for="encadrant_`+ encadrant +`_telephone_mobile">Téléphone mobile *</label>
|
||||
<input type="tel" name="encadrant_`+ encadrant +`_telephone_mobile" id="encadrant_`+ encadrant +`_telephone_mobile" title="Dans quelle ville habitez vous ?" required>
|
||||
</div>
|
||||
|
||||
<div class="input_box input_text input_box_gris">
|
||||
<label for="encadrant_`+ encadrant +`_mail">Mail *</label>
|
||||
<input type="email" name="encadrant_`+ encadrant +`_mail" id="encadrant_`+ encadrant +`_mail" title="Combien de personnes pouvez-vous héberger ?" required>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
<div id="encadrant_ajout_prof_instrument`+ encadrant +`"></div>
|
||||
`;
|
||||
|
||||
|
||||
encadr_parent_nb_place_restantes--;
|
||||
|
||||
if (encadrant < 4) {
|
||||
contenuhtml_encadrant += "<!-- ---------------------------------- -->"+
|
||||
`<!-- Voulez-vous ajouter un autre encadrant ? -->`+
|
||||
`<!-- ---------------------------------- -->`+
|
||||
`<div class="input_checkbox ">`+
|
||||
`<input type="checkbox" name="check_encadrant`+ encadrant +`" id="check_encadrant`+ encadrant +`" onchange="ajout_encadrant(`+ encadrant +`,`+ encadr_parent_nb_place_restantes +`)">`+
|
||||
`<label class="gras" for="check_encadrant`+ encadrant +`">Voulez-vous ajouter un autre encadrant ?</label>`+
|
||||
`</div>`
|
||||
};
|
||||
|
||||
contenuhtml_encadrant += `</section>`;
|
||||
|
||||
|
||||
encadrant--;
|
||||
console.log("encadrant D : ",encadrant);
|
||||
|
||||
// AFFICHER LE FORMULAIRE DE SAISIE D'UN NOUVEL encadrant
|
||||
document.querySelector('#encadrant'+ encadrant +'').insertAdjacentHTML("afterend",contenuhtml_encadrant);
|
||||
encadrant++;
|
||||
|
||||
|
||||
console.log("encadrant à la fin de la fonction : ",encadrant);
|
||||
console.log("encadr_parent_nb_place_restantes à la fin de la fonction : ",encadr_parent_nb_place_restantes);
|
||||
|
||||
return encadrant,encadr_parent_nb_place_restantes;
|
||||
}
|
||||
|
||||
|
||||
}
|
||||
console.log("encadrant en dessous de la fonction : ",encadrant);
|
||||
|
||||
function supprimer_encadrant(encadrant) {
|
||||
document.querySelector('#encadrant'+ encadrant +'').remove();
|
||||
}
|
||||
|
||||
function si_encadrant_prof(encadrant) {
|
||||
//encadrant++;
|
||||
console.log("function si_encadrant_prof, encadrant = ",encadrant)
|
||||
|
||||
if (document.getElementById("encadrant_"+ encadrant +"_type").value == "Professeur") {
|
||||
contenuhtml_encadrant = `<div id="affiche_encadrant_`+ encadrant +`_prof_instrument" class="grid_2inputs">
|
||||
<div class="input_box input_text input_box_bleu">
|
||||
<label for="encadrant_`+ encadrant +`_prof_instrument">Instrument du professeur *</label>
|
||||
<input type="text" name="encadrant_`+ encadrant +`_prof_instrument" id="encadrant_`+ encadrant +`_prof_instrument" title="L'instrument du prof encadrant" required>
|
||||
</div>
|
||||
</div>`;
|
||||
document.querySelector('#encadrant_ajout_prof_instrument'+ encadrant +'').insertAdjacentHTML("afterend",contenuhtml_encadrant);
|
||||
} else {
|
||||
if (document.querySelector('#affiche_encadrant_'+ encadrant +'_prof_instrument')) {
|
||||
document.querySelector('#affiche_encadrant_'+ encadrant +'_prof_instrument').remove();
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
function store_nb_spectateurs() {
|
||||
let key_spectateur_nb_place = document.getElementById("spectateur_nb_place").value;
|
||||
console.log("key_spectateur_nb_place = ",key_spectateur_nb_place);
|
||||
var userData = {
|
||||
key_spectateur_nb_place: key_spectateur_nb_place
|
||||
};
|
||||
localStorage.setItem('userData', JSON.stringify(userData));
|
||||
}
|
||||
13
public/js/localstore.js
Normal file
13
public/js/localstore.js
Normal file
@@ -0,0 +1,13 @@
|
||||
document.getElementById('form_identifier').addEventListener('submit', function(e) {
|
||||
//e.preventDefault(); // Empêche le formulaire de s'envoyer normalement
|
||||
|
||||
// Récupérer les valeurs du formulaire
|
||||
var key_identifiant = document.getElementById('identifiant').value;
|
||||
var lstorage_identifiant = {
|
||||
key_identifiant: key_identifiant
|
||||
};
|
||||
|
||||
|
||||
// Stocker les données dans localStorage
|
||||
localStorage.setItem('lstorage_identifiant', JSON.stringify(lstorage_identifiant));
|
||||
});
|
||||
@@ -3,140 +3,203 @@
|
||||
// PARAGRAPHE PERSONNE
|
||||
// POUR 6 Personnes
|
||||
|
||||
var personne = "0";
|
||||
console.log("personne : ",personne);
|
||||
window.onload = affichepersonne(personne);
|
||||
function ajout_personne(personne) {
|
||||
|
||||
console.log("personne : ",personne);
|
||||
affichepersonne(personne);
|
||||
// STAGE NATIONAL
|
||||
// REMPLIR LE FORMULAIRE
|
||||
// PARAGRAPHE PERSONNE
|
||||
// POUR 6 Personnes
|
||||
|
||||
let personne = 0;
|
||||
|
||||
window.onload = () => {
|
||||
affichePersonne(personne);
|
||||
};
|
||||
|
||||
function ajoutPersonne() {
|
||||
affichePersonne(personne);
|
||||
}
|
||||
|
||||
function affichepersonne(personne) {
|
||||
console.log("affichepersonne personne : ",personne);
|
||||
personne++;
|
||||
console.log("affiche personne personne incrémenté : ",personne);
|
||||
function affichePersonne(personneCount) {
|
||||
personneCount++;
|
||||
console.log("Affiche personne :", personneCount);
|
||||
|
||||
|
||||
if (personne > 6 ) {
|
||||
if (personneCount > 6) {
|
||||
console.log("6 personnes maximum");
|
||||
return;
|
||||
}
|
||||
|
||||
// Vérifie si l'élément existe déjà
|
||||
if (!document.querySelector(`#personne${personneCount}`)) {
|
||||
let contenuHtmlPersonne = `
|
||||
<section id="personne${personneCount}" class="personne">
|
||||
<h2>
|
||||
<img class="icone_titre" src="/public/images/icones/icone_personne.png" alt="icone information à cliquer">
|
||||
PERSONNE <span class="rouge numero">${personneCount}</span>`;
|
||||
|
||||
if (personneCount > 1) {
|
||||
contenuHtmlPersonne += `
|
||||
<span class="remove_personne">
|
||||
<input class="input_suppr" type="checkbox" name="check_personne_delete${personneCount}" id="check_personne_delete${personneCount}">
|
||||
<label class="label_suppr" for="check_personne_delete${personneCount}" onclick="supprimerPersonne(${personneCount})">Supprimer cette personne</label>
|
||||
</span>`;
|
||||
}
|
||||
|
||||
// Ce if sert pour ne pas répéter plusieurs fois le même numéro de personne si l'internaute clique plusieurs fois sur le même "ajouter une personne"
|
||||
if (!document.querySelector('#personne'+ personne +'')) {
|
||||
|
||||
let contenuhtml_personne = `<section id="personne`+ personne +`" class="personne">
|
||||
|
||||
<h2><img class='icone_titre' src="/public/images/icones/icone_personne.png" alt="icone information à cliquer">PERSONNE <span class="rouge numero">`+ personne +`</span>`;
|
||||
|
||||
if (personne > 1) {
|
||||
contenuhtml_personne += ` <span class="remove_personne"><input class="input_suppr" type="checkbox" name="check_personne_delete`+ personne +`" id="check_personne_delete`+ personne +`" onchange="supprimer_personne(`+ personne +`)"><label class="label_suppr" for="check_personne_delete`+ personne +`">Supprimer cette personne</label></span>`;
|
||||
};
|
||||
|
||||
contenuhtml_personne += `</h2>
|
||||
|
||||
contenuHtmlPersonne += `
|
||||
</h2>
|
||||
<div class="grid_2inputs">
|
||||
<div class="input_box input_text input_box_gris">
|
||||
<label for="personne_`+ personne +`_nom">Nom de famille *</label>
|
||||
<input type="text" name="personne_`+ personne +`_nom" id="personne_`+ personne +`_nom" required>
|
||||
<label for="personne_${personneCount}_nom">Nom de famille *</label>
|
||||
<input type="text" name="personne_${personneCount}_nom" id="personne_${personneCount}_nom" required>
|
||||
</div>
|
||||
|
||||
<div class="input_box input_text input_box_gris">
|
||||
<label for="personne_`+ personne +`_prenom">Prénom *</label>
|
||||
<input type="text" name="personne_`+ personne +`_prenom" id="personne_`+ personne +`_prenom" required>
|
||||
<label for="personne_${personneCount}_prenom">Prénom *</label>
|
||||
<input type="text" name="personne_${personneCount}_prenom" id="personne_${personneCount}_prenom" required>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="grid_2inputs">
|
||||
<div class="input_box input_text input_box_gris">
|
||||
<label for="personne_`+ personne +`_datenaissance">Date de naissance * (jj/mm/aaaa)</label>
|
||||
<input type="text" name="personne_`+ personne +`_datenaissance" id="personne_`+ personne +`_datenaissance" placeholder="01/01/1999" pattern="[0-2][0-9]/[0-1][0-9]/[1-2][0-9][0-9][0-9]" minlength="10" maxlength="10" title="le format de date doit être jj/mm/aaaa" required>
|
||||
<label for="personne_${personneCount}_datenaissance">Date de naissance * (jj/mm/aaaa)</label>
|
||||
<input type="text" name="personne_${personneCount}_datenaissance" id="personne_${personneCount}_datenaissance" placeholder="01/01/1999" pattern="[0-3][0-9]/[0-1][0-9]/[1-2][0-9]{3}" minlength="10" maxlength="10" title="le format de date doit être jj/mm/aaaa" required>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
<div class="grid_2inputs">
|
||||
<div class="input_box input_text input_box_bleu">
|
||||
<label for="personne_`+ personne +`_prof">Nom professeur *</label>
|
||||
<input type="text" name="personne_`+ personne +`_prof" id="personne_`+ personne +`_prof" required>
|
||||
<div id="personne_${personneCount}_instrument_activite_call" class="grid_2inputs">
|
||||
<div id="personne_${personneCount}_profil_call" class="input_box input_text input_box_bleu">
|
||||
<label for="personne_${personneCount}_role">Rôle de la personne ? *</label>
|
||||
<select id="personne_${personneCount}_role" name="personne_${personneCount}_role" autocomplete="off" required onchange="selectPersonneProfil(this, ${personneCount})">
|
||||
<option value="" selected></option>
|
||||
<option value="instrumentiste">Élève</option>
|
||||
<option value="professeur">Professeur</option>
|
||||
</select>
|
||||
</div>
|
||||
</div>
|
||||
</div>`;
|
||||
|
||||
if (personneCount < 6) {
|
||||
contenuHtmlPersonne += `
|
||||
<div class="input_checkbox">
|
||||
<input type="checkbox" name="check_personne${personneCount}" id="check_personne${personneCount}" onclick="ajoutPersonne()">
|
||||
<label for="check_personne${personneCount}">Voulez-vous ajouter une autre personne au stage ?</label>
|
||||
</div>`;
|
||||
}
|
||||
|
||||
contenuHtmlPersonne += `</section>`;
|
||||
|
||||
// Insère le nouveau contenu après la dernière personne
|
||||
const lastPersonne = document.querySelector(`#personne${personneCount - 1}`);
|
||||
if (lastPersonne) {
|
||||
lastPersonne.insertAdjacentHTML("afterend", contenuHtmlPersonne);
|
||||
} else {
|
||||
document.body.insertAdjacentHTML("beforeend", contenuHtmlPersonne);
|
||||
}
|
||||
|
||||
personne = personneCount;
|
||||
}
|
||||
}
|
||||
|
||||
function selectPersonneProfil(select, personneCount) {
|
||||
console.log("Valeur sélectionnée :", select.value);
|
||||
|
||||
const instrumentDisplayId = `#personne_${personneCount}_instrument_display`;
|
||||
const instrumentActiviteCall = document.querySelector(`#personne_${personneCount}_instrument_activite_call`);
|
||||
|
||||
// Supprime l'affichage précédent
|
||||
if (document.querySelector(instrumentDisplayId)) {
|
||||
document.querySelector(instrumentDisplayId).remove();
|
||||
}
|
||||
|
||||
if (select.value === "professeur") {
|
||||
instrumentActiviteCall.insertAdjacentHTML("afterend", `
|
||||
<div id="personne_${personneCount}_instrument_display">
|
||||
<div class="grid_2inputs">
|
||||
<div class="input_box input_text input_box_bleu">
|
||||
<label for="personne_`+ personne +`_instrument">Instrument *</label>
|
||||
<select id="personne_`+ personne +`_instrument" name="personne_`+ personne +`_instrument" required onchange="select_cahier(this,`+ personne +`)">
|
||||
<div class="input_box input_text input_box_gris">
|
||||
<label for="personne_${personneCount}_instrument">Instrument *</label>
|
||||
<select id="personne_${personneCount}_instrument" name="personne_${personneCount}_instrument" required onchange="handleInstrumentChange(${personneCount})">
|
||||
<option value="" selected></option>
|
||||
<option value="alto">Alto</option>
|
||||
<option value="harpe">Harpe</option>
|
||||
<option value="violon">Violon</option>
|
||||
<option value="violoncelle">Violoncelle</option>
|
||||
</select>
|
||||
</div>
|
||||
<div class="input_box input_text input_box_bleu">
|
||||
<label for="personne_`+ personne +`_cahier">Niveau Cahier *</label>
|
||||
<select id="personne_`+ personne +`_cahier" name="personne_`+ personne +`_cahier" 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>
|
||||
<label for="personne_${personneCount}_repas">Repas du midi *</label>
|
||||
<select id="personne_${personneCount}_repas" name="personne_${personneCount}_repas" required>
|
||||
<option value="" selected></option>
|
||||
<option value="repas">Oui (8€)</option>
|
||||
<option value="non">Non</option>
|
||||
</select>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
</div>`);
|
||||
} else if (select.value === "instrumentiste") {
|
||||
instrumentActiviteCall.insertAdjacentHTML("afterend", `
|
||||
<div id="personne_${personneCount}_instrument_display">
|
||||
<div class="grid_2inputs">
|
||||
<div class="input_box input_text input_box_gris">
|
||||
<label for="personne_${personneCount}_instrument">Instrument *</label>
|
||||
<select id="personne_${personneCount}_instrument" name="personne_${personneCount}_instrument" required onchange="handleInstrumentChange(${personneCount})">
|
||||
<option value="" selected></option>
|
||||
<option value="alto">Alto</option>
|
||||
<option value="violon">Violon</option>
|
||||
<option value="violoncelle">Violoncelle</option>
|
||||
</select>
|
||||
</div>
|
||||
<div class="input_box input_text input_box_bleu">
|
||||
<label for="personne_`+ personne +`_piece">Pièces récentes*</label>
|
||||
<input type="text" name="personne_`+ personne +`_piece" id="personne_`+ personne +`_piece" required>
|
||||
<label for="personne_${personneCount}_cahier">Niveau Cahier *</label>
|
||||
<select id="personne_${personneCount}_cahier" name="personne_${personneCount}_cahier" 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>
|
||||
|
||||
`;
|
||||
|
||||
|
||||
|
||||
if (personne < 6) {
|
||||
contenuhtml_personne += "<!-- ---------------------------------- -->"+
|
||||
`<!-- Voulez-vous ajouter une autre personne ? -->`+
|
||||
`<!-- ---------------------------------- -->`+
|
||||
`<div class="input_checkbox">`+
|
||||
`<input type="checkbox" name="check_personne`+ personne +`" id="check_personne`+ personne +`" onchange="ajout_personne(`+ personne +`)">`+
|
||||
`<label for="check_personne`+ personne +`">Voulez-vous ajouter une autre personne au stage ?</label>`+
|
||||
`</div>`
|
||||
};
|
||||
|
||||
contenuhtml_personne += `</section>`;
|
||||
|
||||
|
||||
personne--;
|
||||
document.querySelector('#personne'+ personne +'').insertAdjacentHTML("afterend",contenuhtml_personne);
|
||||
|
||||
console.log("personne à la fin de la fonction : ",personne);
|
||||
personne++;
|
||||
|
||||
return personne;
|
||||
<div class="grid_2inputs">
|
||||
<div class="input_box input_text input_box_bleu">
|
||||
<label for="personne_${personneCount}_piece">Pièces récentes *</label>
|
||||
<input type="text" name="personne_${personneCount}_piece" id="personne_${personneCount}_piece" required>
|
||||
</div>
|
||||
<div id="professeur_field_${personneCount}" class="input_box input_text input_box_bleu">
|
||||
<label for="personne_${personneCount}_prof">Nom professeur *</label>
|
||||
<input type="text" name="personne_${personneCount}_prof" id="personne_${personneCount}_prof" required>
|
||||
</div>
|
||||
</div>
|
||||
</div>`);
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
function handleInstrumentChange(personneCount) {
|
||||
const instrumentSelect = document.querySelector(`#personne_${personneCount}_instrument`);
|
||||
const professeurField = document.querySelector(`#professeur_field_${personneCount}`);
|
||||
|
||||
function supprimer_personne(personne) {
|
||||
document.querySelector('#personne'+ personne +'').remove();
|
||||
if (instrumentSelect && professeurField) {
|
||||
// Si l'instrument sélectionné est le piano, affiche une liste déroulante pour le professeur
|
||||
if (instrumentSelect.value === "piano") {
|
||||
professeurField.innerHTML = `
|
||||
<label for="personne_${personneCount}_prof">Nom professeur *</label>
|
||||
<select id="personne_${personneCount}_prof" name="personne_${personneCount}_prof" required>
|
||||
<option value="" selected></option>
|
||||
<option value="Isabelle Gaston">Isabelle Gaston</option>
|
||||
<option value="Koyuki Kawahara">Koyuki Kawahara</option>
|
||||
</select>
|
||||
<p>Seuls les élèves de Isabelle Gaston et Koyuki Kawahara peuvent s'inscrire pour le piano.</p>`;
|
||||
} else {
|
||||
// Pour les autres instruments, affiche un champ de saisie libre
|
||||
professeurField.innerHTML = `
|
||||
<label for="personne_${personneCount}_prof">Nom professeur *</label>
|
||||
<input type="text" name="personne_${personneCount}_prof" id="personne_${personneCount}_prof" required>
|
||||
`;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
function supprimerPersonne(personneCount) {
|
||||
const personneElement = document.querySelector(`#personne${personneCount}`);
|
||||
if (personneElement) {
|
||||
personneElement.remove();
|
||||
}
|
||||
}
|
||||
|
||||
@@ -0,0 +1,192 @@
|
||||
// STAGE NATIONAL
|
||||
// REMPLIR LE FORMULAIRE
|
||||
// PARAGRAPHE PERSONNE
|
||||
// POUR 6 Personnes
|
||||
|
||||
var personne = "0";
|
||||
window.onload = affichepersonne(personne);
|
||||
|
||||
function ajout_personne(personne) {
|
||||
affichepersonne(personne);
|
||||
}
|
||||
|
||||
function affichepersonne(personne) {
|
||||
personne++;
|
||||
console.log("Affiche personne personne : ",personne);
|
||||
|
||||
if (personne > 6 ) {
|
||||
console.log("6 personnes maximum");
|
||||
return;
|
||||
}
|
||||
|
||||
// Ce if sert pour ne pas répéter plusieurs fois le même numéro de personne si l'internaute clique plusieurs fois sur le même "ajouter une personne"
|
||||
if (!document.querySelector('#personne'+ personne +'')) {
|
||||
|
||||
let contenuhtml_personne = `<section id="personne`+ personne +`" class="personne">
|
||||
|
||||
<h2><img class='icone_titre' src="/public/images/icones/icone_personne.png" alt="icone information à cliquer">PERSONNE <span class="rouge numero">`+ personne +`</span>`;
|
||||
|
||||
if (personne > 1) {
|
||||
contenuhtml_personne += ` <span class="remove_personne"><input class="input_suppr" type="checkbox" name="check_personne_delete`+ personne +`" id="check_personne_delete`+ personne +`" onchange="supprimer_personne(`+ personne +`)"><label class="label_suppr" for="check_personne_delete`+ personne +`">Supprimer cette personne</label></span>`;
|
||||
};
|
||||
|
||||
contenuhtml_personne += `</h2>
|
||||
|
||||
<div class="grid_2inputs">
|
||||
<div class="input_box input_text input_box_gris">
|
||||
<label for="personne_`+ personne +`_nom">Nom de famille *</label>
|
||||
<input type="text" name="personne_`+ personne +`_nom" id="personne_`+ personne +`_nom" required>
|
||||
</div>
|
||||
|
||||
<div class="input_box input_text input_box_gris">
|
||||
<label for="personne_`+ personne +`_prenom">Prénom *</label>
|
||||
<input type="text" name="personne_`+ personne +`_prenom" id="personne_`+ personne +`_prenom" required>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="grid_2inputs">
|
||||
<div class="input_box input_text input_box_gris">
|
||||
<label for="personne_`+ personne +`_datenaissance">Date de naissance * (jj/mm/aaaa)</label>
|
||||
<input type="text" name="personne_`+ personne +`_datenaissance" id="personne_`+ personne +`_datenaissance" placeholder="01/01/1999" pattern="[0-3][0-9]/[0-1][0-9]/[1-2][0-9][0-9][0-9]" minlength="10" maxlength="10" title="le format de date doit être jj/mm/aaaa" required>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div id="personne_`+ personne +`_instrument_activite_call" class="grid_2inputs">
|
||||
<div id="personne_`+ personne +`_profil_call" class="input_box input_text input_box_bleu">
|
||||
<label for="personne_`+ personne +`_role">Rôle de la personne ? * </label>
|
||||
<select id="personne_`+ personne +`_role" name="personne_`+ personne +`_role" autocomplete="off" required onchange="select_personne_profil(this,`+ personne +`)">
|
||||
<option value="" selected></option>
|
||||
<option value="instrumentiste">élève</option>
|
||||
<option value="professeur">professeur</option>
|
||||
</select>
|
||||
</div>
|
||||
</div>
|
||||
`;
|
||||
|
||||
|
||||
|
||||
if (personne < 6) {
|
||||
contenuhtml_personne += "<!-- ---------------------------------- -->"+
|
||||
`<!-- Voulez-vous ajouter une autre personne ? -->`+
|
||||
`<!-- ---------------------------------- -->`+
|
||||
`<div class="input_checkbox">`+
|
||||
`<input type="checkbox" name="check_personne`+ personne +`" id="check_personne`+ personne +`" onchange="ajout_personne(`+ personne +`)">`+
|
||||
`<label for="check_personne`+ personne +`">Voulez-vous ajouter une autre personne au stage ?</label>`+
|
||||
`</div>`
|
||||
};
|
||||
|
||||
contenuhtml_personne += `</section>`;
|
||||
|
||||
|
||||
personne--;
|
||||
document.querySelector('#personne'+ personne +'').insertAdjacentHTML("afterend",contenuhtml_personne);
|
||||
personne++;
|
||||
|
||||
return personne;
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
|
||||
function select_personne_profil(select, personne) {
|
||||
|
||||
console.log("select.value : ",select.value);
|
||||
|
||||
if (select.value == "professeur") {
|
||||
console.log("on est dans professeur");
|
||||
|
||||
if (document.querySelector("#personne_"+ personne +"_instrument_display")){
|
||||
document.querySelector("#personne_"+ personne +"_instrument_display").remove();
|
||||
}
|
||||
|
||||
document.querySelector('#personne_'+ personne +'_instrument_activite_call').insertAdjacentHTML("afterend",
|
||||
`<div id="personne_`+ personne +`_instrument_display">
|
||||
<div class="grid_2inputs">
|
||||
<div id="personne_`+ personne +`_cahier_display" class="input_box input_text input_box_gris">
|
||||
<label for="personne_`+ personne +`_instrument">Instrument *</label>
|
||||
<select id="personne_`+ personne +`_instrument" name="personne_`+ personne +`_instrument" required">
|
||||
<option value="" selected></option>
|
||||
<option value="alto">Alto</option>
|
||||
<option value="harpe">Harpe</option>
|
||||
<option value="violon">Violon</option>
|
||||
<option value="violoncelle">Violoncelle</option>
|
||||
<option value="Piano">Piano</option>
|
||||
</select>
|
||||
</div>
|
||||
<div class="input_box input_text input_box_bleu">
|
||||
<label for="personne_`+ personne +`_repas">Repas du midi *</label>
|
||||
<select id="personne_`+ personne +`_repas" name="personne_`+ personne +`_repas" required>
|
||||
<option value="" selected></option>
|
||||
<option value="repas">oui (8€)</option>
|
||||
<option value="non">non</option>
|
||||
</select>
|
||||
</div>
|
||||
</div>
|
||||
</div>`
|
||||
);
|
||||
}
|
||||
|
||||
if (select.value == "instrumentiste") {
|
||||
console.log("on est dans élève");
|
||||
|
||||
if (document.querySelector("#personne_"+ personne +"_instrument_display")){
|
||||
document.querySelector("#personne_"+ personne +"_instrument_display").remove();
|
||||
}
|
||||
|
||||
document.querySelector('#personne_'+ personne +'_instrument_activite_call').insertAdjacentHTML("afterend",
|
||||
`<div id="personne_`+ personne +`_instrument_display">
|
||||
<div class="grid_2inputs">
|
||||
<div id="personne_`+ personne +`_cahier_display" class="input_box input_text input_box_gris">
|
||||
<label for="personne_`+ personne +`_instrument">Instrument *</label>
|
||||
<select id="personne_`+ personne +`_instrument" name="personne_`+ personne +`_instrument" required">
|
||||
<option value="" selected></option>
|
||||
<option value="alto">Alto</option>
|
||||
<option value="harpe">Harpe</option>
|
||||
<option value="violon">Violon</option>
|
||||
<option value="violoncelle">Violoncelle</option>
|
||||
</select>
|
||||
</div>
|
||||
<div class="input_box input_text input_box_bleu">
|
||||
<label for="personne_`+ personne +`_cahier">Niveau Cahier *</label>
|
||||
<select id="personne_`+ personne +`_cahier" name="personne_`+ personne +`_cahier" 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="personne_`+ personne +`_piece">Pièces récentes*</label>
|
||||
<input type="text" name="personne_`+ personne +`_piece" id="personne_`+ personne +`_piece" required>
|
||||
</div>
|
||||
<div class="input_box input_text input_box_bleu">
|
||||
<label for="personne_`+ personne +`_prof">Nom professeur *</label>
|
||||
<input type="text" name="personne_`+ personne +`_prof" id="personne_`+ personne +`_prof" required>
|
||||
</div>
|
||||
</div>
|
||||
</div>`
|
||||
);
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
|
||||
|
||||
function supprimer_personne(personne) {
|
||||
document.querySelector('#personne'+ personne +'').remove();
|
||||
}
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
172
public/js/rassemblementra/rassemblementra_formulaire_personne.js
Normal file
172
public/js/rassemblementra/rassemblementra_formulaire_personne.js
Normal file
@@ -0,0 +1,172 @@
|
||||
// RASSEMBLEMENT NATIONAL Rhone Alpes
|
||||
// REMPLIR LE FORMULAIRE
|
||||
// PARAGRAPHE PERSONNE
|
||||
// POUR 3 Personnes
|
||||
|
||||
var personne = "0";
|
||||
window.onload = affichepersonne(personne);
|
||||
|
||||
function ajout_personne(personne) {
|
||||
affichepersonne(personne);
|
||||
}
|
||||
|
||||
function affichepersonne(personne) {
|
||||
personne++;
|
||||
console.log("Affiche personne personne : ",personne);
|
||||
|
||||
if (personne > 4 ) {
|
||||
console.log("4 personnes maximum");
|
||||
return;
|
||||
}
|
||||
|
||||
// Ce if sert pour ne pas répéter plusieurs fois le même numéro de personne si l'internaute clique plusieurs fois sur le même "ajouter une personne"
|
||||
if (!document.querySelector('#personne'+ personne +'')) {
|
||||
|
||||
let contenuhtml_personne = `<section id="personne`+ personne +`" class="personne">
|
||||
|
||||
<h2><img class='icone_titre' src="/public/images/icones/icone_personne.png" alt="icone information à cliquer">PERSONNE <span class="rouge numero">`+ personne +`</span>`;
|
||||
|
||||
if (personne > 1) {
|
||||
contenuhtml_personne += ` <span class="remove_personne"><input class="input_suppr" type="checkbox" name="check_personne_delete`+ personne +`" id="check_personne_delete`+ personne +`" onchange="supprimer_personne(`+ personne +`)"><label class="label_suppr" for="check_personne_delete`+ personne +`">Supprimer cette personne</label></span>`;
|
||||
};
|
||||
|
||||
contenuhtml_personne += `</h2>
|
||||
|
||||
<div class="grid_2inputs">
|
||||
<div class="input_box input_text input_box_gris">
|
||||
<label for="personne_`+ personne +`_nom">Nom de famille *</label>
|
||||
<input type="text" name="personne_`+ personne +`_nom" id="personne_`+ personne +`_nom" required>
|
||||
</div>
|
||||
|
||||
<div class="input_box input_text input_box_gris">
|
||||
<label for="personne_`+ personne +`_prenom">Prénom *</label>
|
||||
<input type="text" name="personne_`+ personne +`_prenom" id="personne_`+ personne +`_prenom" required>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="grid_2inputs">
|
||||
<div class="input_box input_text input_box_gris">
|
||||
<label for="personne_`+ personne +`_datenaissance">Date de naissance * (jj/mm/aaaa)</label>
|
||||
<input type="text" name="personne_`+ personne +`_datenaissance" id="personne_`+ personne +`_datenaissance" placeholder="01/01/1999" pattern="[0-3][0-9]/[0-1][0-9]/[1-2][0-9][0-9][0-9]" minlength="10" maxlength="10" title="le format de date doit être jj/mm/aaaa" required>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div id="personne_`+ personne +`_instrument_activite_call" class="grid_2inputs">
|
||||
<div id="personne_`+ personne +`_profil_call" class="input_box input_text input_box_bleu">
|
||||
<label for="personne_`+ personne +`_role">Rôle de la personne ? * </label>
|
||||
<select id="personne_`+ personne +`_role" name="personne_`+ personne +`_role" autocomplete="off" required onchange="select_personne_profil(this,`+ personne +`)">
|
||||
<option value="" selected></option>
|
||||
<option value="instrumentiste">élève</option>
|
||||
<option value="professeur">professeur</option>
|
||||
</select>
|
||||
</div>
|
||||
</div>
|
||||
`;
|
||||
|
||||
|
||||
|
||||
if (personne < 4) {
|
||||
contenuhtml_personne += "<!-- ---------------------------------- -->"+
|
||||
`<!-- Voulez-vous ajouter une autre personne ? -->`+
|
||||
`<!-- ---------------------------------- -->`+
|
||||
`<div class="input_checkbox">`+
|
||||
`<input type="checkbox" name="check_personne`+ personne +`" id="check_personne`+ personne +`" onchange="ajout_personne(`+ personne +`)">`+
|
||||
`<label for="check_personne`+ personne +`">Voulez-vous ajouter une autre personne au stage ?</label>`+
|
||||
`</div>`
|
||||
};
|
||||
|
||||
contenuhtml_personne += `</section>`;
|
||||
|
||||
|
||||
personne--;
|
||||
document.querySelector('#personne'+ personne +'').insertAdjacentHTML("afterend",contenuhtml_personne);
|
||||
personne++;
|
||||
|
||||
return personne;
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
|
||||
function select_personne_profil(select, personne) {
|
||||
|
||||
console.log("select.value : ",select.value);
|
||||
|
||||
if (select.value == "professeur") {
|
||||
console.log("on est dans professeur");
|
||||
|
||||
if (document.querySelector("#personne_"+ personne +"_instrument_display")){
|
||||
document.querySelector("#personne_"+ personne +"_instrument_display").remove();
|
||||
}
|
||||
|
||||
document.querySelector('#personne_'+ personne +'_instrument_activite_call').insertAdjacentHTML("afterend",
|
||||
`<div id="personne_`+ personne +`_instrument_display">
|
||||
<div class="grid_2inputs">
|
||||
<div id="personne_`+ personne +`_cahier_display" class="input_box input_text input_box_gris">
|
||||
<label for="personne_`+ personne +`_instrument">Instrument *</label>
|
||||
<select id="personne_`+ personne +`_instrument" name="personne_`+ personne +`_instrument" required">
|
||||
<option value="" selected></option>
|
||||
<option value="violon">🎻 Violon</option>
|
||||
</select>
|
||||
</div>
|
||||
</div>
|
||||
</div>`
|
||||
);
|
||||
}
|
||||
|
||||
if (select.value == "instrumentiste") {
|
||||
console.log("on est dans élève");
|
||||
|
||||
if (document.querySelector("#personne_"+ personne +"_instrument_display")){
|
||||
document.querySelector("#personne_"+ personne +"_instrument_display").remove();
|
||||
}
|
||||
|
||||
document.querySelector('#personne_'+ personne +'_instrument_activite_call').insertAdjacentHTML("afterend",
|
||||
`<div id="personne_`+ personne +`_instrument_display">
|
||||
<div class="grid_2inputs">
|
||||
<div id="personne_`+ personne +`_cahier_display" class="input_box input_text input_box_gris">
|
||||
<label for="personne_`+ personne +`_instrument">Instrument *</label>
|
||||
<select id="personne_`+ personne +`_instrument" name="personne_`+ personne +`_instrument" required">
|
||||
<option value="" selected></option>
|
||||
<option value="violon">🎻 Violon</option>
|
||||
</select>
|
||||
</div>
|
||||
<div class="input_box input_text input_box_bleu">
|
||||
<label for="personne_`+ personne +`_cahier">Niveau Cahier *</label>
|
||||
<select id="personne_`+ personne +`_cahier" name="personne_`+ personne +`_cahier" required>
|
||||
<option value="" selected></option>
|
||||
<option value="Pre-Twinkle">Pre-Twinkle</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>
|
||||
</select>
|
||||
</div>
|
||||
</div>
|
||||
<div class="grid_2inputs">
|
||||
<div class="input_box input_text input_box_bleu">
|
||||
<label for="personne_`+ personne +`_piece">Pièces récentes*</label>
|
||||
<input type="text" name="personne_`+ personne +`_piece" id="personne_`+ personne +`_piece" required>
|
||||
</div>
|
||||
<div class="input_box input_text input_box_bleu">
|
||||
<label for="personne_`+ personne +`_prof">Nom professeur *</label>
|
||||
<input type="text" name="personne_`+ personne +`_prof" id="personne_`+ personne +`_prof" required>
|
||||
</div>
|
||||
</div>
|
||||
</div>`
|
||||
);
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
|
||||
|
||||
function supprimer_personne(personne) {
|
||||
document.querySelector('#personne'+ personne +'').remove();
|
||||
}
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
@@ -4,27 +4,16 @@
|
||||
// POUR 6 Personnes
|
||||
|
||||
var personne = "0";
|
||||
console.log("personne : ",personne);
|
||||
window.onload = affichepersonne(personne);
|
||||
function ajout_personne(personne) {
|
||||
|
||||
console.log("personne : ",personne);
|
||||
affichepersonne(personne);
|
||||
}
|
||||
|
||||
function affichepersonne(personne) {
|
||||
console.log("affichepersonne personne : ",personne);
|
||||
personne++;
|
||||
console.log("affiche personne personne incrémenté : ",personne);
|
||||
|
||||
|
||||
if (personne > 6 ) {
|
||||
console.log("6 personnes maximum");
|
||||
return;
|
||||
}
|
||||
|
||||
|
||||
|
||||
// Ce if sert pour ne pas répéter plusieurs fois le même numéro de personne si l'internaute clique plusieurs fois sur le même "ajouter une personne"
|
||||
if (!document.querySelector('#personne'+ personne +'')) {
|
||||
|
||||
@@ -53,7 +42,7 @@ function affichepersonne(personne) {
|
||||
<div class="grid_2inputs">
|
||||
<div class="input_box input_text input_box_gris">
|
||||
<label for="personne_`+ personne +`_datenaissance">Date de naissance * (jj/mm/aaaa)</label>
|
||||
<input type="text" name="personne_`+ personne +`_datenaissance" id="personne_`+ personne +`_datenaissance" placeholder="01/01/1999" pattern="[0-2][0-9]/[0-1][0-9]/[1-2][0-9][0-9][0-9]" minlength="10" maxlength="10" title="le format de date doit être jj/mm/aaaa" required>
|
||||
<input type="text" name="personne_`+ personne +`_datenaissance" id="personne_`+ personne +`_datenaissance" placeholder="01/01/1999" pattern="[0-3][0-9]/[0-1][0-9]/[1-2][0-9][0-9][0-9]" minlength="10" maxlength="10" title="le format de date doit être jj/mm/aaaa" required>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
@@ -75,26 +64,29 @@ function affichepersonne(personne) {
|
||||
<br>
|
||||
<p>Aller/Retour Lyon ⇔ Carroz d’Arâches</p>
|
||||
<br>
|
||||
<p>DÉPART 20 août, 11h pour l'arrêt du 7 quai Lassagne, Lyon 1er</p>
|
||||
<p>ou 11h30 pour l'arrêt Gare de la Part Dieu, sortie Porte des Alpes</p>
|
||||
<p>DÉPART 17 août, xxh pour l'arrêt du 7 quai Lassagne, Lyon 1er</p>
|
||||
<p>ou xx pour l'arrêt Gare de la Part Dieu, sortie Porte des Alpes</p>
|
||||
<br>
|
||||
<p class="rouge">PRÉVOIR UN PIQUE-NIQUE POUR LE 20 AOÛT</p>
|
||||
<p class="rouge">PRÉVOIR UN PIQUE-NIQUE POUR LE 17 AOÛT</p>
|
||||
<br>
|
||||
|
||||
<p>RETOUR 25 août, 14h - Arrivée à Gare de la Part Dieu vers 17h</p>
|
||||
<p>Il est possible de prévoir un train en partance de Lyon à partir de 18h.</p>
|
||||
<p>RETOUR 28 août, xxh - Arrivée à Gare de la Part Dieu vers xxh</p>
|
||||
<p>Il est possible de prévoir un train en partance de Lyon à partir de xxh.</p>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<div id="personne_`+ personne +`_instrument_activite_call" class="grid_2inputs">
|
||||
<div id="personne_`+ personne +`_profil_call" class="input_box input_text input_box_bleu">
|
||||
<label for="personne_`+ personne +`_categorie">Que va faire la personne ? * <span onclick="document.querySelector('#savoirplus_profil_content`+ personne +`').classList.toggle('ouvrir')"><img class='savoirplus_icone' src="/public/images/icones/icone_infos.png" alt="icone information à cliquer"></span></label>
|
||||
<select id="personne_`+ personne +`_categorie" name="personne_`+ personne +`_categorie" autocomplete="off" required onchange="select_personne_profil(this,`+ personne +`)">
|
||||
<label for="personne_`+ personne +`_role">Rôle de la personne ? * <span onclick="document.querySelector('#savoirplus_profil_content`+ personne +`').classList.toggle('ouvrir')"><img class='savoirplus_icone' src="/public/images/icones/icone_infos.png" alt="icone information à cliquer"></span></label>
|
||||
<select id="personne_`+ personne +`_role" name="personne_`+ personne +`_role" autocomplete="off" required onchange="select_personne_profil(this,`+ personne +`)">
|
||||
<option value="" selected></option>
|
||||
<option value="instrumentiste">Élève instrumentiste</option>
|
||||
<option value="observateur">Observateur (adulte ou professeur)</option>
|
||||
<option value="accompagnant">Accompagnant SANS activité (adulte ou enfant)</option>
|
||||
<option value="accompagnant_activite">Accompagnant AVEC activité (adulte ou enfant)</option>
|
||||
<option value="instrumentiste_camp">Élève instrumentiste Camp Ado (Les Flocons Verts)</option>
|
||||
<option value="accompagnant">Accompagnant sans activité (adulte ou enfant)</option>
|
||||
<option value="accompagnant_activite_adulte">Accompagnant adulte avec activité (18 ans et plus)</option>
|
||||
<option value="accompagnant_activite_enfant">Accompagnant enfant avec activité (< 18 ans)</option>
|
||||
<option value="observateur">Observateur spécifique (adulte ou professeur)</option>
|
||||
<option value="prof_invite">Professeur invité</option>
|
||||
</select>
|
||||
</div>
|
||||
</div>
|
||||
@@ -106,19 +98,20 @@ function affichepersonne(personne) {
|
||||
<div>
|
||||
<p>Informations sur le PROFIL</p>
|
||||
<br>
|
||||
<p>INSTRUMENTISTE : tous les enfants qui suivent le programme du stage en violon, alto, violoncelle ou piano.</p>
|
||||
<p><strong>INSTRUMENTISTE</strong> : tous les enfants qui suivent le programme du stage en violon, alto, violoncelle, piano, flûte traversière, trompette.</p>
|
||||
<br>
|
||||
<p><strong>INSTRUMENTISTE Camp Ado</strong> : tous les enfants de 14 à 17 ans, non accompagnés, admis au camp ado au centre des Flocons Verts, qui suivent le programme du stage en violon, alto, violoncelle, piano, flûte traversière, trompette.</p>
|
||||
<br>
|
||||
<p>ACCOMPAGNANT SANS ACTIVITÉ : personne qui accompagne les enfants et qui logent au Flocons Verts</p>
|
||||
<br>
|
||||
<p>ACCOMPAGNANT AVEC ACTIVITÉ : personne qui accompagne les enfants, qui logent au Flocons Verts ou non, et qui fait une activité.</p>
|
||||
<br>
|
||||
<p>OBSERVATEUR : Toute personne extérieure à la pédagogie Suzuki peut observer les leçons et assister aux
|
||||
concerts des élèves. Ce stage constitue une source d’informations importantes pour toute personne
|
||||
qui désire mieux connaître la pédagogie Suzuki.
|
||||
<br>
|
||||
L’observation des cours est gratuite pour tous les professeurs Suzuki, et stagiaires en formation Suzuki adhérents à l’AFPS.</p>
|
||||
<br>
|
||||
<p>ACCOMPAGNANT SANS ACTIVITÉ : personne qui accompagne les enfants et qui logent au Flocons Verts</p>
|
||||
<br>
|
||||
<p>ACCOMPAGNANT AVEC ACTIVITÉ : personne qui accompagne les enfants qui logent au Flocons Verts ou non et qui font une activité.
|
||||
<br>
|
||||
L'activité sera payée sur place, le coût n'est pas compté dans le total du stage.</p>
|
||||
<p>PROFESSEUR INVITÉ : Pour les professeurs qui vont être enseignant au stage</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
@@ -144,7 +137,6 @@ function affichepersonne(personne) {
|
||||
personne--;
|
||||
document.querySelector('#personne'+ personne +'').insertAdjacentHTML("afterend",contenuhtml_personne);
|
||||
|
||||
console.log("personne à la fin de la fonction : ",personne);
|
||||
personne++;
|
||||
|
||||
return personne;
|
||||
@@ -152,12 +144,8 @@ function affichepersonne(personne) {
|
||||
|
||||
}
|
||||
|
||||
|
||||
function select_personne_transport_mode(select, personne) {
|
||||
console.log("personne dans select_personne_transport_mode : ",personne);
|
||||
console.log("select.value : ",select.value);
|
||||
if (select.value == "car"){
|
||||
console.log("on est dans Car");
|
||||
let transport_arret_call = '#personne_'+ personne +'_transport_arret_call';
|
||||
document.querySelector(transport_arret_call).insertAdjacentHTML("afterend",
|
||||
`<div id="personne_`+ personne +`_transport_arret_display" class="input_box input_text input_box_gris">
|
||||
@@ -171,9 +159,7 @@ function select_personne_transport_mode(select, personne) {
|
||||
);
|
||||
};
|
||||
if (select.value == "independant"){
|
||||
console.log("on est dans independant");
|
||||
if (document.querySelector("#personne_"+ personne +"_transport_arret_display")){
|
||||
console.log("on est dans independant arret exist");
|
||||
document.querySelector("#personne_"+ personne +"_transport_arret_display").remove();
|
||||
}
|
||||
};
|
||||
@@ -181,18 +167,16 @@ function select_personne_transport_mode(select, personne) {
|
||||
};
|
||||
|
||||
|
||||
|
||||
function select_personne_profil(select, personne) {
|
||||
console.log("select.value : ",select.value);
|
||||
if (select.value == "observateur"){
|
||||
console.log("on est dans observateur");
|
||||
|
||||
if (document.querySelector("#personne_"+ personne +"_instrument_display")){
|
||||
console.log("on est dans instrumentiste instrument exist");
|
||||
document.querySelector("#personne_"+ personne +"_instrument_display").remove();
|
||||
}
|
||||
if (document.querySelector(`#personne_${personne}_prise_charge_display`)) {
|
||||
document.querySelector(`#personne_${personne}_prise_charge_display`).remove();
|
||||
}
|
||||
if (document.querySelector("#personne_"+ personne +"_activite_display")){
|
||||
console.log("on est dans instrumentiste activite exist");
|
||||
document.querySelector("#personne_"+ personne +"_activite_display").remove();
|
||||
}
|
||||
if (document.querySelector("#personne_"+ personne +"_piece_display")){
|
||||
@@ -226,20 +210,70 @@ function select_personne_profil(select, personne) {
|
||||
</div>`
|
||||
);
|
||||
};
|
||||
|
||||
if (select.value == "prof_invite"){
|
||||
if (document.querySelector("#personne_"+ personne +"_instrument_display")){
|
||||
document.querySelector("#personne_"+ personne +"_instrument_display").remove();
|
||||
}
|
||||
if (document.querySelector(`#personne_${personne}_prise_charge_display`)) {
|
||||
document.querySelector(`#personne_${personne}_prise_charge_display`).remove();
|
||||
}
|
||||
if (document.querySelector("#personne_"+ personne +"_activite_display")){
|
||||
document.querySelector("#personne_"+ personne +"_activite_display").remove();
|
||||
}
|
||||
if (document.querySelector("#personne_"+ personne +"_profil_display")){
|
||||
document.querySelector("#personne_"+ personne +"_profil_display").remove();
|
||||
}
|
||||
if (document.querySelector("#personne_"+ personne +"_piece_display")){
|
||||
document.querySelector("#personne_"+ personne +"_piece_display").remove();
|
||||
}
|
||||
if (document.querySelector("#personne_"+ personne +"_prof_display")){
|
||||
document.querySelector("#personne_"+ personne +"_prof_display").remove();
|
||||
}
|
||||
if (document.querySelector("#personne_"+ personne +"_option_concertsolo_piece_call")){
|
||||
document.querySelector("#personne_"+ personne +"_option_concertsolo_piece_call").remove();
|
||||
}
|
||||
if (document.querySelector("#personne_"+ personne +"_option_concertsolo_piece_display")){
|
||||
document.querySelector("#personne_"+ personne +"_option_concertsolo_piece_display").remove();
|
||||
}
|
||||
if (document.querySelector("#personne_"+ personne +"_coursindividuel_display")){
|
||||
document.querySelector("#personne_"+ personne +"_coursindividuel_display").remove();
|
||||
}
|
||||
if (document.querySelector("#personne_"+ personne +"_decouvrealto_display")){
|
||||
document.querySelector("#personne_"+ personne +"_decouvrealto_display").remove();
|
||||
}
|
||||
};
|
||||
|
||||
if (select.value == "instrumentiste"){
|
||||
console.log("on est dans instrumentiste");
|
||||
|
||||
if (document.querySelector("#personne_"+ personne +"_profil_display")){
|
||||
console.log("on est dans observateur profil exist");
|
||||
document.querySelector("#personne_"+ personne +"_profil_display").remove();
|
||||
}
|
||||
if (document.querySelector("#personne_"+ personne +"_activite_display")){
|
||||
console.log("on est dans instrumentiste activite exist");
|
||||
document.querySelector("#personne_"+ personne +"_activite_display").remove();
|
||||
}
|
||||
|
||||
if (document.querySelector("#personne_"+ personne +"_instrument_display")){
|
||||
document.querySelector("#personne_"+ personne +"_instrument_display").remove();
|
||||
}
|
||||
if (document.querySelector("#personne_"+ personne +"_piece_display")){
|
||||
document.querySelector("#personne_"+ personne +"_piece_display").remove();
|
||||
}
|
||||
if (document.querySelector("#personne_"+ personne +"_prof_display")){
|
||||
document.querySelector("#personne_"+ personne +"_prof_display").remove();
|
||||
}
|
||||
if (document.querySelector("#personne_"+ personne +"_option_concertsolo_piece_display")){
|
||||
document.querySelector("#personne_"+ personne +"_option_concertsolo_piece_display").remove();
|
||||
}
|
||||
if (document.querySelector("#personne_"+ personne +"_coursindividuel_display")){
|
||||
document.querySelector("#personne_"+ personne +"_coursindividuel_display").remove();
|
||||
}
|
||||
if (document.querySelector("#personne_"+ personne +"_decouvrealto_display")){
|
||||
document.querySelector("#personne_"+ personne +"_decouvrealto_display").remove();
|
||||
}
|
||||
if (document.querySelector("#personne_"+ personne +"_option_concertsolo_piece_call")){
|
||||
document.querySelector("#personne_"+ personne +"_option_concertsolo_piece_call").remove();
|
||||
}
|
||||
|
||||
document.querySelector('#personne_'+ personne +'_instrument_activite_call').insertAdjacentHTML("afterend",
|
||||
`<div id="personne_`+ personne +`_instrument_display">
|
||||
<div class="grid_2inputs">
|
||||
@@ -255,8 +289,109 @@ function select_personne_profil(select, personne) {
|
||||
</div>`
|
||||
);
|
||||
|
||||
document.querySelector('#personne_'+ personne +'_instrument_display').insertAdjacentHTML("afterend",
|
||||
`<div id="personne_`+ personne +`_piece_display" class="grid_2inputs">
|
||||
<div class="input_box input_text input_box_gris">
|
||||
<label for="personne_`+ personne +`_piece">Nom de la dernière pièce jouée *</label>
|
||||
<input type="text" name="personne_`+ personne +`_piece" id="personne_`+ personne +`_piece" required>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div id="personne_`+ personne +`_prof_display" class="grid_2inputs">
|
||||
<div class="input_box input_text input_box_gris">
|
||||
<label for="personne_`+ personne +`_prof">Nom professeur *</label>
|
||||
<input type="text" name="personne_`+ personne +`_prof" id="personne_`+ personne +`_prof" required>
|
||||
</div>
|
||||
<div class="input_box input_text input_box_gris">
|
||||
<label for="personne_`+ personne +`_mail_prof">Mail professeur *</label>
|
||||
<input type="text" name="personne_`+ personne +`_mail_prof" id="personne_`+ personne +`_mail_prof" required>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
|
||||
<div id="personne_`+ personne +`_option_concertsolo_piece_call" class="grid_2inputs">
|
||||
<div class="input_box input_text input_box_bleu">
|
||||
<label for="personne_`+ personne +`_option_concertsolo">Option concert solo *</label>
|
||||
<select id="personne_`+ personne +`_option_concertsolo" name="personne_`+ personne +`_option_concertsolo" required onchange="select_personne_option_concertsolo(this,`+ personne +`)">
|
||||
<option value="" selected></option>
|
||||
<option value="concert solo">oui</option>
|
||||
<option value="non">non</option>
|
||||
</select>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
</div>`
|
||||
);
|
||||
|
||||
document.querySelector('#personne_'+ personne +'_instrument_display').insertAdjacentHTML("beforebegin",
|
||||
`<!-- Checkbox pour la prise en charge par une autre famille -->
|
||||
<div id="personne_`+ personne +`_prise_charge_display" class="input_checkbox input_checkbox_green">
|
||||
<input type="checkbox" class="" id="personne_`+ personne +`_prise_charge" name="personne_`+ personne +`_prise_charge" onchange="togglePriseEnCharge(`+ personne +`)">
|
||||
<label for="personne_`+ personne +`_prise_charge" class="color_green">Mon enfant sera pris en charge par une <strong>autre famille</strong> participant au stage</label>
|
||||
</div>
|
||||
|
||||
<!-- Champ caché pour entrer le nom de la famille -->
|
||||
<div id="personne_`+ personne +`_nom_famille_display" class="grid_2inputs" style="display: none;">
|
||||
<div class="input_box input_text input_box_green">
|
||||
<label for="personne_`+ personne +`_prise_charge_nom">Famille d'accueil *</label>
|
||||
<input type="text" id="personne_`+ personne +`_prise_charge_nom"
|
||||
name="personne_`+ personne +`_prise_charge_nom"
|
||||
placeholder="Nom et prénom de l'adhérent accueillant">
|
||||
</div>
|
||||
</div>`);
|
||||
};
|
||||
|
||||
if (select.value == "instrumentiste_camp"){
|
||||
|
||||
if (document.querySelector("#personne_"+ personne +"_instrument_display")){
|
||||
document.querySelector("#personne_"+ personne +"_instrument_display").remove();
|
||||
}
|
||||
if (document.querySelector(`#personne_${personne}_prise_charge_display`)) {
|
||||
document.querySelector(`#personne_${personne}_prise_charge_display`).remove();
|
||||
}
|
||||
if (document.querySelector("#personne_"+ personne +"_piece_display")){
|
||||
document.querySelector("#personne_"+ personne +"_piece_display").remove();
|
||||
}
|
||||
if (document.querySelector("#personne_"+ personne +"_prof_display")){
|
||||
document.querySelector("#personne_"+ personne +"_prof_display").remove();
|
||||
}
|
||||
if (document.querySelector("#personne_"+ personne +"_option_concertsolo_piece_display")){
|
||||
document.querySelector("#personne_"+ personne +"_option_concertsolo_piece_display").remove();
|
||||
}
|
||||
if (document.querySelector("#personne_"+ personne +"_coursindividuel_display")){
|
||||
document.querySelector("#personne_"+ personne +"_coursindividuel_display").remove();
|
||||
}
|
||||
if (document.querySelector("#personne_"+ personne +"_decouvrealto_display")){
|
||||
document.querySelector("#personne_"+ personne +"_decouvrealto_display").remove();
|
||||
}
|
||||
if (document.querySelector("#personne_"+ personne +"_option_concertsolo_piece_call")){
|
||||
document.querySelector("#personne_"+ personne +"_option_concertsolo_piece_call").remove();
|
||||
}
|
||||
if (document.querySelector("#personne_"+ personne +"_activite_display")){
|
||||
document.querySelector("#personne_"+ personne +"_activite_display").remove();
|
||||
}
|
||||
if (document.querySelector("#personne_"+ personne +"_profil_display")){
|
||||
document.querySelector("#personne_"+ personne +"_profil_display").remove();
|
||||
}
|
||||
|
||||
document.querySelector('#personne_'+ personne +'_instrument_activite_call').insertAdjacentHTML("afterend",
|
||||
`<div id="personne_`+ personne +`_instrument_display">
|
||||
<div class="grid_2inputs">
|
||||
<div id="personne_`+ personne +`_cahier_display" class="input_box input_text input_box_gris">
|
||||
<label for="personne_`+ personne +`_instrument">Instrument *</label>
|
||||
<select id="personne_`+ personne +`_instrument" name="personne_`+ personne +`_instrument" required onchange="select_cahier(this,`+ personne +`)">
|
||||
<option value="" selected></option>
|
||||
<option value="alto">Alto</option>
|
||||
<option value="piano">Piano</option>
|
||||
<option value="violon">Violon</option>
|
||||
<option value="violoncelle">Violoncelle</option>
|
||||
</select>
|
||||
</div>`
|
||||
);
|
||||
|
||||
document.querySelector('#personne_'+ personne +'_instrument_display').insertAdjacentHTML("afterend",
|
||||
`<div id="personne_`+ personne +`_piece_display" class="grid_2inputs">
|
||||
<div class="input_box input_text input_box_gris">
|
||||
@@ -294,18 +429,78 @@ function select_personne_profil(select, personne) {
|
||||
);
|
||||
};
|
||||
|
||||
if (select.value == "accompagnant_activite"){
|
||||
console.log("on est dans accompagnant_activite");
|
||||
if (select.value == "accompagnant_activite_adulte"){
|
||||
|
||||
if (document.querySelector(`#personne_${personne}_instrument_display`)) {
|
||||
document.querySelector(`#personne_${personne}_instrument_display`).remove();
|
||||
}
|
||||
if (document.querySelector(`#personne_${personne}_prise_charge_display`)) {
|
||||
document.querySelector(`#personne_${personne}_prise_charge_display`).remove();
|
||||
}
|
||||
if (document.querySelector(`#personne_${personne}_piece_display`)) {
|
||||
document.querySelector(`#personne_${personne}_piece_display`).remove();
|
||||
}
|
||||
if (document.querySelector(`#personne_${personne}_prof_display`)) {
|
||||
document.querySelector(`#personne_${personne}_prof_display`).remove();
|
||||
}
|
||||
if (document.querySelector(`#personne_${personne}_option_concertsolo_piece_display`)) {
|
||||
document.querySelector(`#personne_${personne}_option_concertsolo_piece_display`).remove();
|
||||
}
|
||||
if (document.querySelector(`#personne_${personne}_coursindividuel_display`)) {
|
||||
document.querySelector(`#personne_${personne}_coursindividuel_display`).remove();
|
||||
}
|
||||
if (document.querySelector(`#personne_${personne}_decouvrealto_display`)) {
|
||||
document.querySelector(`#personne_${personne}_decouvrealto_display`).remove();
|
||||
}
|
||||
if (document.querySelector(`#personne_${personne}_option_concertsolo_piece_call`)) {
|
||||
document.querySelector(`#personne_${personne}_option_concertsolo_piece_call`).remove();
|
||||
}
|
||||
if (document.querySelector(`#personne_${personne}_activite_display`)) {
|
||||
document.querySelector(`#personne_${personne}_activite_display`).remove();
|
||||
}
|
||||
if (document.querySelector(`#personne_${personne}_profil_display`)) {
|
||||
document.querySelector(`#personne_${personne}_profil_display`).remove();
|
||||
}
|
||||
|
||||
let selectHTML = `<div id="personne_`+ personne +`_activite_display">`;
|
||||
for (let i = 1; i <= 4; i++) {
|
||||
selectHTML += `
|
||||
<div class="grid_2inputs">
|
||||
<div id="personne_${personne}_activite_${i}_display" class="input_box input_text input_box_bleu">
|
||||
<label for="personne_${personne}_activite_${i}">Option activité ${i}</label>
|
||||
<select id="personne_${personne}_activite_${i}" name="personne_${personne}_activite_${i}" onchange="handleActivitySelection(this, ${personne}, ${i})">
|
||||
<option value="" selected></option>
|
||||
<option value="chant">Chant choral offert</option>
|
||||
<option value="dalcroze">Rythmique Dalcroze</option>
|
||||
<option value="cours_collectif_suzuki_acc">Cours collectif Suzuki</option>
|
||||
<option value="cours_particulier">Cours particuliers</option>
|
||||
</select>
|
||||
</div>
|
||||
</div>
|
||||
`;
|
||||
}
|
||||
selectHTML += `</div>`;
|
||||
document.querySelector('#personne_'+ personne +'_instrument_activite_call').insertAdjacentHTML("afterend",
|
||||
selectHTML
|
||||
);
|
||||
};
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
if (select.value == "accompagnant_activite_enfant"){
|
||||
|
||||
if (document.querySelector("#personne_"+ personne +"_instrument_display")){
|
||||
console.log("on est dans accompagnant_activite instrument exist");
|
||||
document.querySelector("#personne_"+ personne +"_instrument_display").remove();
|
||||
}
|
||||
if (document.querySelector(`#personne_${personne}_prise_charge_display`)) {
|
||||
document.querySelector(`#personne_${personne}_prise_charge_display`).remove();
|
||||
}
|
||||
if (document.querySelector("#personne_"+ personne +"_piece_display")){
|
||||
document.querySelector("#personne_"+ personne +"_piece_display").remove();
|
||||
}
|
||||
if (document.querySelector("#personne_"+ personne +"_prof_display")){
|
||||
console.log("on est dans accompagnant_activite prof exist");
|
||||
document.querySelector("#personne_"+ personne +"_prof_display").remove();
|
||||
}
|
||||
if (document.querySelector("#personne_"+ personne +"_option_concertsolo_piece_display")){
|
||||
@@ -314,56 +509,55 @@ function select_personne_profil(select, personne) {
|
||||
if (document.querySelector("#personne_"+ personne +"_coursindividuel_display")){
|
||||
document.querySelector("#personne_"+ personne +"_coursindividuel_display").remove();
|
||||
}
|
||||
if (document.querySelector("#personne_"+ personne +"_decouvrealto_display")){
|
||||
document.querySelector("#personne_"+ personne +"_decouvrealto_display").remove();
|
||||
}
|
||||
if (document.querySelector("#personne_"+ personne +"_option_concertsolo_piece_call")){
|
||||
document.querySelector("#personne_"+ personne +"_option_concertsolo_piece_call").remove();
|
||||
}
|
||||
if (document.querySelector("#personne_"+ personne +"_activite_display")){
|
||||
console.log("on est dans accompagnant_activite activite exist");
|
||||
document.querySelector("#personne_"+ personne +"_activite_display").remove();
|
||||
}
|
||||
if (document.querySelector("#personne_"+ personne +"_profil_display")){
|
||||
console.log("on est dans accompagnant_activite profil exist");
|
||||
document.querySelector("#personne_"+ personne +"_profil_display").remove();
|
||||
}
|
||||
|
||||
document.querySelector('#personne_'+ personne +'_instrument_activite_call').insertAdjacentHTML("afterend",
|
||||
`<div id="personne_`+ personne +`_activite_display">
|
||||
let selectHTML = `<div id="personne_`+ personne +`_activite_display">`;
|
||||
for (let i = 1; i <= 5; i++) {
|
||||
selectHTML += `
|
||||
<div class="grid_2inputs">
|
||||
<div class="input_box input_text input_box_bleu">
|
||||
<label for="personne_`+ personne +`_activite_1">Option activite 1 *</label>
|
||||
<select id="personne_`+ personne +`_activite_1" name="personne_`+ personne +`_activite_1" required>
|
||||
<div id="personne_${personne}_activite_${i}_display" class="input_box input_text input_box_bleu">
|
||||
<label for="personne_${personne}_activite_${i}">Option activité ${i}</label>
|
||||
<select id="personne_${personne}_activite_${i}" name="personne_${personne}_activite_${i}" onchange="handleActivitySelection(this, ${personne}, ${i})">
|
||||
<option value="" selected></option>
|
||||
<option value="dalcroze">Rythmique Dalcroze (de 4 à 11 ans + adultes)</option>
|
||||
<option value="chant">Chant choral (de 4 à 11 ans + adultes)</option>
|
||||
<option value="percussions">percussions corporelles (à partir de 12 ans + adultes)</option>
|
||||
</select>
|
||||
</div>
|
||||
<div class="input_box input_text input_box_bleu">
|
||||
<label for="personne_`+ personne +`_activite_2">Option activite 2</label>
|
||||
<select id="personne_`+ personne +`_activite_2" name="personne_`+ personne +`_activite_2">
|
||||
<option value="" selected></option>
|
||||
<option value="dalcroze">Rythmique Dalcroze (de 4 à 11 ans + adultes)</option>
|
||||
<option value="chant">Chant choral (de 4 à 11 ans + adultes)</option>
|
||||
<option value="percussions">percussions corporelles (à partir de 12 ans + adultes)</option>
|
||||
<option value="eveil">Éveil musical Suzuki (0 - 3 ans)</option>
|
||||
<option value="chant">Chant choral (4 - 11 ans)</option>
|
||||
<option value="chant">Chant choral offert (12 ans et plus)</option>
|
||||
<option value="dalcroze">Rythmique Dalcroze (4 - 17 ans)</option>
|
||||
<option value="atelier_mus_ens_acc">Atelier musique d'ensemble</option>
|
||||
</select>
|
||||
</div>
|
||||
</div>
|
||||
</div>`
|
||||
`;
|
||||
}
|
||||
selectHTML += `</div>`;
|
||||
|
||||
document.querySelector('#personne_'+ personne +'_instrument_activite_call').insertAdjacentHTML("afterend",
|
||||
selectHTML
|
||||
);
|
||||
};
|
||||
|
||||
if (select.value == "accompagnant"){
|
||||
console.log("accompagnant");
|
||||
if (document.querySelector("#personne_"+ personne +"_instrument_display")){
|
||||
console.log("on est dans instrumentiste instrument exist");
|
||||
document.querySelector("#personne_"+ personne +"_instrument_display").remove();
|
||||
}
|
||||
if (document.querySelector(`#personne_${personne}_prise_charge_display`)) {
|
||||
document.querySelector(`#personne_${personne}_prise_charge_display`).remove();
|
||||
}
|
||||
if (document.querySelector("#personne_"+ personne +"_activite_display")){
|
||||
console.log("on est dans instrumentiste activite exist");
|
||||
document.querySelector("#personne_"+ personne +"_activite_display").remove();
|
||||
}
|
||||
if (document.querySelector("#personne_"+ personne +"_profil_display")){
|
||||
console.log("on est dans observateur profil exist");
|
||||
document.querySelector("#personne_"+ personne +"_profil_display").remove();
|
||||
}
|
||||
if (document.querySelector("#personne_"+ personne +"_piece_display")){
|
||||
@@ -381,20 +575,22 @@ function select_personne_profil(select, personne) {
|
||||
if (document.querySelector("#personne_"+ personne +"_coursindividuel_display")){
|
||||
document.querySelector("#personne_"+ personne +"_coursindividuel_display").remove();
|
||||
}
|
||||
if (document.querySelector("#personne_"+ personne +"_decouvrealto_display")){
|
||||
document.querySelector("#personne_"+ personne +"_decouvrealto_display").remove();
|
||||
}
|
||||
};
|
||||
|
||||
if (!select.value){
|
||||
console.log("rien sélectionné");
|
||||
if (document.querySelector("#personne_"+ personne +"_instrument_display")){
|
||||
console.log("on est dans instrumentiste instrument exist");
|
||||
document.querySelector("#personne_"+ personne +"_instrument_display").remove();
|
||||
}
|
||||
if (document.querySelector(`#personne_${personne}_prise_charge_display`)) {
|
||||
document.querySelector(`#personne_${personne}_prise_charge_display`).remove();
|
||||
}
|
||||
if (document.querySelector("#personne_"+ personne +"_activite_display")){
|
||||
console.log("on est dans instrumentiste activite exist");
|
||||
document.querySelector("#personne_"+ personne +"_activite_display").remove();
|
||||
}
|
||||
if (document.querySelector("#personne_"+ personne +"_profil_display")){
|
||||
console.log("on est dans observateur profil exist");
|
||||
document.querySelector("#personne_"+ personne +"_profil_display").remove();
|
||||
}
|
||||
if (document.querySelector("#personne_"+ personne +"_piece_display")){
|
||||
@@ -412,16 +608,80 @@ function select_personne_profil(select, personne) {
|
||||
if (document.querySelector("#personne_"+ personne +"_coursindividuel_display")){
|
||||
document.querySelector("#personne_"+ personne +"_coursindividuel_display").remove();
|
||||
}
|
||||
if (document.querySelector("#personne_"+ personne +"_decouvrealto_display")){
|
||||
document.querySelector("#personne_"+ personne +"_decouvrealto_display").remove();
|
||||
}
|
||||
};
|
||||
|
||||
|
||||
};
|
||||
|
||||
function handleActivitySelection(select, personne, activiteIndex) {
|
||||
let activiteValue = select.value;
|
||||
|
||||
// Sélectionne le conteneur où ajouter les informations complémentaires
|
||||
let activiteContainer = document.querySelector(`#personne_${personne}_activite_${activiteIndex}_display`);
|
||||
|
||||
|
||||
// Supprime l'ancien complément d'information pour cette activité (évite doublons)
|
||||
let existingInfo = document.querySelector("#personne_" + personne + "_complement_" + activiteIndex);
|
||||
if (existingInfo) {
|
||||
existingInfo.remove();
|
||||
}
|
||||
|
||||
// Vérifie si on doit afficher un complément d'information
|
||||
if (activiteValue === "cours_particulier") {
|
||||
activiteContainer.insertAdjacentHTML("afterend", `
|
||||
<div id="personne_${personne}_complement_${activiteIndex}" class="input_box input_text input_box_bleu">
|
||||
<label for="personne_${personne}_instrument">Instrument pour cours particuliers</label>
|
||||
<select id="personne_${personne}_instrument" name="personne_${personne}_instrument">
|
||||
<option value="" selected></option>
|
||||
<option value="alto">Alto</option>
|
||||
<option value="piano">Piano</option>
|
||||
<option value="violon">Violon</option>
|
||||
<option value="violoncelle">Violoncelle</option>
|
||||
</select>
|
||||
</div>
|
||||
`);
|
||||
} else if (activiteValue === "atelier_mus_ens_acc") {
|
||||
activiteContainer.insertAdjacentHTML("afterend", `
|
||||
<div id="personne_${personne}_complement_${activiteIndex}" class="input_box input_text input_box_bleu">
|
||||
<label for="personne_${personne}_instrument_ensemble">Instrument pour musique d'ensemble</label>
|
||||
<input type="text" id="personne_${personne}_instrument_ensemble"
|
||||
name="personne_${personne}_instrument_ensemble">
|
||||
</div>
|
||||
`);
|
||||
} else if (activiteValue === "cours_collectif_suzuki_acc") {
|
||||
activiteContainer.insertAdjacentHTML("afterend", `
|
||||
<div id="personne_${personne}_complement_${activiteIndex}" class="input_box input_text input_box_bleu">
|
||||
<label for="personne_${personne}_instrument_collectif">Instrument pour cours collectif</label>
|
||||
<input type="text" id="personne_${personne}_instrument_collectif"
|
||||
name="personne_${personne}_instrument_collectif">
|
||||
</div>
|
||||
`);
|
||||
}
|
||||
}
|
||||
|
||||
function togglePriseEnCharge(personne) {
|
||||
let checkbox = document.querySelector("#personne_" + personne + "_prise_charge");
|
||||
let nomFamilleDiv = document.querySelector("#personne_" + personne + "_nom_famille_display");
|
||||
|
||||
if (checkbox.checked) {
|
||||
nomFamilleDiv.style.display = "block"; // Affiche le champ si la checkbox est cochée
|
||||
} else {
|
||||
nomFamilleDiv.style.display = "none"; // Cache le champ si la checkbox est décochée
|
||||
document.querySelector("#personne_" + personne + "_prise_charge_nom").value = ""; // Réinitialise le champ
|
||||
}
|
||||
}
|
||||
|
||||
function select_cahier(select, personne) {
|
||||
if (select.value == "alto") {
|
||||
console.log("on est dans cahier pour alto");
|
||||
if (document.querySelector("#select_personne_"+ personne +"cahier_display")){
|
||||
document.querySelector("#select_personne_"+ personne +"cahier_display").remove();
|
||||
}
|
||||
if (document.querySelector("#personne_"+ personne +"_decouvrealto_display")){
|
||||
document.querySelector("#personne_"+ personne +"_decouvrealto_display").remove();
|
||||
}
|
||||
document.querySelector('#personne_'+ personne +'_cahier_display').insertAdjacentHTML("afterend",
|
||||
`<div id="select_personne_`+ personne +`cahier_display" class="input_box input_text input_box_gris">
|
||||
<label for="personne_`+ personne +`_cahier">Niveau Cahier *</label>
|
||||
@@ -431,17 +691,20 @@ function select_cahier(select, personne) {
|
||||
<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>
|
||||
</select>
|
||||
</div>`
|
||||
);
|
||||
} else {
|
||||
console.log("on est dans cahier autre que alto");
|
||||
if (document.querySelector("#select_personne_"+ personne +"cahier_display")){
|
||||
document.querySelector("#select_personne_"+ personne +"cahier_display").remove();
|
||||
}
|
||||
if (document.querySelector("#personne_"+ personne +"_coursindividuel_display")){
|
||||
document.querySelector("#personne_"+ personne +"_coursindividuel_display").remove();
|
||||
}
|
||||
if (document.querySelector("#personne_"+ personne +"_decouvrealto_display")){
|
||||
document.querySelector("#personne_"+ personne +"_decouvrealto_display").remove();
|
||||
}
|
||||
document.querySelector('#personne_'+ personne +'_cahier_display').insertAdjacentHTML("afterend",
|
||||
`<div id="select_personne_`+ personne +`cahier_display" class="input_box input_text input_box_gris">
|
||||
<label for="personne_`+ personne +`_cahier">Niveau Cahier *</label>
|
||||
@@ -462,16 +725,15 @@ function select_cahier(select, personne) {
|
||||
);
|
||||
}
|
||||
|
||||
// OPTION COURS INDIVIDUEL POUR ALTO, VIOLON, VILONCELLE
|
||||
if (select.value == "alto" || select.value == "violon" ||select.value == "violoncelle" ) {
|
||||
console.log("on est dans cours indivi pour alto V V");
|
||||
// OPTION COURS INDIVIDUEL POUR ALTO, VIOLON, VILONCELLE, Trompette et flûte traversière
|
||||
if (select.value == "alto" || select.value == "violon" ||select.value == "violoncelle" ||select.value == "flute traversière" ||select.value == "trompette" ) {
|
||||
if (document.querySelector("#personne_"+ personne +"_coursindividuel_display")){
|
||||
document.querySelector("#personne_"+ personne +"_coursindividuel_display").remove();
|
||||
}
|
||||
document.querySelector('#personne_'+ personne +'_option_concertsolo_piece_call').insertAdjacentHTML("beforebegin",
|
||||
`<div id="personne_`+ personne +`_coursindividuel_display" class="grid_2inputs">
|
||||
<div class="input_box input_text input_box_bleu">
|
||||
<label for="personne_`+ personne +`_option_coursindividuel">Option cours individuel *</label>
|
||||
<label for="personne_`+ personne +`_option_coursindividuel">Option cours particulier *</label>
|
||||
<select id="personne_`+ personne +`_option_coursindividuel" name="personne_`+ personne +`_option_coursindividuel" required>
|
||||
<option value="" selected></option>
|
||||
<option value="cours individuel">oui</option>
|
||||
@@ -481,13 +743,12 @@ function select_cahier(select, personne) {
|
||||
</div>`
|
||||
);
|
||||
}
|
||||
};
|
||||
|
||||
};
|
||||
|
||||
|
||||
function select_personne_option_concertsolo (select, personne) {
|
||||
if (select.value == "concert solo"){
|
||||
console.log("on est dans concert solo");
|
||||
document.querySelector('#personne_'+ personne +'_option_concertsolo_piece_call').insertAdjacentHTML("afterend",
|
||||
`<div id="personne_`+ personne +`_option_concertsolo_piece_display" class="grid_2inputs">
|
||||
<div class="input_box input_text input_box_gris">
|
||||
@@ -515,9 +776,7 @@ function select_personne_option_concertsolo (select, personne) {
|
||||
);
|
||||
};
|
||||
if (select.value == "non"){
|
||||
console.log("on n'est pas dans concert solo");
|
||||
if (document.querySelector("#personne_"+ personne +"_option_concertsolo_piece_display")){
|
||||
console.log("on est dans concert solo piece exist");
|
||||
document.querySelector("#personne_"+ personne +"_option_concertsolo_piece_display").remove();
|
||||
}
|
||||
};
|
||||
|
||||
Reference in New Issue
Block a user