Raptor Crosstab report UI Changes

Issue-ID: PORTAL-902
Change-Id: I02f1e5651251a8c26d6c524d659617e5941343a2
Signed-off-by: mravula <mr257h@att.com>

1 files changed, 13 insertions, 1 deletions

diff --git a/ecomp-sdk/epsdk-app-overlay/src/main/webapp/ngapp/src/app/report-run/run/run-report/run-dashboard-report/run-dashboard-report.component.ts b/ecomp-sdk/epsdk-app-overlay/src/main/webapp/ngapp/src/app/report-run/run/run-report/run-dashboard-report/run-dashboard-report.component.ts
index e37154a1..10ee4f87 100644
--- a/ecomp-sdk/epsdk-app-overlay/src/main/webapp/ngapp/src/app/report-run/run/run-report/run-dashboard-report/run-dashboard-report.component.ts
+++ b/ecomp-sdk/epsdk-app-overlay/src/main/webapp/ngapp/src/app/report-run/run/run-report/run-dashboard-report/run-dashboard-report.component.ts
@@ -192,7 +192,7 @@ saveResponseObj:any;
                         'text-decoration': string;
                         color: string;
                     };
-                    if (reportDataRows[rowColumnId]['displayValueHtml'].includes('{')) {
+                    if (reportDataRows[rowColumnId]['displayValueHtml'].includes('setStyle')) {
                         displayObj = JSON.parse(reportDataRows[rowColumnId]['displayValueHtml']);
                     }
                     displayObj['text-align'] = reportDataRows[rowColumnId]['alignment'];
@@ -246,6 +246,18 @@ saveResponseObj:any;
             styles = rowData.split('|')[4];
         } else if (rowData.split('|')[0] === 'linkToMail') {
             styles = rowData.split('|')[3];
+        } else if (this.reportType === 'Cross-Tab') {
+            const rowDataArray = rowData.split('|');
+            let crossTabstyles = {};
+            if (rowDataArray.length > 0) {
+                if (rowDataArray[1].includes('{')) {
+                    styles = rowDataArray[1];
+                    return JSON.parse(styles);
+                } else {
+                    crossTabstyles = {'background-color': rowData.split('|')[1]};
+                    return crossTabstyles;
+                }
+            }
         } else {
             styles = rowData.split('|')[1];
         }