sf-i-events 1.0.670 → 1.0.672

package/package.json

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

package/sf-i-events.js

@@ -5325,8 +5325,46 @@ let SfIEvents = class SfIEvents extends LitElement {
                     // this.renderEventDetail(this.events[mmdd][j], mmdd + "/" + ((new Date()).getFullYear() + ""));
                 });
             }
-            if (showGraph)
-                this.renderCompletenessGraph(this._SfThisContainer);
+            if (showGraph) {
+                switch (this.flowGraph) {
+                    case this.FLOW_GRAPH_COMPLETENESS:
+                        this.renderCompletenessGraph(this._SfThisContainer);
+                        break;
+                    case this.FLOW_GRAPH_TIMELINESS:
+                        this.renderTimelinessGraph(this._SfThisContainer);
+                        break;
+                    case this.FLOW_GRAPH_COMPLIANCE:
+                        this.renderComplianceGraph(this._SfThisContainer);
+                        break;
+                    case this.FLOW_GRAPH_RISKAREAS:
+                        this.renderRiskGraph(this._SfThisContainer);
+                        break;
+                    case this.FLOW_GRAPH_RISKSEVERITY:
+                        this.renderRiskSeverityGraph(this._SfThisContainer);
+                        break;
+                    case this.FLOW_GRAPH_LOCATION:
+                        this.renderLocationGraph(this._SfThisContainer);
+                        break;
+                    case this.FLOW_GRAPH_FUNCTION:
+                        this.renderFunctionGraph(this._SfThisContainer);
+                        break;
+                    case this.FLOW_GRAPH_OBLIGATIONTYPE:
+                        this.renderObligationTypeGraph(this._SfThisContainer);
+                        break;
+                    case this.FLOW_GRAPH_JURISDICTION:
+                        this.renderJurisdictionGraph(this._SfThisContainer);
+                        break;
+                    case this.FLOW_GRAPH_FREQUENCY:
+                        this.renderFrequencyGraph(this._SfThisContainer);
+                        break;
+                    case this.FLOW_GRAPH_SUBCATEGORY:
+                        this.renderSubcategoryGraph(this._SfThisContainer);
+                        break;
+                    default:
+                        this.renderCompletenessGraph(this._SfThisContainer);
+                        break;
+                }
+            }
         };
         this.renderStream = (index = 0, showGraph = true) => {
             //console.log('flowgraph renderStream', this.flowGraph);
@@ -5556,8 +5594,46 @@ let SfIEvents = class SfIEvents extends LitElement {
                     // this.renderEventDetail(this.events[mmdd][j], mmdd + "/" + ((new Date()).getFullYear() + ""));
                 });
             }
