diff --git a/src/app/user/components/auth/sign-up/sign-up.component.html b/src/app/user/components/auth/sign-up/sign-up.component.html index ad09f96f47152aca35d9c022baeaca5414332b4c..2a4d5386e890dd01830e9b9d3afa74dc38b0f4df 100644 --- a/src/app/user/components/auth/sign-up/sign-up.component.html +++ b/src/app/user/components/auth/sign-up/sign-up.component.html @@ -297,6 +297,34 @@ </div> </div> + <div class="column is-12"> + <p class="consent-text"> + Les champs suivi d'un astérisque (*) sont obligatoires. Les informations contenues dans ces champs font + l’objet d’un traitement informatisé destiné à répondre à votre demande. Les destinataires des informations + sont les services communaux et métropolitains en charge du traitement de votre demande. Conformément à la + loi "informatique et libertés" du 6 janvier 1978 modifiée, vous bénéficiez d’un droit d’accès et de + rectification aux informations qui vous concernent. Si vous souhaitez exercer ce droit et obtenir + communication des informations vous concernant, veuillez-vous adresser à : Métropole de Lyon - Direction des + Affaires Juridiques et de la Commande Publique - 20, rue du Lac - BP 33569 - 69505 Lyon Cedex 03 : par + courrier ou au moyen du formulaire approprié sur ce guichet. Vous pouvez également, pour des motifs + légitimes, vous opposer au traitement des données vous concernant. Dans ce cas, nous ne pourrons pas traiter + la demande soumise via ce formulaire. + </p> + <div class="field"> + <input id="consent" class="is-checkradio is-success" type="checkbox" formControlName="consent"> + <label for="consent" class="label consentLabel"> + <span i18n="@@signup.consent">En cochant cette case j'accepte que les informations saisies dans ce + formulaire soient traitées pour répondre à ma demande.</span><span class="required-field">*</span> + </label> + + <div class="form-incorrect-field-message" *ngIf="fieldIsInvalid('cgu')"> + <div *ngIf="cgu.errors['required']" i18n="@@signup.errors.mustConsent"> + You must give your consent + </div> + </div> + </div> + </div> + <div class="column is-12 has-text-right"> <div class="field"> <div> diff --git a/src/app/user/components/auth/sign-up/sign-up.component.scss b/src/app/user/components/auth/sign-up/sign-up.component.scss index 9be6607f553aed9f3d707f44d76a3b252508edce..dcdd9a75bc2947a2b66dd74156e863525df1ee57 100644 --- a/src/app/user/components/auth/sign-up/sign-up.component.scss +++ b/src/app/user/components/auth/sign-up/sign-up.component.scss @@ -17,6 +17,7 @@ h1 { background-color: white; } +<<<<<<< HEAD .is-checkradio[type="checkbox"] + label { margin: 0; display: flex; @@ -33,6 +34,26 @@ h1 { .acceptMessagesInfo, .consent-text { font-size: $size-8; +======= +.is-checkradio[type="checkbox"] + label.acceptMessagesLabel, .is-checkradio[type="checkbox"] + label.cguLabel, .is-checkradio[type="checkbox"] + label.consentLabel { + margin-left: 0; +} + +.is-checkradio[type="checkbox"] + label::before { + top: unset; +} + +.is-checkradio[type="checkbox"] + label::after { + top: 0.5rem; +} + +.acceptMessagesInfo, .consent-text { + font-size: $size-8; +} + +.consent-text { + margin-bottom: 0.75rem; +>>>>>>> 5089207a08f293c8c2b56cb852dd41c253d0cf64 } .consent-text { diff --git a/src/app/user/components/auth/sign-up/sign-up.component.ts b/src/app/user/components/auth/sign-up/sign-up.component.ts index d844cc49e69d05acb3fbaeb5af57ba7a9166737f..a491efaed6c5c2fa5c05ad308a15ec8225c0502c 100644 --- a/src/app/user/components/auth/sign-up/sign-up.component.ts +++ b/src/app/user/components/auth/sign-up/sign-up.component.ts @@ -49,7 +49,11 @@ export class SignUpComponent implements OnInit { zipcode: [''], city: [''], country: [''], +<<<<<<< HEAD // cgu: [false, Validators.requiredTrue], +======= + cgu: [false, Validators.requiredTrue], +>>>>>>> 5089207a08f293c8c2b56cb852dd41c253d0cf64 consent: [false, Validators.requiredTrue], }); } diff --git a/src/app/user/models/user.model.ts b/src/app/user/models/user.model.ts index b6f2adefc775b4eab440d92f8c41bde16c04f5d8..490316cc3cf6049b86ad9a5487a7dd12db41a78b 100644 --- a/src/app/user/models/user.model.ts +++ b/src/app/user/models/user.model.ts @@ -34,7 +34,11 @@ export interface ICreateAccountForm { zipcode: string; city: string; country: string; +<<<<<<< HEAD // cgu: boolean; +======= + cgu: boolean; +>>>>>>> 5089207a08f293c8c2b56cb852dd41c253d0cf64 consent: boolean; }