D-Net

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

import { PiwikService } from '../../services/piwik.service';

import { PiwikInfo } from '../../domain/typeScriptClasses';

import { loadingReposMessage, reposRetrievalError } from '../../domain/shared-messages';

import { ConfirmationDialogComponent } from '../../shared/reusablecomponents/confirmation-dialog.component';

@Component ({

  selector: 'app-admin-metrics',

  templateUrl: 'adminPg-metrics.component.html'

})

export class AdminPgMetricsComponent implements OnInit {

  piwiks: PiwikInfo[] = [];

  showSpinner: boolean;

  errorMessage: string;

  loadingMessage: string;

  modalTitle = "Approval Confirmation";

  modalButton = "Yes, validate";

  isModalShown: boolean;

  @ViewChild('confirmApprovalModal')

  public confirmApprovalModal: ConfirmationDialogComponent;

  constructor(private piwikService: PiwikService) {}

  ngOnInit() {

    this.getPiwiks();

    this.isModalShown = false;

  }

  getPiwiks(){

    this.showSpinner = true;

    this.loadingMessage = loadingReposMessage;

    this.piwikService.getPiwikSitesForRepos()

      .subscribe(

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

          if(a.repositoryName<b.repositoryName){

            return -1;

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

            return 1;

          } else {

            return 0;

          }

        } ),

        error => {

          console.log(error);

          this.showSpinner = false;

          this.loadingMessage = '';

          this.errorMessage = reposRetrievalError;

        },

        () => {

          this.showSpinner = false;

          this.loadingMessage = '';

        }

      );

  }

  /*NOT SURE IF THESE PARAMETERS ARE THE CORRECT ONES*/

  confirmApproval(repoId: string) {

    this.confirmApprovalModal.ids = [repoId];

    this.confirmApprovalModal.showModal();

  }

  confirmedApproval(ids: string[]){

    let id = ids[0];

    console.log(`approved validation of piwik for repo with id: ${id}`);

  }

}