ceph/src/pybind/mgr/dashboard/frontend/src/app/shared/components/grafana/grafana.component.html

   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>