machankura/mempool
3
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Allow searching for and viewing assets not in the asset registry.

Browse Source 
fixes #111
This commit is contained in:
softsimon
2020-11-22 16:03:23 +07:00
parent 30fb0bad78
commit 11d67cf756
5 changed files with 30 additions and 15 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
frontend/src/app/components/search-form/search-form.component.html
View File

@@ -4,7 +4,7 @@
<input #instance="ngbTypeahead" [ngbTypeahead]="typeaheadSearch" (selectItem)="itemSelected()" (focus)="focus$.next($any($event).target.value)" (click)="click$.next($any($event).target.value)" formControlName="searchText" type="text" class="form-control" placeholder="TXID, block height, hash or address">
</div>
<div>
<button type="submit" class="btn btn-block btn-primary"><fa-icon [icon]="['fas', 'search']" [fixedWidth]="true" title="Search"></fa-icon></button>
<button [disabled]="isSearching" type="submit" class="btn btn-block btn-primary"><fa-icon [icon]="['fas', 'search']" [fixedWidth]="true" title="Search"></fa-icon></button>
</div>
</div>
</form>

36
frontend/src/app/components/search-form/search-form.component.ts
View File

@@ -17,6 +17,7 @@ import { NgbTypeahead } from '@ng-bootstrap/ng-bootstrap';
export class SearchFormComponent implements OnInit {
network = '';
assets: object = {};
isSearching = false;
searchForm: FormGroup;
@Output() searchTriggered = new EventEmitter();
@@ -74,25 +75,36 @@ export class SearchFormComponent implements OnInit {
search() {
const searchText = this.searchForm.value.searchText.trim();
if (searchText) {
this.isSearching = true;
if (this.regexAddress.test(searchText)) {
this.router.navigate([(this.network ? '/' + this.network : '') + '/address/', searchText]);
this.searchTriggered.emit();
this.navigate('/address/', searchText);
} else if (this.regexBlockhash.test(searchText) || this.regexBlockheight.test(searchText)) {
this.router.navigate([(this.network ? '/' + this.network : '') + '/block/', searchText]);
this.searchTriggered.emit();
this.navigate('/block/', searchText);
} else if (this.regexTransaction.test(searchText)) {
if (this.network === 'liquid' && this.assets[searchText]) {
this.router.navigate([(this.network ? '/' + this.network : '') + '/asset/', searchText]);
if (this.network === 'liquid') {
if (this.assets[searchText]) {
this.navigate('/asset/', searchText);
}
this.electrsApiService.getAsset$(searchText)
.subscribe(
() => { this.navigate('/asset/', searchText); },
() => { this.navigate('/tx/', searchText); }
);
} else {
this.router.navigate([(this.network ? '/' + this.network : '') + '/tx/', searchText]);
this.navigate('/tx/', searchText);
}
this.searchTriggered.emit();
} else {
return;
this.isSearching = false;
}
this.searchForm.setValue({
searchText: '',
});
}
}
navigate(url: string, searchText: string) {
this.router.navigate([(this.network ? '/' + this.network : '') + url, searchText]);
this.searchTriggered.emit();
this.searchForm.setValue({
searchText: '',
});
this.isSearching = false;
}
}