inteligr8/alfresco-ng2-components
1
0
Fork 0
mirror of https://github.com/Alfresco/alfresco-ng2-components.git synced 2025-07-24 17:32:15 +00:00
Code Issues Packages Projects Releases Wiki Activity

[ADF-4361] Fix Tab navigation on Login page (#4574)

Browse Source
This commit is contained in:
davidcanonieto
2019-04-09 12:17:51 +01:00
committed by Eugenio Romano
parent a87d1ef002
commit deff3965b0
1 changed files with 6 additions and 9 deletions
Download Patch File Download Diff File Expand all files Collapse all files

15
lib/core/login/components/login.component.html
View File

@@ -4,7 +4,6 @@
<mat-card class="adf-login-card-wide"> <mat-card class="adf-login-card-wide">
<form id="adf-login-form" [formGroup]="form" (submit)="onSubmit(form.value)" autocomplete="off"> <form id="adf-login-form" [formGroup]="form" (submit)="onSubmit(form.value)" autocomplete="off">
<mat-card-header> <mat-card-header>
<mat-card-title> <mat-card-title>
<div class="adf-alfresco-logo"> <div class="adf-alfresco-logo">
@@ -43,8 +42,7 @@
autocapitalize="none" autocapitalize="none"
id="username" id="username"
data-automation-id="username" data-automation-id="username"
(blur)="trimUsername($event)" (blur)="trimUsername($event)">
tabindex="-1">
</mat-form-field> </mat-form-field>
<span class="adf-login-validation" for="username" *ngIf="formError['username']"> <span class="adf-login-validation" for="username" *ngIf="formError['username']">
@@ -59,14 +57,13 @@
[type]="isPasswordShow ? 'text' : 'password'" [type]="isPasswordShow ? 'text' : 'password'"
[formControl]="form.controls['password']" [formControl]="form.controls['password']"
id="password" id="password"
data-automation-id="password" data-automation-id="password">
tabindex="-2">
<mat-icon *ngIf="isPasswordShow" matSuffix class="adf-login-password-icon" <mat-icon *ngIf="isPasswordShow" matSuffix class="adf-login-password-icon"
data-automation-id="hide_password" (click)="toggleShowPassword()" (keyup.enter)="toggleShowPassword()" tabindex="-3"> data-automation-id="hide_password" (click)="toggleShowPassword()" (keyup.enter)="toggleShowPassword()">
visibility visibility
</mat-icon> </mat-icon>
<mat-icon *ngIf="!isPasswordShow" matSuffix class="adf-login-password-icon" <mat-icon *ngIf="!isPasswordShow" matSuffix class="adf-login-password-icon"
data-automation-id="show_password" (click)="toggleShowPassword()" (keyup.enter)="toggleShowPassword()" tabindex="-3"> data-automation-id="show_password" (click)="toggleShowPassword()" (keyup.enter)="toggleShowPassword()">
visibility_off visibility_off
</mat-icon> </mat-icon>
</mat-form-field> </mat-form-field>
@@ -80,7 +77,7 @@
<ng-content></ng-content> <ng-content></ng-content>
<br> <br>
<button type="submit" id="login-button" tabindex="-4" <button type="submit" id="login-button"
class="adf-login-button" class="adf-login-button"
mat-raised-button color="primary" mat-raised-button color="primary"
[class.adf-isChecking]="actualLoginStep === LoginSteps.Checking" [class.adf-isChecking]="actualLoginStep === LoginSteps.Checking"
@@ -115,7 +112,7 @@
</div> </div>
<div *ngIf="implicitFlow"> <div *ngIf="implicitFlow">
<button type="button" (click)="implicitLogin()" id="login-button-sso" tabindex="-1" <button type="button" (click)="implicitLogin()" id="login-button-sso"
class="adf-login-button" class="adf-login-button"
mat-raised-button color="primary" mat-raised-button color="primary"
data-automation-id="login-button-sso"> data-automation-id="login-button-sso">