Search box for explorer.

This commit is contained in:
Simon Lindh
2019-11-14 15:03:01 +08:00
parent 5d61e00ab1
commit 7aec5f2adb
8 changed files with 89 additions and 22 deletions

View File

@@ -26,8 +26,16 @@
</li>
</ul>
<form [formGroup]="searchForm" class="form-inline mt-2 mt-md-0 mr-4" (submit)="searchForm.valid && search()" novalidate>
<input formControlName="txId" required style="width: 300px;" class="form-control mr-sm-2" type="text" placeholder="Search transaction ID" aria-label="Search">
<button class="btn btn-primary my-2 my-sm-0" type="submit">Track</button>
<ng-template [ngIf]="currentBaseRoot === 'explorer'" [ngIfElse]="defaultSearchBar">
<input formControlName="txId" required style="width: 310px;" class="form-control mr-sm-2" type="text" placeholder="Search transaction id or address..." aria-label="Search">
<button class="btn btn-primary my-2 my-sm-0" type="submit" style="width: 78px;">Search</button>
</ng-template>
<ng-template #defaultSearchBar>
<input formControlName="txId" required style="width: 310px;" class="form-control mr-sm-2" type="text" placeholder="Track transaction (txid)" aria-label="Search">
<button class="btn btn-primary my-2 my-sm-0" type="submit" style="width: 78px;">Track</button>
</ng-template>
</form>
</div>
</nav>