mirror of
https://github.com/bitwarden/browser.git
synced 2024-09-27 04:03:00 +02:00
68b62e73f1
* Move search component into the component library * Migrate search fields * Reshuffle imports slightly * Remove export input module --------- Co-authored-by: cd-bitwarden <106776772+cd-bitwarden@users.noreply.github.com>
55 lines
1.2 KiB
TypeScript
55 lines
1.2 KiB
TypeScript
import { Component, Input } from "@angular/core";
|
|
import { ControlValueAccessor, NG_VALUE_ACCESSOR } from "@angular/forms";
|
|
|
|
let nextId = 0;
|
|
|
|
@Component({
|
|
selector: "bit-search",
|
|
templateUrl: "./search.component.html",
|
|
providers: [
|
|
{
|
|
provide: NG_VALUE_ACCESSOR,
|
|
multi: true,
|
|
useExisting: SearchComponent,
|
|
},
|
|
],
|
|
})
|
|
export class SearchComponent implements ControlValueAccessor {
|
|
private notifyOnChange: (v: string) => void;
|
|
private notifyOnTouch: () => void;
|
|
|
|
protected id = `search-id-${nextId++}`;
|
|
protected searchText: string;
|
|
|
|
@Input() disabled: boolean;
|
|
@Input() placeholder: string;
|
|
|
|
onChange(searchText: string) {
|
|
if (this.notifyOnChange != undefined) {
|
|
this.notifyOnChange(searchText);
|
|
}
|
|
}
|
|
|
|
onTouch() {
|
|
if (this.notifyOnTouch != undefined) {
|
|
this.notifyOnTouch();
|
|
}
|
|
}
|
|
|
|
registerOnChange(fn: (v: string) => void): void {
|
|
this.notifyOnChange = fn;
|
|
}
|
|
|
|
registerOnTouched(fn: () => void): void {
|
|
this.notifyOnTouch = fn;
|
|
}
|
|
|
|
writeValue(searchText: string): void {
|
|
this.searchText = searchText;
|
|
}
|
|
|
|
setDisabledState(isDisabled: boolean) {
|
|
this.disabled = isDisabled;
|
|
}
|
|
}
|