2018-06-09 19:59:09 +02:00
|
|
|
import * as jq from 'jquery';
|
|
|
|
import * as _swal from 'sweetalert';
|
|
|
|
import { SweetAlert } from 'sweetalert/typings/core';
|
|
|
|
|
2018-06-05 05:10:41 +02:00
|
|
|
import {
|
|
|
|
ToasterConfig,
|
2018-06-08 23:08:19 +02:00
|
|
|
ToasterService,
|
2018-06-05 05:10:41 +02:00
|
|
|
} from 'angular2-toaster';
|
2018-06-08 23:08:19 +02:00
|
|
|
import { Angulartics2 } from 'angulartics2';
|
2018-07-18 18:57:20 +02:00
|
|
|
import { Angulartics2GoogleAnalytics } from 'angulartics2/ga';
|
2018-06-05 05:10:41 +02:00
|
|
|
|
|
|
|
import {
|
|
|
|
Component,
|
2018-06-08 23:08:19 +02:00
|
|
|
NgZone,
|
|
|
|
OnDestroy,
|
|
|
|
OnInit,
|
2018-06-05 05:10:41 +02:00
|
|
|
} from '@angular/core';
|
2018-06-09 19:59:09 +02:00
|
|
|
import {
|
|
|
|
NavigationEnd,
|
|
|
|
Router,
|
|
|
|
} from '@angular/router';
|
2018-06-05 05:10:41 +02:00
|
|
|
|
2018-06-08 23:08:19 +02:00
|
|
|
import { BroadcasterService } from 'jslib/angular/services/broadcaster.service';
|
|
|
|
|
|
|
|
import { StorageService } from 'jslib/abstractions/storage.service';
|
|
|
|
|
|
|
|
import { AuthService } from 'jslib/abstractions/auth.service';
|
|
|
|
import { CipherService } from 'jslib/abstractions/cipher.service';
|
|
|
|
import { CollectionService } from 'jslib/abstractions/collection.service';
|
|
|
|
import { CryptoService } from 'jslib/abstractions/crypto.service';
|
|
|
|
import { FolderService } from 'jslib/abstractions/folder.service';
|
|
|
|
import { I18nService } from 'jslib/abstractions/i18n.service';
|
|
|
|
import { LockService } from 'jslib/abstractions/lock.service';
|
2018-08-21 04:21:13 +02:00
|
|
|
import { NotificationsService } from 'jslib/abstractions/notifications.service';
|
2018-06-08 23:08:19 +02:00
|
|
|
import { PasswordGenerationService } from 'jslib/abstractions/passwordGeneration.service';
|
|
|
|
import { PlatformUtilsService } from 'jslib/abstractions/platformUtils.service';
|
2018-08-13 22:27:17 +02:00
|
|
|
import { SearchService } from 'jslib/abstractions/search.service';
|
2018-06-08 23:08:19 +02:00
|
|
|
import { SettingsService } from 'jslib/abstractions/settings.service';
|
|
|
|
import { SyncService } from 'jslib/abstractions/sync.service';
|
|
|
|
import { TokenService } from 'jslib/abstractions/token.service';
|
|
|
|
import { UserService } from 'jslib/abstractions/user.service';
|
|
|
|
|
|
|
|
import { ConstantsService } from 'jslib/services/constants.service';
|
|
|
|
|
2018-06-10 04:40:53 +02:00
|
|
|
import { RouterService } from './services/router.service';
|
|
|
|
|
2018-06-08 23:08:19 +02:00
|
|
|
const BroadcasterSubscriptionId = 'AppComponent';
|
2018-06-09 19:59:09 +02:00
|
|
|
// Hack due to Angular 5.2 bug
|
|
|
|
const swal: SweetAlert = _swal as any;
|
2018-08-23 04:37:55 +02:00
|
|
|
const IdleTimeout = 60000 * 5; // 5 minutes
|
2018-06-08 23:08:19 +02:00
|
|
|
|
2018-06-05 05:10:41 +02:00
|
|
|
@Component({
|
|
|
|
selector: 'app-root',
|
2018-06-06 15:43:28 +02:00
|
|
|
templateUrl: 'app.component.html',
|
2018-06-05 05:10:41 +02:00
|
|
|
})
|
2018-06-08 23:08:19 +02:00
|
|
|
export class AppComponent implements OnDestroy, OnInit {
|
2018-06-05 21:46:26 +02:00
|
|
|
toasterConfig: ToasterConfig = new ToasterConfig({
|
|
|
|
showCloseButton: true,
|
|
|
|
mouseoverTimerStop: true,
|
|
|
|
animation: 'flyRight',
|
|
|
|
limit: 5,
|
|
|
|
});
|
|
|
|
|
2018-06-08 23:08:19 +02:00
|
|
|
private lastActivity: number = null;
|
2018-08-23 04:37:55 +02:00
|
|
|
private idleTimer: number = null;
|
|
|
|
private isIdle = false;
|
2018-06-08 23:08:19 +02:00
|
|
|
|
2018-07-18 18:57:20 +02:00
|
|
|
constructor(private angulartics2GoogleAnalytics: Angulartics2GoogleAnalytics,
|
|
|
|
private broadcasterService: BroadcasterService, private userService: UserService,
|
2018-06-08 23:08:19 +02:00
|
|
|
private tokenService: TokenService, private folderService: FolderService,
|
|
|
|
private settingsService: SettingsService, private syncService: SyncService,
|
|
|
|
private passwordGenerationService: PasswordGenerationService, private cipherService: CipherService,
|
|
|
|
private authService: AuthService, private router: Router, private analytics: Angulartics2,
|
|
|
|
private toasterService: ToasterService, private i18nService: I18nService,
|
|
|
|
private platformUtilsService: PlatformUtilsService, private ngZone: NgZone,
|
|
|
|
private lockService: LockService, private storageService: StorageService,
|
2018-06-10 04:40:53 +02:00
|
|
|
private cryptoService: CryptoService, private collectionService: CollectionService,
|
2018-08-21 04:21:13 +02:00
|
|
|
private routerService: RouterService, private searchService: SearchService,
|
|
|
|
private notificationsService: NotificationsService) { }
|
2018-06-08 23:08:19 +02:00
|
|
|
|
|
|
|
ngOnInit() {
|
|
|
|
this.ngZone.runOutsideAngular(() => {
|
|
|
|
window.onmousemove = () => this.recordActivity();
|
|
|
|
window.onmousedown = () => this.recordActivity();
|
|
|
|
window.ontouchstart = () => this.recordActivity();
|
|
|
|
window.onclick = () => this.recordActivity();
|
|
|
|
window.onscroll = () => this.recordActivity();
|
|
|
|
window.onkeypress = () => this.recordActivity();
|
|
|
|
});
|
|
|
|
|
|
|
|
this.broadcasterService.subscribe(BroadcasterSubscriptionId, async (message: any) => {
|
|
|
|
this.ngZone.run(async () => {
|
|
|
|
switch (message.command) {
|
|
|
|
case 'loggedIn':
|
|
|
|
case 'loggedOut':
|
2018-08-21 04:21:13 +02:00
|
|
|
case 'unlocked':
|
2018-08-23 04:37:55 +02:00
|
|
|
this.notificationsService.updateConnection();
|
2018-06-08 23:08:19 +02:00
|
|
|
break;
|
|
|
|
case 'logout':
|
|
|
|
this.logOut(!!message.expired);
|
|
|
|
break;
|
|
|
|
case 'lockVault':
|
2018-06-09 20:55:34 +02:00
|
|
|
await this.lockService.lock();
|
2018-06-08 23:08:19 +02:00
|
|
|
break;
|
|
|
|
case 'locked':
|
2018-08-23 04:37:55 +02:00
|
|
|
this.notificationsService.updateConnection();
|
2018-06-09 20:55:34 +02:00
|
|
|
this.router.navigate(['lock']);
|
2018-06-08 23:08:19 +02:00
|
|
|
break;
|
|
|
|
case 'syncStarted':
|
|
|
|
break;
|
|
|
|
case 'syncCompleted':
|
|
|
|
break;
|
2018-07-18 15:21:23 +02:00
|
|
|
case 'upgradeOrganization':
|
|
|
|
const upgradeConfirmed = await this.platformUtilsService.showDialog(
|
|
|
|
this.i18nService.t('upgradeOrganizationDesc'), this.i18nService.t('upgradeOrganization'),
|
|
|
|
this.i18nService.t('upgradeOrganization'), this.i18nService.t('cancel'));
|
|
|
|
if (upgradeConfirmed) {
|
|
|
|
this.router.navigate(['organizations', message.organizationId, 'settings', 'billing']);
|
|
|
|
}
|
|
|
|
break;
|
|
|
|
case 'premiumRequired':
|
|
|
|
const premiumConfirmed = await this.platformUtilsService.showDialog(
|
|
|
|
this.i18nService.t('premiumRequiredDesc'), this.i18nService.t('premiumRequired'),
|
|
|
|
this.i18nService.t('learnMore'), this.i18nService.t('cancel'));
|
|
|
|
if (premiumConfirmed) {
|
|
|
|
this.router.navigate(['settings/premium']);
|
|
|
|
}
|
|
|
|
break;
|
2018-06-08 23:08:19 +02:00
|
|
|
default:
|
2018-07-18 15:21:23 +02:00
|
|
|
break;
|
2018-06-08 23:08:19 +02:00
|
|
|
}
|
|
|
|
});
|
|
|
|
});
|
2018-06-09 19:59:09 +02:00
|
|
|
|
|
|
|
this.router.events.subscribe((event) => {
|
|
|
|
if (event instanceof NavigationEnd) {
|
|
|
|
const modals = Array.from(document.querySelectorAll('.modal'));
|
|
|
|
for (const modal of modals) {
|
|
|
|
(jq(modal) as any).modal('hide');
|
|
|
|
}
|
|
|
|
|
|
|
|
if (document.querySelector('.swal-modal') != null) {
|
|
|
|
swal.close(undefined);
|
|
|
|
}
|
|
|
|
}
|
|
|
|
});
|
2018-06-08 23:08:19 +02:00
|
|
|
}
|
|
|
|
|
|
|
|
ngOnDestroy() {
|
|
|
|
this.broadcasterService.unsubscribe(BroadcasterSubscriptionId);
|
|
|
|
}
|
|
|
|
|
|
|
|
private async logOut(expired: boolean) {
|
|
|
|
const userId = await this.userService.getUserId();
|
|
|
|
|
|
|
|
await Promise.all([
|
|
|
|
this.syncService.setLastSync(new Date(0)),
|
|
|
|
this.tokenService.clearToken(),
|
|
|
|
this.cryptoService.clearKeys(),
|
|
|
|
this.userService.clear(),
|
|
|
|
this.settingsService.clear(userId),
|
|
|
|
this.cipherService.clear(userId),
|
|
|
|
this.folderService.clear(userId),
|
|
|
|
this.collectionService.clear(userId),
|
|
|
|
this.passwordGenerationService.clear(),
|
|
|
|
]);
|
|
|
|
|
2018-08-13 22:27:17 +02:00
|
|
|
this.searchService.clearIndex();
|
2018-06-08 23:08:19 +02:00
|
|
|
this.authService.logOut(async () => {
|
|
|
|
this.analytics.eventTrack.next({ action: 'Logged Out' });
|
|
|
|
if (expired) {
|
|
|
|
this.toasterService.popAsync('warning', this.i18nService.t('loggedOut'),
|
|
|
|
this.i18nService.t('loginExpired'));
|
|
|
|
}
|
2018-06-10 04:02:45 +02:00
|
|
|
this.router.navigate(['/']);
|
2018-06-08 23:08:19 +02:00
|
|
|
});
|
|
|
|
}
|
|
|
|
|
|
|
|
private async recordActivity() {
|
|
|
|
const now = (new Date()).getTime();
|
|
|
|
if (this.lastActivity != null && now - this.lastActivity < 250) {
|
|
|
|
return;
|
|
|
|
}
|
|
|
|
|
|
|
|
this.lastActivity = now;
|
|
|
|
this.storageService.save(ConstantsService.lastActiveKey, now);
|
2018-08-23 04:37:55 +02:00
|
|
|
|
|
|
|
// Idle states
|
|
|
|
if (this.isIdle) {
|
|
|
|
this.isIdle = false;
|
|
|
|
this.idleStateChanged();
|
|
|
|
}
|
|
|
|
if (this.idleTimer != null) {
|
|
|
|
window.clearTimeout(this.idleTimer);
|
|
|
|
this.idleTimer = null;
|
|
|
|
}
|
|
|
|
this.idleTimer = window.setTimeout(() => {
|
|
|
|
if (!this.isIdle) {
|
|
|
|
this.isIdle = true;
|
|
|
|
this.idleStateChanged();
|
|
|
|
}
|
|
|
|
}, IdleTimeout);
|
|
|
|
}
|
|
|
|
|
|
|
|
private idleStateChanged() {
|
|
|
|
if (this.isIdle) {
|
|
|
|
this.notificationsService.disconnectFromInactivity();
|
|
|
|
} else {
|
|
|
|
this.notificationsService.reconnectFromActivity();
|
|
|
|
}
|
2018-06-05 05:10:41 +02:00
|
|
|
}
|
|
|
|
}
|