webapp/src/app/pages/supervision/supervision.component.html

   1 <!-- FIXME - cleanup
   2 <div class="row" *ngIf="displayMode==='panels'">
   3   <div class="col-12">
   4     <nb-card-body>
   5       <div class="col-9">
   6         <nb-actions size="small" *ngIf="displayMode==='panels'">
   7           <nb-action>
   8             <button (click)="timeChange(-1)">
   9               <i class="nb-skip-backward"></i>
  10             </button>
  11           </nb-action>
  12           <nb-action>
  13             <button (click)="zoomOut()">
  14               <i class="nb-search"></i>
  15             </button>
  16           </nb-action>
  17           <nb-action>
  18             <button (click)="timeChange(1)">
  19               <i class="nb-skip-forward"></i>
  20             </button>
  21           </nb-action>
  22           <nb-action>
  23             <button disabled>
  24               <pre>
  25                 start={{tm_from}}  end={{tm_to}}
  26               </pre>
  27             </button>
  28           </nb-action>
  29         </nb-actions>
  30       </div>
  31       <div class="col-3 right">
  32         <nb-actions size="small">
  33           <nb-action>
  34             <button (click)="displayModeChange()">
  35                   <i class="fa fa-eye"></i>
  36                 </button>
  37           </nb-action>
  38         </nb-actions>
  39       </div>
  40     </nb-card-body>
  41   </div>
  42 </div>
  43
  44 -- Display mode: using panels --
  45 <div *ngIf="displayMode==='panels'">
  46   <div class="row">
  47     <div class="col-md-6 col-lg-6">
  48       <iframe [src]="getPanel('req_evts_per_sec')" width="100%" height="320" frameborder="0"></iframe>
  49     </div>
  50
  51     <div class="col-md-6 col-lg-6">
  52       <iframe [src]="getPanel('evt_data_bytes')" width="100%" height="320" frameborder="0"></iframe>
  53     </div>
  54   </div>
  55
  56   <div class="row">
  57     <div class="col-md-12">
  58       <iframe [src]="getPanel('table')" width="100%" height="500px" frameborder="0"></iframe>
  59     </div>
  60   </div>
  61 </div>
  62 -->
  63
  64 <!-- Display mode: using dashboard -->
  65 <div class="row" *ngIf="displayMode==='dashboard'">
  66   <div class="col-md-12">
  67     <iframe [src]="getDashboard('xds_supervisor')" width="100%" height="800px" frameborder="0"></iframe>
  68   </div>
  69 </div>