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 <div *ngIf="showDashboardReport">
  12  <gridster [options]="options">
  13     <gridster-item [item]="item" *ngFor="let item of dashboard">
  14         <div class="gridster-item-content" *ngIf="item.hasContent">
  15             <div>
  16               <h3>{{item.hasContent.name}}</h3>
  17               <app-run-dashboard-report [reportId]="item.hasContent.id.split('#')[1]" [queryString]="queryString" [hitCnt]="hitCnt"></app-run-dashboard-report>
  18             </div>
  19
  20         </div>
  21
  22
  23     </gridster-item>
  24   </gridster>
  25 </div>
  26
  27
  28 <div *ngIf="!showDashboardReport">
  29     <mat-form-field>
  30         <input matInput (keyup)="applyFilter($event.target.value)" placeholder="Filter Report Data">
  31       </mat-form-field>
  32   <button *ngIf="showMoreVert" mat-icon-button [matMenuTriggerFor]="menu" matTooltip="Download Options">
  33       <mat-icon>more_vert</mat-icon>
  34     </button>
  35
  36     <mat-menu #menu="matMenu" >
  37         <a [routerLink]="" (click)="downloadReportExcel()">  Download Excel  </a>
  38     </mat-menu>
  39
  40       <div class="app-data-table">
  41         <div class="app-data-table-fixed-height">
  42     <div>
  43         <table mat-table [dataSource]="dataSource" matSort>
  44             <div *ngFor="let keys of displayedColumns; let i = index">
  45                 <ng-container matColumnDef="{{keys}}">
  46                     <th mat-header-cell *matHeaderCellDef mat-sort-header>{{displayedColumnsArr[i].split(",")[0]}}</th>
  47                     <td mat-cell *matCellDef="let row">
  48                       <div *ngIf="row[keys].split(',')[0] == 'linkToReport'">
  49                         <a [routerLink]="" (click)="linkToReport(row[keys].split(',')[1], row[keys].split(',')[2])">{{row[keys].split(',')[3]}}</a>
  50                       </div>
  51                       <div *ngIf="row[keys].split(',')[0] == 'linkToFeedback'">
  52                         <a [routerLink]="" (click)="linkToFeedback(row[keys].split(',')[1], row[keys].split(',')[2])">{{row[keys].split(',')[3]}}</a>
  53                       </div>
  54                       <div *ngIf="row[keys].split(',')[0] == 'linkToMail'">
  55                         <a [routerLink]="" (click)="linkToMail(row[keys].split(',')[1])">{{row[keys].split(',')[2]}}</a>
  56                       </div>
  57                         <div *ngIf="row[keys].split(',')[0] !== 'linkToReport' && row[keys].split(',')[0] !== 'linkToFeedback' && row[keys].split(',')[0] !== 'linkToMail'">
  58                             {{row[keys]}}
  59                         </div>
  60
  61                     </td>
  62                   </ng-container>
  63                 </div>
  64
  65           <tr mat-header-row *matHeaderRowDef="displayedColumns; sticky: true;"></tr>
  66           <tr mat-row *matRowDef="let row; columns: displayedColumns;"></tr>
  67         </table>
  68
  69         <mat-paginator [pageSizeOptions]="[50]" showFirstLastButtons></mat-paginator>
  70       </div>
  71       </div>
  72     </div>
  73
  74 </div>
  75
  76
  77 <div *ngIf="error == true">
  78   <h1>Error Message:</h1>
  79   <p>{{errorMessage}}</p>
  80   <br/>
  81   <h1>Stack Trace:</h1>
  82   <p>{{stackTrace}}</p>
  83
  84 </div>