import { Component, ViewChild } from '@angular/core';
import { MatSidenav } from '@angular/material/sidenav';
import { Router } from '@angular/router';
import * as moment from 'moment';
import packageInfo from 'package.json';
import { DataService } from '../services/data.service';
import { DeviceService } from '../services/device.service';

@Component({
  selector: 'app-main-view',
  templateUrl: './main-view.component.html',
  styleUrls: ['./main-view.component.scss']
})
export class MainViewComponent {
  @ViewChild('snav') snav?: MatSidenav;
  appVersion = packageInfo.version;

  submenus = {
    administration: false,
  };
  currentDate = moment().toDate();
  flipPhone: boolean = false;
  loading: boolean = false;

  constructor(
    public data$: DataService,
    public device$: DeviceService,
    private router$: Router
  ) { }

  reloadApp() {
    document.location.reload();
  }
  logout() {
    // @ts-ignore
    google.accounts.id.disableAutoSelect();
    this.router$.navigate(['']);
    this.data$.currentUser = null;
  }
}