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

   1
   2 <div *ngIf="showSpinner">
   3   <div class="lds-ring">
   4     <div></div>
   5     <div></div>
   6     <div></div>
   7     <div></div>
   8   </div>
   9 </div>
  10
  11 <mat-form-field>
  12     <input matInput (keyup)="applyFilter($event.target.value)" placeholder="Filter Report Data">
  13   </mat-form-field>
  14
  15 <div class="app-data-table">
  16     <div class="app-data-table-fixed-height">
  17 <div class="example-container">
  18     <table mat-table [dataSource]="dataSource" matSort>
  19         <div *ngFor="let keys of displayedColumns; let i = index">
  20             <ng-container matColumnDef="{{keys}}">
  21                 <th mat-header-cell *matHeaderCellDef mat-sort-header>{{displayedColumnsArr[i].split(",")[0]}}</th>
  22                  <td mat-cell *matCellDef="let row">
  23                     <div *ngIf="row[keys].split(',')[0] == 'linkToReport'">
  24                       <a [routerLink]="" (click)="linkToReport(row[keys].split(',')[1], row[keys].split(',')[2])">{{row[keys].split(',')[3]}}</a>
  25                     </div>
  26                     <div *ngIf="row[keys].split(',')[0] == 'linkToFeedback'">
  27                       <a [routerLink]="" (click)="linkToFeedback(row[keys].split(',')[1], row[keys].split(',')[2])">{{row[keys].split(',')[3]}}</a>
  28                     </div>
  29                     <div *ngIf="row[keys].split(',')[0] == 'linkToMail'">
  30                       <a [routerLink]="" (click)="linkToMail(row[keys].split(',')[1])">{{row[keys].split(',')[2]}}</a>
  31                     </div>
  32                       <div *ngIf="row[keys].split(',')[0] !== 'linkToReport' && row[keys].split(',')[0] !== 'linkToFeedback' && row[keys].split(',')[0] !== 'linkToMail'">
  33                           {{row[keys]}}
  34                       </div>
  35                   </td>
  36               </ng-container>
  37             </div>
  38
  39       <tr mat-header-row *matHeaderRowDef="displayedColumns; sticky: true;"></tr>
  40       <tr mat-row *matRowDef="let row; columns: displayedColumns;"></tr>
  41     </table>
  42
  43     <mat-paginator [pageSizeOptions]="[5, 10, 20]" showFirstLastButtons></mat-paginator>
  44   </div>
  45   </div>
  46 </div>
  47
  48
  49
  50 <!-- <div *ngIf="!showDashboardReport">
  51     <div class="app-data-table">
  52         <div class="app-data-table-fixed-height">
  53           <table mat-table class="full-width-table" matSort aria-label="Elements">
  54
  55               <div *ngFor="let keys of displayedColumns; let i = index">
  56                 <ng-container matColumnDef="{{keys}}">
  57                     <th mat-header-cell *matHeaderCellDef mat-sort-header >{{displayedColumnsArr[i].split(",")[0]}}</th>
  58                     <td mat-cell *matCellDef="let row">{{row[keys]}}</td>
  59                   </ng-container>
  60                 </div>
  61
  62
  63             <tr mat-header-row *matHeaderRowDef="displayedColumns" ></tr>
  64             <tr mat-row *matRowDef="let row; columns: displayedColumns;"></tr>
  65           </table>
  66         </div>
  67           <mat-paginator #paginator
  68               [length]="dataSource?.data.length"
  69               [pageIndex]="0"
  70               [pageSize]="15"
  71               [pageSizeOptions]="[15, 25, 50, 100, 250]">
  72           </mat-paginator>
  73         </div>
  74   </div> -->
  75