@ -11,198 +11,180 @@
< app-nav-commercant > < / app-nav-commercant >
< div class = "container" >
< div class = "card" >
< div class = "well" >
< h5 class = "mb-5 mt-1 font-bold wow fadeInDown text-center" > Envoyer Carte< / h5 >
< div class = "card" >
< div class = "well" >
< h5 class = "mb-5 mt-1 font-bold wow fadeInDown text-center" > Envoyer Carte< / h5 >
< p class = "text-center mb-4" style = "padding-top: 2%;" > Souhaitez-vous envoyer la carte à :< / p >
< form class = "form-inline flex-center" >
< div class = "md-form" style = "padding-left: 2%;" >
< input name = "group2" type = "radio" class = "with-gap" id = "Newparrain" value = "Newparrain" ( click ) = " initParSelect ( ) " [ ( ngModel ) ] = " radioParrain " >
< label for = "Newparrain" > Nouveau Parrain< / label >
< / div >
< div class = "md-form" style = "padding-left: 2%;" >
< input name = "group2" type = "radio" class = "with-gap" id = "ParrainExist" value = "ParrainExist" ( click ) = " initParSelect ( ) " [ ( ngModel ) ] = " radioParrain " >
< label for = "ParrainExist" > Parrain Existant< / label >
< / div >
<!--
< div class = "md-form" style = "padding-left: 2%;" >
< input name = "group2" type = "radio" class = "with-gap" id = "ParrainAffi" value = "ParrainAffi" ( click ) = " initParSelect ( ) " [ ( ngModel ) ] = " radioParrain " >
< label for = "ParrainAffi" > Parrain Affilier< / label >
< / div > -->
< / form >
<!-- Si cest un nouveau parrain -->
< div * ngIf = "radioParrain === 'Newparrain'" >
< div class = "md-form" >
< i class = "fa fa-user prefix grey-text" > < / i >
< input type = "text" id = "orangeForm-Familyname" [ ( ngModel ) ] = " parrain . familyname " placeholder = "Nom de famille" >
< / div >
< div class = "md-form" >
< i class = "fa fa-user prefix grey-text" > < / i >
< input type = "text" id = "orangeForm-Firstname" [ ( ngModel ) ] = " parrain . firstname " placeholder = "Prénom" >
< / div >
< form class = "form-inline" >
< div class = "md-form" >
< i class = "fa fa-venus-mars prefix grey-text" > < / i >
< input name = "group3" type = "radio" class = "with-gap" id = "homme" value = "Homme" [ ( ngModel ) ] = " parrain . sex " >
< label for = "homme" > Homme< / label >
< p class = "text-center mb-4" style = "padding-top: 2%;" > Souhaitez-vous envoyer la carte à :< / p >
< form class = "form-inline flex-center" >
< div class = "md-form" style = "padding-left: 2%;" >
< input name = "group2" type = "radio" class = "with-gap" id = "Newparrain" value = "Newparrain" ( click ) = " initParSelect ( ) " [ ( ngModel ) ] = " radioParrain " >
< label for = "Newparrain" > Nouveau Parrain< / label >
< / div >
< div class = "md-form" style = "padding-left: 2%;" >
< input name = "group 3 " type = "radio" class = "with-gap" id = " femme" value = "Femme" [ ( ngModel ) ] = " parrain . sex " >
< label for = " femme"> Femme < / label >
< input name = "group2" type = "radio" class = "with-gap" id = "ParrainExist" value = "ParrainExist" ( click ) = " initParSelect ( ) " [ ( ngModel ) ] = " radioParrain " >
< label for = "ParrainExist" > Parrain Existant< / label >
< / div >
<!--
< div class = "md-form" style = "padding-left: 2%;" >
< input name = "group2" type = "radio" class = "with-gap" id = "ParrainAffi" value = "ParrainAffi" ( click ) = " initParSelect ( ) " [ ( ngModel ) ] = " radioParrain " >
< label for = "ParrainAffi" > Parrain Affilier< / label >
< / div > -->
< / form >
< div class = "md-form" >
< i class = "fa fa-birthday-cake prefix grey-text" > < / i >
< input type = "date" id = "orangeForm-Birthday" [ ( ngModel ) ] = " parrain . birthday " placeholder = "Date de naissance" required min = "minDateTimeTest" max = "maxDateTimeTest" name = "birthday" # birthday = "ngModel" >
< div * ngIf = "(validationBirthday())" class = "alert alert-danger" >
Votre date de naissance doit être comprise entre < strong > < i > 01/01/1917 et 01/01/2117< / i > < / strong > .
<!-- Si cest un nouveau parrain -->
< div * ngIf = "radioParrain === 'Newparrain'" >
< div class = "md-form" >
< i class = "fa fa-user prefix grey-text" > < / i >
< input type = "text" id = "orangeForm-Familyname" [ ( ngModel ) ] = " parrain . familyname " placeholder = "Nom de famille" >
< / div >
< / div >
< div class = "md-form" >
< i class = "fa fa-envelope prefix grey-text" > < / i >
< input type = "email" id = "orangeForm-email" [ ( ngModel ) ] = " parrain . email " placeholder = "Email" name = "email" required pattern = "^\w+([\.-]?\w+)*@\w+([\.-]?\w+)*(\.\w{2,3})+$" # email = "ngModel" >
< div * ngIf = "email.errors && email.errors.pattern && (email.dirty || email.touched)" class = "alert alert-danger" >
Votre < strong > email< / strong > est requis et doit avoir ce format : < strong > < i > john@parrain.fr< / i > < / strong > .
< div class = "md-form" >
< i class = "fa fa-user prefix grey-text" > < / i >
< input type = "text" id = "orangeForm-Firstname" [ ( ngModel ) ] = " parrain . firstname " placeholder = "Prénom" >
< / div >
< / div >
< label >
En cliquant sur Créer un compte, vous acceptez nos Conditions
et indiquez que vous aves lu notre Politique d'utilisation des
données, y compris notre Utilisation des cookies.
< / label >
< div class = "col-md-12 subCard1 card" id = "subCard1" >
< img src = "{{cartePar.carteTemplate.downloadURL}}" id = "image1" crossorigin = "anonymous" class = "img-fluid mx-auto d-block flex-center card-img-overlay" alt = "Responsive image" >
< div class = "view" >
< div class = "mask pattern-6" >
< div class = "row firstRow" >
< div class = "col-md-6 flex-center card-block cardPart1" > < p class = "white-text info-text font-bold" > {{commercant.commercialName}}< / p > < / div >
< div class = "col-md-6 flex-center card-block card-image mb-1 cardPart2 image2" [ ngStyle ] = " { ' background-image ' : ' url ( ' + commercant . image . downloadURL + ' ) ' } " >
< form class = "form-inline" >
< div class = "md-form" >
< i class = "fa fa-venus-mars prefix grey-text" > < / i >
< input name = "group3" type = "radio" class = "with-gap" id = "homme" value = "Homme" [ ( ngModel ) ] = " parrain . sex " >
< label for = "homme" > Homme< / label >
< / div >
< div class = "md-form" style = "padding-left: 2%;" >
< input name = "group3" type = "radio" class = "with-gap" id = "femme" value = "Femme" [ ( ngModel ) ] = " parrain . sex " >
< label for = "femme" > Femme< / label >
< / div >
< / form >
< div class = "md-form" >
< i class = "fa fa-birthday-cake prefix grey-text" > < / i >
< input type = "date" id = "orangeForm-Birthday" [ ( ngModel ) ] = " parrain . birthday " placeholder = "Date de naissance" required min = "minDateTimeTest" max = "maxDateTimeTest" name = "birthday" # birthday = "ngModel" >
< div * ngIf = "(validationBirthday())" class = "alert alert-danger" >
Votre date de naissance doit être comprise entre < strong > < i > 01/01/1917 et 01/01/2117< / i > < / strong > .
< / div >
< / div >
< div class = "md-form" >
< i class = "fa fa-envelope prefix grey-text" > < / i >
< input type = "email" id = "orangeForm-email" [ ( ngModel ) ] = " parrain . email " placeholder = "Email" name = "email" required pattern = "^\w+([\.-]?\w+)*@\w+([\.-]?\w+)*(\.\w{2,3})+$" # email = "ngModel" >
< div * ngIf = "email.errors && email.errors.pattern && (email.dirty || email.touched)" class = "alert alert-danger" >
Votre < strong > email< / strong > est requis et doit avoir ce format : < strong > < i > john@parrain.fr< / i > < / strong > .
< / div >
< / div >
< label >
En cliquant sur Créer un compte, vous acceptez nos Conditions
et indiquez que vous aves lu notre Politique d'utilisation des
données, y compris notre Utilisation des cookies.
< / label >
< div class = "col-md-12 subCard1 card" id = "subCard1" >
< img src = "{{cartePar.carteTemplate.downloadURL}}" id = "image1" crossorigin = "anonymous" class = "img-fluid mx-auto d-block flex-center card-img-overlay" alt = "Responsive image" >
< div class = "view" >
< div class = "mask pattern-6" >
< div class = "row firstRow" >
< div class = "col-md-6 flex-center card-block cardPart1" > < p class = "white-text info-text font-bold" > {{commercant.commercialName}}< / p > < / div >
< div class = "col-md-6 flex-center card-block card-image mb-1 cardPart2 image2" [ ngStyle ] = " { ' background-image ' : ' url ( ' + commercant . image . downloadURL + ' ) ' } " >
< / div >
< / div >
< / div >
< div class = "row secondRow" >
< div class = "col-md-6 flex-center cardPart3 flex-column" >
< p class = "white-text info-text font-bold" > {{cartePar.name}}< / p >
< div class = "row secondRow" >
< div class = "col-md-6 flex-center cardPart3 flex-column" >
< p class = "white-text info-text font-bold" > {{cartePar.name}}< / p >
< / div >
< div class = "col-md-6 flex-center cardPart4" > < p class = "white-text info-text font-bold" > {{parrain.familyname}} {{parrain.firstname}}< / p > < / div >
< / div >
< div class = "col-md-12 text-center" id = "dateFin" >
< label class = "white-text info-text font-bold" > Valable jusqu'au: {{cartePar.dateFin | date:'dd/MM/yyyy'}}< / label >
< / div >
< div class = "col-md-6 flex-center cardPart4" > < p class = "white-text info-text font-bold" > {{parrain.familyname}} {{parrain.firstname}}< / p > < / div >
< / div >
< div class = "col-md-12 text-center" id = "dateFin" >
< label class = "white-text info-text font-bold" > Valable jusqu'au: {{cartePar.dateFin | date:'dd/MM/yyyy'}}< / label >
< / div >
< / div >
< / div >
< / div >
< div class = "text-center" style = "margin-top:5%" >
< button class = "btn btn-light-green waves-light" [ disabled ] = " email . errors | | validationBirthday ( ) | | carteEnvoieOK " ( click ) = " regiPar ( ) " > Creer nouveau parrain & envoyer carte< / button >
< div * ngIf = "carteEnvoieOK" class = "alert alert-danger" >
Une carte vient d'être envoyé à {{cartePar.parrainCarte.firstname}} {{cartePar.parrainCarte.familyname}}
< div class = "text-center" style = "margin-top:5%" >
< button class = "btn btn-light-green waves-light" [ disabled ] = " email . errors | | validationBirthday ( ) | | carteEnvoieOK " ( click ) = " regiPar ( ) " > Creer nouveau parrain & envoyer carte< / button >
< div * ngIf = "carteEnvoieOK" class = "alert alert-danger" >
Une carte vient d'être envoyée au nouveau Parrain {{cartePar.parrainCarte.firstname}} {{cartePar.parrainCarte.familyname}}
< / div >
< button class = "btn btn-cyan" ( click ) = " goToOpComm ( ) " > Retour< / button >
< / div >
< button class = "btn btn-cyan" ( click ) = " goToOpComm ( ) " > Retour< / button >
< / div >
< / div >
<!-- Fin Si cest un nouveau parrain -->
<!-- Fin Si cest un nouveau parrain -->
<!-- Si cest un parrain existant -->
< div * ngIf = "radioParrain === 'ParrainExist'" >
<!-- Si cest un parrain existant -->
< div * ngIf = "radioParrain === 'ParrainExist'" >
<!--
< div class = "dropdown" dropdown >
< button dropdownToggle type = "button" class = "btn btn-primary dropdown-toggle waves-light" mdbRippleRadius >
Parrains Existants
< / button >
<!--
< div class = "dropdown" dropdown >
< button dropdownToggle type = "button" class = "btn btn-primary dropdown-toggle waves-light" mdbRippleRadius >
Parrains Existants
< / button >
< div class = "dropdown-menu" >
< h6 class = "dropdown-header" > Parrains Existants< / h6 >
< a class = "dropdown-item" * ngFor = "let par of parrainExistList | async" ( click ) = " getIdParrain ( par . uid ) " > {{par.firstname}} {{par.familyname}}< / a >
< div class = "dropdown-menu" >
< h6 class = "dropdown-header" > Parrains Existants< / h6 >
< a class = "dropdown-item" * ngFor = "let par of parrainExistList | async" ( click ) = " getIdParrain ( par . uid ) " > {{par.firstname}} {{par.familyname}}< / a >
< / div >
< / div >
< / div >
-->
< p > Vous avez selectionné: {{parSelect}}< / p >
< div class = "md-form" >
< i class = "fa fa-user prefix grey-text" > < / i >
< input
#query
(keyup)="filter(query.value)"
type="text" class="form-control" placeholder="Cherchez Parrains Existants...">
< div * ngFor = "let parrain of filteredParrainsTest" >
< a ( click ) = " getIdParrain ( parrain. uid ) " > {{parrain.firstname}} {{parrain.familyname}}< / a >
< p >
{{parrain?.status}}
< / p >
-->
< p > Vous avez selectionné: {{parSelect}}< / p >
< div class = "md-form" >
< i class = "fa fa-user prefix grey-text" > < / i >
< input
#query
(keyup)="filter(query.value)"
type="text" class="form-control" placeholder="Cherchez Parrains Existants...">
< div * ngFor = "let parrain of filteredParrainsTest" >
< a ( click ) = " getIdParrain ( parrain . uid ) " > {{parrain.firstname}} {{parrain.familyname}}< / a >
< p>
{{parrain?.status}}
< / p >
< / div >
< / div >
< / div >
< div class = "md-form" style = "padding-top:2%;" >
< i class = "fa fa-birthday-cake prefix grey-text" > < / i >
< input type = "date" id = "orangeForm-Birthday" [ ( ngModel ) ] = " birthdayTemp " placeholder = "Date de naissance" name = "birthday" # birthday = "ngModel" >
< div * ngIf = "(birthdayTemp !== parrain.birthday) && (birthday.dirty || birthday.touched)" class = "alert alert-danger" >
La date de naissance doit être la même que celle de < strong > < i > {{parrain.firstname}} {{parrain.familyname}}< / i > < / strong > .
< div class = "md-form" style = "padding-top:2%;" >
< i class = "fa fa-birthday-cake prefix grey-text" > < / i >
< input type = "date" id = "orangeForm-Birthday" [ ( ngModel ) ] = " birthdayTemp " placeholder = "Date de naissance" name = "birthday" # birthday = "ngModel" >
< div * ngIf = "(birthdayTemp !== parrain.birthday) && (birthday.dirty || birthday.touched)" class = "alert alert-danger" >
La date de naissance doit être la même que celle de < strong > < i > {{parrain.firstname}} {{parrain.familyname}}< / i > < / strong > .
< / div >
< / div >
< / div >
< label >
En cliquant sur Créer un compte, vous acceptez nos Conditions
et indiquez que vous aves lu notre Politique d'utilisation des
données, y compris notre Utilisation des cookies.
< / label >
< div class = "col-md-12 subCard1 card" id = "subCard1" >
< img src = "{{cartePar.carteTemplate.downloadURL}}" id = "image1" crossorigin = "anonymous" class = "img-fluid mx-auto d-block flex-center card-img-overlay" alt = "Responsive image" >
< div class = "view" >
< div class = "mask pattern-6" >
< div class = "row firstRow" >
< div class = "col-md-6 flex-center card-block cardPart1" > < p class = "white-text info-text font-bold" > {{commercant.commercialName}}< / p > < / div >
< div class = "col-md-6 flex-center card-block card-image mb-1 cardPart2 image2" [ ngStyle ] = " { ' background-image ' : ' url ( ' + commercant . image . downloadURL + ' ) ' } " >
< label >
En cliquant sur Créer un compte, vous acceptez nos Conditions
et indiquez que vous aves lu notre Politique d'utilisation des
données, y compris notre Utilisation des cookies.
< / label >
< div class = "col-md-12 subCard1 card" id = "subCard1" >
< img src = "{{cartePar.carteTemplate.downloadURL}}" id = "image1" crossorigin = "anonymous" class = "img-fluid mx-auto d-block flex-center card-img-overlay" alt = "Responsive image" >
< div class = "view" >
< div class = "mask pattern-6" >
< div class = "row firstRow" >
< div class = "col-md-6 flex-center card-block cardPart1" > < p class = "white-text info-text font-bold" > {{commercant.commercialName}}< / p > < / div >
< div class = "col-md-6 flex-center card-block card-image mb-1 cardPart2 image2" [ ngStyle ] = " { ' background-image ' : ' url ( ' + commercant . image . downloadURL + ' ) ' } " >
< / div >
< / div >
< / div >
< div class = "row secondRow" >
< div class = "col-md-6 flex-center cardPart3 flex-column" >
< p class = "white-text info-text font-bold" > {{cartePar.name}}< / p >
< div class = "row secondRow" >
< div class = "col-md-6 flex-center cardPart3 flex-column" >
< p class = "white-text info-text font-bold" > {{cartePar.name}}< / p >
< / div >
< div class = "col-md-6 flex-center cardPart4" > < p class = "white-text info-text font-bold" > {{cartePar.parrainCarte.familyname}} {{cartePar.parrainCarte.firstname}}< / p > < / div >
< / div >
< div class = "col-md-12 text-center" id = "dateFin" >
< label class = "white-text info-text font-bold" > Valable jusqu'au: {{cartePar.dateFin | date:'dd/MM/yyyy'}}< / label >
< / div >
< div class = "col-md-6 flex-center cardPart4" > < p class = "white-text info-text font-bold" > {{cartePar.parrainCarte.familyname}} {{cartePar.parrainCarte.firstname}}< / p > < / div >
< / div >
< div class = "col-md-12 text-center" id = "dateFin" >
< label class = "white-text info-text font-bold" > Valable jusqu'au: {{cartePar.dateFin | date:'dd/MM/yyyy'}}< / label >
< / div >
< / div >
< / div >
< / div >
< div class = "card-footer" style = "margin-top:5%" >
< div class = "row" >
< div class = "col-md-12" id = "footer-1" >
< svg class = "spinner" width = "40px" height = "40px" viewBox = "0 0 66 66" xmlns = "http://www.w3.org/2000/svg" >
< circle class = "path" fill = "none" stroke-width = "6" stroke-linecap = "round" cx = "33" cy = "33" r = "30" > < / circle >
< / svg >
< div class = "text-center" style = "margin-top:5%" >
< button class = "btn btn-light-green waves-light" [ disabled ] = " ( parSelect = == ' ' ) | | ( birthdayTemp ! = = parrain . birthday ) | | carteExitDeja | | carteEnvoieOK " ( click ) = " envoyerCartePar ( ) " > Envoyer Carte {{parSelect}}< / button >
< button class = "btn btn-cyan" ( click ) = " goToOpComm ( ) " > Retour< / button >
< div * ngIf = "carteExitDeja && !carteEnvoieOK" class = "alert alert-danger" >
Erreur: {{cartePar.parrainCarte.firstname}} {{cartePar.parrainCarte.familyname}} à déjà une carte de {{opComm.name}} !
< / div >
< / div >
< div class = "row flex-center" id = "footer-1bis" >
< p > Envoie en cours< / p >
< / div >
< div class = "row" >
< div class = "col-md-12" id = "footer-2" >
< button class = "btn btn-light-green waves-light" [ disabled ] = " ( parSelect = == ' ' ) | | ( birthdayTemp ! = = parrain . birthday ) | | carteExitDeja | | carteEnvoieOK " ( click ) = " envoyerCartePar ( ) " > Envoyer Carte {{parSelect}}< / button >
< button class = "btn btn-cyan" ( click ) = " goToOpComm ( ) " > Retour< / button >
< / div >
< / div >
< div class = "row" >
< div class = "col-md-12" id = "footer-3" >
< div * ngIf = "carteExitDeja && !carteEnvoieOK" class = "alert alert-danger" >
Erreur: {{cartePar.parrainCarte.firstname}} {{cartePar.parrainCarte.familyname}} à déjà une carte de {{opComm.name}} !
< / div >
< div * ngIf = "carteEnvoieOK" class = "alert alert-danger" >
Une carte vient d'être envoyé à {{cartePar.parrainCarte.firstname}} {{cartePar.parrainCarte.familyname}}
< / div >
< div * ngIf = "carteEnvoieOK" class = "alert alert-danger" >
Une carte vient d'être envoyée à {{cartePar.parrainCarte.firstname}} {{cartePar.parrainCarte.familyname}}
< / div >
< / div >
< / div >
< / div >
<!-- Fin Si cest un parrain existant -->
<!-- Fin Si cest un parrain existant -->
<!-- <button class="btn btn - blue waves - light" (click)="sectionToImage()"> screen </button> -->
<!-- <button class="btn btn - blue waves - light" (click)="sectionToImage()"> screen </button> -->
< / div >
< / div >
< / div >
< / div >