2021-05-10 20:56:20 +02:00
<!doctype html>
< html class = "no-js" lang = "" >
< head >
< meta charset = "utf-8" >
< meta http-equiv = "x-ua-compatible" content = "ie=edge" >
< title > CICADA< / title >
< meta name = "description" content = "" >
< meta name = "viewport" content = "width=device-width, initial-scale=1" >
< link rel = "icon" type = "image/x-icon" href = "../images/favicon.ico" >
< link rel = "stylesheet" href = "../styles/style.css" >
< / head >
< body >
< div class = "navbar navbar-default navbar-fixed-top visible-xs" >
< a href = "../" class = "navbar-brand" > CICADA< / a >
< button type = "button" class = "btn btn-default btn-menu ion-ios-menu" id = "btn-menu" > < / button >
< / div >
< div class = "xs-menu menu" id = "mobile-menu" >
< div id = "book-search-input" role = "search" > < input type = "text" placeholder = "Type to search" > < / div > < compodoc-menu > < / compodoc-menu >
< / div >
< div class = "container-fluid main" >
< div class = "row main" >
< div class = "hidden-xs menu" >
< compodoc-menu mode = "normal" > < / compodoc-menu >
< / div >
<!-- START CONTENT -->
< div class = "content component" >
< div class = "content-data" >
< ol class = "breadcrumb" >
< li > Components< / li >
< li > AccountSearchComponent< / li >
< / ol >
< ul class = "nav nav-tabs" role = "tablist" >
< li class = "active" >
< a href = "#info" role = "tab" id = "info-tab" data-toggle = "tab" data-link = "info" > Info< / a >
< / li >
< li >
< a href = "#source" role = "tab" id = "source-tab" data-toggle = "tab" data-link = "source" > Source< / a >
< / li >
< li >
< a href = "#templateData" role = "tab" id = "templateData-tab" data-toggle = "tab" data-link = "template" > Template< / a >
< / li >
< li >
< a href = "#styleData" role = "tab" id = "styleData-tab" data-toggle = "tab" data-link = "style" > Styles< / a >
< / li >
< li >
< a href = "#tree" role = "tab" id = "tree-tab" data-toggle = "tab" data-link = "dom-tree" > DOM Tree< / a >
< / li >
< / ul >
< div class = "tab-content" >
< div class = "tab-pane fade active in" id = "c-info" > < p class = "comment" >
< h3 > File< / h3 >
< / p >
< p class = "comment" >
< code > src/app/pages/accounts/account-search/account-search.component.ts< / code >
< / p >
< p class = "comment" >
< h3 > Implements< / h3 >
< / p >
< p class = "comment" >
< code > < a href = "https://angular.io/api/core/OnInit" target = "_blank" > OnInit< / a > < / code >
< / p >
< section >
< h3 > Metadata< / h3 >
< table class = "table table-sm table-hover" >
< tbody >
< tr >
< td class = "col-md-3" > changeDetection< / td >
< td class = "col-md-9" > < code > ChangeDetectionStrategy.OnPush< / code > < / td >
< / tr >
< tr >
< td class = "col-md-3" > selector< / td >
< td class = "col-md-9" > < code > app-account-search< / code > < / td >
< / tr >
< tr >
< td class = "col-md-3" > styleUrls< / td >
< td class = "col-md-9" > < code > ./account-search.component.scss< / code > < / td >
< / tr >
< tr >
< td class = "col-md-3" > templateUrl< / td >
< td class = "col-md-9" > < code > ./account-search.component.html< / code > < / td >
< / tr >
< / tbody >
< / table >
< / section >
< section >
< h3 id = "index" > Index< / h3 >
< table class = "table table-sm table-bordered index-table" >
< tbody >
< tr >
< td class = "col-md-4" >
< h6 > < b > Properties< / b > < / h6 >
< / td >
< / tr >
< tr >
< td class = "col-md-4" >
< ul class = "index-list" >
< li >
< a href = "#addressSearchForm" > addressSearchForm< / a >
< / li >
< li >
< a href = "#addressSearchLoading" > addressSearchLoading< / a >
< / li >
< li >
< a href = "#addressSearchSubmitted" > addressSearchSubmitted< / a >
< / li >
< li >
< a href = "#matcher" > matcher< / a >
< / li >
< li >
< a href = "#nameSearchForm" > nameSearchForm< / a >
< / li >
< li >
< a href = "#nameSearchLoading" > nameSearchLoading< / a >
< / li >
< li >
< a href = "#nameSearchSubmitted" > nameSearchSubmitted< / a >
< / li >
< li >
< a href = "#phoneSearchForm" > phoneSearchForm< / a >
< / li >
< li >
< a href = "#phoneSearchLoading" > phoneSearchLoading< / a >
< / li >
< li >
< a href = "#phoneSearchSubmitted" > phoneSearchSubmitted< / a >
< / li >
< / ul >
< / td >
< / tr >
< tr >
< td class = "col-md-4" >
< h6 > < b > Methods< / b > < / h6 >
< / td >
< / tr >
< tr >
< td class = "col-md-4" >
< ul class = "index-list" >
< li >
2021-06-14 13:28:53 +02:00
< span class = "modifier" > Async< / span >
2021-05-10 20:56:20 +02:00
< a href = "#ngOnInit" > ngOnInit< / a >
< / li >
< li >
< span class = "modifier" > Async< / span >
< a href = "#onAddressSearch" > onAddressSearch< / a >
< / li >
< li >
< a href = "#onNameSearch" > onNameSearch< / a >
< / li >
< li >
< span class = "modifier" > Async< / span >
< a href = "#onPhoneSearch" > onPhoneSearch< / a >
< / li >
< / ul >
< / td >
< / tr >
< tr >
< td class = "col-md-4" >
< h6 > < b > Accessors< / b > < / h6 >
< / td >
< / tr >
< tr >
< td class = "col-md-4" >
< ul class = "index-list" >
< li >
< a href = "#nameSearchFormStub" > nameSearchFormStub< / a >
< / li >
< li >
< a href = "#phoneSearchFormStub" > phoneSearchFormStub< / a >
< / li >
< li >
< a href = "#addressSearchFormStub" > addressSearchFormStub< / a >
< / li >
< / ul >
< / td >
< / tr >
< / tbody >
< / table >
< / section >
< section >
< h3 id = "constructor" > Constructor< / h3 >
< table class = "table table-sm table-bordered" >
< tbody >
< tr >
< td class = "col-md-4" >
< code > constructor(formBuilder: < a href = "https://angular.io/api/forms/FormBuilder" target = "_blank" > FormBuilder< / a > , userService: < a href = "../injectables/UserService.html" > UserService< / a > , router: < a href = "https://angular.io/api/router/Router" target = "_blank" > Router< / a > )< / code >
< / td >
< / tr >
< tr >
< td class = "col-md-4" >
< div class = "io-line" > Defined in < a href = "" data-line = "25" class = "link-to-prism" > src/app/pages/accounts/account-search/account-search.component.ts:25< / a > < / div >
< / td >
< / tr >
< tr >
< td class = "col-md-4" >
< div >
< b > Parameters :< / b >
< table class = "params" >
< thead >
< tr >
< td > Name< / td >
< td > Type< / td >
< td > Optional< / td >
< / tr >
< / thead >
< tbody >
< tr >
< td > formBuilder< / td >
< td >
< code > < a href = "https://angular.io/api/forms/FormBuilder" target = "_blank" > FormBuilder< / a > < / code >
< / td >
< td >
No
< / td >
< / tr >
< tr >
< td > userService< / td >
< td >
< code > < a href = "../injectables/UserService.html" target = "_self" > UserService< / a > < / code >
< / td >
< td >
No
< / td >
< / tr >
< tr >
< td > router< / td >
< td >
< code > < a href = "https://angular.io/api/router/Router" target = "_blank" > Router< / a > < / code >
< / td >
< td >
No
< / td >
< / tr >
< / tbody >
< / table >
< / div >
< / td >
< / tr >
< / tbody >
< / table >
< / section >
< section >
< h3 id = "methods" >
Methods
< / h3 >
< table class = "table table-sm table-bordered" >
< tbody >
< tr >
< td class = "col-md-4" >
< a name = "ngOnInit" > < / a >
< span class = "name" >
< b >
2021-06-14 13:28:53 +02:00
< span class = "modifier" > Async< / span >
2021-05-10 20:56:20 +02:00
ngOnInit
< / b >
< a href = "#ngOnInit" > < span class = "icon ion-ios-link" > < / span > < / a >
< / span >
< / td >
< / tr >
< tr >
< td class = "col-md-4" >
2021-06-14 13:28:53 +02:00
< span class = "modifier-icon icon ion-ios-reset" > < / span >
< code > ngOnInit()< / code >
2021-05-10 20:56:20 +02:00
< / td >
< / tr >
< tr >
< td class = "col-md-4" >
< div class = "io-line" > Defined in < a href = "" data-line = "33"
class="link-to-prism">src/app/pages/accounts/account-search/account-search.component.ts:33< / a > < / div >
< / td >
< / tr >
< tr >
< td class = "col-md-4" >
< div class = "io-description" >
2021-06-14 13:28:53 +02:00
< b > Returns : < / b > < code > Promise< void> < / code >
2021-05-10 20:56:20 +02:00
< / div >
< / td >
< / tr >
< / tbody >
< / table >
< table class = "table table-sm table-bordered" >
< tbody >
< tr >
< td class = "col-md-4" >
< a name = "onAddressSearch" > < / a >
< span class = "name" >
< b >
< span class = "modifier" > Async< / span >
onAddressSearch
< / b >
< a href = "#onAddressSearch" > < span class = "icon ion-ios-link" > < / span > < / a >
< / span >
< / td >
< / tr >
< tr >
< td class = "col-md-4" >
< span class = "modifier-icon icon ion-ios-reset" > < / span >
< code > onAddressSearch()< / code >
< / td >
< / tr >
< tr >
< td class = "col-md-4" >
2021-06-14 13:28:53 +02:00
< div class = "io-line" > Defined in < a href = "" data-line = "86"
class="link-to-prism">src/app/pages/accounts/account-search/account-search.component.ts:86< / a > < / div >
2021-05-10 20:56:20 +02:00
< / td >
< / tr >
< tr >
< td class = "col-md-4" >
< div class = "io-description" >
< b > Returns : < / b > < code > Promise< void> < / code >
< / div >
< / td >
< / tr >
< / tbody >
< / table >
< table class = "table table-sm table-bordered" >
< tbody >
< tr >
< td class = "col-md-4" >
< a name = "onNameSearch" > < / a >
< span class = "name" >
< b >
onNameSearch
< / b >
< a href = "#onNameSearch" > < span class = "icon ion-ios-link" > < / span > < / a >
< / span >
< / td >
< / tr >
< tr >
< td class = "col-md-4" >
< code > onNameSearch()< / code >
< / td >
< / tr >
< tr >
< td class = "col-md-4" >
2021-06-14 13:28:53 +02:00
< div class = "io-line" > Defined in < a href = "" data-line = "56"
class="link-to-prism">src/app/pages/accounts/account-search/account-search.component.ts:56< / a > < / div >
2021-05-10 20:56:20 +02:00
< / td >
< / tr >
< tr >
< td class = "col-md-4" >
< div class = "io-description" >
< b > Returns : < / b > < code > < a href = "https://www.typescriptlang.org/docs/handbook/basic-types.html" target = "_blank" > void< / a > < / code >
< / div >
< / td >
< / tr >
< / tbody >
< / table >
< table class = "table table-sm table-bordered" >
< tbody >
< tr >
< td class = "col-md-4" >
< a name = "onPhoneSearch" > < / a >
< span class = "name" >
< b >
< span class = "modifier" > Async< / span >
onPhoneSearch
< / b >
< a href = "#onPhoneSearch" > < span class = "icon ion-ios-link" > < / span > < / a >
< / span >
< / td >
< / tr >
< tr >
< td class = "col-md-4" >
< span class = "modifier-icon icon ion-ios-reset" > < / span >
< code > onPhoneSearch()< / code >
< / td >
< / tr >
< tr >
< td class = "col-md-4" >
2021-06-14 13:28:53 +02:00
< div class = "io-line" > Defined in < a href = "" data-line = "66"
class="link-to-prism">src/app/pages/accounts/account-search/account-search.component.ts:66< / a > < / div >
2021-05-10 20:56:20 +02:00
< / td >
< / tr >
< tr >
< td class = "col-md-4" >
< div class = "io-description" >
< b > Returns : < / b > < code > Promise< void> < / code >
< / div >
< / td >
< / tr >
< / tbody >
< / table >
< / section >
< section >
< h3 id = "inputs" >
Properties
< / h3 >
< table class = "table table-sm table-bordered" >
< tbody >
< tr >
< td class = "col-md-4" >
< a name = "addressSearchForm" > < / a >
< span class = "name" >
< b >
addressSearchForm< / b >
< a href = "#addressSearchForm" > < span class = "icon ion-ios-link" > < / span > < / a >
< / span >
< / td >
< / tr >
< tr >
< td class = "col-md-4" >
< i > Type : < / i > < code > < a href = "https://angular.io/api/forms/FormGroup" target = "_blank" > FormGroup< / a > < / code >
< / td >
< / tr >
< tr >
< td class = "col-md-4" >
< div class = "io-line" > Defined in < a href = "" data-line = "22" class = "link-to-prism" > src/app/pages/accounts/account-search/account-search.component.ts:22< / a > < / div >
< / td >
< / tr >
< / tbody >
< / table >
< table class = "table table-sm table-bordered" >
< tbody >
< tr >
< td class = "col-md-4" >
< a name = "addressSearchLoading" > < / a >
< span class = "name" >
< b >
addressSearchLoading< / b >
< a href = "#addressSearchLoading" > < span class = "icon ion-ios-link" > < / span > < / a >
< / span >
< / td >
< / tr >
< tr >
< td class = "col-md-4" >
< i > Type : < / i > < code > < a href = "https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/boolean" target = "_blank" > boolean< / a > < / code >
< / td >
< / tr >
< tr >
< td class = "col-md-4" >
< i > Default value : < / i > < code > false< / code >
< / td >
< / tr >
< tr >
< td class = "col-md-4" >
< div class = "io-line" > Defined in < a href = "" data-line = "24" class = "link-to-prism" > src/app/pages/accounts/account-search/account-search.component.ts:24< / a > < / div >
< / td >
< / tr >
< / tbody >
< / table >
< table class = "table table-sm table-bordered" >
< tbody >
< tr >
< td class = "col-md-4" >
< a name = "addressSearchSubmitted" > < / a >
< span class = "name" >
< b >
addressSearchSubmitted< / b >
< a href = "#addressSearchSubmitted" > < span class = "icon ion-ios-link" > < / span > < / a >
< / span >
< / td >
< / tr >
< tr >
< td class = "col-md-4" >
< i > Type : < / i > < code > < a href = "https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/boolean" target = "_blank" > boolean< / a > < / code >
< / td >
< / tr >
< tr >
< td class = "col-md-4" >
< i > Default value : < / i > < code > false< / code >
< / td >
< / tr >
< tr >
< td class = "col-md-4" >
< div class = "io-line" > Defined in < a href = "" data-line = "23" class = "link-to-prism" > src/app/pages/accounts/account-search/account-search.component.ts:23< / a > < / div >
< / td >
< / tr >
< / tbody >
< / table >
< table class = "table table-sm table-bordered" >
< tbody >
< tr >
< td class = "col-md-4" >
< a name = "matcher" > < / a >
< span class = "name" >
< b >
matcher< / b >
< a href = "#matcher" > < span class = "icon ion-ios-link" > < / span > < / a >
< / span >
< / td >
< / tr >
< tr >
< td class = "col-md-4" >
< i > Type : < / i > < code > < a href = "../classes/CustomErrorStateMatcher.html" target = "_self" > CustomErrorStateMatcher< / a > < / code >
< / td >
< / tr >
< tr >
< td class = "col-md-4" >
< i > Default value : < / i > < code > new CustomErrorStateMatcher()< / code >
< / td >
< / tr >
< tr >
< td class = "col-md-4" >
< div class = "io-line" > Defined in < a href = "" data-line = "25" class = "link-to-prism" > src/app/pages/accounts/account-search/account-search.component.ts:25< / a > < / div >
< / td >
< / tr >
< / tbody >
< / table >
< table class = "table table-sm table-bordered" >
< tbody >
< tr >
< td class = "col-md-4" >
< a name = "nameSearchForm" > < / a >
< span class = "name" >
< b >
nameSearchForm< / b >
< a href = "#nameSearchForm" > < span class = "icon ion-ios-link" > < / span > < / a >
< / span >
< / td >
< / tr >
< tr >
< td class = "col-md-4" >
< i > Type : < / i > < code > < a href = "https://angular.io/api/forms/FormGroup" target = "_blank" > FormGroup< / a > < / code >
< / td >
< / tr >
< tr >
< td class = "col-md-4" >
< div class = "io-line" > Defined in < a href = "" data-line = "16" class = "link-to-prism" > src/app/pages/accounts/account-search/account-search.component.ts:16< / a > < / div >
< / td >
< / tr >
< / tbody >
< / table >
< table class = "table table-sm table-bordered" >
< tbody >
< tr >
< td class = "col-md-4" >
< a name = "nameSearchLoading" > < / a >
< span class = "name" >
< b >
nameSearchLoading< / b >
< a href = "#nameSearchLoading" > < span class = "icon ion-ios-link" > < / span > < / a >
< / span >
< / td >
< / tr >
< tr >
< td class = "col-md-4" >
< i > Type : < / i > < code > < a href = "https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/boolean" target = "_blank" > boolean< / a > < / code >
< / td >
< / tr >
< tr >
< td class = "col-md-4" >
< i > Default value : < / i > < code > false< / code >
< / td >
< / tr >
< tr >
< td class = "col-md-4" >
< div class = "io-line" > Defined in < a href = "" data-line = "18" class = "link-to-prism" > src/app/pages/accounts/account-search/account-search.component.ts:18< / a > < / div >
< / td >
< / tr >
< / tbody >
< / table >
< table class = "table table-sm table-bordered" >
< tbody >
< tr >
< td class = "col-md-4" >
< a name = "nameSearchSubmitted" > < / a >
< span class = "name" >
< b >
nameSearchSubmitted< / b >
< a href = "#nameSearchSubmitted" > < span class = "icon ion-ios-link" > < / span > < / a >
< / span >
< / td >
< / tr >
< tr >
< td class = "col-md-4" >
< i > Type : < / i > < code > < a href = "https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/boolean" target = "_blank" > boolean< / a > < / code >
< / td >
< / tr >
< tr >
< td class = "col-md-4" >
< i > Default value : < / i > < code > false< / code >
< / td >
< / tr >
< tr >
< td class = "col-md-4" >
< div class = "io-line" > Defined in < a href = "" data-line = "17" class = "link-to-prism" > src/app/pages/accounts/account-search/account-search.component.ts:17< / a > < / div >
< / td >
< / tr >
< / tbody >
< / table >
< table class = "table table-sm table-bordered" >
< tbody >
< tr >
< td class = "col-md-4" >
< a name = "phoneSearchForm" > < / a >
< span class = "name" >
< b >
phoneSearchForm< / b >
< a href = "#phoneSearchForm" > < span class = "icon ion-ios-link" > < / span > < / a >
< / span >
< / td >
< / tr >
< tr >
< td class = "col-md-4" >
< i > Type : < / i > < code > < a href = "https://angular.io/api/forms/FormGroup" target = "_blank" > FormGroup< / a > < / code >
< / td >
< / tr >
< tr >
< td class = "col-md-4" >
< div class = "io-line" > Defined in < a href = "" data-line = "19" class = "link-to-prism" > src/app/pages/accounts/account-search/account-search.component.ts:19< / a > < / div >
< / td >
< / tr >
< / tbody >
< / table >
< table class = "table table-sm table-bordered" >
< tbody >
< tr >
< td class = "col-md-4" >
< a name = "phoneSearchLoading" > < / a >
< span class = "name" >
< b >
phoneSearchLoading< / b >
< a href = "#phoneSearchLoading" > < span class = "icon ion-ios-link" > < / span > < / a >
< / span >
< / td >
< / tr >
< tr >
< td class = "col-md-4" >
< i > Type : < / i > < code > < a href = "https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/boolean" target = "_blank" > boolean< / a > < / code >
< / td >
< / tr >
< tr >
< td class = "col-md-4" >
< i > Default value : < / i > < code > false< / code >
< / td >
< / tr >
< tr >
< td class = "col-md-4" >
< div class = "io-line" > Defined in < a href = "" data-line = "21" class = "link-to-prism" > src/app/pages/accounts/account-search/account-search.component.ts:21< / a > < / div >
< / td >
< / tr >
< / tbody >
< / table >
< table class = "table table-sm table-bordered" >
< tbody >
< tr >
< td class = "col-md-4" >
< a name = "phoneSearchSubmitted" > < / a >
< span class = "name" >
< b >
phoneSearchSubmitted< / b >
< a href = "#phoneSearchSubmitted" > < span class = "icon ion-ios-link" > < / span > < / a >
< / span >
< / td >
< / tr >
< tr >
< td class = "col-md-4" >
< i > Type : < / i > < code > < a href = "https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/boolean" target = "_blank" > boolean< / a > < / code >
< / td >
< / tr >
< tr >
< td class = "col-md-4" >
< i > Default value : < / i > < code > false< / code >
< / td >
< / tr >
< tr >
< td class = "col-md-4" >
< div class = "io-line" > Defined in < a href = "" data-line = "20" class = "link-to-prism" > src/app/pages/accounts/account-search/account-search.component.ts:20< / a > < / div >
< / td >
< / tr >
< / tbody >
< / table >
< / section >
< section >
< h3 id = "accessors" >
Accessors
< / h3 >
< table class = "table table-sm table-bordered" >
< tbody >
< tr >
< td class = "col-md-4" >
< a name = "nameSearchFormStub" > < / a >
< span class = "name" > < b > nameSearchFormStub< / b > < a href = "#nameSearchFormStub" > < span class = "icon ion-ios-link" > < / span > < / a > < / span >
< / td >
< / tr >
< tr >
< td class = "col-md-4" >
< span class = "accessor" > < b > get< / b > < code > nameSearchFormStub()< / code > < / span >
< / td >
< / tr >
< tr >
< td class = "col-md-4" >
2021-06-14 13:28:53 +02:00
< div class = "io-line" > Defined in < a href = "" data-line = "46" class = "link-to-prism" > src/app/pages/accounts/account-search/account-search.component.ts:46< / a > < / div >
2021-05-10 20:56:20 +02:00
< / td >
< / tr >
< / tbody >
< / table >
< table class = "table table-sm table-bordered" >
< tbody >
< tr >
< td class = "col-md-4" >
< a name = "phoneSearchFormStub" > < / a >
< span class = "name" > < b > phoneSearchFormStub< / b > < a href = "#phoneSearchFormStub" > < span class = "icon ion-ios-link" > < / span > < / a > < / span >
< / td >
< / tr >
< tr >
< td class = "col-md-4" >
< span class = "accessor" > < b > get< / b > < code > phoneSearchFormStub()< / code > < / span >
< / td >
< / tr >
< tr >
< td class = "col-md-4" >
2021-06-14 13:28:53 +02:00
< div class = "io-line" > Defined in < a href = "" data-line = "49" class = "link-to-prism" > src/app/pages/accounts/account-search/account-search.component.ts:49< / a > < / div >
2021-05-10 20:56:20 +02:00
< / td >
< / tr >
< / tbody >
< / table >
< table class = "table table-sm table-bordered" >
< tbody >
< tr >
< td class = "col-md-4" >
< a name = "addressSearchFormStub" > < / a >
< span class = "name" > < b > addressSearchFormStub< / b > < a href = "#addressSearchFormStub" > < span class = "icon ion-ios-link" > < / span > < / a > < / span >
< / td >
< / tr >
< tr >
< td class = "col-md-4" >
< span class = "accessor" > < b > get< / b > < code > addressSearchFormStub()< / code > < / span >
< / td >
< / tr >
< tr >
< td class = "col-md-4" >
2021-06-14 13:28:53 +02:00
< div class = "io-line" > Defined in < a href = "" data-line = "52" class = "link-to-prism" > src/app/pages/accounts/account-search/account-search.component.ts:52< / a > < / div >
2021-05-10 20:56:20 +02:00
< / td >
< / tr >
< / tbody >
< / table >
< / section >
< / div >
< div class = "tab-pane fade tab-source-code" id = "c-source" >
< pre class = "line-numbers compodoc-sourcecode" > < code class = "language-typescript" > import { Component, OnInit, ChangeDetectionStrategy } from ' @angular/core' ;
2021-05-11 19:51:48 +02:00
import { FormBuilder, FormGroup, Validators } from ' @angular/forms' ;
import { CustomErrorStateMatcher } from ' @app/_helpers' ;
import { UserService } from ' @app/_services' ;
import { Router } from ' @angular/router' ;
import { strip0x } from ' @src/assets/js/ethtx/dist/hex' ;
import { environment } from ' @src/environments/environment' ;
2021-05-10 20:56:20 +02:00
@Component({
selector: ' app-account-search' ,
templateUrl: ' ./account-search.component.html' ,
styleUrls: [' ./account-search.component.scss' ],
2021-05-11 19:51:48 +02:00
changeDetection: ChangeDetectionStrategy.OnPush,
2021-05-10 20:56:20 +02:00
})
export class AccountSearchComponent implements OnInit {
nameSearchForm: FormGroup;
nameSearchSubmitted: boolean = false;
nameSearchLoading: boolean = false;
phoneSearchForm: FormGroup;
phoneSearchSubmitted: boolean = false;
phoneSearchLoading: boolean = false;
addressSearchForm: FormGroup;
addressSearchSubmitted: boolean = false;
addressSearchLoading: boolean = false;
matcher: CustomErrorStateMatcher = new CustomErrorStateMatcher();
constructor(
private formBuilder: FormBuilder,
private userService: UserService,
2021-05-11 19:51:48 +02:00
private router: Router
) {}
2021-05-10 20:56:20 +02:00
2021-06-14 13:28:53 +02:00
async ngOnInit(): Promise< void> {
await this.userService.init();
2021-05-10 20:56:20 +02:00
this.nameSearchForm = this.formBuilder.group({
name: [' ' , Validators.required],
});
this.phoneSearchForm = this.formBuilder.group({
phoneNumber: [' ' , Validators.required],
});
this.addressSearchForm = this.formBuilder.group({
address: [' ' , Validators.required],
});
}
2021-05-11 19:51:48 +02:00
get nameSearchFormStub(): any {
return this.nameSearchForm.controls;
}
get phoneSearchFormStub(): any {
return this.phoneSearchForm.controls;
}
get addressSearchFormStub(): any {
return this.addressSearchForm.controls;
}
2021-05-10 20:56:20 +02:00
onNameSearch(): void {
this.nameSearchSubmitted = true;
2021-05-11 19:51:48 +02:00
if (this.nameSearchForm.invalid) {
return;
}
2021-05-10 20:56:20 +02:00
this.nameSearchLoading = true;
this.userService.searchAccountByName(this.nameSearchFormStub.name.value);
this.nameSearchLoading = false;
}
async onPhoneSearch(): Promise< void> {
this.phoneSearchSubmitted = true;
2021-05-11 19:51:48 +02:00
if (this.phoneSearchForm.invalid) {
return;
}
2021-05-10 20:56:20 +02:00
this.phoneSearchLoading = true;
2021-05-11 19:51:48 +02:00
(
await this.userService.getAccountByPhone(this.phoneSearchFormStub.phoneNumber.value, 100)
).subscribe(async (res) = > {
2021-05-10 20:56:20 +02:00
if (res != = undefined) {
2021-05-11 19:51:48 +02:00
await this.router.navigateByUrl(
` /accounts/${strip0x(res.identities.evm[` bloxberg:${environment.bloxbergChainId}` ][0])}`
);
2021-05-10 20:56:20 +02:00
} else {
alert(' Account not found!' );
}
});
this.phoneSearchLoading = false;
}
async onAddressSearch(): Promise< void> {
this.addressSearchSubmitted = true;
2021-05-11 19:51:48 +02:00
if (this.addressSearchForm.invalid) {
return;
}
2021-05-10 20:56:20 +02:00
this.addressSearchLoading = true;
2021-05-11 19:51:48 +02:00
(
await this.userService.getAccountByAddress(this.addressSearchFormStub.address.value, 100)
).subscribe(async (res) = > {
2021-05-10 20:56:20 +02:00
if (res != = undefined) {
2021-05-11 19:51:48 +02:00
await this.router.navigateByUrl(
` /accounts/${strip0x(res.identities.evm[` bloxberg:${environment.bloxbergChainId}` ][0])}`
);
2021-05-10 20:56:20 +02:00
} else {
alert(' Account not found!' );
}
});
this.addressSearchLoading = false;
}
}
< / code > < / pre >
< / div >
< div class = "tab-pane fade " id = "c-templateData" >
< pre class = "line-numbers" > < code class = "language-html" > < !-- Begin page -->
< div class= " wrapper" >
< app-sidebar> < /app-sidebar>
< !-- = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = -->
< !-- Start Page Content here -->
< !-- = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = -->
< div id= " content" >
< app-topbar> < /app-topbar>
< !-- Start Content-->
< div class= " container-fluid" appMenuSelection>
< nav aria-label= " breadcrumb" >
< ol class= " breadcrumb" >
< li class= " breadcrumb-item" > < a routerLink= " /home" > Home< /a> < /li>
< li class= " breadcrumb-item" > < a routerLink= " /accounts" > Accounts< /a> < /li>
< li class= " breadcrumb-item active" aria-current= " page" > Search< /li>
< /ol>
< /nav>
< div class= " card" >
< mat-card-title class= " card-header" >
Accounts
< /mat-card-title>
< div class= " card-body" >
< mat-tab-group>
< mat-tab label= " Phone Number" >
< form [formGroup]= " phoneSearchForm" (ngSubmit)= " onPhoneSearch()" >
< mat-form-field appearance= " outline" >
< mat-label> Search < /mat-label>
< input matInput type= " text" placeholder= " Search by phone number" formControlName= " phoneNumber" [errorStateMatcher]= " matcher" >
< mat-error *ngIf= " phoneSearchSubmitted & & phoneSearchFormStub.phoneNumber.errors" > Phone Number is required.< /mat-error>
< mat-icon matSuffix> phone< /mat-icon>
< mat-hint> Phone Number< /mat-hint>
< /mat-form-field>
< button mat-raised-button color= " primary" type= " submit" class= " btn btn-outline-primary ml-3" > SEARCH < /button>
< /form>
< /mat-tab>
< mat-tab label= " Account Address" >
< form [formGroup]= " addressSearchForm" (ngSubmit)= " onAddressSearch()" >
< mat-form-field appearance= " outline" >
< mat-label> Search < /mat-label>
< input matInput type= " text" placeholder= " Search by account address" formControlName= " address" [errorStateMatcher]= " matcher" >
< mat-error *ngIf= " addressSearchSubmitted & & addressSearchFormStub.address.errors" > Account Address is required.< /mat-error>
< mat-icon matSuffix> view_in_ar< /mat-icon>
< mat-hint> Account Address< /mat-hint>
< /mat-form-field>
< button mat-raised-button color= " primary" type= " submit" class= " btn btn-outline-primary ml-3" > SEARCH < /button>
< /form>
< /mat-tab>
< /mat-tab-group>
< /div>
< /div>
< /div>
< app-footer appMenuSelection> < /app-footer>
< /div>
< !-- = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = -->
< !-- End Page content -->
< !-- = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = -->
< /div>
< / code > < / pre >
< / div >
< div class = "tab-pane fade " id = "c-styleData" >
< p class = "comment" >
< code > ./account-search.component.scss< / code >
< / p >
< pre class = "line-numbers" > < code class = "language-scss" > < / code > < / pre >
< / div >
< div class = "tab-pane fade " id = "c-tree" >
< div id = "tree-container" > < / div >
< div class = "tree-legend" >
< div class = "title" >
< b > Legend< / b >
< / div >
< div >
< div class = "color htmlelement" > < / div > < span > Html element< / span >
< / div >
< div >
< div class = "color component" > < / div > < span > Component< / span >
< / div >
< div >
< div class = "color directive" > < / div > < span > Html element with directive< / span >
< / div >
< / div >
< / div >
< / div >
< script src = "../js/libs/vis.min.js" > < / script >
< script src = "../js/libs/htmlparser.js" > < / script >
< script src = "../js/libs/deep-iterator.js" > < / script >
< script >
var COMPONENT_TEMPLATE = '< div > <!-- Begin page --> < div class = "wrapper" > < app-sidebar > < / app-sidebar > <!-- ============================================================== --> <!-- Start Page Content here --> <!-- ============================================================== --> < div id = "content" > < app-topbar > < / app-topbar > <!-- Start Content --> < div class = "container-fluid" appMenuSelection > < nav aria-label = "breadcrumb" > < ol class = "breadcrumb" > < li class = "breadcrumb-item" > < a routerLink = "/home" > Home< / a > < / li > < li class = "breadcrumb-item" > < a routerLink = "/accounts" > Accounts< / a > < / li > < li class = "breadcrumb-item active" aria-current = "page" > Search< / li > < / ol > < / nav > < div class = "card" > < mat-card-title class = "card-header" > Accounts < / mat-card-title > < div class = "card-body" > < mat-tab-group > < mat-tab label = "Phone Number" > < form [ formGroup ] = " phoneSearchForm " ( ngSubmit ) = " onPhoneSearch ( ) " > < mat-form-field appearance = "outline" > < mat-label > Search < / mat-label > < input matInput type = "text" placeholder = "Search by phone number" formControlName = "phoneNumber" [ errorStateMatcher ] = " matcher " > < mat-error * ngIf = "phoneSearchSubmitted && phoneSearchFormStub.phoneNumber.errors" > Phone Number is required.< / mat-error > < mat-icon matSuffix > phone< / mat-icon > < mat-hint > Phone Number< / mat-hint > < / mat-form-field > < button mat-raised-button color = "primary" type = "submit" class = "btn btn-outline-primary ml-3" > SEARCH < / button > < / form > < / mat-tab > < mat-tab label = "Account Address" > < form [ formGroup ] = " addressSearchForm " ( ngSubmit ) = " onAddressSearch ( ) " > < mat-form-field appearance = "outline" > < mat-label > Search < / mat-label > < input matInput type = "text" placeholder = "Search by account address" formControlName = "address" [ errorStateMatcher ] = " matcher " > < mat-error * ngIf = "addressSearchSubmitted && addressSearchFormStub.address.errors" > Account Address is required.< / mat-error > < mat-icon matSuffix > view_in_ar< / mat-icon > < mat-hint > Account Address< / mat-hint > < / mat-form-field > < button mat-raised-button color = "primary" type = "submit" class = "btn btn-outline-primary ml-3" > SEARCH < / button > < / form > < / mat-tab > < / mat-tab-group > < / div > < / div > < / div > < app-footer appMenuSelection > < / app-footer > < / div > <!-- ============================================================== --> <!-- End Page content --> <!-- ============================================================== --> < / div > < / div > '
2021-05-11 19:51:48 +02:00
var COMPONENTS = [{'name': 'AccountDetailsComponent', 'selector': 'app-account-details'},{'name': 'AccountsComponent', 'selector': 'app-accounts'},{'name': 'AccountSearchComponent', 'selector': 'app-account-search'},{'name': 'AdminComponent', 'selector': 'app-admin'},{'name': 'AppComponent', 'selector': 'app-root'},{'name': 'AuthComponent', 'selector': 'app-auth'},{'name': 'CreateAccountComponent', 'selector': 'app-create-account'},{'name': 'ErrorDialogComponent', 'selector': 'app-error-dialog'},{'name': 'FooterComponent', 'selector': 'app-footer'},{'name': 'FooterStubComponent', 'selector': 'app-footer'},{'name': 'NetworkStatusComponent', 'selector': 'app-network-status'},{'name': 'OrganizationComponent', 'selector': 'app-organization'},{'name': 'PagesComponent', 'selector': 'app-pages'},{'name': 'SettingsComponent', 'selector': 'app-settings'},{'name': 'SidebarComponent', 'selector': 'app-sidebar'},{'name': 'SidebarStubComponent', 'selector': 'app-sidebar'},{'name': 'TokenDetailsComponent', 'selector': 'app-token-details'},{'name': 'TokensComponent', 'selector': 'app-tokens'},{'name': 'TopbarComponent', 'selector': 'app-topbar'},{'name': 'TopbarStubComponent', 'selector': 'app-topbar'},{'name': 'TransactionDetailsComponent', 'selector': 'app-transaction-details'},{'name': 'TransactionsComponent', 'selector': 'app-transactions'}];
var DIRECTIVES = [{'name': 'MenuSelectionDirective', 'selector': '[appMenuSelection]'},{'name': 'MenuToggleDirective', 'selector': '[appMenuToggle]'},{'name': 'PasswordToggleDirective', 'selector': '[appPasswordToggle]'},{'name': 'RouterLinkDirectiveStub', 'selector': '[appRouterLink]'}];
2021-05-10 20:56:20 +02:00
var ACTUAL_COMPONENT = {'name': 'AccountSearchComponent'};
< / script >
< script src = "../js/tree.js" > < / script >
< / div > < div class = "search-results" >
< div class = "has-results" >
< h1 class = "search-results-title" > < span class = 'search-results-count' > < / span > result-matching "< span class = 'search-query' > < / span > "< / h1 >
< ul class = "search-results-list" > < / ul >
< / div >
< div class = "no-results" >
< h1 class = "search-results-title" > No results matching "< span class = 'search-query' > < / span > "< / h1 >
< / div >
< / div >
< / div >
<!-- END CONTENT -->
< / div >
< / div >
< script >
var COMPODOC_CURRENT_PAGE_DEPTH = 1;
var COMPODOC_CURRENT_PAGE_CONTEXT = 'component';
var COMPODOC_CURRENT_PAGE_URL = 'AccountSearchComponent.html';
var MAX_SEARCH_RESULTS = 15;
< / script >
< script src = "../js/libs/custom-elements.min.js" > < / script >
< script src = "../js/libs/lit-html.js" > < / script >
<!-- Required to polyfill modern browsers as code is ES5 for IE... -->
< script src = "../js/libs/custom-elements-es5-adapter.js" charset = "utf-8" defer > < / script >
< script src = "../js/menu-wc.js" defer > < / script >
< script src = "../js/libs/bootstrap-native.js" > < / script >
< script src = "../js/libs/es6-shim.min.js" > < / script >
< script src = "../js/libs/EventDispatcher.js" > < / script >
< script src = "../js/libs/promise.min.js" > < / script >
< script src = "../js/libs/zepto.min.js" > < / script >
< script src = "../js/compodoc.js" > < / script >
< script src = "../js/tabs.js" > < / script >
< script src = "../js/menu.js" > < / script >
< script src = "../js/libs/clipboard.min.js" > < / script >
< script src = "../js/libs/prism.js" > < / script >
< script src = "../js/sourceCode.js" > < / script >
< script src = "../js/search/search.js" > < / script >
< script src = "../js/search/lunr.min.js" > < / script >
< script src = "../js/search/search-lunr.js" > < / script >
< script src = "../js/search/search_index.js" > < / script >
< script src = "../js/lazy-load-graphs.js" > < / script >
< / body >
< / html >
