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

   1 <span class="ecomp-spinner" *ngIf="showSpinner"></span>
   2
   3 <div *ngIf="!showChart">
   4     <div class="app-data-table">
   5         <div class="app-data-table-fixed-height">
   6             <div class="example-container">
   7                 <table [dataSource]="dataSource" mat-table matSort>
   8                     <div *ngFor="let keys of displayedColumns; let i = index">
   9                         <ng-container matColumnDef="{{keys}}">
  10                             <th *matHeaderCellDef mat-header-cell
  11                                 mat-sort-header>{{displayedColumnsArr[i].split(",")[0]}}</th>
  12                             <td *matCellDef="let row" mat-cell>
  13                                 <div *ngIf="row[keys].split('|')[0] == 'linkToReport'"
  14                                      [ngStyle]="setStyle(row[keys].split('|')[4])">
  15                                     <a (click)="linkToReport(row[keys].split('|')[1], row[keys].split('|')[2])"
  16                                        [routerLink]="">{{row[keys].split('|')[3]}}</a>
  17                                 </div>
  18                                 <div *ngIf="row[keys].split('|')[0] == 'linkToFeedback'"
  19                                      [ngStyle]="setStyle(row[keys].split('|')[4])">
  20                                     <a (click)="linkToFeedback(row[keys].split('|')[1], row[keys].split('|')[2])"
  21                                        [routerLink]="">{{row[keys].split('|')[3]}}</a>
  22                                 </div>
  23                                 <div *ngIf="row[keys].split('|')[0] == 'linkToMail'"
  24                                      [ngStyle]="setStyle(row[keys].split('|')[3])">
  25                                     <a (click)="linkToMail(row[keys].split('|')[1])"
  26                                        [routerLink]="">{{row[keys].split('|')[2]}}</a>
  27                                 </div>
  28                                 <div *ngIf="row[keys].split('|')[0] == 'clickToDownload' ">
  29                                                                 <mat-icon class="mat-icon-delete" aria-hidden="false" aria-label="play-for-work"
  30                                                                         (click)="onClickToDowload(row)">play-for-work</mat-icon>
  31                                 </div>
  32                                  <div *ngIf="row[keys].split('|')[0] !== 'linkToReport' && row[keys].split('|')[0] !== 'linkToFeedback' && row[keys].split('|')[0] !== 'linkToMail'
  33                                 && row[keys].split('|')[0] !== 'clickToDownload' "
  34                                     [ngStyle]="setStyle(row[keys].split('|')[1])">
  35                                     {{row[keys].split('|')[0]}}</div>
  36                             </td>
  37                             <td *matFooterCellDef align="center"
  38                                 mat-footer-cell>{{getDisplayTotal(keys)}}</td>
  39                         </ng-container>
  40                     </div>
  41
  42                     <tr *matHeaderRowDef="displayedColumns; sticky: true;"
  43                         mat-header-row></tr>
  44                     <tr *matRowDef="let row; columns: displayedColumns;" mat-row></tr>
  45                     <tr mat-footer-row *matFooterRowDef="displayedColumns; sticky: true;"></tr>
  46                 </table>
  47
  48                 <mat-paginator [pageSizeOptions]="[5, 10, 20]" showFirstLastButtons></mat-paginator>
  49             </div>
  50         </div>
  51     </div>
  52 </div>
  53 <div *ngIf="showChart" align="center">
  54     <iframe #iframe height="550px" style="border: none" width="100%"></iframe>
  55 </div>
  56
  57
  58 <!-- <div *ngIf="!showDashboardReport">
  59     <div class="app-data-table">
  60         <div class="app-data-table-fixed-height">
  61           <table mat-table class="full-width-table" matSort aria-label="Elements">
  62
  63               <div *ngFor="let keys of displayedColumns; let i = index">
  64                 <ng-container matColumnDef="{{keys}}">
  65                     <th mat-header-cell *matHeaderCellDef mat-sort-header >{{displayedColumnsArr[i].split(",")[0]}}</th>
  66                     <td mat-cell *matCellDef="let row">{{row[keys]}}</td>
  67                   </ng-container>
  68                 </div>
  69
  70
  71             <tr mat-header-row *matHeaderRowDef="displayedColumns" ></tr>
  72             <tr mat-row *matRowDef="let row; columns: displayedColumns;"></tr>
  73           </table>
  74         </div>
  75           <mat-paginator #paginator
  76               [length]="dataSource?.data.length"
  77               [pageIndex]="0"
  78               [pageSize]="15"
  79               [pageSizeOptions]="[15, 25, 50, 100, 250]">
  80           </mat-paginator>
  81         </div>
  82   </div> -->