diff options
author | Sebastien Douheret <sebastien.douheret@iot.bzh> | 2018-06-18 00:42:22 +0200 |
---|---|---|
committer | Sebastien Douheret <sebastien.douheret@iot.bzh> | 2018-06-18 22:29:55 +0200 |
commit | ee66af78c42c4d7ff33f104415bc09d60dbdc27b (patch) | |
tree | 834e494c29d339940a5a7036671650e439e3864d /webapp/src/app/pages/supervision/supervision.component.html | |
parent | 72c9174cecdfbe4cde9baa71c0c02d0bee753224 (diff) |
Added Supervision/Monitoring support
Added new API supervisor/* to control and get status of AGL XDS
Supervisor.
Also add new panel in dashboard to control and visualized data
collected by the supervision (visualiazation is based on Granafa).
Change-Id: I093470f6e384e96a0856b233390e85a98911162e
Signed-off-by: Sebastien Douheret <sebastien.douheret@iot.bzh>
Diffstat (limited to 'webapp/src/app/pages/supervision/supervision.component.html')
-rw-r--r-- | webapp/src/app/pages/supervision/supervision.component.html | 69 |
1 files changed, 69 insertions, 0 deletions
diff --git a/webapp/src/app/pages/supervision/supervision.component.html b/webapp/src/app/pages/supervision/supervision.component.html new file mode 100644 index 0000000..0db8ec8 --- /dev/null +++ b/webapp/src/app/pages/supervision/supervision.component.html @@ -0,0 +1,69 @@ +<!-- FIXME - cleanup +<div class="row" *ngIf="displayMode==='panels'"> + <div class="col-12"> + <nb-card-body> + <div class="col-9"> + <nb-actions size="small" *ngIf="displayMode==='panels'"> + <nb-action> + <button (click)="timeChange(-1)"> + <i class="nb-skip-backward"></i> + </button> + </nb-action> + <nb-action> + <button (click)="zoomOut()"> + <i class="nb-search"></i> + </button> + </nb-action> + <nb-action> + <button (click)="timeChange(1)"> + <i class="nb-skip-forward"></i> + </button> + </nb-action> + <nb-action> + <button disabled> + <pre> + start={{tm_from}} end={{tm_to}} + </pre> + </button> + </nb-action> + </nb-actions> + </div> + <div class="col-3 right"> + <nb-actions size="small"> + <nb-action> + <button (click)="displayModeChange()"> + <i class="fa fa-eye"></i> + </button> + </nb-action> + </nb-actions> + </div> + </nb-card-body> + </div> +</div> + +-- Display mode: using panels -- +<div *ngIf="displayMode==='panels'"> + <div class="row"> + <div class="col-md-6 col-lg-6"> + <iframe [src]="getPanel('req_evts_per_sec')" width="100%" height="320" frameborder="0"></iframe> + </div> + + <div class="col-md-6 col-lg-6"> + <iframe [src]="getPanel('evt_data_bytes')" width="100%" height="320" frameborder="0"></iframe> + </div> + </div> + + <div class="row"> + <div class="col-md-12"> + <iframe [src]="getPanel('table')" width="100%" height="500px" frameborder="0"></iframe> + </div> + </div> +</div> +--> + +<!-- Display mode: using dashboard --> +<div class="row" *ngIf="displayMode==='dashboard'"> + <div class="col-md-12"> + <iframe [src]="getDashboard('xds_supervisor')" width="100%" height="800px" frameborder="0"></iframe> + </div> +</div> |