-            if (showGraph)
-                this.renderCompletenessGraph(this._SfStreamContainer);
+            if (showGraph) {
+                switch (this.flowGraph) {
+                    case this.FLOW_GRAPH_COMPLETENESS:
+                        this.renderCompletenessGraph(this._SfStreamContainer);
+                        break;
+                    case this.FLOW_GRAPH_TIMELINESS:
+                        this.renderTimelinessGraph(this._SfStreamContainer);
+                        break;
+                    case this.FLOW_GRAPH_COMPLIANCE:
+                        this.renderComplianceGraph(this._SfStreamContainer);
+                        break;
+                    case this.FLOW_GRAPH_RISKAREAS:
+                        this.renderRiskGraph(this._SfStreamContainer);
+                        break;
+                    case this.FLOW_GRAPH_RISKSEVERITY:
+                        this.renderRiskSeverityGraph(this._SfStreamContainer);
+                        break;
+                    case this.FLOW_GRAPH_LOCATION:
+                        this.renderLocationGraph(this._SfStreamContainer);
+                        break;
+                    case this.FLOW_GRAPH_FUNCTION:
+                        this.renderFunctionGraph(this._SfStreamContainer);
+                        break;
+                    case this.FLOW_GRAPH_OBLIGATIONTYPE:
+                        this.renderObligationTypeGraph(this._SfStreamContainer);
+                        break;
+                    case this.FLOW_GRAPH_JURISDICTION:
+                        this.renderJurisdictionGraph(this._SfStreamContainer);
+                        break;
+                    case this.FLOW_GRAPH_FREQUENCY:
+                        this.renderFrequencyGraph(this._SfStreamContainer);
+                        break;
+                    case this.FLOW_GRAPH_SUBCATEGORY:
+                        this.renderSubcategoryGraph(this._SfStreamContainer);
+                        break;
+                    default:
+                        this.renderCompletenessGraph(this._SfStreamContainer);
+                        break;
+                }
+            }
         };
         this.attachTimelineFilterHandlers = (divContainer) => {
             const divs = divContainer.querySelectorAll('.chip');
@@ -5607,7 +5683,7 @@ let SfIEvents = class SfIEvents extends LitElement {
             }
         };
         this.clearGraphData = () => {
-            //console.log('clearing graph data');
+            console.log('this.chart2 clearing graph data');
             this.chart = null;
             this.chart2 = null;
             this.chart3 = null;
@@ -10224,25 +10300,30 @@ let SfIEvents = class SfIEvents extends LitElement {
                     a2.click();
                 }
                 if (radioImage.checked) {
-                    setTimeout(() => {
-                        console.log('this.chart', this.chart, this.chart.toBase64Image());
-                        const a = document.createElement('a');
-                        a.setAttribute('href', this.chartBase64);
-                        a.setAttribute('download', 'download_' + new Date().getTime() + '.png');
-                        a.click();
-                        if (this.chart2 != null) {
-                            const a2 = document.createElement('a');
-                            a2.setAttribute('href', this.chart2Base64);
-                            a2.setAttribute('download', 'download_completeness_' + new Date().getTime() + '.png');
-                            a2.click();
-                        }
-                        if (this.chart3 != null) {
-                            const a3 = document.createElement('a');
-                            a3.setAttribute('href', this.chart3Base64);
-                            a3.setAttribute('download', 'download_timeliness_' + new Date().getTime() + '.png');
-                            a3.click();
-                        }
-                    }, 1000);
+                    const a = document.createElement('a');
+                    a.setAttribute('href', this.chartBase64);
+                    a.setAttribute('download', 'download_' + new Date().getTime() + '.png');
+                    a.click();
+                    console.log('this.chart2', (this.chart2Base64));
+                    if (this.chart2Base64 != null) {
+                        console.log('this.chart2 download', this.chart2Base64);
+                        const a2 = document.createElement('a');
+                        a2.setAttribute('href', this.chart2Base64);
+                        a2.setAttribute('download', 'download_completeness_' + new Date().getTime() + '.png');
+                        a2.click();
+                    }
+                    if (this.chart3Base64 != null) {
+                        const a3 = document.createElement('a');
+                        a3.setAttribute('href', this.chart3Base64);
+                        a3.setAttribute('download', 'download_timeliness_' + new Date().getTime() + '.png');
+                        a3.click();
+                    }
+                    if (this.chart4Base64 != null) {
+                        const a4 = document.createElement('a');
+                        a4.setAttribute('href', this.chart4Base64);
+                        a4.setAttribute('download', 'download_compliance_' + new Date().getTime() + '.png');
+                        a4.click();
+                    }
                 }
                 if (radioStats.checked) {
                     const ts = new Date().getTime();
@@ -10898,6 +10979,7 @@ let SfIEvents = class SfIEvents extends LitElement {
                                     }
                                 }
                             }
+                            this.chart4Base64 = this.chart4.toBase64Image();
                         }
                     },
                     scales: {
@@ -11332,6 +11414,7 @@ let SfIEvents = class SfIEvents extends LitElement {
             });
             //console.log('canvas parent node', this.chart2.canvas.parentNode);
             this.chart2.canvas.parentNode.style.height = (parseInt(data.labels.length) * 90 + 40) + 'px';
