import { Component, OnInit } from '@angular/core';
import { Router, NavigationEnd } from '@angular/router';
import { ElectronService } from 'ngx-electron';
import { filter } from 'rxjs/operators';
import { MatDialog } from '@angular/material';
import { LoginComponent } from './login/login.component';
import { LocalStorage } from 'webstorage-decorators';
import { AppStore } from './app.store';
import { AngularFireAuth } from 'angularfire2/auth';
import { SwUpdate } from '@angular/service-worker';
import { POption } from './store/products/product';

@Component({
  selector: 'app-root',
  templateUrl: 'app.component.html'
})
export class AppComponent implements OnInit {
  @LocalStorage({ defaultValue: [], encryptionKey: 'HmRoBFUEVWqW5uvy' })
  cart: { id: string; item: string; option: POption, quantity: number}[];

  set lock(lock: boolean) {
    document.getElementsByTagName('body')[0].classList[lock ? 'add' : 'remove']('lock');
  }

  constructor(
    private router: Router,
    private dialog: MatDialog,
    private updates: SwUpdate,
    public electron: ElectronService,
    public store: AppStore,
    public afAuth: AngularFireAuth
  ) {
    updates.available.subscribe(event => {
      if (event.current != event.available) updates.activateUpdate().then(() => document.location.reload());
    });
  }

  cartAdd(id: string, name: string, option: POption, quantity: number) {
    this.cart = [{ id: id, item: name, option: option, quantity: Number(quantity)}].concat(
      this.cart
    );
  }

  cartCount() {
    return this.cart.map(row => row.quantity).reduce((acc, row) => acc + row, 0);
  }

  cartRemove(i) {
    let temp = this.cart;
    this.cart = temp.slice(i, 1);
  }

  login() {
    this.dialog.open(LoginComponent);
  }

  ngOnInit() {
    // Record routing for analytics
    this.router.events.pipe(filter(event => event instanceof NavigationEnd)).subscribe((event: NavigationEnd) => {
      let ga = (<any>window).ga;
      if (ga) {
        ga('set', 'page', event.urlAfterRedirects);
        ga('send', 'pageview');
      }
    });

    // Send electron users right to formula manager
    if (this.electron.isElectronApp) {
      this.router.navigate(['/formulaManager']);
    }
  }
}