import {
    ToasterConfig,
    ToasterContainerComponent,
} from 'angular2-toaster';
import { Angulartics2GoogleAnalytics } from 'angulartics2/ga';

import {
    Component,
    OnInit,
} from '@angular/core';
import { Router } from '@angular/router';

import { ToasterService } from 'angular2-toaster';
import { Angulartics2 } from 'angulartics2';

import { BroadcasterService } from './services/broadcaster.service';

import { AuthService } from 'jslib/abstractions/auth.service';
import { CipherService } from 'jslib/abstractions/cipher.service';
import { CryptoService } from 'jslib/abstractions/crypto.service';
import { FolderService } from 'jslib/abstractions/folder.service';
import { I18nService } from 'jslib/abstractions/i18n.service';
import { PasswordGenerationService } from 'jslib/abstractions/passwordGeneration.service';
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';

@Component({
    selector: 'app-root',
    styles: [],
    template: `
        <toaster-container [toasterconfig]="toasterConfig"></toaster-container>
        <router-outlet></router-outlet>`,
})
export class AppComponent implements OnInit {
    toasterConfig: ToasterConfig = new ToasterConfig({
        showCloseButton: true,
        mouseoverTimerStop: true,
        animation: 'flyRight',
        limit: 5,
    });

    constructor(private angulartics2GoogleAnalytics: Angulartics2GoogleAnalytics,
        private broadcasterService: BroadcasterService, private userService: UserService,
        private tokenService: TokenService, private folderService: FolderService, private cryptoService: CryptoService,
        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) { }

    ngOnInit() {
        this.broadcasterService.subscribe(async (message: any) => {
            switch (message.command) {
                case 'loggedIn':
                    break;
                case 'logout':
                    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.passwordGenerationService.clear(),
                    ]);

                    this.doneLoggingOut(message.expired);
                    break;
                case 'doneLoggingOut':
                    this.doneLoggingOut(message.expired);
                    break;
                case 'locked':
                    break;
                case 'unlocked':
                    break;
                case 'syncStarted':
                    break;
                case 'syncCompleted':
                    break;
                default:
            }
        });
    }

    private doneLoggingOut(expired: boolean) {
        this.authService.logOut(() => {
            this.analytics.eventTrack.next({ action: 'Logged Out' });
            if (expired) {
                this.toasterService.popAsync('warning', this.i18nService.t('loggedOut'),
                    this.i18nService.t('loginExpired'));
            }
            this.router.navigate(['login']);
        });
    }
}