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 > TransactionDetailsComponent< / 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/transactions/transaction-details/transaction-details.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-transaction-details< / code > < / td >
< / tr >
< tr >
< td class = "col-md-3" > styleUrls< / td >
< td class = "col-md-9" > < code > ./transaction-details.component.scss< / code > < / td >
< / tr >
< tr >
< td class = "col-md-3" > templateUrl< / td >
< td class = "col-md-9" > < code > ./transaction-details.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 = "#recipientBloxbergLink" > recipientBloxbergLink< / a >
< / li >
< li >
< a href = "#senderBloxbergLink" > senderBloxbergLink< / a >
< / li >
2021-06-14 13:28:53 +02:00
< li >
< a href = "#tokenName" > tokenName< / a >
< / li >
< li >
< a href = "#tokenSymbol" > tokenSymbol< / a >
< / li >
2021-05-10 20:56:20 +02:00
< li >
< a href = "#traderBloxbergLink" > traderBloxbergLink< / 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" >
2021-06-14 13:28:53 +02:00
< li >
< a href = "#close" > close< / a >
< / li >
2021-05-10 20:56:20 +02:00
< li >
< a href = "#copyAddress" > copyAddress< / a >
< / li >
< 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 = "#reverseTransaction" > reverseTransaction< / a >
< / li >
< li >
< span class = "modifier" > Async< / span >
< a href = "#viewRecipient" > viewRecipient< / a >
< / li >
< li >
< span class = "modifier" > Async< / span >
< a href = "#viewSender" > viewSender< / a >
< / li >
< li >
< span class = "modifier" > Async< / span >
< a href = "#viewTrader" > viewTrader< / a >
< / li >
< / ul >
< / td >
< / tr >
< tr >
< td class = "col-md-4" >
< h6 > < b > Inputs< / b > < / h6 >
< / td >
< / tr >
< tr >
< td class = "col-md-4" >
< ul class = "index-list" >
< li >
< a href = "#transaction" > transaction< / a >
< / li >
< / ul >
< / td >
< / tr >
2021-06-14 13:28:53 +02:00
< tr >
< td class = "col-md-4" >
< h6 > < b > Outputs< / b > < / h6 >
< / td >
< / tr >
< tr >
< td class = "col-md-4" >
< ul class = "index-list" >
< li >
< a href = "#closeWindow" > closeWindow< / a >
< / li >
< / ul >
< / td >
< / tr >
2021-05-10 20:56:20 +02:00
< / tbody >
< / table >
< / section >
< section >
< h3 id = "constructor" > Constructor< / h3 >
< table class = "table table-sm table-bordered" >
< tbody >
< tr >
< td class = "col-md-4" >
2021-06-14 13:28:53 +02:00
< code > constructor(router: < a href = "https://angular.io/api/router/Router" target = "_blank" > Router< / a > , transactionService: < a href = "../injectables/TransactionService.html" > TransactionService< / a > , snackBar: MatSnackBar, tokenService: < a href = "../injectables/TokenService.html" > TokenService< / a > )< / code >
2021-05-10 20:56:20 +02:00
< / 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 = "30" class = "link-to-prism" > src/app/pages/transactions/transaction-details/transaction-details.component.ts:30< / a > < / div >
2021-05-10 20:56:20 +02:00
< / 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 > router< / td >
< td >
< code > < a href = "https://angular.io/api/router/Router" target = "_blank" > Router< / a > < / code >
< / td >
< td >
No
< / td >
< / tr >
< tr >
< td > transactionService< / td >
< td >
< code > < a href = "../injectables/TransactionService.html" target = "_self" > TransactionService< / a > < / code >
< / td >
< td >
No
< / td >
< / tr >
< tr >
< td > snackBar< / td >
< td >
< code > MatSnackBar< / code >
< / td >
< td >
No
< / td >
< / tr >
2021-06-14 13:28:53 +02:00
< tr >
< td > tokenService< / td >
< td >
< code > < a href = "../injectables/TokenService.html" target = "_self" > TokenService< / a > < / code >
< / td >
< td >
No
< / td >
< / tr >
2021-05-10 20:56:20 +02:00
< / tbody >
< / table >
< / div >
< / td >
< / tr >
< / tbody >
< / table >
< / section >
< section >
< h3 id = "inputs" > Inputs< / h3 >
< table class = "table table-sm table-bordered" >
< tbody >
< tr >
< td class = "col-md-4" >
< a name = "transaction" > < / a >
< b > transaction< / b >
< / td >
< / tr >
< tr >
< td class = "col-md-2" colspan = "2" >
2021-06-14 13:28:53 +02:00
< div class = "io-line" > Defined in < a href = "" data-line = "22" class = "link-to-prism" > src/app/pages/transactions/transaction-details/transaction-details.component.ts:22< / a > < / div >
2021-05-10 20:56:20 +02:00
< / td >
< / tr >
< / tbody >
< / table >
< / section >
2021-06-14 13:28:53 +02:00
< section >
< h3 id = "outputs" > Outputs< / h3 >
< table class = "table table-sm table-bordered" >
< tbody >
< tr >
< td class = "col-md-4" >
< a name = "closeWindow" > < / a >
< b > closeWindow< / b >
< / td >
< / tr >
< tr >
< td class = "col-md-4" >
< i > Type : < / i > < code > EventEmitter< any> < / code >
2021-05-10 20:56:20 +02:00
2021-06-14 13:28:53 +02:00
< / td >
< / tr >
< tr >
< td class = "col-md-2" colspan = "2" >
< div class = "io-line" > Defined in < a href = "" data-line = "24" class = "link-to-prism" > src/app/pages/transactions/transaction-details/transaction-details.component.ts:24< / a > < / div >
< / td >
< / tr >
< / tbody >
< / table >
< / section >
2021-05-10 20:56:20 +02:00
< section >
< h3 id = "methods" >
Methods
< / h3 >
2021-06-14 13:28:53 +02:00
< table class = "table table-sm table-bordered" >
< tbody >
< tr >
< td class = "col-md-4" >
< a name = "close" > < / a >
< span class = "name" >
< b >
close
< / b >
< a href = "#close" > < span class = "icon ion-ios-link" > < / span > < / a >
< / span >
< / td >
< / tr >
< tr >
< td class = "col-md-4" >
< code > close()< / code >
< / td >
< / tr >
< tr >
< td class = "col-md-4" >
< div class = "io-line" > Defined in < a href = "" data-line = "86"
class="link-to-prism">src/app/pages/transactions/transaction-details/transaction-details.component.ts:86< / a > < / div >
< / 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 >
2021-05-10 20:56:20 +02:00
< table class = "table table-sm table-bordered" >
< tbody >
< tr >
< td class = "col-md-4" >
< a name = "copyAddress" > < / a >
< span class = "name" >
< b >
copyAddress
< / b >
< a href = "#copyAddress" > < span class = "icon ion-ios-link" > < / span > < / a >
< / span >
< / td >
< / tr >
< tr >
< td class = "col-md-4" >
< code > copyAddress(address: < a href = "https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/string" target = "_blank" > string< / a > )< / 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 = "80"
class="link-to-prism">src/app/pages/transactions/transaction-details/transaction-details.component.ts:80< / a > < / div >
2021-05-10 20:56:20 +02:00
< / td >
< / tr >
< tr >
< td class = "col-md-4" >
< div class = "io-description" >
< b > Parameters :< / b >
< table class = "params" >
< thead >
< tr >
< td > Name< / td >
< td > Type< / td >
< td > Optional< / td >
< / tr >
< / thead >
< tbody >
< tr >
< td > address< / td >
< td >
< code > < a href = "https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/string" target = "_blank" > string< / a > < / code >
< / td >
< td >
No
< / td >
< / tr >
< / tbody >
< / table >
< / div >
< div >
< / div >
< 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 >
< div class = "io-description" >
< / div >
< / td >
< / tr >
< / tbody >
< / table >
< 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" >
2021-06-14 13:28:53 +02:00
< div class = "io-line" > Defined in < a href = "" data-line = "39"
class="link-to-prism">src/app/pages/transactions/transaction-details/transaction-details.component.ts:39< / a > < / div >
2021-05-10 20:56:20 +02:00
< / 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 = "reverseTransaction" > < / a >
< span class = "name" >
< b >
< span class = "modifier" > Async< / span >
reverseTransaction
< / b >
< a href = "#reverseTransaction" > < 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 > reverseTransaction()< / 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 = "71"
class="link-to-prism">src/app/pages/transactions/transaction-details/transaction-details.component.ts:71< / 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 = "viewRecipient" > < / a >
< span class = "name" >
< b >
< span class = "modifier" > Async< / span >
viewRecipient
< / b >
< a href = "#viewRecipient" > < 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 > viewRecipient()< / 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 = "63"
class="link-to-prism">src/app/pages/transactions/transaction-details/transaction-details.component.ts:63< / 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 = "viewSender" > < / a >
< span class = "name" >
< b >
< span class = "modifier" > Async< / span >
viewSender
< / b >
< a href = "#viewSender" > < 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 > viewSender()< / 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 = "59"
class="link-to-prism">src/app/pages/transactions/transaction-details/transaction-details.component.ts:59< / 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 = "viewTrader" > < / a >
< span class = "name" >
< b >
< span class = "modifier" > Async< / span >
viewTrader
< / b >
< a href = "#viewTrader" > < 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 > viewTrader()< / 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 = "67"
class="link-to-prism">src/app/pages/transactions/transaction-details/transaction-details.component.ts:67< / 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 = "recipientBloxbergLink" > < / a >
< span class = "name" >
< b >
recipientBloxbergLink< / b >
< a href = "#recipientBloxbergLink" > < 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/string" target = "_blank" > string< / a > < / 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 = "27" class = "link-to-prism" > src/app/pages/transactions/transaction-details/transaction-details.component.ts:27< / 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 = "senderBloxbergLink" > < / a >
< span class = "name" >
< b >
senderBloxbergLink< / b >
< a href = "#senderBloxbergLink" > < 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/string" target = "_blank" > string< / a > < / 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 = "26" class = "link-to-prism" > src/app/pages/transactions/transaction-details/transaction-details.component.ts:26< / a > < / div >
< / td >
< / tr >
< / tbody >
< / table >
< table class = "table table-sm table-bordered" >
< tbody >
< tr >
< td class = "col-md-4" >
< a name = "tokenName" > < / a >
< span class = "name" >
< b >
tokenName< / b >
< a href = "#tokenName" > < 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/string" target = "_blank" > string< / a > < / code >
< / td >
< / tr >
< tr >
< td class = "col-md-4" >
< div class = "io-line" > Defined in < a href = "" data-line = "29" class = "link-to-prism" > src/app/pages/transactions/transaction-details/transaction-details.component.ts:29< / a > < / div >
< / td >
< / tr >
< / tbody >
< / table >
< table class = "table table-sm table-bordered" >
< tbody >
< tr >
< td class = "col-md-4" >
< a name = "tokenSymbol" > < / a >
< span class = "name" >
< b >
tokenSymbol< / b >
< a href = "#tokenSymbol" > < 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/string" target = "_blank" > string< / a > < / code >
< / td >
< / tr >
< tr >
< td class = "col-md-4" >
< div class = "io-line" > Defined in < a href = "" data-line = "30" class = "link-to-prism" > src/app/pages/transactions/transaction-details/transaction-details.component.ts:30< / 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 = "traderBloxbergLink" > < / a >
< span class = "name" >
< b >
traderBloxbergLink< / b >
< a href = "#traderBloxbergLink" > < 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/string" target = "_blank" > string< / a > < / 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 = "28" class = "link-to-prism" > src/app/pages/transactions/transaction-details/transaction-details.component.ts:28< / 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" >
2021-06-14 13:28:53 +02:00
< pre class = "line-numbers compodoc-sourcecode" > < code class = "language-typescript" > import {
ChangeDetectionStrategy,
Component,
EventEmitter,
Input,
OnInit,
Output,
} from ' @angular/core' ;
2021-05-11 19:51:48 +02:00
import { Router } from ' @angular/router' ;
2021-06-14 13:28:53 +02:00
import { TokenService, TransactionService } from ' @app/_services' ;
2021-05-11 19:51:48 +02:00
import { copyToClipboard } from ' @app/_helpers' ;
import { MatSnackBar } from ' @angular/material/snack-bar' ;
import { strip0x } from ' @src/assets/js/ethtx/dist/hex' ;
2021-05-10 20:56:20 +02:00
@Component({
selector: ' app-transaction-details' ,
templateUrl: ' ./transaction-details.component.html' ,
styleUrls: [' ./transaction-details.component.scss' ],
2021-05-11 19:51:48 +02:00
changeDetection: ChangeDetectionStrategy.OnPush,
2021-05-10 20:56:20 +02:00
})
export class TransactionDetailsComponent implements OnInit {
@Input() transaction;
2021-06-14 13:28:53 +02:00
@Output() closeWindow: EventEmitter< any> = new EventEmitter< any> ();
2021-05-10 20:56:20 +02:00
senderBloxbergLink: string;
recipientBloxbergLink: string;
traderBloxbergLink: string;
2021-06-14 13:28:53 +02:00
tokenName: string;
tokenSymbol: string;
2021-05-10 20:56:20 +02:00
constructor(
private router: Router,
private transactionService: TransactionService,
2021-06-14 13:28:53 +02:00
private snackBar: MatSnackBar,
private tokenService: TokenService
2021-05-11 19:51:48 +02:00
) {}
2021-05-10 20:56:20 +02:00
2021-06-14 13:28:53 +02:00
async ngOnInit(): Promise< void> {
await this.transactionService.init();
await this.tokenService.init();
2021-05-10 20:56:20 +02:00
if (this.transaction?.type = = = ' conversion' ) {
2021-05-11 19:51:48 +02:00
this.traderBloxbergLink =
' https://blockexplorer.bloxberg.org/address/' + this.transaction?.trader + ' /transactions' ;
2021-05-10 20:56:20 +02:00
} else {
2021-05-11 19:51:48 +02:00
this.senderBloxbergLink =
' https://blockexplorer.bloxberg.org/address/' + this.transaction?.from + ' /transactions' ;
this.recipientBloxbergLink =
' https://blockexplorer.bloxberg.org/address/' + this.transaction?.to + ' /transactions' ;
2021-05-10 20:56:20 +02:00
}
2021-06-14 13:28:53 +02:00
this.tokenService.load.subscribe(async (status: boolean) = > {
if (status) {
this.tokenSymbol = await this.tokenService.getTokenSymbol();
this.tokenName = await this.tokenService.getTokenName();
}
});
2021-05-10 20:56:20 +02:00
}
async viewSender(): Promise< void> {
await this.router.navigateByUrl(` /accounts/${strip0x(this.transaction.from)}` );
}
async viewRecipient(): Promise< void> {
await this.router.navigateByUrl(` /accounts/${strip0x(this.transaction.to)}` );
}
async viewTrader(): Promise< void> {
await this.router.navigateByUrl(` /accounts/${strip0x(this.transaction.trader)}` );
}
async reverseTransaction(): Promise< void> {
await this.transactionService.transferRequest(
this.transaction.token.address,
this.transaction.to,
this.transaction.from,
this.transaction.value
);
}
copyAddress(address: string): void {
if (copyToClipboard(address)) {
this.snackBar.open(address + ' copied successfully!' , ' Close' , { duration: 3000 });
}
}
2021-06-14 13:28:53 +02:00
close(): void {
this.transaction = null;
this.closeWindow.emit(this.transaction);
}
2021-05-10 20:56:20 +02:00
}
< / code > < / pre >
< / div >
< div class = "tab-pane fade " id = "c-templateData" >
2021-06-14 13:28:53 +02:00
< pre class = "line-numbers" > < code class = "language-html" > < div *ngIf= " transaction" class= " mb-3 mt-1" >
2021-05-10 20:56:20 +02:00
< div class= " card text-center" >
< mat-card-title class= " card-header" >
< div class= " row" >
TRANSACTION DETAILS
2021-06-15 18:37:33 +02:00
< button
mat-raised-button
type= " button"
class= " btn btn-outline-secondary ml-auto mr-2"
(click)= " close()"
>
CLOSE
< /button>
2021-05-10 20:56:20 +02:00
< /div>
< /mat-card-title>
< div *ngIf= " transaction.type = = ' transaction' " class= " card-body" >
< div class= " row" >
< div class= " col-md-6" >
2021-06-15 18:37:33 +02:00
< h4> Exchange:< /h4>
2021-05-10 20:56:20 +02:00
< ul class= " list-group list-group-flush" >
< li class= " list-group-item" >
2021-06-15 18:37:33 +02:00
< span> Sender: {{ transaction.sender?.vcard.fn[0].value }}< /span
> < br /> < br />
2021-05-10 20:56:20 +02:00
< span>
Sender Address:
2021-06-15 18:37:33 +02:00
< a href= " {{ senderBloxbergLink }}" target= " _blank" > {{ transaction.from }} < /a>
< img
src= " assets/images/checklist.svg"
class= " ml-2"
height= " 20rem"
(click)= " copyAddress(transaction.from)"
alt= " Copy"
/> < /span
> < br /> < br />
< button
mat-raised-button
color= " primary"
class= " btn btn-outline-info"
(click)= " viewSender()"
>
View Sender
< /button>
2021-05-10 20:56:20 +02:00
< /li>
< li class= " list-group-item" >
2021-06-15 18:37:33 +02:00
< span> Recipient: {{ transaction.recipient?.vcard.fn[0].value }}< /span
> < br /> < br />
2021-05-10 20:56:20 +02:00
< span>
Recipient Address:
2021-06-15 18:37:33 +02:00
< a href= " {{ recipientBloxbergLink }}" target= " _blank" > {{ transaction.to }} < /a>
< img
src= " assets/images/checklist.svg"
class= " ml-2"
height= " 20rem"
(click)= " copyAddress(transaction.to)"
alt= " Copy"
/> < /span
> < br /> < br />
< button
mat-raised-button
color= " primary"
class= " btn btn-outline-info"
(click)= " viewRecipient()"
>
View Recipient
< /button>
2021-05-10 20:56:20 +02:00
< /li>
< li class= " list-group-item" >
2021-06-15 18:37:33 +02:00
< span
> Amount: {{ transaction.value | tokenRatio }} {{ tokenSymbol | uppercase }}< /span
>
2021-05-10 20:56:20 +02:00
< /li>
< /ul>
2021-06-15 18:37:33 +02:00
< h4 class= " mt-2" > Token:< /h4>
2021-05-10 20:56:20 +02:00
< ul class= " list-group list-group-flush" >
< li class= " list-group-item" >
< span>
Address:
2021-06-15 18:37:33 +02:00
{{ transaction.token._address }}
< img
src= " assets/images/checklist.svg"
class= " ml-2"
height= " 20rem"
(click)= " copyAddress(transaction.token._address)"
alt= " Copy"
/>
2021-05-10 20:56:20 +02:00
< /span>
< /li>
< li class= " list-group-item" >
2021-06-14 13:28:53 +02:00
< span> Name: {{ tokenName }}< /span>
2021-05-10 20:56:20 +02:00
< /li>
< li class= " list-group-item" >
2021-06-14 13:28:53 +02:00
< span> Symbol: {{ tokenSymbol | uppercase }}< /span>
2021-05-10 20:56:20 +02:00
< /li>
< /ul>
< /div>
< div class= " col-md-6" >
2021-06-15 18:37:33 +02:00
< h4> Transaction:< /h4>
2021-05-10 20:56:20 +02:00
< ul class= " list-group list-group-flush" >
< li class= " list-group-item" >
2021-06-15 18:37:33 +02:00
< span> Block: {{ transaction.tx.block }}< /span>
2021-05-10 20:56:20 +02:00
< /li>
< li class= " list-group-item" >
2021-06-15 18:37:33 +02:00
< span> Index: {{ transaction.tx.txIndex }}< /span>
2021-05-10 20:56:20 +02:00
< /li>
< li class= " list-group-item" >
2021-06-15 18:37:33 +02:00
< span> Hash: {{ transaction.tx.txHash }}< /span>
2021-05-10 20:56:20 +02:00
< /li>
< li class= " list-group-item" >
2021-06-15 18:37:33 +02:00
< span> Success: {{ transaction.tx.success }}< /span>
2021-05-10 20:56:20 +02:00
< /li>
< li class= " list-group-item" >
2021-06-15 18:37:33 +02:00
< span> Timestamp: {{ transaction.tx.timestamp | unixDate }}< /span>
2021-05-10 20:56:20 +02:00
< /li>
2021-06-15 18:37:33 +02:00
< /ul>
< br />
2021-05-10 20:56:20 +02:00
< div class= " mb-3" >
2021-06-15 18:37:33 +02:00
< button mat-raised-button color= " primary" type= " button" class= " btn btn-outline-success" >
Resend SMS
< /button>
2021-05-10 20:56:20 +02:00
< /div>
< div>
2021-06-15 18:37:33 +02:00
< button mat-raised-button color= " warn" type= " button" class= " btn btn-outline-danger" >
Reverse Transaction
< /button>
2021-05-10 20:56:20 +02:00
< /div>
< /div>
< /div>
< /div>
< div *ngIf= " transaction.type = = ' conversion' " class= " card-body" >
2021-06-15 18:37:33 +02:00
< h3> Exchange:< /h3>
2021-05-10 20:56:20 +02:00
< ul class= " list-group list-group-flush" >
< li class= " list-group-item" >
2021-06-15 18:37:33 +02:00
< span
> < strong> Trader: {{ transaction.sender?.vcard.fn[0].value }}< /strong> < /span
>
2021-05-10 20:56:20 +02:00
< /li>
< li class= " list-group-item" >
< span>
Trader Address:
2021-06-15 18:37:33 +02:00
< a href= " {{ traderBloxbergLink }}" target= " _blank" > {{ transaction.trader }} < /a>
< img
src= " assets/images/checklist.svg"
class= " ml-2"
height= " 20rem"
(click)= " copyAddress(transaction.trader)"
alt= " Copy"
/>
2021-05-10 20:56:20 +02:00
< /span>
< /li>
< /ul>
2021-06-15 18:37:33 +02:00
< button mat-raised-button color= " primary" class= " btn btn-outline-info" (click)= " viewTrader()" >
View Trader
< /button>
< br /> < br />
2021-05-10 20:56:20 +02:00
< div class= " row" >
< div class= " col-md-6" >
2021-06-15 18:37:33 +02:00
< h4> Source Token:< /h4>
2021-05-10 20:56:20 +02:00
< ul class= " list-group list-group-flush" >
< li class= " list-group-item" >
< span>
Address:
2021-06-15 18:37:33 +02:00
{{ transaction.sourceToken.address }}
< img
src= " assets/images/checklist.svg"
class= " ml-2"
height= " 20rem"
(click)= " copyAddress(transaction.sourceToken.address)"
alt= " Copy"
/>
2021-05-10 20:56:20 +02:00
< /span>
< /li>
< li class= " list-group-item" >
2021-06-15 18:37:33 +02:00
< span> Name: {{ transaction.sourceToken.name }}< /span>
2021-05-10 20:56:20 +02:00
< /li>
< li class= " list-group-item" >
2021-06-15 18:37:33 +02:00
< span> Symbol: {{ transaction.sourceToken.symbol | uppercase }}< /span>
2021-05-10 20:56:20 +02:00
< /li>
< li class= " list-group-item" >
2021-06-15 18:37:33 +02:00
< span
> Amount: {{ transaction.fromValue }}
{{ transaction.sourceToken.symbol | uppercase }}< /span
>
2021-05-10 20:56:20 +02:00
< /li>
< /ul>
< /div>
< div class= " col-md-6" >
2021-06-15 18:37:33 +02:00
< h4> Destination Token:< /h4>
2021-05-10 20:56:20 +02:00
< ul class= " list-group list-group-flush" >
< li class= " list-group-item" >
< span>
Address:
2021-06-15 18:37:33 +02:00
{{ transaction.destinationToken.address }}
< img
src= " assets/images/checklist.svg"
class= " ml-2"
height= " 20rem"
(click)= " copyAddress(transaction.destinationToken.address)"
alt= " Copy"
/>
2021-05-10 20:56:20 +02:00
< /span>
< /li>
< li class= " list-group-item" >
2021-06-15 18:37:33 +02:00
< span> Name: {{ transaction.destinationToken.name }}< /span>
2021-05-10 20:56:20 +02:00
< /li>
< li class= " list-group-item" >
2021-06-15 18:37:33 +02:00
< span> Symbol: {{ transaction.destinationToken.symbol | uppercase }}< /span>
2021-05-10 20:56:20 +02:00
< /li>
< li class= " list-group-item" >
2021-06-15 18:37:33 +02:00
< span
> Amount: {{ transaction.toValue }}
{{ transaction.destinationToken.symbol | uppercase }}< /span
>
2021-05-10 20:56:20 +02:00
< /li>
< /ul>
< /div>
< div class= " col-md-6" >
2021-06-15 18:37:33 +02:00
< button mat-raised-button color= " primary" type= " button" class= " btn btn-outline-success" >
Resend SMS
< /button>
2021-05-10 20:56:20 +02:00
< /div>
< div class= " col-md-6" >
2021-06-15 18:37:33 +02:00
< button
mat-raised-button
color= " warn"
type= " button"
class= " btn btn-outline-danger ml-2"
(click)= " reverseTransaction()"
>
Reverse Transaction
< /button>
2021-05-10 20:56:20 +02:00
< /div>
< /div>
< /div>
< /div>
< /div>
< / code > < / pre >
< / div >
< div class = "tab-pane fade " id = "c-styleData" >
< p class = "comment" >
< code > ./transaction-details.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 >
2021-06-15 18:37:33 +02:00
var COMPONENT_TEMPLATE = '< div > < div * ngIf = "transaction" class = "mb-3 mt-1" > < div class = "card text-center" > < mat-card-title class = "card-header" > < div class = "row" > TRANSACTION DETAILS < button mat-raised-button type = "button" class = "btn btn-outline-secondary ml-auto mr-2" ( click ) = " close ( ) " > CLOSE < / button > < / div > < / mat-card-title > < div * ngIf = "transaction.type == \'transaction\'" class = "card-body" > < div class = "row" > < div class = "col-md-6" > < h4 > Exchange:< / h4 > < ul class = "list-group list-group-flush" > < li class = "list-group-item" > < span > Sender: {{ transaction.sender?.vcard.fn[0].value }}< / span > < br / > < br / > < span > Sender Address: < a href = "{{ senderBloxbergLink }}" target = "_blank" > {{ transaction.from }} < / a > < img src = "assets/images/checklist.svg" class = "ml-2" height = "20rem" ( click ) = " copyAddress ( transaction . from ) " alt = "Copy" / > < / span > < br / > < br / > < button mat-raised-button color = "primary" class = "btn btn-outline-info" ( click ) = " viewSender ( ) " > View Sender < / button > < / li > < li class = "list-group-item" > < span > Recipient: {{ transaction.recipient?.vcard.fn[0].value }}< / span > < br / > < br / > < span > Recipient Address: < a href = "{{ recipientBloxbergLink }}" target = "_blank" > {{ transaction.to }} < / a > < img src = "assets/images/checklist.svg" class = "ml-2" height = "20rem" ( click ) = " copyAddress ( transaction . to ) " alt = "Copy" / > < / span > < br / > < br / > < button mat-raised-button color = "primary" class = "btn btn-outline-info" ( click ) = " viewRecipient ( ) " > View Recipient < / button > < / li > < li class = "list-group-item" > < span > Amount: {{ transaction.value | tokenRatio }} {{ tokenSymbol | uppercase }}< / span > < / li > < / ul > < h4 class = "mt-2" > Token:< / h4 > < ul class = "list-group list-group-flush" > < li class = "list-group-item" > < span > Address: {{ transaction.token._address }} < img src = "assets/images/checklist.svg" class = "ml-2" height = "20rem" ( click ) = " copyAddress ( transaction . token . _address ) " alt = "Copy" / > < / span > < / li > < li class = "list-group-item" > < span > Name: {{ tokenName }}< / span > < / li > < li class = "list-group-item" > < span > Symbol: {{ tokenSymbol | uppercase }}< / span > < / li > < / ul > < / div > < div class = "col-md-6" > < h4 > Transaction:< / h4 > < ul class = "list-group list-group-flush" > < li class = "list-group-item" > < span > Block: {{ transaction.tx.block }}< / span > < / li > < li class = "list-group-item" > < span > Index: {{ transaction.tx.txIndex }}< / span > < / li > < li class = "list-group-item" > < span > Hash: {{ transaction.tx.txHash }}< / span > < / li > < li class = "list-group-item" > < span > Success: {{ transaction.tx.success }}< / span > < / li > < li class = "list-group-item" > < span > Timestamp: {{ transaction.tx.timestamp | unixDate }}< / span > < / li > < / ul > < br / > < div class = "mb-3" > < button mat-raised-button color = "primary" type = "button" class = "btn btn-outline-su
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': 'TransactionDetailsComponent'};
< / 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 = 'TransactionDetailsComponent.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 >
