cic-staff-client/src/app/app.component.ts

72 lines
2.5 KiB
TypeScript
Raw Normal View History

import {ChangeDetectionStrategy, Component, HostListener} from '@angular/core';
import {AuthService, ErrorDialogService, LoggingService, TransactionService} from '@app/_services';
import {catchError} from 'rxjs/operators';
2020-10-30 16:16:05 +01:00
@Component({
selector: 'app-root',
templateUrl: './app.component.html',
styleUrls: ['./app.component.scss'],
changeDetection: ChangeDetectionStrategy.OnPush
2020-10-30 16:16:05 +01:00
})
export class AppComponent {
title = 'CICADA';
2020-11-08 07:31:52 +01:00
readyStateTarget: number = 3;
readyState: number = 0;
mediaQuery = window.matchMedia('(max-width: 768px)');
2020-11-08 07:31:52 +01:00
constructor(
private authService: AuthService,
private transactionService: TransactionService,
private loggingService: LoggingService,
private errorDialogService: ErrorDialogService
) {
(async () => {
await this.authService.mutableKeyStore.loadKeyring();
this.authService.getPublicKeys()
.pipe(catchError(async (error) => {
this.loggingService.sendErrorLevelMessage('Unable to load trusted public keys.', this, {error});
this.errorDialogService.openDialog({message: 'Trusted keys endpoint can\'t be reached. Please try again later.'});
})).subscribe(this.authService.mutableKeyStore.importPublicKey);
})();
this.mediaQuery.addListener(this.onResize);
this.onResize(this.mediaQuery);
2020-11-08 07:31:52 +01:00
}
// Load resize
onResize(e): void {
const sidebar = document.getElementById('sidebar');
const content = document.getElementById('content');
const sidebarCollapse = document.getElementById('sidebarCollapse');
if (sidebarCollapse?.classList.contains('active')) {
sidebarCollapse?.classList.remove('active');
}
if (e.matches) {
if (!sidebar?.classList.contains('active')) {
sidebar?.classList.add('active');
}
if (!content?.classList.contains('active')) {
content?.classList.add('active');
}
} else {
if (sidebar?.classList.contains('active')) {
sidebar?.classList.remove('active');
}
if (content?.classList.contains('active')) {
content?.classList.remove('active');
}
2020-11-08 07:31:52 +01:00
}
}
@HostListener('window:cic_transfer', ['$event'])
async cicTransfer(event: CustomEvent): Promise<void> {
2020-11-08 07:31:52 +01:00
const transaction = event.detail.tx;
await this.transactionService.setTransaction(transaction, 100);
2020-11-08 07:31:52 +01:00
}
@HostListener('window:cic_convert', ['$event'])
async cicConvert(event: CustomEvent): Promise<void> {
2020-11-08 07:31:52 +01:00
const conversion = event.detail.tx;
await this.transactionService.setConversion(conversion, 100);
2020-11-08 07:31:52 +01:00
}
2020-10-30 16:16:05 +01:00
}