|
|
|
@ -1,33 +1,27 @@ |
|
|
|
import { ViewportScroller } from '@angular/common'; |
|
|
|
import { |
|
|
|
AfterViewInit, |
|
|
|
ChangeDetectorRef, |
|
|
|
Component, |
|
|
|
OnDestroy, |
|
|
|
OnInit |
|
|
|
} from '@angular/core'; |
|
|
|
import { ActivatedRoute } from '@angular/router'; |
|
|
|
import { ChangeDetectorRef, Component, OnDestroy, OnInit } from '@angular/core'; |
|
|
|
import { UserService } from '@ghostfolio/client/services/user/user.service'; |
|
|
|
import { TabConfiguration, User } from '@ghostfolio/common/interfaces'; |
|
|
|
import { DeviceDetectorService } from 'ngx-device-detector'; |
|
|
|
import { Subject } from 'rxjs'; |
|
|
|
import { first, takeUntil } from 'rxjs/operators'; |
|
|
|
import { takeUntil } from 'rxjs/operators'; |
|
|
|
|
|
|
|
@Component({ |
|
|
|
host: { class: 'page with-tabs' }, |
|
|
|
selector: 'gf-zen-page', |
|
|
|
templateUrl: './zen-page.html', |
|
|
|
styleUrls: ['./zen-page.scss'] |
|
|
|
styleUrls: ['./zen-page.scss'], |
|
|
|
templateUrl: './zen-page.html' |
|
|
|
}) |
|
|
|
export class ZenPageComponent implements AfterViewInit, OnDestroy, OnInit { |
|
|
|
export class ZenPageComponent implements OnDestroy, OnInit { |
|
|
|
public deviceType: string; |
|
|
|
public tabs: TabConfiguration[] = []; |
|
|
|
public user: User; |
|
|
|
|
|
|
|
private unsubscribeSubject = new Subject<void>(); |
|
|
|
|
|
|
|
public constructor( |
|
|
|
private route: ActivatedRoute, |
|
|
|
private changeDetectorRef: ChangeDetectorRef, |
|
|
|
private userService: UserService, |
|
|
|
private viewportScroller: ViewportScroller |
|
|
|
private deviceService: DeviceDetectorService, |
|
|
|
private userService: UserService |
|
|
|
) { |
|
|
|
this.userService.stateChanged |
|
|
|
.pipe(takeUntil(this.unsubscribeSubject)) |
|
|
|
@ -52,12 +46,8 @@ export class ZenPageComponent implements AfterViewInit, OnDestroy, OnInit { |
|
|
|
}); |
|
|
|
} |
|
|
|
|
|
|
|
public ngOnInit() {} |
|
|
|
|
|
|
|
public ngAfterViewInit(): void { |
|
|
|
this.route.fragment |
|
|
|
.pipe(first()) |
|
|
|
.subscribe((fragment) => this.viewportScroller.scrollToAnchor(fragment)); |
|
|
|
public ngOnInit() { |
|
|
|
this.deviceType = this.deviceService.getDeviceInfo().deviceType; |
|
|
|
} |
|
|
|
|
|
|
|
public ngOnDestroy() { |
|
|
|
|
Thomas Kaul
1 year ago
GitHub