+            console.log('this.chart2 rendered', this.chart2);
         };
         this.renderChart = (ctx, type, data, title) => {
             //console.log('rendering chart', this.chart);

package/src/sf-i-events.ts

@@ -4587,10 +4587,11 @@ export class SfIEvents extends LitElement {
     this.eventsInWindow = [];
 
     var lastDay = iLast;
-
+    
     this.clearGraphData();
     this.clearSelectedGraphParam();
     this.clearSelectedLegend();
+  
     
     html += this.renderCalendarGraphs(showGraph);
     html += this.renderCalendarContainerDivStart(index)
@@ -7868,7 +7869,7 @@ export class SfIEvents extends LitElement {
   }
 
   renderThis = (index: number = 1, showGraph: boolean = true) => {
-
+    
     this.clearGraphData();
     this.clearSelectedGraphParam();
     this.clearSelectedLegend();
@@ -8189,7 +8190,48 @@ export class SfIEvents extends LitElement {
     }
 
 
-    if(showGraph) this.renderCompletenessGraph((this._SfThisContainer as HTMLDivElement));
+    if(showGraph) {
+      switch (this.flowGraph) {
+        case this.FLOW_GRAPH_COMPLETENESS:
+          this.renderCompletenessGraph((this._SfThisContainer as HTMLDivElement));    
+          break;
+        case this.FLOW_GRAPH_TIMELINESS:
+          this.renderTimelinessGraph((this._SfThisContainer as HTMLDivElement));
+          break;
+        case this.FLOW_GRAPH_COMPLIANCE:
+          this.renderComplianceGraph((this._SfThisContainer as HTMLDivElement));
+          break;
+        case this.FLOW_GRAPH_RISKAREAS:
+          this.renderRiskGraph((this._SfThisContainer as HTMLDivElement));
+          break;
+        case this.FLOW_GRAPH_RISKSEVERITY:
+          this.renderRiskSeverityGraph((this._SfThisContainer as HTMLDivElement));
+          break;
+        case this.FLOW_GRAPH_LOCATION:
+          this.renderLocationGraph((this._SfThisContainer as HTMLDivElement));
+          break;
+        case this.FLOW_GRAPH_FUNCTION:
+          this.renderFunctionGraph((this._SfThisContainer as HTMLDivElement));
+          break;
+        case this.FLOW_GRAPH_OBLIGATIONTYPE:
+          this.renderObligationTypeGraph((this._SfThisContainer as HTMLDivElement));
+          break;
+        case this.FLOW_GRAPH_JURISDICTION:
+          this.renderJurisdictionGraph((this._SfThisContainer as HTMLDivElement));
+          break;
+        case this.FLOW_GRAPH_FREQUENCY:
+          this.renderFrequencyGraph((this._SfThisContainer as HTMLDivElement));
+          break;
+        case this.FLOW_GRAPH_SUBCATEGORY:
+          this.renderSubcategoryGraph((this._SfThisContainer as HTMLDivElement));
+          break;
+      
+        default:
+          this.renderCompletenessGraph((this._SfThisContainer as HTMLDivElement));    
+          break;
+      }
+      
+    }
     
   }
 
@@ -8197,10 +8239,11 @@ export class SfIEvents extends LitElement {
     //console.log('flowgraph renderStream', this.flowGraph);
 
     this.streamIndex = index;
-
+    
     this.clearGraphData();
     this.clearSelectedGraphParam();
     this.clearSelectedLegend();
+    
 
     var startDate = new Date(this.calendarStartMM + '/' + this.calendarStartDD + '/' + this.calendarStartYYYY);
 
@@ -8519,7 +8562,48 @@ export class SfIEvents extends LitElement {
 
     }
 
-    if(showGraph) this.renderCompletenessGraph((this._SfStreamContainer as HTMLDivElement));
+    if(showGraph) {
+      
+      switch (this.flowGraph) {
+        case this.FLOW_GRAPH_COMPLETENESS:
+          this.renderCompletenessGraph((this._SfStreamContainer as HTMLDivElement));    
+          break;
+        case this.FLOW_GRAPH_TIMELINESS:
+          this.renderTimelinessGraph((this._SfStreamContainer as HTMLDivElement));
+          break;
+        case this.FLOW_GRAPH_COMPLIANCE:
+          this.renderComplianceGraph((this._SfStreamContainer as HTMLDivElement));
+          break;
+        case this.FLOW_GRAPH_RISKAREAS:
+          this.renderRiskGraph((this._SfStreamContainer as HTMLDivElement));
+          break;
+        case this.FLOW_GRAPH_RISKSEVERITY:
+          this.renderRiskSeverityGraph((this._SfStreamContainer as HTMLDivElement));
+          break;
+        case this.FLOW_GRAPH_LOCATION:
+          this.renderLocationGraph((this._SfStreamContainer as HTMLDivElement));
+          break;
+        case this.FLOW_GRAPH_FUNCTION:
+          this.renderFunctionGraph((this._SfStreamContainer as HTMLDivElement));
+          break;
+        case this.FLOW_GRAPH_OBLIGATIONTYPE:
+          this.renderObligationTypeGraph((this._SfStreamContainer as HTMLDivElement));
+          break;
+        case this.FLOW_GRAPH_JURISDICTION:
+          this.renderJurisdictionGraph((this._SfStreamContainer as HTMLDivElement));
+          break;
+        case this.FLOW_GRAPH_FREQUENCY:
+          this.renderFrequencyGraph((this._SfStreamContainer as HTMLDivElement));
+          break;
+        case this.FLOW_GRAPH_SUBCATEGORY:
+          this.renderSubcategoryGraph((this._SfStreamContainer as HTMLDivElement));
+          break;
+      
+        default:
+          this.renderCompletenessGraph((this._SfStreamContainer as HTMLDivElement));    
+          break;
+      }
+    }
 
   }
 
@@ -8588,7 +8672,7 @@ export class SfIEvents extends LitElement {
   }
 
   clearGraphData = () => {
-    //console.log('clearing graph data');
+    console.log('this.chart2 clearing graph data');
     this.chart = null;
     this.chart2 = null;
     this.chart3 = null;
@@ -14743,7 +14827,7 @@ export class SfIEvents extends LitElement {
     });
 
     container.querySelector('#button-download-stats')?.addEventListener('click', async () => {
-      await this.fetchAndYearlyRenderUserCalendar_2(this.sdate, this.edate,"", "no")
+      await this.fetchAndYearlyRenderUserCalendar_2(this.sdate, this.edate,"", "no");
       const radioCsv = (container.querySelector('#radio-csv') as HTMLInputElement);
       const radioImage = (container.querySelector('#radio-image') as HTMLInputElement);
       const radioStats = (container.querySelector('#radio-stats') as HTMLInputElement);
@@ -14767,29 +14851,32 @@ export class SfIEvents extends LitElement {
       }
 
       if(radioImage.checked) {
-        setTimeout(() => {
-          console.log('this.chart', this.chart, (this.chart as Chart).toBase64Image());
-          const a = document.createElement('a')
-          a.setAttribute('href', this.chartBase64)
-          a.setAttribute('download', 'download_'+new Date().getTime()+'.png');
-          a.click()
-
-          if(this.chart2 != null) {
-            const a2 = document.createElement('a')
-            a2.setAttribute('href', this.chart2Base64)
-            a2.setAttribute('download', 'download_completeness_'+new Date().getTime()+'.png');
-            a2.click()
-          }
+        const a = document.createElement('a')
+        a.setAttribute('href', this.chartBase64)
+        a.setAttribute('download', 'download_'+new Date().getTime()+'.png');
+        a.click()
+        console.log('this.chart2', (this.chart2Base64));
+        if(this.chart2Base64 != null) {
+          console.log('this.chart2 download', this.chart2Base64);
+          const a2 = document.createElement('a')
+          a2.setAttribute('href', this.chart2Base64)
+          a2.setAttribute('download', 'download_completeness_'+new Date().getTime()+'.png');
+          a2.click()
+        }
 
-          if(this.chart3 != null) {
-            const a3 = document.createElement('a')
-            a3.setAttribute('href', this.chart3Base64)
-            a3.setAttribute('download', 'download_timeliness_'+new Date().getTime()+'.png');
-            a3.click()
-          }
-        }, 1000)
-        
+        if(this.chart3Base64 != null) {
+          const a3 = document.createElement('a')
+          a3.setAttribute('href', this.chart3Base64)
+          a3.setAttribute('download', 'download_timeliness_'+new Date().getTime()+'.png');
+          a3.click()
+        }
 
+        if(this.chart4Base64 != null) {
+          const a4 = document.createElement('a')
+          a4.setAttribute('href', this.chart4Base64)
+          a4.setAttribute('download', 'download_compliance_'+new Date().getTime()+'.png');
+          a4.click()
+        }
       }
 
       if(radioStats.checked) {
@@ -15592,7 +15679,7 @@ export class SfIEvents extends LitElement {
 
               
             }
-
+            this.chart4Base64 = (this.chart4 as Chart).toBase64Image()
           }
         },
         scales: {
@@ -16079,7 +16166,7 @@ export class SfIEvents extends LitElement {
 
     //console.log('canvas parent node', this.chart2.canvas.parentNode);
     this.chart2.canvas.parentNode.style.height = (parseInt(data.labels.length)*90 + 40) + 'px';
-
+    console.log('this.chart2 rendered', (this.chart2 as Chart));
   }
 
   renderChart = (ctx: any, type: any, data: any, title: string) => {