Merge branch 'feat/19806/develop' into 'develop'

[19806] Ajouter un bouton pour pouvoir afficher/masquer le mot de passe dans la page de connexion

See merge request maarch/MaarchParapheur!118

lang/en.json

@@ -629,6 +629,8 @@
         "azure_samlConnection": "Azure SAML",
         "transmit": "Transmit",
 		"validateSign": "Validate and sign",
-        "validateDocumentWarningNote": "You are about to submit this document!"
+        "validateDocumentWarningNote": "You are about to submit this document!",
+        "showPassword": "Show password",
+		"hidePassword": "Hide password"
     }
 }
\ No newline at end of file

lang/fr.json

@@ -628,6 +628,8 @@
 		"azure_samlConnection": "Azure SAML",
 		"transmit": "Transmettre",
 		"validateSign": "Valider et signer",
-		"validateDocumentWarningNote": "Vous êtes sur le point de transmettre ce document !"
+		"validateDocumentWarningNote": "Vous êtes sur le point de transmettre ce document !",
+		"showPassword": "Afficher le mot de passe",
+		"hidePassword": "Masquer le mot de passe"
 	}
 }

src/frontend/app/login/login.component.html

@@ -15,8 +15,16 @@
                 </ion-item>
                 <ion-item>
                     <ion-label position="floating">{{'lang.password' | translate}}</ion-label>
-                    <ion-input name="password" matInput type="password" formControlName="password"
+                    <ion-input name="password" matInput [type]="hidePassword ? 'password' : 'text'" formControlName="password"
                         (keyup.enter)="onSubmit()"></ion-input>
+                    <ion-button style="margin-top: 25px;" shape="round" size="small" fill="clear"
+                        slot="end" color="primary"
+                        [title]="(hidePassword ? 'lang.showPassword' : 'lang.hidePassword') | translate"
+                        (click)="hidePassword = !hidePassword">
+                        <ion-icon slot="icon-only" color="primary"
+                            [name]="!hidePassword ? 'eye-outline' : 'eye-off-outline'">
+                        </ion-icon>
+                    </ion-button>
                 </ion-item>
                 <div class="connection-type">
                     <a routerLink="/forgot-password" *ngIf="authService.authMode === 'default' && authService.mailServerOnline"

src/frontend/app/login/login.component.ts

@@ -25,6 +25,7 @@ export class LoginComponent implements OnInit, AfterViewInit {
     showForm: boolean = false;
     environment: any;
     commitHash: any = null;
+    hidePassword: boolean = true;
 
 
     constructor(
@@ -98,6 +99,7 @@ export class LoginComponent implements OnInit, AfterViewInit {
                             this.router.navigate(['/home']);
                         }
                         loading.dismiss();
+                        this.hidePassword = true;
                     }),
                     catchError((err: any) => {
                         this.loading = false;