Raptor backend java API Code(Analytics), UI Code(Overlay) and pages

component in os project

Issue-ID: PORTAL-902
Change-Id: Id297d9493a77e6816ed0f2a82c15b2eaa1e57a72
Signed-off-by: Sudarshan Kumar <sudarshan.kumar@att.com>

1 files changed, 54 insertions, 47 deletions

diff --git a/ecomp-sdk/epsdk-app-overlay/src/main/webapp/ngapp/src/app/pages/analytics/Report_List/Report/run/run-report/run-dashboard-report/run-dashboard-report.component.html b/ecomp-sdk/epsdk-app-overlay/src/main/webapp/ngapp/src/app/pages/analytics/Report_List/Report/run/run-report/run-dashboard-report/run-dashboard-report.component.html
index b8fa314a..08ae8d42 100644
--- a/ecomp-sdk/epsdk-app-overlay/src/main/webapp/ngapp/src/app/pages/analytics/Report_List/Report/run/run-report/run-dashboard-report/run-dashboard-report.component.html
+++ b/ecomp-sdk/epsdk-app-overlay/src/main/webapp/ngapp/src/app/pages/analytics/Report_List/Report/run/run-report/run-dashboard-report/run-dashboard-report.component.html
@@ -1,65 +1,73 @@
+<span class="ecomp-spinner" *ngIf="showSpinner"></span>   
 
-<div *ngIf="showSpinner">
-  <div class="lds-ring">
-    <div></div>
-    <div></div>
-    <div></div>
-    <div></div>
-  </div>
-</div>
+<div *ngIf="!showChart">  
+    <div class="app-data-table">
+        <div class="app-data-table-fixed-height">
+            <div class="example-container">
+                <table [dataSource]="dataSource" mat-table matSort>
+                    <div *ngFor="let keys of displayedColumns; let i = index">
+                        <ng-container matColumnDef="{{keys}}">
+                            <th *matHeaderCellDef mat-header-cell
+                                mat-sort-header>{{displayedColumnsArr[i].split(",")[0]}}</th>
+                            <td *matCellDef="let row" mat-cell>
+                                <div *ngIf="row[keys].split('|')[0] == 'linkToReport'"
+                                     [ngStyle]="setStyle(row[keys].split('|')[4])">
+                                    <a (click)="linkToReport(row[keys].split('|')[1], row[keys].split('|')[2])"
+                                       [routerLink]="">{{row[keys].split('|')[3]}}</a>
+                                </div>
+                                <div *ngIf="row[keys].split('|')[0] == 'linkToFeedback'"
+                                     [ngStyle]="setStyle(row[keys].split('|')[4])">
+                                    <a (click)="linkToFeedback(row[keys].split('|')[1], row[keys].split('|')[2])"
+                                       [routerLink]="">{{row[keys].split('|')[3]}}</a>
+                                </div>
+                                <div *ngIf="row[keys].split('|')[0] == 'linkToMail'"
+                                     [ngStyle]="setStyle(row[keys].split('|')[3])">
+                                    <a (click)="linkToMail(row[keys].split('|')[1])"
+                                       [routerLink]="">{{row[keys].split('|')[2]}}</a>
+                                </div>
+                                <div *ngIf="row[keys].split('|')[0] == 'clickToDownload' ">
+								<mat-icon class="mat-icon-delete" aria-hidden="false" aria-label="play-for-work"
+									(click)="onClickToDowload(row)">play-for-work</mat-icon>
+                                </div>
+                                 <div *ngIf="row[keys].split('|')[0] !== 'linkToReport' && row[keys].split('|')[0] !== 'linkToFeedback' && row[keys].split('|')[0] !== 'linkToMail'
+                                && row[keys].split('|')[0] !== 'clickToDownload' "
+                                    [ngStyle]="setStyle(row[keys].split('|')[1])">
+                                    {{row[keys].split('|')[0]}}</div>
+                            </td>
+                            <td *matFooterCellDef align="center"
+                                mat-footer-cell>{{getDisplayTotal(keys)}}</td>
+                        </ng-container>
+                    </div>
 
