mirror of https://github.com/ghostfolio/ghostfolio
You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
96 lines
2.8 KiB
96 lines
2.8 KiB
import { GfDialogFooterModule } from '@ghostfolio/client/components/dialog-footer/dialog-footer.module';
|
|
import { GfDialogHeaderModule } from '@ghostfolio/client/components/dialog-header/dialog-header.module';
|
|
import { DataService } from '@ghostfolio/client/services/data.service';
|
|
import { DATE_FORMAT } from '@ghostfolio/common/helper';
|
|
import {
|
|
AdminMarketDataDetails,
|
|
LineChartItem
|
|
} from '@ghostfolio/common/interfaces';
|
|
|
|
import {
|
|
CUSTOM_ELEMENTS_SCHEMA,
|
|
ChangeDetectionStrategy,
|
|
ChangeDetectorRef,
|
|
Component,
|
|
Inject,
|
|
OnDestroy,
|
|
OnInit
|
|
} from '@angular/core';
|
|
import {
|
|
MAT_DIALOG_DATA,
|
|
MatDialogModule,
|
|
MatDialogRef
|
|
} from '@angular/material/dialog';
|
|
import { format } from 'date-fns';
|
|
import { Subject } from 'rxjs';
|
|
import { takeUntil } from 'rxjs/operators';
|
|
|
|
import { GfLineChartComponent } from '../../line-chart/line-chart.component';
|
|
import { GfValueComponent } from '../../value/value.component';
|
|
import { BenchmarkDetailDialogParams } from './interfaces/interfaces';
|
|
|
|
@Component({
|
|
changeDetection: ChangeDetectionStrategy.OnPush,
|
|
host: { class: 'd-flex flex-column h-100' },
|
|
imports: [
|
|
GfDialogFooterModule,
|
|
GfDialogHeaderModule,
|
|
GfLineChartComponent,
|
|
GfValueComponent,
|
|
MatDialogModule
|
|
],
|
|
schemas: [CUSTOM_ELEMENTS_SCHEMA],
|
|
selector: 'gf-benchmark-detail-dialog',
|
|
styleUrls: ['./benchmark-detail-dialog.component.scss'],
|
|
templateUrl: 'benchmark-detail-dialog.html'
|
|
})
|
|
export class GfBenchmarkDetailDialogComponent implements OnDestroy, OnInit {
|
|
public assetProfile: AdminMarketDataDetails['assetProfile'];
|
|
public historicalDataItems: LineChartItem[];
|
|
public value: number;
|
|
|
|
private unsubscribeSubject = new Subject<void>();
|
|
|
|
public constructor(
|
|
private changeDetectorRef: ChangeDetectorRef,
|
|
private dataService: DataService,
|
|
public dialogRef: MatDialogRef<GfBenchmarkDetailDialogComponent>,
|
|
@Inject(MAT_DIALOG_DATA) public data: BenchmarkDetailDialogParams
|
|
) {}
|
|
|
|
public ngOnInit() {
|
|
this.dataService
|
|
.fetchAsset({
|
|
dataSource: this.data.dataSource,
|
|
symbol: this.data.symbol
|
|
})
|
|
.pipe(takeUntil(this.unsubscribeSubject))
|
|
.subscribe(({ assetProfile, marketData }) => {
|
|
this.assetProfile = assetProfile;
|
|
|
|
this.historicalDataItems = marketData.map(
|
|
({ date, marketPrice }, index) => {
|
|
if (marketData.length - 1 === index) {
|
|
this.value = marketPrice;
|
|
}
|
|
|
|
return {
|
|
date: format(date, DATE_FORMAT),
|
|
value: marketPrice
|
|
};
|
|
}
|
|
);
|
|
|
|
this.changeDetectorRef.markForCheck();
|
|
});
|
|
}
|
|
|
|
public onClose() {
|
|
this.dialogRef.close();
|
|
}
|
|
|
|
public ngOnDestroy() {
|
|
this.unsubscribeSubject.next();
|
|
this.unsubscribeSubject.complete();
|
|
}
|
|
}
|
|
|