Project

General

Profile

« Previous | Next » 

Revision 57395

Added by Konstantinos Triantafyllou about 5 years ago

[Monitor]: Add loaging on numbers indicators and add height match on titles.

View differences:

modules/uoa-monitor-portal/trunk/monitor/src/app/monitor/monitor.component.html
35 35 
    <div *ngIf="activeSubCategory"
36 36 
         class="uk-width-expand uk-background-muted uk-padding uk-text-center@s uk-text-left@m">
37 37 
      <h5 class="uk-margin-bottom uk-text-bold">Indicators</h5>
38 
      <div class="uk-grid-medium uk-margin-bottom" uk-grid>
38 
      <div class="uk-grid-medium uk-margin-bottom" uk-grid uk-height-match="target: div > h6">
39 39 
        <ng-template ngFor [ngForOf]="activeSubCategory.numbers" let-number let-i="index">
40 40 
          <div *ngIf="number.isActive && number.isPublic"
41 41 
               [class.uk-width-1-3@m]="number.width === 'small'"
......
43 43 
               [class.uk-width-1-1@m]="number.width === 'large'">
44 44 
            <div class="uk-card uk-card-default uk-box-shadow-large uk-padding-small" [attr.uk-tooltip]="number.description">
45 45 
              <h6>{{number.name}}</h6>
46 
              <div class="uk-h2">
46 
              <div class="uk-h2" *ngIf="numberResults.get(i)">
47 47 
                {{numberResults.get(i)|number}}
48 48 
              </div>
49 
              <div *ngIf="!numberResults.get(i)" class="uk-animation-fade uk-width-1-1" role="alert">
50 
                <span class="loading-gif uk-align-center"></span>
51 
              </div>
49 52 
            </div>
50 53 
          </div>
51 54 
        </ng-template>
modules/uoa-monitor-portal/trunk/monitor/src/app/monitor/monitor.component.ts
60 60 
          var url = data.envSpecific.baseLink + this._router.url;
61 61 
          if (!this.stakeholder || this.stakeholder.index_id !== params['stakeholder']) {
62 62 
            this.status = this.errorCodes.LOADING;
63 
            this.numberResults= new Map<number, number>();
64 
            this.chartsActiveType = new Map<number, IndicatorPath>();
63 65 
            this.stakeholderService.getStakeholder(params['stakeholder']).subscribe(stakeholder => {
64 66 
              this.stakeholder = stakeholder;
65 67 
              this.seoService.createLinkForCanonicalURL(url, false);

Also available in: Unified diff