sf-i-events 1.0.742 → 1.0.744

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "sf-i-events",
   "private": false,
-  "version": "1.0.742",
+  "version": "1.0.744",
   "description": "Superflows Navigation Component",
   "main": "sf-i-events.js",
   "module": "sf-i-events.js",

package/sf-i-events.d.ts

@@ -565,7 +565,7 @@ export declare class SfIEvents extends LitElement {
     renderCompletenessCsvForGraph: (dataBar: any, parameter: string) => void;
     renderTimelinessCsvForGraph: (dataBar: any, parameter: string) => void;
     renderComplianceCsvForGraph: (dataBar: any, parameter: string) => void;
-    renderCompletenessGraph: (divContainer: HTMLDivElement, selectedTab?: number, selectedSummary?: number) => void;
+    renderCompletenessGraph: (divContainer: HTMLDivElement, selectedTab?: number, selectedSummary?: number, title?: string | string[]) => void;
     renderComplianceGraph: (divContainer: HTMLDivElement) => void;
     renderTimelinessGraph: (divContainer: HTMLDivElement) => void;
     renderRiskSeverityGraph: (divContainer: HTMLDivElement) => void;
@@ -650,7 +650,7 @@ export declare class SfIEvents extends LitElement {
     renderChart4: (ctx: any, type: any, data: any, title: string) => void;
     renderChart3: (ctx: any, type: any, data: any, title: string) => void;
     renderChart2: (ctx: any, type: any, data: any, title: string) => void;
-    renderChart: (ctx: any, type: any, data: any, title: string) => void;
+    renderChart: (ctx: any, type: any, data: any, title: string | string[]) => void;
     copy: (aObject: any) => any;
     processGraphHide: (clickedValue: string, hide: boolean) => void;
     processGraphFilter: (clickedValue: string) => void;

package/sf-i-events.js

@@ -2841,10 +2841,10 @@ let SfIEvents = class SfIEvents extends LitElement {
                     filtersTableHtml = filtersTableHtml.replace("FILTER_CRITERIA_NAME", filtercriteria + "");
                     filtersTableHtml = filtersTableHtml.replace("DASHBOARD_FILTER_NAME", (filtername + "").replace(/\([^)]*\)/g, ""));
                     filtersTableHtml = filtersTableHtml.replace("DASHBOARD_TOTAL", filterTotal + "");
-                    filtersTableHtml = filtersTableHtml.replace("DASHBOARD_NOT_STARTED", filterNotStarted + " (" + Util.percentageString(filterNotStarted, filterTotal) + ")");
-                    filtersTableHtml = filtersTableHtml.replace("DASHBOARD_APPROVED", filterApproved + " (" + Util.percentageString(filterApproved, filterTotal) + ")");
-                    filtersTableHtml = filtersTableHtml.replace("DASHBOARD_PENDING_APPROVAL", filterPendingApproval + " (" + Util.percentageString(filterPendingApproval, filterTotal) + ")");
-                    filtersTableHtml = filtersTableHtml.replace("DASHBOARD_REJECTED", filterRejected + " (" + Util.percentageString(filterRejected, filterTotal) + ")");
+                    filtersTableHtml = filtersTableHtml.replace("DASHBOARD_NOT_STARTED", filterNotStarted + Util.percentageString(filterNotStarted, filterTotal));
+                    filtersTableHtml = filtersTableHtml.replace("DASHBOARD_APPROVED", filterApproved + Util.percentageString(filterApproved, filterTotal));
+                    filtersTableHtml = filtersTableHtml.replace("DASHBOARD_PENDING_APPROVAL", filterPendingApproval + Util.percentageString(filterPendingApproval, filterTotal));
+                    filtersTableHtml = filtersTableHtml.replace("DASHBOARD_REJECTED", filterRejected + Util.percentageString(filterRejected, filterTotal));
                 }
                 filtersTableHtml += this.renderStatisticsFiltersTableEnd();
             }
