uoa-repository-manager-ui/src/app/pages/repository/metrics/metrics-enable.component.ts

import { Component, OnInit, ViewChild } from '@angular/core';
import { ActivatedRoute, Router } from '@angular/router';
import { ConfirmationDialogComponent } from '../../../shared/reusablecomponents/confirmation-dialog.component';
import { PiwikService } from '../../../services/piwik.service';
import { RepositoryService } from '../../../services/repository.service';
import { PiwikInfo, Repository } from '../../../domain/typeScriptClasses';
import { enabledMetricsError, enabledMetricsSuccess, enablingMetrics,
         loadingRepoError, loadingRepoMessage } from '../../../domain/shared-messages';
import { AuthenticationService } from '../../../services/authentication.service';
import { SharedService } from "../../../services/shared.service";

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

export class MetricsEnableComponent implements OnInit {
  successMessage: string;
  errorMessage: string;
  loadingMessage: string;

  readonly analyticsUrl = 'https://analytics.openaire.eu/addsite.php?';
  readonly authenticationToken = '32846584f571be9b57488bf4088f30ea';  /* THE ACTUAL TOKEN WILL BE NEEDED EVENTUALLY!! */

  repo: Repository;
  oaId: string;

  modalTitle = 'Confirmation';
  modalButton = 'Yes, enable it';
  isModalShown: boolean;

  @ViewChild('confirmEnablingModal', { static: true })
  public confirmEnablingModal: ConfirmationDialogComponent;


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

  ngOnInit() {

    if(this.sharedService.getRepository()) {
      this.repo = this.sharedService.getRepository();
      this.getOAid();
    }

    this.sharedService.repository$.subscribe(
      r => {
        this.repo = r;
        if (this.repo) {
          this.getOAid();
        }
      }
    );

    // this.getRepo();
    this.isModalShown = false;
    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(): void {
  //   const id = this.route.snapshot.paramMap.get('id');
  //   this.loadingMessage = loadingRepoMessage;
  //   this.repoService.getRepositoryById(id).subscribe(
  //     repo => {
  //       this.repo = repo;
  //     },
  //     error => {
  //       console.log(error);
  //       this.errorMessage = loadingRepoError;
  //       this.loadingMessage = '';
  //     }, () => {
  //       if (this.repo) {
  //         this.getOAid();
  //       }
  //       this.loadingMessage = '';
  //     }
  //   );
  // }

  getOAid () {
    this.piwikService.getOpenaireId(this.repo.id).subscribe(
      id => {
        this.oaId = id;
        console.log(`getOpenaireId responded: ${this.oaId}`);
      },
      error => console.log(`ERROR is ${error}`)
    );
  }

  confirmEnabling() {
    if (this.repo) {
      this.confirmEnablingModal.showModal();
    }
  }

  confirmedEnabling(event: any) {
    if (this.repo) {
      this.loadingMessage = enablingMetrics;
      const piwik: PiwikInfo = {
        repositoryId: this.repo.id,
        openaireId: this.oaId,
        repositoryName: this.repo.officialName,
        country: this.repo.countryName,
        siteId: '',
        authenticationToken: this.authenticationToken,
        creationDate: null,
        requestorName: this.authService.getUserName(),
        requestorEmail: this.authService.getUserEmail(),
        validated: false,
        validationDate: null,
        comment: ''
      };

      this.piwikService.enableMetricsForRepository(this.repo.officialName, this.repo.websiteUrl, piwik).subscribe(
        response => {
          console.log(`enableMetrics answered: ${response}`);
          this.successMessage = enabledMetricsSuccess;
          this.loadingMessage = '';

          //save piwik and update shareRepo
          this.repo.piwikInfo = piwik;
          this.sharedService.setRepository(this.repo);
        },
        error => {
          console.log(error);
          this.errorMessage = enabledMetricsError;
          this.loadingMessage = '';
        },
        () => {
          this.router.navigate([`../instructions/`]);
          // this.router.navigate([`/getImpact/instructions/${this.repo.id}`]);
        }
      );
    }
  }
}