mirror of
https://github.com/bitwarden/browser
synced 2026-02-06 11:43:51 +00:00
42 lines
1.2 KiB
HTML
42 lines
1.2 KiB
HTML
<form
|
|
role="search"
|
|
(mouseenter)="isFormHovered.set(true)"
|
|
(mouseleave)="isFormHovered.set(false)"
|
|
class="tw-relative tw-flex tw-items-center tw-w-full tw-h-10"
|
|
>
|
|
<label class="tw-sr-only" [for]="id">{{ "search" | i18n }}</label>
|
|
<label
|
|
[for]="id"
|
|
aria-hidden="true"
|
|
class="tw-absolute tw-start-2 tw-z-20 !tw-mb-0 tw-cursor-text"
|
|
>
|
|
<i class="bwi bwi-search bwi-fw tw-text-muted"></i>
|
|
</label>
|
|
<input
|
|
#input
|
|
bitInput
|
|
[type]="inputType"
|
|
[id]="id"
|
|
[placeholder]="placeholder() ?? ('search' | i18n)"
|
|
class="tw-ps-9 tw-h-full"
|
|
name="searchText"
|
|
[ngModel]="searchText"
|
|
(ngModelChange)="onChange($event)"
|
|
(focus)="isInputFocused.set(true)"
|
|
(blur)="isInputFocused.set(false); onTouch()"
|
|
[disabled]="disabled()"
|
|
[attr.autocomplete]="autocomplete()"
|
|
/>
|
|
<button
|
|
*ngIf="searchText && showResetButton()"
|
|
[ngClass]="{
|
|
'tw-opacity-0': !showResetButton(),
|
|
'tw-bg-text-muted': showResetButton(),
|
|
}"
|
|
class="bw-reset-btn tw-size-6 tw-absolute hover:tw-bg-text-main tw-end-2 tw-z-20 !tw-mb-0 tw-cursor-pointer"
|
|
type="reset"
|
|
[attr.aria-label]="'resetSearch' | i18n"
|
|
(click)="clearSearch()"
|
|
></button>
|
|
</form>
|