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 > TokenDetailsComponent< / 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/tokens/token-details/token-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-token-details< / code > < / td >
< / tr >
< tr >
< td class = "col-md-3" > styleUrls< / td >
< td class = "col-md-9" > < code > ./token-details.component.scss< / code > < / td >
< / tr >
< tr >
< td class = "col-md-3" > templateUrl< / td >
< td class = "col-md-9" > < code > ./token-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 >
2021-06-14 13:28:53 +02:00
2021-05-10 20:56:20 +02:00
< tr >
< td class = "col-md-4" >
2021-06-14 13:28:53 +02:00
< h6 > < b > Methods< / b > < / h6 >
2021-05-10 20:56:20 +02:00
< / td >
< / tr >
< tr >
< td class = "col-md-4" >
< ul class = "index-list" >
< li >
2021-06-14 13:28:53 +02:00
< a href = "#close" > close< / a >
< / li >
< li >
< a href = "#ngOnInit" > ngOnInit< / a >
2021-05-10 20:56:20 +02:00
< / li >
< / ul >
< / td >
< / tr >
< tr >
< td class = "col-md-4" >
2021-06-14 13:28:53 +02:00
< h6 > < b > Inputs< / b > < / h6 >
2021-05-10 20:56:20 +02:00
< / td >
< / tr >
< tr >
< td class = "col-md-4" >
< ul class = "index-list" >
< li >
2021-06-14 13:28:53 +02:00
< a href = "#token" > token< / a >
2021-05-10 20:56:20 +02:00
< / 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()< / 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 = "20" class = "link-to-prism" > src/app/pages/tokens/token-details/token-details.component.ts:20< / a > < / div >
2021-05-10 20:56:20 +02:00
< / td >
< / tr >
2021-06-14 13:28:53 +02:00
< / tbody >
< / table >
< / section >
< section >
< h3 id = "inputs" > Inputs< / h3 >
< table class = "table table-sm table-bordered" >
< tbody >
2021-05-10 20:56:20 +02:00
< tr >
< td class = "col-md-4" >
2021-06-14 13:28:53 +02:00
< a name = "token" > < / a >
< b > token< / b >
2021-05-10 20:56:20 +02:00
< / td >
< / tr >
2021-06-14 13:28:53 +02:00
< tr >
< td class = "col-md-4" >
< i > Type : < / i > < code > < a href = "../interfaces/Token.html" target = "_self" > Token< / a > < / code >
< / td >
< / tr >
< tr >
< td class = "col-md-2" colspan = "2" >
< div class = "io-line" > Defined in < a href = "" data-line = "18" class = "link-to-prism" > src/app/pages/tokens/token-details/token-details.component.ts:18< / a > < / div >
< / td >
< / tr >
2021-05-10 20:56:20 +02:00
< / 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 = "20" class = "link-to-prism" > src/app/pages/tokens/token-details/token-details.component.ts:20< / 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 = "26"
class="link-to-prism">src/app/pages/tokens/token-details/token-details.component.ts:26< / 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 = "ngOnInit" > < / a >
< span class = "name" >
< b >
ngOnInit
< / b >
< a href = "#ngOnInit" > < span class = "icon ion-ios-link" > < / span > < / a >
< / span >
< / td >
< / tr >
< tr >
< td class = "col-md-4" >
< code > ngOnInit()< / 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 = "24"
class="link-to-prism">src/app/pages/tokens/token-details/token-details.component.ts:24< / 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 >
< / 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' ;
import { Token } from ' @app/_models' ;
2021-05-10 20:56:20 +02:00
@Component({
selector: ' app-token-details' ,
templateUrl: ' ./token-details.component.html' ,
styleUrls: [' ./token-details.component.scss' ],
2021-05-11 19:51:48 +02:00
changeDetection: ChangeDetectionStrategy.OnPush,
2021-05-10 20:56:20 +02:00
})
export class TokenDetailsComponent implements OnInit {
2021-06-14 13:28:53 +02:00
@Input() token: Token;
@Output() closeWindow: EventEmitter< any> = new EventEmitter< any> ();
constructor() {}
2021-05-10 20:56:20 +02:00
2021-05-11 19:51:48 +02:00
ngOnInit(): void {}
2021-06-14 13:28:53 +02:00
close(): void {
this.token = null;
this.closeWindow.emit(this.token);
}
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= " token" class= " mb-3 mt-1" >
< div class= " card text-center" >
< mat-card-title class= " card-header" >
< div class= " row" >
TOKEN 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 class= " card-body" >
< div>
< span> < strong> Name:< /strong> {{token?.name}}< /span>
< /div>
< div>
< span> < strong> Symbol:< /strong> {{token?.symbol}}< /span>
< /div>
< div>
< span> < strong> Address:< /strong> {{token?.address}}< /span>
< /div>
< div>
< span> < strong> Details:< /strong> A community inclusive currency for trading among lower to middle income societies.< /span>
< /div>
< div>
< span> < strong> Supply:< /strong> {{token?.supply | tokenRatio}}< /span>
< /div> < br>
< div>
< h2> Reserve< /h2>
< div>
< span> < strong> Weight:< /strong> {{token?.reserveRatio}}< /span>
< /div>
< div>
< span> < strong> Owner:< /strong> {{token?.owner}}< /span>
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 > ./token-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-14 13:28:53 +02:00
var COMPONENT_TEMPLATE = '< div > < div * ngIf = "token" class = "mb-3 mt-1" > < div class = "card text-center" > < mat-card-title class = "card-header" > < div class = "row" > TOKEN 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 class = "card-body" > < div > < span > < strong > Name:< / strong > {{token?.name}}< / span > < / div > < div > < span > < strong > Symbol:< / strong > {{token?.symbol}}< / span > < / div > < div > < span > < strong > Address:< / strong > {{token?.address}}< / span > < / div > < div > < span > < strong > Details:< / strong > A community inclusive currency for trading among lower to middle income societies.< / span > < / div > < div > < span > < strong > Supply:< / strong > {{token?.supply | tokenRatio}}< / span > < / div > < br > < div > < h2 > Reserve< / h2 > < div > < span > < strong > Weight:< / strong > {{token?.reserveRatio}}< / span > < / div > < div > < span > < strong > Owner:< / strong > {{token?.owner}}< / span > < / div > < / div > < / div > < / div > < / 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': 'TokenDetailsComponent'};
< / 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 = 'TokenDetailsComponent.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 >