-<mat-form-field>
-    <input matInput (keyup)="applyFilter($event.target.value)" placeholder="Filter Report Data">
-  </mat-form-field>
+                    <tr *matHeaderRowDef="displayedColumns; sticky: true;"
+                        mat-header-row></tr>
+                    <tr *matRowDef="let row; columns: displayedColumns;" mat-row></tr>
+                    <tr mat-footer-row *matFooterRowDef="displayedColumns; sticky: true;"></tr>
+                </table>
 
-<div class="app-data-table">
-    <div class="app-data-table-fixed-height">
-<div class="example-container">
-    <table mat-table [dataSource]="dataSource" matSort>
-        <div *ngFor="let keys of displayedColumns; let i = index">
-            <ng-container matColumnDef="{{keys}}">
-                <th mat-header-cell *matHeaderCellDef mat-sort-header>{{displayedColumnsArr[i].split(",")[0]}}</th>
-                 <td mat-cell *matCellDef="let row">
-                    <div *ngIf="row[keys].split(',')[0] == 'linkToReport'">
-                      <a [routerLink]="" (click)="linkToReport(row[keys].split(',')[1], row[keys].split(',')[2])">{{row[keys].split(',')[3]}}</a>
-                    </div>
-                    <div *ngIf="row[keys].split(',')[0] == 'linkToFeedback'">
-                      <a [routerLink]="" (click)="linkToFeedback(row[keys].split(',')[1], row[keys].split(',')[2])">{{row[keys].split(',')[3]}}</a>
-                    </div>
-                    <div *ngIf="row[keys].split(',')[0] == 'linkToMail'">
-                      <a [routerLink]="" (click)="linkToMail(row[keys].split(',')[1])">{{row[keys].split(',')[2]}}</a>
-                    </div>
-                      <div *ngIf="row[keys].split(',')[0] !== 'linkToReport' && row[keys].split(',')[0] !== 'linkToFeedback' && row[keys].split(',')[0] !== 'linkToMail'">
-                          {{row[keys]}}
-                      </div>
-                  </td>
-              </ng-container>
+                <mat-paginator [pageSizeOptions]="[5, 10, 20]" showFirstLastButtons></mat-paginator>
             </div>
-  
-      <tr mat-header-row *matHeaderRowDef="displayedColumns; sticky: true;"></tr>
-      <tr mat-row *matRowDef="let row; columns: displayedColumns;"></tr>
-    </table>
-  
-    <mat-paginator [pageSizeOptions]="[5, 10, 20]" showFirstLastButtons></mat-paginator>
-  </div>
-  </div>
+        </div>
+    </div>
+</div>
+<div *ngIf="showChart" align="center">
+    <iframe #iframe height="550px" style="border: none" width="100%"></iframe>
 </div>
 
 
-  
 <!-- <div *ngIf="!showDashboardReport">
     <div class="app-data-table">
         <div class="app-data-table-fixed-height">
           <table mat-table class="full-width-table" matSort aria-label="Elements">
-           
+
               <div *ngFor="let keys of displayedColumns; let i = index">
                 <ng-container matColumnDef="{{keys}}">
                     <th mat-header-cell *matHeaderCellDef mat-sort-header >{{displayedColumnsArr[i].split(",")[0]}}</th>
                     <td mat-cell *matCellDef="let row">{{row[keys]}}</td>
                   </ng-container>
                 </div>
-               
-          
+
+
             <tr mat-header-row *matHeaderRowDef="displayedColumns" ></tr>
             <tr mat-row *matRowDef="let row; columns: displayedColumns;"></tr>
           </table>
@@ -70,6 +78,5 @@
               [pageSize]="15"
               [pageSizeOptions]="[15, 25, 50, 100, 250]">
           </mat-paginator>
-        </div> 
+        </div>
   </div> -->
-  
\ No newline at end of file