Project

General

Profile

« Previous | Next » 

Revision 58042

Added by Andreas Mantas about 4 years ago

added loader and messages to metrics-instructions

View differences:

modules/uoa-repository-dashboard-gui/trunk/src/app/pages/metrics/metrics-instructions.component.ts
6 6 
import { ActivatedRoute, Router } from '@angular/router';
7 7 
import { PiwikService } from '../../services/piwik.service';
8 8 
import { AuthenticationService } from '../../services/authentication.service';
9 
import { loadingUserRepoInfoError } from '../../domain/shared-messages';
9 10 

  		




  10
  11
  
    
@Component ({


  		




  11
  12
  
    
  selector: 'app-metrics-instructions',


  		




  ......




  15
  16
  
    
export class MetricsInstructionsComponent implements OnInit {


  		




  16
  17
  
    
  piwik: PiwikInfo;


  		




  17
  18
  
    
  errorMessage: string;


  		




  
  19
  
    
  loadingMessage: string;


  		




  18
  20
  
    

  		




  19
  21
  
    
  constructor(


  		




  20
  22
  
    
    private route: ActivatedRoute,


  		




  ......




  27
  29
  
    
  }


  		




  28
  30
  
    

  		




  29
  31
  
    
  getPiwik(): void {


  		




  
  32
  
    
    this.loadingMessage = 'Retrieving instructions ...';


  		




  30
  33
  
    
    const id = this.route.snapshot.paramMap.get('id');


  		




  31
  34
  
    
    this.piwikService.getPiwikInfo(id).subscribe(


  		




  32
  35
  
    
      piwik => this.piwik = piwik,


  		




  33
  
  
    
      error => console.log(error),


  		




  
  36
  
    
      error => {


  		




  
  37
  
    
        console.log(error);


  		




  
  38
  
    
        this.loadingMessage = '';


  		




  
  39
  
    
        this.errorMessage = loadingUserRepoInfoError;


  		




  
  40
  
    
      },


  		




  34
  41
  
    
      () => {


  		




  
  42
  
    
        this.loadingMessage = '';


  		




  35
  43
  
    
      }


  		




  36
  44
  
    
    );


  		




  37
  45
  
    
  }


  		












  

    
      modules/uoa-repository-dashboard-gui/trunk/src/app/pages/metrics/metrics-instructions.component.html
    
  





  26
  26
  
    
            <div class=" uk-width-expand@m">


  		




  27
  27
  
    

  		




  28
  28
  
    
              <div *ngIf="errorMessage" class="uk-alert uk-alert-danger">{{ errorMessage }}</div>


  		




  
  29
  
    
              <div *ngIf="loadingMessage" class="loading-big">


  		




  
  30
  
    
                <div class="loader-big" style="text-align: center; padding-top: 170px; color: rgb(47, 64, 80); font-weight: bold;">


  		




  
  31
  
    
                  {{ loadingMessage }}


  		




  
  32
  
    
                </div>


  		




  
  33
  
    
                <div class="whiteFilm"></div>


  		




  
  34
  
    
              </div>


  		




  29
  35
  
    
              <div *ngIf="piwik">


  		




  30
  36
  
    
                <p>


  		




  31
  37
  
    
                  OpenAIRE’s usage statistic service uses the <i>Matomo Open Source Analytics platform</i> (matomo.org) to track usage activity. When <i>metrics</i>


  		












Also available in:  Unified diff