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

import { AuthService, AuthStatus } from '../auth'
import { ConfigService } from '../config'

@Component({
  selector: 'my-menu',
  templateUrl: './menu.component.html',
  styleUrls: [ './menu.component.scss' ]
})
export class MenuComponent implements OnInit {
  isLoggedIn: boolean

  constructor (
    private authService: AuthService,
    private configService: ConfigService,
    private router: Router
  ) {}

  ngOnInit () {
    this.isLoggedIn = this.authService.isLoggedIn()

    this.authService.loginChangedSource.subscribe(
      status => {
        if (status === AuthStatus.LoggedIn) {
          this.isLoggedIn = true
          console.log('Logged in.')
        } else if (status === AuthStatus.LoggedOut) {
          this.isLoggedIn = false
          console.log('Logged out.')
        } else {
          console.error('Unknown auth status: ' + status)
        }
      }
    )
  }

  isRegistrationAllowed () {
    return this.configService.getConfig().signup.allowed
  }

  isUserAdmin () {
    return this.authService.isAdmin()
  }

  logout () {
    this.authService.logout()
    // Redirect to home page
    this.router.navigate(['/videos/list'])
  }
}