69 lines
1.7 KiB
TypeScript
69 lines
1.7 KiB
TypeScript
import { Component, OnInit, Inject, OnDestroy } from '@angular/core';
|
|
import {
|
|
UCAP_NATIVE_SERVICE,
|
|
NativeService,
|
|
WindowState
|
|
} from '@ucap-webmessenger/native';
|
|
import { Observable, Subscription } from 'rxjs';
|
|
import { Store, select } from '@ngrx/store';
|
|
|
|
import * as AppStore from '@app/store';
|
|
import * as AuthenticationStore from '@app/store/account/authentication';
|
|
import * as SettingsStore from '@app/store/messenger/settings';
|
|
|
|
import { LoginResponse } from '@ucap-webmessenger/protocol-authentication';
|
|
import { tap } from 'rxjs/operators';
|
|
|
|
@Component({
|
|
selector: 'app-layout-native-top-bar',
|
|
templateUrl: './top-bar.component.html',
|
|
styleUrls: ['./top-bar.component.scss']
|
|
})
|
|
export class TopBarComponent implements OnInit, OnDestroy {
|
|
windowStateChanged$: Observable<WindowState>;
|
|
|
|
WindowState = WindowState;
|
|
loginRes: LoginResponse;
|
|
loginResSubscription: Subscription;
|
|
|
|
constructor(
|
|
private store: Store<any>,
|
|
@Inject(UCAP_NATIVE_SERVICE) private nativeService: NativeService
|
|
) {}
|
|
|
|
ngOnInit() {
|
|
this.windowStateChanged$ = this.nativeService.windowStateChanged();
|
|
|
|
this.loginResSubscription = this.store
|
|
.pipe(
|
|
select(AppStore.AccountSelector.AuthenticationSelector.loginRes),
|
|
tap(loginRes => {
|
|
this.loginRes = loginRes;
|
|
})
|
|
)
|
|
.subscribe();
|
|
}
|
|
|
|
ngOnDestroy(): void {}
|
|
|
|
onClickClose() {
|
|
this.nativeService.windowClose();
|
|
}
|
|
|
|
onClickMinimize() {
|
|
this.nativeService.windowMinimize();
|
|
}
|
|
|
|
onClickMaxmize() {
|
|
this.nativeService.windowMaximize();
|
|
}
|
|
|
|
onClickSettings(): void {
|
|
this.store.dispatch(SettingsStore.showDialog());
|
|
}
|
|
|
|
onClickLogout(): void {
|
|
this.store.dispatch(AuthenticationStore.logoutConfirmation());
|
|
}
|
|
}
|