56 lines
1.7 KiB
TypeScript
56 lines
1.7 KiB
TypeScript
import { ChangeDetectionStrategy, Component, OnInit, ViewChild } from '@angular/core';
|
|
import { MatPaginator } from '@angular/material/paginator';
|
|
import { MatSort } from '@angular/material/sort';
|
|
import { LoggingService, TokenService } from '@app/_services';
|
|
import { MatTableDataSource } from '@angular/material/table';
|
|
import { Router } from '@angular/router';
|
|
import { exportCsv } from '@app/_helpers';
|
|
import { Token } from '@app/_models';
|
|
|
|
@Component({
|
|
selector: 'app-tokens',
|
|
templateUrl: './tokens.component.html',
|
|
styleUrls: ['./tokens.component.scss'],
|
|
changeDetection: ChangeDetectionStrategy.OnPush,
|
|
})
|
|
export class TokensComponent implements OnInit {
|
|
dataSource: MatTableDataSource<any>;
|
|
columnsToDisplay: Array<string> = ['name', 'symbol', 'address', 'supply'];
|
|
@ViewChild(MatPaginator) paginator: MatPaginator;
|
|
@ViewChild(MatSort) sort: MatSort;
|
|
tokens: Array<Token>;
|
|
token: Token;
|
|
|
|
constructor(
|
|
private tokenService: TokenService,
|
|
private loggingService: LoggingService,
|
|
private router: Router
|
|
) {}
|
|
|
|
async ngOnInit(): Promise<void> {
|
|
await this.tokenService.init();
|
|
this.tokenService.onload = async (status: boolean): Promise<void> => {
|
|
await this.tokenService.getTokens();
|
|
};
|
|
this.tokenService.tokensSubject.subscribe((tokens) => {
|
|
this.loggingService.sendInfoLevelMessage(tokens);
|
|
this.dataSource = new MatTableDataSource(tokens);
|
|
this.dataSource.paginator = this.paginator;
|
|
this.dataSource.sort = this.sort;
|
|
this.tokens = tokens;
|
|
});
|
|
}
|
|
|
|
doFilter(value: string): void {
|
|
this.dataSource.filter = value.trim().toLocaleLowerCase();
|
|
}
|
|
|
|
viewToken(token): void {
|
|
this.token = token;
|
|
}
|
|
|
|
downloadCsv(): void {
|
|
exportCsv(this.tokens, 'tokens');
|
|
}
|
|
}
|