]>
Commit | Line | Data |
---|---|---|
11fdf7f2 TL |
1 | <!-- Embed dashboard --> |
2 | <cd-loading-panel *ngIf="loading && grafanaExist" | |
3 | i18n>Loading panel data...</cd-loading-panel> | |
4 | ||
5 | <cd-info-panel *ngIf="!grafanaExist" | |
6 | i18n>Please consult the | |
7 | <a href="{{ docsUrl }}" target="_blank">documentation</a> on how to | |
8 | configure and enable the monitoring functionality.</cd-info-panel> | |
9 | ||
10 | <cd-info-panel *ngIf="!dashboardExist" | |
11 | i18n>Grafana Dashboard doesn't exist. Please refer to | |
12 | <a href="{{ docsUrl }}" target="_blank">documentation</a> on how to | |
13 | add dashboards to Grafana.</cd-info-panel> | |
14 | ||
15 | <div class="row" | |
16 | *ngIf="grafanaExist && dashboardExist"> | |
17 | <div class="col-md-12 timepicker"> | |
18 | <label class="control-label col-sm-1" | |
19 | for="timepicker-control"> | |
20 | <ng-container i18n>Grafana Time Picker</ng-container> | |
21 | </label> | |
22 | <div class="col-sm-9"> | |
23 | <select id="timepicker" | |
24 | name="timepicker-control" | |
25 | class="form-control " | |
26 | [(ngModel)]="time" | |
27 | (ngModelChange)="onTimepickerChange($event)"> | |
28 | <option *ngFor="let key of grafanaTimes" | |
29 | [ngValue]="key.value">{{ key.name }} | |
30 | </option> | |
31 | </select> | |
32 | </div> | |
33 | <button class="btn btn-sm" | |
34 | i18n-title | |
35 | title="Reset Settings" | |
36 | (click)="reset()"> | |
37 | <i class="fa fa-undo"></i> | |
38 | </button> | |
39 | <br> | |
40 | </div> | |
41 | <div class="col-md-12"> | |
42 | <div class="grafana-container"> | |
43 | <iframe #iframe | |
44 | id="iframe" | |
45 | [src]="grafanaSrc" | |
46 | class="grafana" | |
47 | [ngClass]="panelStyle" | |
48 | frameborder="0" | |
49 | scrolling="no"> | |
50 | </iframe> | |
51 | </div> | |
52 | </div> | |
53 | </div> |