Project

General

Profile

« Previous | Next » 

Revision 57602

Added by Konstantinos Triantafyllou over 4 years ago

[Monitor Dashboard]: customize breadcrumbs.

View differences:

indicators.component.html
69 69 
        <button class="md-btn md-btn-primary">Preview</button>
70 70 
      </div>
71 71 
    </div>
72 
    <h5 class="uk-text-bold">Number Indicators</h5>
72 
    <h4 class="uk-text-bold">Number Indicators</h4>
73 73 
    <div [class.uk-child-width-1-3@m]="grid"
74 74 
         [class.uk-child-width-1-2@s]="grid"
75 75 
         [class.uk-child-width-1-1]="!grid"
76 
         uk-height-match="target: .md-card"
76 
         class="uk-grid-match"
77 77 
         uk-grid>
78 78 
      <ng-template ngFor [ngForOf]="displayNumbers" let-indicator let-i="index">
79 79 
        <div>
......
114 114 
        </div>
115 115 
      </ng-template>
116 116 
    </div>
117 
    <h5 class="uk-text-bold">Chart Indicators</h5>
117 
    <h4 class="uk-text-bold">Chart Indicators</h4>
118 118 
    <div [class.uk-child-width-1-3@m]="grid"
119 119 
         [class.uk-child-width-1-2@s]="grid"
120 120 
         [class.uk-child-width-1-1]="!grid"
......
128 128 
                <ng-template [ngIf]="!grid">
129 129 
                  <span *ngFor="let indicatorPath of indicator.indicatorPaths"
130 130 
                        class="uk-margin-medium-right uk-text-capitalize uk-flex uk-flex-middle">
131 
                    <i
132 
                      class="material-icons md-24 uk-margin-small-right">{{indicatorUtils.chartTypes.get(indicatorPath.type)}}</i>
131 
                    <i class="material-icons md-24 uk-margin-small-right">
132 
                      {{indicatorUtils.chartTypes.get(indicatorPath.type)}}
133 
                    </i>
133 134 
                    {{indicatorPath.type + ' Chart'}}
134 135 
                  </span>
135 136 
                </ng-template>
136 137 
                <span *ngIf="!grid" class="uk-margin-medium-right uk-flex uk-flex-middle">
137 
                  <i
138 
                    class="material-icons md-24 uk-margin-small-right">{{indicatorUtils.isPublicIcon.get(indicator.isPublic)}}</i>
138 
                  <i class="material-icons md-24 uk-margin-small-right">
139 
                    {{indicatorUtils.isPublicIcon.get(indicator.isPublic)}}
140 
                  </i>
139 141 
                  {{(indicator.isPublic) ? 'Public' : 'Private'}}
140 142 
                </span>
141 143 
                <span *ngIf="!grid" class="uk-margin-medium-right uk-flex uk-flex-middle">
142 144 
                  <i class="material-icons md-24 uk-margin-small-right"
143 
                     [class.md-color-green-300]="indicator.isActive">{{indicatorUtils.isActiveIcon}}</i>
145 
                     [class.md-color-green-300]="indicator.isActive">
146 
                    {{indicatorUtils.isActiveIcon}}
147 
                  </i>
144 148 
                  {{(indicator.isActive) ? 'Active' : 'Inactive'}}
145 149 
                </span>
146 150 
                <i class="md-icon material-icons">more_vert</i>
......
155 159 
                <div class="uk-width-1-3 uk-text-center"
156 160 
                     [ngClass]="'uk-child-width-1-' + indicator.indicatorPaths.length" uk-grid>
157 161 
                  <div *ngFor="let indicatorPath of indicator.indicatorPaths">
158 
                    <i class="material-icons md-24">{{indicatorUtils.chartTypes.get(indicatorPath.type)}}</i>
162 
                    <i class="material-icons md-24">
163 
                      {{indicatorUtils.chartTypes.get(indicatorPath.type)}}
164 
                    </i>
159 165 
                    <div class="uk-text-capitalize">{{indicatorPath.type + ' Chart'}}</div>
160 166 
                  </div>
161 167 
                </div>
162 168 
                <div class="uk-width-1-3 uk-text-center">
163 
                  <i class="material-icons md-24">{{indicatorUtils.isPublicIcon.get(indicator.isPublic)}}</i>
169 
                  <i class="material-icons md-24">
170 
                    {{indicatorUtils.isPublicIcon.get(indicator.isPublic)}}
171 
                  </i>
164 172 
                  <div>{{(indicator.isPublic) ? 'Public' : 'Private'}}</div>
165 173 
                </div>
166 174 
                <div class="uk-width-1-3 uk-text-center">
167 
                  <i class="material-icons md-24"
168 
                     [class.md-color-green-300]="indicator.isActive">{{indicatorUtils.isActiveIcon}}</i>
175 
                  <i class="material-icons md-24" [class.md-color-green-300]="indicator.isActive">
176 
                    {{indicatorUtils.isActiveIcon}}
177 
                  </i>
169 178 
                  <div>{{(indicator.isActive) ? 'Active' : 'Inactive'}}</div>
170 179 
                </div>
171 180 
              </div>

Also available in: Unified diff