gerrit.onap Code Review - portal/sdk.git/blob

   1 <br/>
   2 <div>
   3
   4   <div class="field-group">
   5       <label>Search Report</label> <br/>
   6       <input  #myInput class="defaultFontSize" type="text"  [(ngModel)]="name" (input)="filterItem(myInput.value)"/>
   7   </div>
   8 </div>
   9 <br/>
  10 <div>
  11 <table>
  12   <tr>
  13           <th>Report Data</th>
  14           <th>Report Chart</th>
  15   </tr>
  16
  17 <tr>
  18
  19   <td>
  20       <div *ngIf="showSpinner">
  21           <div class="lds-ring"><div></div><div></div><div></div><div></div></div>
  22       </div>
  23     <div *ngIf="!showSpinner" class="data-table">
  24     <div *ngFor="let report of filteredItemsData">
  25       <div *ngIf="options.enableEmptyCellDrop" class="example-list" draggable="true" (dragstart)="dragStartHandler($event, report)">{{report.id}} {{report.name}}</div>
  26     </div>
  27   </div>
  28   </td>
  29
  30
  31   <td>
  32       <div *ngIf="showSpinner">
  33           <div class="lds-ring"><div></div><div></div><div></div><div></div></div>
  34       </div>
  35       <div *ngIf="!showSpinner" class="data-table">
  36       <div *ngFor="let report of filteredItemsChart">
  37         <div *ngIf="options.enableEmptyCellDrop" class="example-list" draggable="true" (dragstart)="dragStartHandler($event, report)">{{report.id}} {{report.name}}</div>
  38       </div>
  39     </div>
  40   </td>
  41
  42 </tr>
  43
  44 </table>
  45 </div>
  46 <br/>
  47
  48 <label>Dashboard Preview </label> <br/>
  49 <gridster [options]="options">
  50   <gridster-item [item]="item" *ngFor="let item of dashboard">
  51       <div class="gridster-item-content1" *ngIf="item.hasContent">
  52           <div class="stuff">
  53             {{item.hasContent.id}} {{item.hasContent.name}}
  54           </div>
  55           <div class="button-holder" style="margin-top: 50;">
  56             <button mat-mini-fab (mousedown)="removeItem($event, item)"
  57                     (touchstart)="removeItem($event, item)">
  58               <mat-icon>delete</mat-icon>
  59             </button>
  60           </div>
  61       </div>
  62
  63
  64   </gridster-item>
  65 </gridster>