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 class="tab-content">
  18             <h3>Report Search</h3>
  19     </div>
  20 <span class="ecomp-spinner" *ngIf="showSpinner"></span>
  21 <div>
  22     <mat-form-field>
  23         <input matInput (keyup)="applyFilter($event.target.value)" placeholder="Search Report">
  24       </mat-form-field>
  25   <table mat-table [dataSource]="dataSource1" class="full-width-table" matSort aria-label="Elements">>
  26
  27     <!-- Name Column -->
  28     <ng-container matColumnDef="rep_id">
  29       <th mat-header-cell *matHeaderCellDef mat-sort-header>Report Id</th>
  30       <td style="font-weight: bold;" mat-cell *matCellDef="let row">{{row.rep_id}}</td>
  31     </ng-container>
  32
  33     <ng-container matColumnDef="rep_name">
  34         <th mat-header-cell *matHeaderCellDef mat-sort-header>Report Name</th>
  35         <td mat-cell *matCellDef="let row">{{row.rep_name}}</td>
  36       </ng-container>
  37
  38       <ng-container matColumnDef="descr">
  39           <th mat-header-cell *matHeaderCellDef mat-sort-header>Description</th>
  40           <td mat-cell *matCellDef="let row">{{row.descr}}</td>
  41         </ng-container>
  42
  43         <ng-container matColumnDef="owner">
  44             <th mat-header-cell *matHeaderCellDef mat-sort-header>Report Owner</th>
  45             <td mat-cell *matCellDef="let row">{{row.owner}}</td>
  46           </ng-container>
  47
  48         <ng-container matColumnDef="create_date">
  49             <th mat-header-cell *matHeaderCellDef mat-sort-header>Create Date</th>
  50             <td mat-cell *matCellDef="let row">{{row.create_date}}</td>
  51           </ng-container>
  52
  53           <ng-container matColumnDef="copy">
  54               <th mat-header-cell *matHeaderCellDef mat-sort-header>Copy</th>
  55               <td mat-cell *matCellDef="let row"><mat-icon aria-hidden="false" aria-label="file_copy" (click)="copydisplayReport(row.rep_id)">file_copy</mat-icon></td>
  56             </ng-container>
  57
  58             <ng-container matColumnDef="edit">
  59                 <th mat-header-cell *matHeaderCellDef mat-sort-header>Edit</th>
  60                 <td mat-cell *matCellDef="let row"><mat-icon aria-hidden="false" aria-label="edit" *ngIf="row.canEdit"  (click)="displayReport(row.rep_id)">edit</mat-icon></td>
  61               </ng-container>
  62
  63               <ng-container matColumnDef="delete">
  64                   <th mat-header-cell *matHeaderCellDef mat-sort-header>Delete</th>
  65                   <td mat-cell *matCellDef="let row"><mat-icon aria-hidden="false" aria-label="delete" *ngIf="row.canDelete" (click)="confirmDelete(row.rep_id)">delete</mat-icon></td>
  66                 </ng-container>
  67
  68                 <ng-container matColumnDef="schedule">
  69                     <th mat-header-cell *matHeaderCellDef mat-sort-header>Schedule</th>
  70                     <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>
  71                   </ng-container>
  72
  73                   <ng-container matColumnDef="run">
  74                       <th mat-header-cell *matHeaderCellDef mat-sort-header>Run</th>
  75                       <td mat-cell *matCellDef="let row"><mat-icon aria-hidden="false" aria-label="play" (click)="runReport(row.rep_id)">play_arrow</mat-icon></td>
  76                     </ng-container>
  77
  78     <tr mat-header-row *matHeaderRowDef="displayedColumns"></tr>
  79     <tr mat-row *matRowDef="let row; columns: displayedColumns;"></tr>
  80   </table>
  81
  82
  83   <mat-paginator #paginator
  84   [length]="dataSource1?.data.length"
  85   [pageIndex]="0"
  86   [pageSize]="20"
  87   [pageSizeOptions]="[20]">
  88   </mat-paginator>
  89 </div>
  90 </div>
  91
  92
  93
  94 <div *ngIf="toggle1">
  95     <h1>Report Run</h1>
  96     <br/>
  97     <app-run-report [reportId]="reportId"></app-run-report>
  98 </div>
  99
 100
 101 <style scoped>
 102   ::ng-deep .mat-sort-header-arrow.ng-trigger.ng-trigger-arrowPosition {
 103       color: black;
 104   opacity: 0;
 105   }
 106
 107   ::ng-deep .mat-sort-header-pointer-left.ng-trigger.ng-trigger-leftPointer {
 108   transform: rotate(-45deg);
 109   color: black;
 110   }
 111   ::ng-deep .mat-sort-header-pointer-right.ng-trigger.ng-trigger-rightPointer {
 112   transform: rotate(45deg);
 113   color: black;
 114   }
 115
 116   </style>