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

import { SadeeService } from '../sadee.servise';

@Component({
  selector: 'app-main-page',
  templateUrl: './main-page.component.html',
  styleUrls: ['./main-page.component.scss']
})
export class MainPageComponent implements OnInit {
  router: Router;
  sadeeService : SadeeService;

  constructor(router: Router, SadeeService: SadeeService) {
    this.router = router;
    this.sadeeService = SadeeService;
  }

  ngOnInit() {
    //this.router.navigateByUrl("/main(content:evaluations;open=true)");
    //this.onHomeButtonClick();
    this.router.navigate(['main', {outlets: {content: ['evaluations']}}]);
  }

  onHomeButtonClicked() {
    this.router.navigate(['main', {outlets: {content: ['evaluations']}}]);
  }

  onChangePasswordButtonClicked() {
    this.router.navigate(['main', {outlets: {content: ['profile']}}]);
  }

  onLogoutButtonClicked() {
    this.sadeeService.logout(() => {
      this.router.navigate(['login']);
    })
  }

  onHomeButtonClick(){
    //this.router.navigate(['main', {outlets: {content: ['evaluations']}}]);
    this.router.navigate(['main', {outlets: {content: ['evaluations']}}]);
  }

  onHelpButtonClicked(){
    //this.router.navigate(['main', {outlets: {content: ['evaluations']}}]);
    this.router.navigate(['main', {outlets: {content: ['help']}}]);
  }
}