Project

General

Profile

« Previous | Next » 

Revision 57369

[Monitor]: Stakeholder page first try

View differences:

monitor.component.html
31 31
  </div>
32 32
  <div uk-grid>
33 33
    <sidebar [menuItems]="sideMenuItems" class="uk-width-1-5 sidebar"></sidebar>
34
    <div class="uk-width-expand uk-padding">
35
      <h5 class="uk-margin-bottom">Indicators</h5>
34
    <div *ngIf="activeSubCategory" class="uk-width-expand uk-padding">
35
      <h5 class="uk-margin-bottom uk-text-bold">Indicators</h5>
36
      <div class="uk-grid-medium uk-margin-bottom" uk-grid>
37
        <div *ngFor="let number of activeSubCategory.numbers; let i=index;"
38
             [class.uk-width-1-3@m]="number.width === 'small'"
39
             [class.uk-width-1-2@m]="number.width === 'medium'"
40
             [class.uk-width-1-1@m]="number.width === 'large'">
41
          <div class="uk-card uk-card-default uk-padding-small" [attr.uk-tooltip]="number.description">
42
            <h6>{{number.name}}</h6>
43
            <div class="uk-h2">
44
              {{numberResults.get(i)|number}}
45
            </div>
46
          </div>
47
        </div>
48
      </div>
49
      <div class="uk-grid-medium uk-margin-bottom" uk-grid>
50
        <div *ngFor="let chart of activeSubCategory.charts; let i=index;"
51
             [class.uk-width-1-3@m]="chart.width === 'small'"
52
             [class.uk-width-1-2@m]="chart.width === 'medium'"
53
             [class.uk-width-1-1@m]="chart.width === 'large'"
54
        #element>
55
          <div>
56
            <h5>{{chart.name}}</h5>
57
            <div class="uk-card uk-card-default uk-padding-small" [attr.uk-tooltip]="chart.description">
58
              <div class="uk-button-group">
59
                <button *ngFor="let indicatorPath of chart.indicatorPaths;"
60
                        class="uk-button"
61
                        (click)="setActiveChart(i, indicatorPath.type)"
62
                        [class.uk-button-secondary]="chartsActiveType.get(i) === indicatorPath.url">
63
                  {{indicatorPath.type}}
64
                </button>
65
              </div>
66
              <iframe [src]="getUrlByStakeHolder(chartsActiveType.get(i))"
67
                      [width]="element.offsetWidth"
68
                      height="600"></iframe>
69
            </div>
70
          </div>
71
        </div>
72
      </div>
36 73
    </div>
37 74
  </div>
38 75
</div>

Also available in: Unified diff