|
|
@ -1,4 +1,8 @@ |
|
|
import { ChangeDetectorRef, Component, OnDestroy, OnInit } from '@angular/core'; |
|
|
import { ChangeDetectorRef, Component, OnDestroy, OnInit } from '@angular/core'; |
|
|
|
|
|
import { MatDialog } from '@angular/material/dialog'; |
|
|
|
|
|
import { ActivatedRoute, Router } from '@angular/router'; |
|
|
|
|
|
import { PositionDetailDialogParams } from '@ghostfolio/client/components/position/position-detail-dialog/interfaces/interfaces'; |
|
|
|
|
|
import { PositionDetailDialog } from '@ghostfolio/client/components/position/position-detail-dialog/position-detail-dialog.component'; |
|
|
import { ToggleComponent } from '@ghostfolio/client/components/toggle/toggle.component'; |
|
|
import { ToggleComponent } from '@ghostfolio/client/components/toggle/toggle.component'; |
|
|
import { DataService } from '@ghostfolio/client/services/data.service'; |
|
|
import { DataService } from '@ghostfolio/client/services/data.service'; |
|
|
import { ImpersonationStorageService } from '@ghostfolio/client/services/impersonation-storage.service'; |
|
|
import { ImpersonationStorageService } from '@ghostfolio/client/services/impersonation-storage.service'; |
|
|
@ -9,8 +13,9 @@ import { |
|
|
User |
|
|
User |
|
|
} from '@ghostfolio/common/interfaces'; |
|
|
} from '@ghostfolio/common/interfaces'; |
|
|
import { InvestmentItem } from '@ghostfolio/common/interfaces/investment-item.interface'; |
|
|
import { InvestmentItem } from '@ghostfolio/common/interfaces/investment-item.interface'; |
|
|
|
|
|
import { hasPermission, permissions } from '@ghostfolio/common/permissions'; |
|
|
import { DateRange, GroupBy, ToggleOption } from '@ghostfolio/common/types'; |
|
|
import { DateRange, GroupBy, ToggleOption } from '@ghostfolio/common/types'; |
|
|
import { SymbolProfile } from '@prisma/client'; |
|
|
import { DataSource, SymbolProfile } from '@prisma/client'; |
|
|
import { differenceInDays } from 'date-fns'; |
|
|
import { differenceInDays } from 'date-fns'; |
|
|
import { sortBy } from 'lodash'; |
|
|
import { sortBy } from 'lodash'; |
|
|
import { DeviceDetectorService } from 'ngx-device-detector'; |
|
|
import { DeviceDetectorService } from 'ngx-device-detector'; |
|
|
@ -54,12 +59,30 @@ export class AnalysisPageComponent implements OnDestroy, OnInit { |
|
|
public constructor( |
|
|
public constructor( |
|
|
private changeDetectorRef: ChangeDetectorRef, |
|
|
private changeDetectorRef: ChangeDetectorRef, |
|
|
private dataService: DataService, |
|
|
private dataService: DataService, |
|
|
|
|
|
private dialog: MatDialog, |
|
|
private deviceService: DeviceDetectorService, |
|
|
private deviceService: DeviceDetectorService, |
|
|
private impersonationStorageService: ImpersonationStorageService, |
|
|
private impersonationStorageService: ImpersonationStorageService, |
|
|
|
|
|
private route: ActivatedRoute, |
|
|
|
|
|
private router: Router, |
|
|
private userService: UserService |
|
|
private userService: UserService |
|
|
) { |
|
|
) { |
|
|
const { benchmarks } = this.dataService.fetchInfo(); |
|
|
const { benchmarks } = this.dataService.fetchInfo(); |
|
|
this.benchmarks = benchmarks; |
|
|
this.benchmarks = benchmarks; |
|
|
|
|
|
|
|
|
|
|
|
route.queryParams |
|
|
|
|
|
.pipe(takeUntil(this.unsubscribeSubject)) |
|
|
|
|
|
.subscribe((params) => { |
|
|
|
|
|
if ( |
|
|
|
|
|
params['dataSource'] && |
|
|
|
|
|
params['positionDetailDialog'] && |
|
|
|
|
|
params['symbol'] |
|
|
|
|
|
) { |
|
|
|
|
|
this.openPositionDialog({ |
|
|
|
|
|
dataSource: params['dataSource'], |
|
|
|
|
|
symbol: params['symbol'] |
|
|
|
|
|
}); |
|
|
|
|
|
} |
|
|
|
|
|
}); |
|
|
} |
|
|
} |
|
|
|
|
|
|
|
|
public ngOnInit() { |
|
|
public ngOnInit() { |
|
|
@ -128,6 +151,47 @@ export class AnalysisPageComponent implements OnDestroy, OnInit { |
|
|
this.unsubscribeSubject.complete(); |
|
|
this.unsubscribeSubject.complete(); |
|
|
} |
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
private openPositionDialog({ |
|
|
|
|
|
dataSource, |
|
|
|
|
|
symbol |
|
|
|
|
|
}: { |
|
|
|
|
|
dataSource: DataSource; |
|
|
|
|
|
symbol: string; |
|
|
|
|
|
}) { |
|
|
|
|
|
this.userService |
|
|
|
|
|
.get() |
|
|
|
|
|
.pipe(takeUntil(this.unsubscribeSubject)) |
|
|
|
|
|
.subscribe((user) => { |
|
|
|
|
|
this.user = user; |
|
|
|
|
|
|
|
|
|
|
|
const dialogRef = this.dialog.open(PositionDetailDialog, { |
|
|
|
|
|
autoFocus: false, |
|
|
|
|
|
data: <PositionDetailDialogParams>{ |
|
|
|
|
|
dataSource, |
|
|
|
|
|
symbol, |
|
|
|
|
|
baseCurrency: this.user?.settings?.baseCurrency, |
|
|
|
|
|
colorScheme: this.user?.settings?.colorScheme, |
|
|
|
|
|
deviceType: this.deviceType, |
|
|
|
|
|
hasImpersonationId: this.hasImpersonationId, |
|
|
|
|
|
hasPermissionToReportDataGlitch: hasPermission( |
|
|
|
|
|
this.user?.permissions, |
|
|
|
|
|
permissions.reportDataGlitch |
|
|
|
|
|
), |
|
|
|
|
|
locale: this.user?.settings?.locale |
|
|
|
|
|
}, |
|
|
|
|
|
height: this.deviceType === 'mobile' ? '97.5vh' : '80vh', |
|
|
|
|
|
width: this.deviceType === 'mobile' ? '100vw' : '50rem' |
|
|
|
|
|
}); |
|
|
|
|
|
|
|
|
|
|
|
dialogRef |
|
|
|
|
|
.afterClosed() |
|
|
|
|
|
.pipe(takeUntil(this.unsubscribeSubject)) |
|
|
|
|
|
.subscribe(() => { |
|
|
|
|
|
this.router.navigate(['.'], { relativeTo: this.route }); |
|
|
|
|
|
}); |
|
|
|
|
|
}); |
|
|
|
|
|
} |
|
|
|
|
|
|
|
|
private update() { |
|
|
private update() { |
|
|
this.isLoadingBenchmarkComparator = true; |
|
|
this.isLoadingBenchmarkComparator = true; |
|
|
this.isLoadingInvestmentChart = true; |
|
|
this.isLoadingInvestmentChart = true; |
|
|
|
Thomas Kaul
3 years ago
GitHub