94 lines
3.6 KiB
TypeScript
94 lines
3.6 KiB
TypeScript
import {
|
|
Component,
|
|
ComponentFactoryResolver,
|
|
NgZone,
|
|
OnDestroy,
|
|
ViewChild,
|
|
ViewContainerRef,
|
|
} from '@angular/core';
|
|
|
|
import { Router } from '@angular/router';
|
|
|
|
import { EnvironmentComponent } from './environment.component';
|
|
|
|
import { AuthService } from 'jslib-common/abstractions/auth.service';
|
|
import { CryptoFunctionService } from 'jslib-common/abstractions/cryptoFunction.service';
|
|
import { EnvironmentService } from 'jslib-common/abstractions/environment.service';
|
|
import { I18nService } from 'jslib-common/abstractions/i18n.service';
|
|
import { PasswordGenerationService } from 'jslib-common/abstractions/passwordGeneration.service';
|
|
import { PlatformUtilsService } from 'jslib-common/abstractions/platformUtils.service';
|
|
import { StateService } from 'jslib-common/abstractions/state.service';
|
|
import { StorageService } from 'jslib-common/abstractions/storage.service';
|
|
import { SyncService } from 'jslib-common/abstractions/sync.service';
|
|
|
|
import { BroadcasterService } from 'jslib-angular/services/broadcaster.service';
|
|
|
|
import { LoginComponent as BaseLoginComponent } from 'jslib-angular/components/login.component';
|
|
import { ModalComponent } from 'jslib-angular/components/modal.component';
|
|
|
|
const BroadcasterSubscriptionId = 'LoginComponent';
|
|
|
|
@Component({
|
|
selector: 'app-login',
|
|
templateUrl: 'login.component.html',
|
|
})
|
|
export class LoginComponent extends BaseLoginComponent implements OnDestroy {
|
|
@ViewChild('environment', { read: ViewContainerRef, static: true }) environmentModal: ViewContainerRef;
|
|
|
|
showingModal = false;
|
|
|
|
constructor(authService: AuthService, router: Router, i18nService: I18nService,
|
|
syncService: SyncService, private componentFactoryResolver: ComponentFactoryResolver,
|
|
platformUtilsService: PlatformUtilsService, stateService: StateService,
|
|
environmentService: EnvironmentService, passwordGenerationService: PasswordGenerationService,
|
|
cryptoFunctionService: CryptoFunctionService, storageService: StorageService,
|
|
private broadcasterService: BroadcasterService, private ngZone: NgZone) {
|
|
super(authService, router, platformUtilsService, i18nService, stateService, environmentService,
|
|
passwordGenerationService, cryptoFunctionService, storageService);
|
|
super.onSuccessfulLogin = () => {
|
|
return syncService.fullSync(true);
|
|
};
|
|
}
|
|
|
|
async ngOnInit() {
|
|
await super.ngOnInit();
|
|
this.broadcasterService.subscribe(BroadcasterSubscriptionId, async (message: any) => {
|
|
this.ngZone.run(() => {
|
|
switch (message.command) {
|
|
case 'windowHidden':
|
|
this.onWindowHidden();
|
|
break;
|
|
default:
|
|
}
|
|
});
|
|
});
|
|
}
|
|
|
|
ngOnDestroy() {
|
|
this.broadcasterService.unsubscribe(BroadcasterSubscriptionId);
|
|
}
|
|
|
|
settings() {
|
|
const factory = this.componentFactoryResolver.resolveComponentFactory(ModalComponent);
|
|
const modal = this.environmentModal.createComponent(factory).instance;
|
|
modal.onShown.subscribe(() => {
|
|
this.showingModal = true;
|
|
});
|
|
modal.onClosed.subscribe(() => {
|
|
this.showingModal = false;
|
|
modal.onShown.unsubscribe();
|
|
modal.onClosed.unsubscribe();
|
|
});
|
|
|
|
const childComponent = modal.show<EnvironmentComponent>(EnvironmentComponent,
|
|
this.environmentModal);
|
|
childComponent.onSaved.subscribe(() => {
|
|
modal.close();
|
|
});
|
|
}
|
|
|
|
onWindowHidden() {
|
|
this.showPassword = false;
|
|
}
|
|
}
|