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

   1 <app-definition-save-dialog-component [(visible)]="showDialog">
   2
   3     <div class="card">
   4         <div class="card-body">
   5             <div class="modalTitle">Remove Report?</div>
   6             <button *ngIf="closable" (click)="close()" aria-label="Close" class="dialog__close-btn">X</button>
   7             <br/>
   8             <label>The selected report will be removed. Do you wish to continue?</label>
   9         </div>
  10         <div class="card-footer">
  11             <button style="font-size: 17px;" (click)="deleteReport();" class="btn btn-alt btn-small">Delete</button>&nbsp;&nbsp;<button style="font-size: 17px;" (click)="close()" class="btn btn-alt btn-small">Cancel</button>
  12         </div>
  13     </div>
  14     </app-definition-save-dialog-component>
  15
  16 <div *ngIf="!toggle1">
  17     <!-- <div  *ngFor="let reportId of reportIdArr">
  18       <h4>{{reportId}}<mat-icon aria-hidden="false" aria-label="edit" (click)="displayReport(reportId)">edit</mat-icon></h4>
  19       <br/>
  20     </div>
  21   -->
  22   <div class="stdForm">
  23     <div class="tab-content">
  24             <h1>Report Search</h1>
  25     </div>
  26   </div>
  27   <div *ngIf="showSpinner">
  28       <div class="lds-ring"><div></div><div></div><div></div><div></div></div>
  29 </div>
  30   <!-- <div *ngIf="!showSpinner"> -->
  31 <div class="app-data-table">
  32     <mat-form-field>
  33         <input matInput (keyup)="applyFilter($event.target.value)" placeholder="Search Report">
  34       </mat-form-field>
  35   <table mat-table [dataSource]="dataSource1" class="full-width-table" matSort aria-label="Elements">>
  36
  37     <!-- Name Column -->
  38     <ng-container matColumnDef="rep_id">
  39       <th mat-header-cell *matHeaderCellDef mat-sort-header>Report Id</th>
  40       <td style="font-weight: bold;" mat-cell *matCellDef="let row">{{row.rep_id}}</td>
  41     </ng-container>
  42
  43     <ng-container matColumnDef="rep_name">
  44         <th mat-header-cell *matHeaderCellDef mat-sort-header>Report Name</th>
  45         <td mat-cell *matCellDef="let row">{{row.rep_name}}</td>
  46       </ng-container>
  47
  48       <ng-container matColumnDef="descr">
  49           <th mat-header-cell *matHeaderCellDef mat-sort-header>Description</th>
  50           <td mat-cell *matCellDef="let row">{{row.descr}}</td>
  51         </ng-container>
  52
  53         <ng-container matColumnDef="owner">
  54             <th mat-header-cell *matHeaderCellDef mat-sort-header>Report Owner</th>
  55             <td mat-cell *matCellDef="let row">{{row.owner}}</td>
  56           </ng-container>
  57
  58         <ng-container matColumnDef="create_date">
  59             <th mat-header-cell *matHeaderCellDef mat-sort-header>Create Date</th>
  60             <td mat-cell *matCellDef="let row">{{row.create_date}}</td>
  61           </ng-container>
  62
  63           <ng-container matColumnDef="copy">
  64               <th mat-header-cell *matHeaderCellDef mat-sort-header>Copy</th>
  65               <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>
  66             </ng-container>
  67
  68             <ng-container matColumnDef="edit">
  69                 <th mat-header-cell *matHeaderCellDef mat-sort-header>Edit</th>
  70                 <td mat-cell *matCellDef="let row"><mat-icon aria-hidden="false" aria-label="edit" (click)="displayReport(row.rep_id)">edit</mat-icon></td>
  71               </ng-container>
  72
  73               <ng-container matColumnDef="delete">
  74                   <th mat-header-cell *matHeaderCellDef mat-sort-header>Delete</th>
  75                   <td mat-cell *matCellDef="let row"><mat-icon aria-hidden="false" aria-label="delete" (click)="confirmDelete(row.rep_id)">delete</mat-icon></td>
  76                 </ng-container>
  77
  78                 <ng-container matColumnDef="schedule">
  79                     <th mat-header-cell *matHeaderCellDef mat-sort-header>Schedule</th>
  80                     <td mat-cell *matCellDef="let row"><mat-icon *ngIf="row.schedule" aria-hidden="false" aria-label="schedule" (click)="openReportSchedule(row.rep_id)">date_range</mat-icon></td>
  81                   </ng-container>
  82
  83                   <ng-container matColumnDef="run">
  84                       <th mat-header-cell *matHeaderCellDef mat-sort-header>Run</th>
  85                       <td mat-cell *matCellDef="let row"><mat-icon aria-hidden="false" aria-label="play" (click)="runReport(row.rep_id)">play_arrow</mat-icon></td>
  86                     </ng-container>
  87
  88     <tr mat-header-row *matHeaderRowDef="displayedColumns"></tr>
  89     <tr mat-row *matRowDef="let row; columns: displayedColumns;"></tr>
  90   </table>
  91
  92
  93   <mat-paginator #paginator
  94   [length]="dataSource1?.data.length"
  95   [pageIndex]="0"
  96   [pageSize]="20"
  97   [pageSizeOptions]="[20]">
  98   </mat-paginator>
  99 </div>
 100 </div>
 101
 102
 103 <!-- </div> -->
 104
 105 <div *ngIf="toggle1">
 106     <h1>Report Run</h1>
 107     <br/>
 108     <app-run-report [reportId]="reportId"></app-run-report>
 109 </div>
 110
 111 <!-- </div> -->