51 lines
1.5 KiB
TypeScript
51 lines
1.5 KiB
TypeScript
|
import { Component, OnInit } from '@angular/core';
|
||
|
|
import { BisqTransaction, BisqOutput } from '../../interfaces/bisq.interfaces';
|
||
|
|
import { Subject } from 'rxjs';
|
||
|
|
import { switchMap } from 'rxjs/operators';
|
||
|
|
import { ApiService } from 'src/app/services/api.service';
|
||
|
|
|
||
|
|
@Component({
|
||
|
|
selector: 'app-bisq-transactions',
|
||
|
|
templateUrl: './bisq-transactions.component.html',
|
||
|
|
styleUrls: ['./bisq-transactions.component.scss']
|
||
|
|
})
|
||
|
|
export class BisqTransactionsComponent implements OnInit {
|
||
|
|
transactions: BisqTransaction[];
|
||
|
|
totalCount: number;
|
||
|
|
page = 1;
|
||
|
|
itemsPerPage: number;
|
||
|
|
contentSpace = window.innerHeight - (200 + 200);
|
||
|
|
fiveItemsPxSize = 250;
|
||
|
|
|
||
|
|
pageSubject$ = new Subject<number>();
|
||
|
|
|
||
|
|
constructor(
|
||
|
|
private apiService: ApiService,
|
||
|
|
) { }
|
||
|
|
|
||
|
|
ngOnInit(): void {
|
||
|
|
this.itemsPerPage = Math.max(Math.round(this.contentSpace / this.fiveItemsPxSize) * 5, 10);
|
||
|
|
|
||
|
|
this.pageSubject$
|
||
|
|
.pipe(
|
||
|
|
switchMap((page) => this.apiService.listBisqTransactions$((page - 1) * 10, this.itemsPerPage))
|
||
|
|
)
|
||
|
|
.subscribe((response) => {
|
||
|
|
this.transactions = response.body;
|
||
|
|
this.totalCount = parseInt(response.headers.get('x-total-count'), 10);
|
||
|
|
}, (error) => {
|
||
|
|
console.log(error);
|
||
|
|
});
|
||
|
|
|
||
|
|
this.pageSubject$.next(1);
|
||
|
|
}
|
||
|
|
|
||
|
|
pageChange(page: number) {
|
||
|
|
this.pageSubject$.next(page);
|
||
|
|
}
|
||
|
|
|
||
|
|
calculateTotalOutput(outputs: BisqOutput[]): number {
|
||
|
|
return outputs.reduce((acc: number, output: BisqOutput) => acc + output.bsqAmount, 0);
|
||
|
|
}
|
||
|
|
}
|