@@ -4739,7 +4739,7 @@ let SfIEvents = class SfIEvents extends LitElement {
             }
             this.attachHandlers(eventContainer, valueStart, valueEnd);
             if (eventContainer.innerHTML.indexOf('myChart') >= 0) {
-                this.renderCompletenessGraph(eventContainer, -1, 2);
+                this.renderCompletenessGraph(eventContainer, -1, 2, ["Completeness", "From " + new Date(valueStart).toLocaleDateString('en-IN') + " To " + new Date(valueEnd).toLocaleDateString('en-IN'), this.htmlStatsFilter]);
             }
         };
         this.initFindRightCol = () => {
@@ -7366,7 +7366,7 @@ let SfIEvents = class SfIEvents extends LitElement {
             }
             //console.log('rendering csv csvComplianceStats', this.csvComplianceStats);
         };
-        this.renderCompletenessGraph = (divContainer, selectedTab = -1, selectedSummary = -1) => {
+        this.renderCompletenessGraph = (divContainer, selectedTab = -1, selectedSummary = -1, title = "Completeness") => {
             this.clearSelectedGraphParam();
             // this.clearSelectedLegend();
             this.csvGraphStats = "";
@@ -7400,7 +7400,7 @@ let SfIEvents = class SfIEvents extends LitElement {
                         }]
                 };
                 this.renderChartSettings(divContainer, selectedTab, selectedSummary, ctx);
-                this.renderChart(ctx, 'doughnut', data, "Completeness");
+                this.renderChart(ctx, 'doughnut', data, title);
             }
             const data = {
                 labels: ['Approved', 'Not Started', 'Pending Approval', 'Rejected'],
@@ -7431,7 +7431,7 @@ let SfIEvents = class SfIEvents extends LitElement {
                 itemsCompliance[i].style.display = 'none';
             }
             this.renderChartSettings(divContainer, selectedTab, selectedSummary, ctx);
-            this.renderChart(ctx, 'doughnut', data, "Completeness");
+            this.renderChart(ctx, 'doughnut', data, title);
         };
         this.renderComplianceGraph = (divContainer) => {
             //console.log('Rendering compliance graph...');
@@ -13674,7 +13674,7 @@ let SfIEvents = class SfIEvents extends LitElement {
                             display: true,
                             text: title,
                             font: {
-                                size: 16,
+                                size: Array.isArray(title) ? 14 : 16,
                             }
                         }
                     },

package/src/sf-i-events.ts

@@ -5086,10 +5086,10 @@ export class SfIEvents extends LitElement {
         filtersTableHtml = filtersTableHtml.replace("FILTER_CRITERIA_NAME", filtercriteria+"");
         filtersTableHtml = filtersTableHtml.replace("DASHBOARD_FILTER_NAME", (filtername+"").replace(/\([^)]*\)/g,""));
         filtersTableHtml = filtersTableHtml.replace("DASHBOARD_TOTAL", filterTotal+"");
-        filtersTableHtml = filtersTableHtml.replace("DASHBOARD_NOT_STARTED", filterNotStarted+" (" + Util.percentageString(filterNotStarted, filterTotal) + ")");
-        filtersTableHtml = filtersTableHtml.replace("DASHBOARD_APPROVED", filterApproved+" (" + Util.percentageString(filterApproved, filterTotal) + ")");
-        filtersTableHtml = filtersTableHtml.replace("DASHBOARD_PENDING_APPROVAL", filterPendingApproval+" (" + Util.percentageString(filterPendingApproval, filterTotal) + ")");
-        filtersTableHtml = filtersTableHtml.replace("DASHBOARD_REJECTED", filterRejected+" (" + Util.percentageString(filterRejected, filterTotal) + ")");
+        filtersTableHtml = filtersTableHtml.replace("DASHBOARD_NOT_STARTED", filterNotStarted+ Util.percentageString(filterNotStarted, filterTotal));
+        filtersTableHtml = filtersTableHtml.replace("DASHBOARD_APPROVED", filterApproved + Util.percentageString(filterApproved, filterTotal));
+        filtersTableHtml = filtersTableHtml.replace("DASHBOARD_PENDING_APPROVAL", filterPendingApproval + Util.percentageString(filterPendingApproval, filterTotal));
+        filtersTableHtml = filtersTableHtml.replace("DASHBOARD_REJECTED", filterRejected + Util.percentageString(filterRejected, filterTotal));
       }
       filtersTableHtml += this.renderStatisticsFiltersTableEnd()
     }
