dendi-wang/thingsboard
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

UI: Fixed focus in toggle-password button after push enter button

Browse Source
This commit is contained in:
Vladyslav_Prykhodko 2021-08-06 14:42:15 +03:00 committed by Andrew Shvayka
parent 910d90b9e5
commit c0717e70a0
2 changed files with 2 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
ui-ngx/src/app/shared/components/button/toggle-password.component.html
View File

@ -15,6 +15,6 @@
limitations under the License. limitations under the License.
--> -->
<button mat-icon-button (click)="togglePassword($event)" [attr.aria-pressed]="showPassword" *ngIf="!hideToggle"> <button mat-icon-button type="button" (click)="togglePassword($event)" [attr.aria-pressed]="showPassword" *ngIf="!hideToggle">
<mat-icon>{{ showPassword ? 'visibility' : 'visibility_off' }}</mat-icon> <mat-icon>{{ showPassword ? 'visibility' : 'visibility_off' }}</mat-icon>
</button> </button>

2
ui-ngx/src/app/shared/components/button/toggle-password.component.ts
View File

@ -24,13 +24,13 @@ import { AfterViewInit, Component, ElementRef } from '@angular/core';
export class TogglePasswordComponent implements AfterViewInit { export class TogglePasswordComponent implements AfterViewInit {
showPassword = false; showPassword = false;
hideToggle = false; hideToggle = false;
private input: HTMLInputElement = null; private input: HTMLInputElement = null;
constructor(private hostElement: ElementRef) { } constructor(private hostElement: ElementRef) { }
togglePassword($event: Event) { togglePassword($event: Event) {
$event.stopPropagation(); $event.stopPropagation();
$event.preventDefault();
this.showPassword = !this.showPassword; this.showPassword = !this.showPassword;
this.input.type = this.showPassword ? 'text' : 'password'; this.input.type = this.showPassword ? 'text' : 'password';
} }