mirror of
https://github.com/mempool/mempool.git
synced 2025-03-01 01:00:00 +01:00
19 lines
1.1 KiB
HTML
19 lines
1.1 KiB
HTML
<form [formGroup]="searchForm" (submit)="searchForm.valid && search()" novalidate>
|
|
<div class="d-flex">
|
|
<div class="search-box-container mr-2">
|
|
<input (focus)="focus$.next($any($event).target.value)" (click)="click$.next($any($event).target.value)" formControlName="searchText" type="text" class="form-control" i18n-placeholder="search-form.searchbar-placeholder" placeholder="Explore the full Bitcoin ecosystem">
|
|
|
|
<app-search-results #searchResults [results]="typeAhead$ | async" (selectedResult)="selectedResult($event)"></app-search-results>
|
|
|
|
</div>
|
|
<div>
|
|
<button [disabled]="isSearching" type="submit" class="btn btn-block btn-primary">
|
|
<fa-icon *ngIf="!(isTypeaheading$ | async) else searchLoading" [icon]="['fas', 'search']" [fixedWidth]="true" i18n-title="search-form.search-title" title="Search"></fa-icon>
|
|
</button>
|
|
</div>
|
|
</div>
|
|
</form>
|
|
|
|
<ng-template #searchLoading>
|
|
<div class="spinner-border spinner-border-sm text-light" role="status" aria-hidden="true" (click)="searchForm.valid && search()"></div>
|
|
</ng-template>
|