Project

General

Profile

« Previous | Next » 

Revision 57395

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

View differences:

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>

Also available in: Unified diff