mirror of
https://github.com/bitwarden/browser
synced 2024-12-25 09:32:06 +01:00
78248db590
* Rename service-factory folder
* Move cryptographic service factories
* Move crypto models
* Move crypto services
* Move domain base class
* Platform code owners
* Move desktop log services
* Move log files
* Establish component library ownership
* Move background listeners
* Move background background
* Move localization to Platform
* Move browser alarms to Platform
* Move browser state to Platform
* Move CLI state to Platform
* Move Desktop native concerns to Platform
* Move flag and misc to Platform
* Lint fixes
* Move electron state to platform
* Move web state to Platform
* Move lib state to Platform
* Fix broken tests
* Rename interface to idiomatic TS
* `npm run prettier` 🤖
* Resolve review feedback
* Set platform as owners of web core and shared
* Expand moved services
* Fix test types
---------
Co-authored-by: Hinton <hinton@users.noreply.github.com>
71 lines
1.7 KiB
TypeScript
71 lines
1.7 KiB
TypeScript
import {
|
|
AfterContentInit,
|
|
Directive,
|
|
EventEmitter,
|
|
Host,
|
|
HostBinding,
|
|
HostListener,
|
|
Input,
|
|
OnChanges,
|
|
Output,
|
|
} from "@angular/core";
|
|
|
|
import { I18nService } from "@bitwarden/common/platform/abstractions/i18n.service";
|
|
|
|
import { BitIconButtonComponent } from "../icon-button/icon-button.component";
|
|
|
|
import { BitFormFieldComponent } from "./form-field.component";
|
|
|
|
@Directive({
|
|
selector: "[bitPasswordInputToggle]",
|
|
})
|
|
export class BitPasswordInputToggleDirective implements AfterContentInit, OnChanges {
|
|
/**
|
|
* Whether the input is toggled to show the password.
|
|
*/
|
|
@HostBinding("attr.aria-pressed") @Input() toggled = false;
|
|
@Output() toggledChange = new EventEmitter<boolean>();
|
|
|
|
@HostBinding("attr.title") title = this.i18nService.t("toggleVisibility");
|
|
@HostBinding("attr.aria-label") label = this.i18nService.t("toggleVisibility");
|
|
|
|
/**
|
|
* Click handler to toggle the state of the input type.
|
|
*/
|
|
@HostListener("click") onClick() {
|
|
this.toggled = !this.toggled;
|
|
this.toggledChange.emit(this.toggled);
|
|
|
|
this.update();
|
|
|
|
this.formField.input?.focus();
|
|
}
|
|
|
|
constructor(
|
|
@Host() private button: BitIconButtonComponent,
|
|
private formField: BitFormFieldComponent,
|
|
private i18nService: I18nService
|
|
) {}
|
|
|
|
get icon() {
|
|
return this.toggled ? "bwi-eye-slash" : "bwi-eye";
|
|
}
|
|
|
|
ngOnChanges(): void {
|
|
this.update();
|
|
}
|
|
|
|
ngAfterContentInit(): void {
|
|
this.toggled = this.formField.input.type !== "password";
|
|
this.button.icon = this.icon;
|
|
}
|
|
|
|
private update() {
|
|
this.button.icon = this.icon;
|
|
if (this.formField.input?.type != null) {
|
|
this.formField.input.type = this.toggled ? "text" : "password";
|
|
this.formField.input.spellcheck = this.toggled ? false : undefined;
|
|
}
|
|
}
|
|
}
|