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

   1 <div *ngIf="showSpinner">
   2         <div class="lds-ring"><div></div><div></div><div></div><div></div></div>
   3 </div>
   4
   5 <!-- <div *ngIf="!showSpinner"> -->
   6
   7 <div *ngIf="!toggle1">
   8     <!-- <div  *ngFor="let reportId of reportIdArr">
   9       <h4>{{reportId}}<mat-icon aria-hidden="false" aria-label="edit" (click)="displayReport(reportId)">edit</mat-icon></h4>
  10       <br/>
  11     </div>
  12   -->
  13   <div class="stdForm">
  14     <div class="tab-content">
  15             <h1>Report Search</h1>
  16     </div>
  17   </div>
  18   <!-- <div *ngIf="!showSpinner"> -->
  19 <div class="app-data-table">
  20   <table mat-table class="full-width-table" matSort aria-label="Elements">>
  21
  22     <!-- Name Column -->
  23     <ng-container matColumnDef="rep_id">
  24       <th mat-header-cell *matHeaderCellDef mat-sort-header>Report Id</th>
  25       <td style="font-weight: bold;" mat-cell *matCellDef="let row">{{row.rep_id}}</td>
  26     </ng-container>
  27
  28     <ng-container matColumnDef="rep_name">
  29         <th mat-header-cell *matHeaderCellDef mat-sort-header>Report Name</th>
  30         <td mat-cell *matCellDef="let row">{{row.rep_name}}</td>
  31       </ng-container>
  32
  33       <ng-container matColumnDef="descr">
  34           <th mat-header-cell *matHeaderCellDef mat-sort-header>Description</th>
  35           <td mat-cell *matCellDef="let row">{{row.descr}}</td>
  36         </ng-container>
  37
  38         <ng-container matColumnDef="owner">
  39             <th mat-header-cell *matHeaderCellDef mat-sort-header>Report Owner</th>
  40             <td mat-cell *matCellDef="let row">{{row.owner}}</td>
  41           </ng-container>
  42
  43         <ng-container matColumnDef="create_date">
  44             <th mat-header-cell *matHeaderCellDef mat-sort-header>Create Date</th>
  45             <td mat-cell *matCellDef="let row">{{row.create_date}}</td>
  46           </ng-container>
  47
  48           <ng-container matColumnDef="copy">
  49               <th mat-header-cell *matHeaderCellDef mat-sort-header>Copy</th>
  50               <td mat-cell *matCellDef="let row"><mat-icon aria-hidden="false" aria-label="file_copy" (click)="displayReport(row.rep_id)">file_copy</mat-icon></td>
  51             </ng-container>
  52
  53             <ng-container matColumnDef="edit">
  54                 <th mat-header-cell *matHeaderCellDef mat-sort-header>Edit</th>
  55                 <td mat-cell *matCellDef="let row"><mat-icon aria-hidden="false" aria-label="edit" (click)="displayReport(row.rep_id)">edit</mat-icon></td>
  56               </ng-container>
  57
  58               <ng-container matColumnDef="delete">
  59                   <th mat-header-cell *matHeaderCellDef mat-sort-header>Delete</th>
  60                   <td mat-cell *matCellDef="let row"><mat-icon aria-hidden="false" aria-label="delete" (click)="displayReport(row.rep_id)">delete</mat-icon></td>
  61                 </ng-container>
  62
  63                 <ng-container matColumnDef="schedule">
  64                     <th mat-header-cell *matHeaderCellDef mat-sort-header>Schedule</th>
  65                     <td mat-cell *matCellDef="let row"><mat-icon *ngIf="row.schedule" aria-hidden="false" aria-label="schedule" (click)="displayReport(row.rep_id)">date_range</mat-icon></td>
  66                   </ng-container>
  67
  68                   <ng-container matColumnDef="run">
  69                       <th mat-header-cell *matHeaderCellDef mat-sort-header>Run</th>
  70                       <td mat-cell *matCellDef="let row"><mat-icon aria-hidden="false" aria-label="play" (click)="runReport(row.rep_id)">play_arrow</mat-icon></td>
  71                     </ng-container>
  72
  73     <tr mat-header-row *matHeaderRowDef="displayedColumns"></tr>
  74     <tr mat-row *matRowDef="let row; columns: displayedColumns;"></tr>
  75   </table>
  76
  77
  78   <mat-paginator #paginator
  79   [length]="dataSource?.data.length"
  80   [pageIndex]="0"
  81   [pageSize]="15"
  82   [pageSizeOptions]="[15, 25, 50, 100, 250]">
  83   </mat-paginator>
  84 </div>
  85 </div>
  86
  87
  88 <!-- </div> -->
  89
  90 <div *ngIf="toggle1">
  91     <h1>Report Run</h1>
  92     <br/>
  93     <app-run-report [reportId]="reportId"></app-run-report>
  94 </div>
  95
  96 <!-- </div> -->