@@ -7329,7 +7329,7 @@ export class SfIEvents extends LitElement {
 
     if(eventContainer.innerHTML.indexOf('myChart') >= 0) {
   
-      this.renderCompletenessGraph(eventContainer, -1, 2);
+      this.renderCompletenessGraph(eventContainer, -1, 2, ["Completeness","From " + new Date(valueStart).toLocaleDateString('en-IN') + " To " + new Date(valueEnd).toLocaleDateString('en-IN'), this.htmlStatsFilter]);
 
     }
     
@@ -10648,7 +10648,7 @@ export class SfIEvents extends LitElement {
 
   }
 
-  renderCompletenessGraph = (divContainer: HTMLDivElement, selectedTab: number = -1, selectedSummary: number = -1) => {
+  renderCompletenessGraph = (divContainer: HTMLDivElement, selectedTab: number = -1, selectedSummary: number = -1, title: string|string[] = "Completeness") => {
 
     this.clearSelectedGraphParam();
     // this.clearSelectedLegend();
@@ -10689,7 +10689,7 @@ export class SfIEvents extends LitElement {
       }
 
       this.renderChartSettings(divContainer, selectedTab, selectedSummary, ctx);
-      this.renderChart(ctx, 'doughnut', data, "Completeness")
+      this.renderChart(ctx, 'doughnut', data, title)
 
     }
     const data = {
@@ -10706,10 +10706,10 @@ export class SfIEvents extends LitElement {
         ]
       }]
     }
-
+    
     this.csvGraphStats += 'Completeness,Approved,Not Started,Pending Approval,Rejected,Total\n';
     this.csvGraphStats += 'Total,'+dataApproved+','+dataNotStarted+','+dataPendingApproval+','+dataRejected+','+(parseInt(dataApproved)+parseInt(dataNotStarted)+parseInt(dataPendingApproval)+parseInt(dataRejected))+'\n';
-
+    
     const itemsTimeliness = divContainer.querySelectorAll('.stat-timeliness') as NodeListOf<HTMLElement>;
     for(var i = 0; i < itemsTimeliness.length; i++) {
       itemsTimeliness[i].style.display = 'none';
@@ -10723,7 +10723,7 @@ export class SfIEvents extends LitElement {
       itemsCompliance[i].style.display = 'none';
     }
     this.renderChartSettings(divContainer, selectedTab, selectedSummary, ctx);
-    this.renderChart(ctx, 'doughnut', data, "Completeness")
+    this.renderChart(ctx, 'doughnut', data, title)
 
   }
 
@@ -18462,7 +18462,7 @@ export class SfIEvents extends LitElement {
     console.log('this.chart2 rendered', (this.chart2 as Chart));
   }
 
-  renderChart = (ctx: any, type: any, data: any, title: string) => {
+  renderChart = (ctx: any, type: any, data: any, title: string|string[]) => {
 
     //console.log('rendering chart', this.chart);
 
@@ -18665,7 +18665,7 @@ export class SfIEvents extends LitElement {
             display: true,
             text: title,
             font: {
-                size: 16,
+                size: Array.isArray(title) ? 14 : 16,
             }
           }
         },

package/src/util.ts

@@ -446,8 +446,11 @@ function alphabeticalSort(arr:string[]){
 }
 
 function percentageString(val: number, valTotal: number){
+  if(valTotal == 0){
+    return ""
+  }
   let num = (100 * val) / valTotal
-  return (Math.round((num + Number.EPSILON) * 100) / 100) + "%"
+  return " (" + (Math.round((num + Number.EPSILON) * 100) / 100) + "%)"
 }
 
 const exportFunctions = {

package/util.js

@@ -373,8 +373,11 @@ function alphabeticalSort(arr) {
     return arrSorted;
 }
 function percentageString(val, valTotal) {
+    if (valTotal == 0) {
+        return "";
+    }
     let num = (100 * val) / valTotal;
-    return (Math.round((num + Number.EPSILON) * 100) / 100) + "%";
+    return " (" + (Math.round((num + Number.EPSILON) * 100) / 100) + "%)";
 }
 const exportFunctions = {
     callApiPresignedDelete, callApiPresignedGet, callApiPresigned, jsonObjectToHtml, clearListeners, isInteger, callApi, validateName, readCookie, timeSince, createDiagonalPattern1, createDiagonalPattern2, createDiagonalPattern3, getRandomColor, convertToCSV, parseCsv, titleCase, alphabeticalSort, percentageString