D-Net

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 {Country, PiwikInfo, Repository} from '../../../domain/typeScriptClasses';

import {

  enabledMetricsError, enabledMetricsSuccess, enablingMetrics,

  loadingRepoError, loadingRepoMessage, noServiceMessage

} 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;

  countries: Country[] = [];

  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;

    const 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');

    this.getCountries();

  }

  // 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.getCountryName(this.repo.organizations[0].country),

        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}`]);

        }

      );

    }

  }

  getCountries() {

    this.repoService.getCountries()

      .subscribe(

        countries => this.countries = countries.sort(function (a, b) {

          if (a.name < b.name) {

            return -1;

          } else if (a.name > b.name) {

            return 1;

          } else {

            return 0;

          }

        }),

        error => {

          this.loadingMessage = '';

          this.errorMessage = noServiceMessage;

          console.log(error);

        }

      );

  }

  getCountryName(countryCode): string {

    for (const country of Object.values(this.countries)) {

      if (country.code === countryCode) {

        return country.name;

      }

    }

  }

}