import { Component, OnInit } from '@angular/core';
import { Repository } from '../../../domain/typeScriptClasses';
import { RepositoryService } from '../../../services/repository.service';
import { AuthenticationService } from '../../../services/authentication.service';
import { ActivatedRoute, Router } from '@angular/router';
import { SharedService } from "../../../services/shared.service";

@Component({
  selector: 'metrics-usagestats',
  templateUrl: 'metrics-usagestats.component.html'
})

export class MetricsUsagestatsComponent implements OnInit {

  errorMessage: string;
  title = 'Get usage counts report';

  repo: Repository;

  constructor(private repoService: RepositoryService,
              private sharedService: SharedService,
              private authService: AuthenticationService,
              private route: ActivatedRoute,
              private router: Router) {}

  ngOnInit() {

    if(this.sharedService.getRepository()) {
      this.repo = this.sharedService.getRepository();
      this.title = this.title + ' for ' + this.repo.officialname;
    }

    this.sharedService.repository$.subscribe(
      r => {
        this.repo = r;
        this.title = this.title + ' for ' + this.repo.officialname;
      }
    );

    // this.getRepo();
    let body = document.getElementsByTagName('body')[0];
    body.classList.remove("top_bar_active");   //remove the class
    body.classList.remove("page_heading_active");
    body.classList.remove("landing");
    body.classList.add("dashboard");
  }

  // getRepo() {
  //
  //   if (this.repoId) {
  //     this.repoService.getRepositoryById(this.repoId).subscribe(
  //       repo => this.repo = repo,
  //       error => {
  //         console.log(error);
  //         this.errorMessage = 'The repository could not be retrieved';
  //       },
  //       () => {
  //         this.title = this.title + ' for ' + this.repo.officialName;
  //         console.log(this.authService.getUserEmail(), this.repo.registeredBy);
  //       }
  //     );
  //   }
  // }

}
