sf-i-events 1.0.749 → 1.0.751

package/src/sf-i-events.ts

@@ -847,7 +847,7 @@ export class SfIEvents extends LitElement {
 
   chartSelectedLegend: Array<number>= [];
 
-  selectedFilter: any = null;
+  selectedFilters: any = null;
 
   barCharDataSet2: Array<any> = [];
 
@@ -1613,6 +1613,15 @@ export class SfIEvents extends LitElement {
   @property()
   blocksize: string = "5";
 
+  @property()
+  features: string = "[]"
+
+  getFeatures = () => {
+    return ['compliances',...JSON.parse(this.features)]
+  }
+
+  selectedFeatures: string[] = this.getFeatures()
+
   nextPage: number = 0;
 
   nextTabRole: string = "";
@@ -2633,6 +2642,14 @@ export class SfIEvents extends LitElement {
       overflow-x: auto;
     }
 
+    .filter-list-container{
+      position: absolute;
+      right: 5px;
+      background-color: white;
+      border: solid 1px #888;
+      border-radius: 5px
+    }
+
     @media (orientation: landscape) {
 
       .lb {
@@ -3023,7 +3040,7 @@ export class SfIEvents extends LitElement {
         }
       }
     }
-    this.selectedFilter = null;
+    this.selectedFilters = null;
   }
 
   clearSelectedGraphParam = () => {
@@ -3050,7 +3067,7 @@ export class SfIEvents extends LitElement {
     }
 
     this.processGraphFilter("");
-    this.selectedFilter = null;
+    this.selectedFilters = null;
   }
 
   getEventField = (field: string) => {
@@ -3760,9 +3777,9 @@ export class SfIEvents extends LitElement {
       } else {
         arrData[name]++;
       }
-      if(name.toLowerCase().indexOf('na - corp sec') >= 0) {
-        console.log('arrData[corpsec]', name, arrData[name]);
-      }
+      // if(name.toLowerCase().indexOf('na - corp sec') >= 0) {
+      //   console.log('arrData[corpsec]', name, arrData[name]);
+      // }
     }
 
     for(var i = 0; i < arr.length; i++) {
@@ -4076,8 +4093,6 @@ export class SfIEvents extends LitElement {
 
   getCompletenessStatus = (event: any) => {
 
-    console.log('completeness status',event);
-
     if(event.comments == null || event.comments.length === 0) {
       return "not-started";
     } else {
@@ -4212,7 +4227,19 @@ export class SfIEvents extends LitElement {
     var html = '';
 
     html += '<div class="mb-20 stream-event-list" part="stream-event-list-charts">';
-      html += '<div class="align-center d-flex flex-wrap align-center mb-10 w-100-m-0" part="duration-title-container"><h4 part="duration-title">' + parametersTitle + '</h4><button id="button-refresh" part="button-duration-title" class="align-center d-flex justify-center"><h4 part="duration-title">' + parametersTitle + '</h4><span part="duration-title-icon" class="material-icons ml-10">refresh</span></button></div>';
+      html += '<div class="align-center d-flex flex-wrap align-start justify-between mb-10 w-100-m-0" part="duration-title-container"><h4 part="duration-title" class="m-0">' + parametersTitle + '</h4>'
+      if(this.getFeatures().length > 0){
+        html += '<div class="filter-button-container"><button part="button-icon" id="filter-button" class="material-icons">filter_list</button>'
+        html += '<div id="filter-list-container" class="filter-list-container hide flex-col justify-center align-start p-10" part="filter-list-container" anchor="filter-button">'
+        html += `<div class="filter-input-container d-flex"><input class="input-select-feature-all" type="checkbox" ${this.selectedFeatures.length >= (this.getFeatures().length) ? 'checked' : ''} id="input-select-feature-all"  part="input-select-feature" name="all"></input><label for="input-select-feature-all" class="input-select-feature-label"  part="input-sellect-feature-label">all</label></div>`
+        // html += `<div class="filter-input-container d-flex"><input class="input-select-feature-compliances" type="checkbox" ${this.selectedFeatures.indexOf('compliances') >= 0 ? 'checked' : ''} id="input-select-feature-compliances"  part="input-select-feature" name="compliances"></input><label for="input-select-feature-compliances" class="input-select-feature-label"  part="input-sellect-feature-label">compliances</label></div>`
+        for(let [index,feature] of this.getFeatures().entries()){
+          console.log('rendering features', feature, this.selectedFeatures);
+          html += `<div class="filter-input-container d-flex"><input class="input-select-feature" type="checkbox" ${this.selectedFeatures.indexOf(feature) >= 0 ? 'checked' : ''} id="input-select-feature-${index}"  part="input-select-feature" name="${feature}"></input><label for="input-select-feature-${index}" class="input-select-feature-label"  part="input-sellect-feature-label">${feature}</label></div>`
+        }
+        html += '</div></div>'
+      }
+      html += '<button id="button-refresh" part="button-duration-title" class="align-center d-flex justify-center"><h4 part="duration-title">' + parametersTitle + '</h4><span part="duration-title-icon" class="material-icons ml-10">refresh</span></button></div>';
       html += '<div class="align-center d-flex flex-wrap align-center mb-10 w-100-m-0" part="last-update-title-container"><h6 part="last-update-title" class="align-center d-flex"><span class="material-symbols-outlined">update</span>&nbsp;&nbsp;Last Updated on ' + this.lastupdated + '</h6></div>';
       if(showGraph) {
         html += '<div part="stream-event-chart-selection" class="mb-20">';
@@ -4438,11 +4465,11 @@ export class SfIEvents extends LitElement {
       for(var i = 0; i < arrTriggers.length; i++) {
         const targetDates = arrTriggers[i].targetDates;
         for(var j = 0; j < targetDates.length; j++) {
-          console.log('comparing', targetDates[j], ddmm);
+          // console.log('comparing', targetDates[j], ddmm);
           if(targetDates[j].indexOf(ddmm) >= 0) {
             remarks = arrTriggers[i].remarks;
             occurrenceDate = arrTriggers[i].occurrenceDate;
-            console.log('remarks', mmdd)
+            // console.log('remarks', mmdd)
           }
         }
       }
@@ -6026,7 +6053,49 @@ export class SfIEvents extends LitElement {
     }
     this.renderButtonRefresh(eventsContainer);
     this.attachTimelineFilterHandlers(eventsContainer);
-
+    const filterButton = eventsContainer.querySelector('#filter-button') as HTMLButtonElement
+    filterButton?.addEventListener('click',() => {
+      const filterList = eventsContainer.querySelector('#filter-list-container') as HTMLDivElement
+      filterList.style.display = (filterList.style.display != 'block' ? 'block' : 'none')
+      const selectFeatures = filterList.querySelectorAll('.input-select-feature') as NodeListOf<HTMLInputElement>
+      for(let selectFeature of selectFeatures){
+        selectFeature.addEventListener('click',(ev: any) => {
+          let target = ev.target;
+          let id = target.id;
+          let index = id.split('-')[3];
+          let selectedFeature = this.getFeatures()[index]
+          if(target.checked){
+            if(this.selectedFeatures.indexOf(selectedFeature) < 0){
+              this.selectedFeatures.push(selectedFeature)
+            }
+          }else{
+            if(this.selectedFeatures.indexOf(selectedFeature) >= 0){
+              this.selectedFeatures.splice(this.selectedFeatures.indexOf(selectedFeature),1);
+            }
+          }
+          this.processDateSelection(eventsContainer)
+        })
+      }
+    })
+    // const selectFeatures = eventsContainer.querySelectorAll('.input-select-feature') as NodeListOf<HTMLInputElement>
+    // for(let selectFeature of selectFeatures){
+    //   selectFeature.addEventListener('click',(ev: any) => {
+    //     let target = ev.target;
+    //     let id = target.id;
+    //     let index = id.split('-')[3];
+    //     let selectedFeature = this.getFeatures()[index]
+    //     if(target.checked){
+    //       if(this.selectedFeatures.indexOf(selectedFeature) < 0){
+    //         this.selectedFeatures.push(selectedFeature)
+    //       }
+    //     }else{
+    //       if(this.selectedFeatures.indexOf(selectedFeature) >= 0){
+    //         this.selectedFeatures.splice(this.selectedFeatures.indexOf(selectedFeature),1);
+    //       }
+    //     }
+    //     this.processDateSelection(eventsContainer)
+    //   })
+    // }
     const radioExpander = eventsContainer.querySelector('#graph-radios-expander') as HTMLButtonElement;
     radioExpander?.addEventListener('click', (e: any) => {
 
@@ -9684,6 +9753,66 @@ export class SfIEvents extends LitElement {
 
     (this._SfThisContainer as HTMLDivElement).innerHTML = html;
     this.renderButtonRefresh((this._SfThisContainer as HTMLDivElement));
+    const filterButton = (this._SfThisContainer as HTMLDivElement).querySelector('#filter-button') as HTMLButtonElement
+    filterButton?.addEventListener('click',() => {
+      const filterList = (this._SfThisContainer as HTMLDivElement).querySelector('#filter-list-container') as HTMLDivElement
+      filterList.style.display = (filterList.style.display != 'block' ? 'block' : 'none')
+      const selectFeatureAll = filterList.querySelector('.input-select-feature-all') as HTMLInputElement
+      selectFeatureAll.addEventListener('click',async(ev: any) => {
+        let target = ev.target;
+        if(target.checked){
+          for(let feature of this.getFeatures()){
+            if(this.selectedFeatures.indexOf(feature) < 0){
+              this.selectedFeatures.push(feature);
+            }
+          }
+        }else{
+          this.selectedFeatures = []
+        }
+        const selectFeatures = filterList.querySelectorAll('.input-select-feature') as NodeListOf<HTMLInputElement>
+        for(let selectFeature of selectFeatures){
+          let id = selectFeature.id;
+          let i = id.split('-')[3];
+          let selectedFeature = this.getFeatures()[parseInt(i)]
+          selectFeature.checked = this.selectedFeatures.indexOf(selectedFeature) >= 0
+        }
+        const dateResult = this.calculateStartAndEndDateOfStream(index);
+        console.log('dateresult', dateResult, index);
+        console.log('selectedfeatures', this.selectedFeatures);
+        this.currentColumnIndex = index + "";
+        if(dateResult != null) {
+          await this.renderWithFeatures(dateResult.startDate, dateResult.endDate);
+        }
+        this.flowGraph = this.FLOW_GRAPH_COMPLETENESS;
+        this.renderStream(index);
+      })
+      const selectFeatures = filterList.querySelectorAll('.input-select-feature') as NodeListOf<HTMLInputElement>
+      for(let selectFeature of selectFeatures){
+        selectFeature.addEventListener('click',async (ev: any) => {
+          let target = ev.target;
+          let id = target.id;
+          let i = id.split('-')[3];
+          let selectedFeature = this.getFeatures()[i]
+          if(target.checked){
+            if(this.selectedFeatures.indexOf(selectedFeature) < 0){
+              this.selectedFeatures.push(selectedFeature)
+            }
+          }else{
+            if(this.selectedFeatures.indexOf(selectedFeature) >= 0){
+              this.selectedFeatures.splice(this.selectedFeatures.indexOf(selectedFeature),1);
+            }
+          }
+          const dateResult = this.calculateStartAndEndDateOfStream(index);
+          this.currentColumnIndex = index + "";
+          if(dateResult != null) {
+            await this.renderWithFeatures(dateResult.startDate, dateResult.endDate);
+          }
+          this.flowGraph = this.FLOW_GRAPH_COMPLETENESS;
+          this.renderStream(index);
+          
+        })
+      }
+    }) 
     const radioExpander = (this._SfThisContainer as HTMLDivElement).querySelector('#graph-radios-expander') as HTMLButtonElement;
     radioExpander?.addEventListener('click', (e: any) => {
 
@@ -10123,7 +10252,71 @@ export class SfIEvents extends LitElement {
     (this._SfStreamContainer as HTMLDivElement).innerHTML = html;
     this.renderButtonRefresh((this._SfStreamContainer as HTMLDivElement));
     this.attachTimelineFilterHandlers((this._SfStreamContainer as HTMLDivElement));
-
+    const filterButton = (this._SfStreamContainer as HTMLDivElement).querySelector('#filter-button') as HTMLButtonElement
+    filterButton?.addEventListener('click',() => {
+      const filterList = (this._SfStreamContainer as HTMLDivElement).querySelector('#filter-list-container') as HTMLDivElement
+      filterList.style.display = (filterList.style.display != 'block' ? 'block' : 'none')
+      const selectFeatureAll = filterList.querySelector('.input-select-feature-all') as HTMLInputElement
+      selectFeatureAll.addEventListener('click',async(ev: any) => {
+        let target = ev.target;
+        if(target.checked){
+          for(let feature of this.getFeatures()){
+            if(this.selectedFeatures.indexOf(feature) < 0){
+              this.selectedFeatures.push(feature);
+            }
+          }
+        }else{
+          this.selectedFeatures = []
+        }
+        const selectFeatures = filterList.querySelectorAll('.input-select-feature') as NodeListOf<HTMLInputElement>
+        for(let selectFeature of selectFeatures){
+          let id = selectFeature.id;
+          let i = id.split('-')[3];
+          let selectedFeature = this.getFeatures()[parseInt(i)]
+          selectFeature.checked = this.selectedFeatures.indexOf(selectedFeature) >= 0
+        }
+        const dateResult = this.calculateStartAndEndDateOfStream(index);
+        const monthResult = this.calculateMonthFromIndex(index);
+        console.log('monthResult', monthResult);
+        console.log('dateresult', dateResult, index);
+        console.log('selectedfeatures', this.selectedFeatures);
+        this.currentColumnIndex = index + "";
+        if(dateResult != null) {
+          await this.renderWithFeatures(dateResult.startDate, dateResult.endDate,"","no",("0" + monthResult).slice(-2));
+        }
+        this.flowGraph = this.FLOW_GRAPH_COMPLETENESS;
+        this.renderStream(index);
+      })
+      const selectFeatures = filterList.querySelectorAll('.input-select-feature') as NodeListOf<HTMLInputElement>
+      for(let selectFeature of selectFeatures){
+        selectFeature.addEventListener('click',async (ev: any) => {
+          let target = ev.target;
+          let id = target.id;
+          let i = id.split('-')[3];
+          let selectedFeature = this.getFeatures()[i]
+          if(target.checked){
+            if(this.selectedFeatures.indexOf(selectedFeature) < 0){
+              this.selectedFeatures.push(selectedFeature)
+            }
+          }else{
+            if(this.selectedFeatures.indexOf(selectedFeature) >= 0){
+              this.selectedFeatures.splice(this.selectedFeatures.indexOf(selectedFeature),1);
+            }
+          }
+          const dateResult = this.calculateStartAndEndDateOfStream(index);
+          const monthResult = this.calculateMonthFromIndex(index);
+          this.currentColumnIndex = index + "";
+          console.log('rendering feature', monthResult, dateResult);
+          if(dateResult != null) {
+            await this.renderWithFeatures(dateResult.startDate, dateResult.endDate,"","no",("0" + monthResult).slice(-2));
+          }
+          this.flowGraph = this.FLOW_GRAPH_COMPLETENESS;
+          this.renderStream(index);
+          
+        })
+      }
+    })
+    
     const radioExpander = (this._SfStreamContainer as HTMLDivElement).querySelector('#graph-radios-expander') as HTMLButtonElement;
     radioExpander?.addEventListener('click', (e: any) => {
 
@@ -10438,7 +10631,7 @@ export class SfIEvents extends LitElement {
     }
 
     if(showGraph) {
-      
+      console.log('showing graph', showGraph)
       switch (this.flowGraph) {
         case this.FLOW_GRAPH_COMPLETENESS:
           this.renderCompletenessGraph((this._SfStreamContainer as HTMLDivElement));    
@@ -18460,16 +18653,16 @@ export class SfIEvents extends LitElement {
       } else {
 
         if(cols.length > 0) {
-          if(this.selectedFilter == null) {
+          if(this.selectedFilters == null) {
             newArrList.push(rows[i]);
           } else {
 
-            if(!this.selectedFilter.selected) {
+            if(!this.selectedFilters.selected) {
 
               var found = false;
 
-              for(var j = 0; j < this.selectedFilter.length; j++) {
-                if(cols[cols.length - 1].innerHTML.toLowerCase().replace(/&amp;/g, '&').indexOf(this.selectedFilter[j].value.toLowerCase().replace(/&amp;/g, '&')) >= 0) {
+              for(var j = 0; j < this.selectedFilters.length; j++) {
+                if(cols[cols.length - 1].innerHTML.toLowerCase().replace(/&amp;/g, '&').indexOf(this.selectedFilters[j].value.toLowerCase().replace(/&amp;/g, '&')) >= 0) {
                   found = true;
                 }  
               }
@@ -18482,7 +18675,7 @@ export class SfIEvents extends LitElement {
 
               //console.log('selected filter', this.selectedFilter, cols[cols.length - 1].innerHTML.toLowerCase(), '*-*', this.selectedFilter.value.toLowerCase());
 
-              if(cols[cols.length - 1].innerHTML.toLowerCase().replace(/&amp;/g, '&').indexOf(this.selectedFilter.value.toLowerCase().replace(/&amp;/g, '&')) >= 0) {
+              if(cols[cols.length - 1].innerHTML.toLowerCase().replace(/&amp;/g, '&').indexOf(this.selectedFilters.value.toLowerCase().replace(/&amp;/g, '&')) >= 0) {
                 newArrList.push(rows[i]);
               }
             }
@@ -18496,16 +18689,16 @@ export class SfIEvents extends LitElement {
 
     let filteredHTML = '';
 
-    if(this.selectedFilter != null) {
-      if(this.selectedFilter.selected) {
-        filteredHTML += '<small>Filter (included parameters): ' + this.selectedFilter.value.charAt(0).toUpperCase() + this.selectedFilter.value.slice(1) + '</small>';
+    if(this.selectedFilters != null) {
+      if(this.selectedFilters.selected) {
+        filteredHTML += '<small>Filter (included parameters): ' + this.selectedFilters.value.charAt(0).toUpperCase() + this.selectedFilters.value.slice(1) + '</small>';
       } else {
 
         let params = "";
-        for(var i = 0; i < this.selectedFilter.length; i++) {
+        for(var i = 0; i < this.selectedFilters.length; i++) {
 
-          params += this.selectedFilter[i].value.charAt(0).toUpperCase() + this.selectedFilter[i].value.slice(1);
-          if(i < (this.selectedFilter.length - 1)) {
+          params += this.selectedFilters[i].value.charAt(0).toUpperCase() + this.selectedFilters[i].value.slice(1);
+          if(i < (this.selectedFilters.length - 1)) {
             params += ',';
           }
 
@@ -18528,7 +18721,7 @@ export class SfIEvents extends LitElement {
 
   getFilteredStringSummary = () => {
 
-    console.log('selectedfilter', this.selectedFilter);
+    console.log('selectedfilter', this.selectedFilters);
 
     var tempDiv = document.createElement('div');
     tempDiv.id = "div-filter-content";
@@ -18549,16 +18742,16 @@ export class SfIEvents extends LitElement {
       } else {
 
         if(cols.length > 0) {
-          if(this.selectedFilter == null) {
+          if(this.selectedFilters == null) {
             newArrList.push(rows[i]);
           } else {
 
-            if(!this.selectedFilter.selected) {
+            if(!this.selectedFilters.selected) {
 
               var found = false;
 
-              for(var j = 0; j < this.selectedFilter.length; j++) {
-                if(cols[cols.length - 2].innerHTML.toLowerCase().replace(/&amp;/g, '&').indexOf(this.selectedFilter[j].value.toLowerCase().replace(/&amp;/g, '&')) >= 0) {
+              for(var j = 0; j < this.selectedFilters.length; j++) {
+                if(cols[cols.length - 2].innerHTML.toLowerCase().replace(/&amp;/g, '&').indexOf(this.selectedFilters[j].value.toLowerCase().replace(/&amp;/g, '&')) >= 0) {
                   found = true;
                 }  
               }
@@ -18569,9 +18762,9 @@ export class SfIEvents extends LitElement {
 
             } else {
 
-              console.log('selected filter', this.selectedFilter, cols[cols.length - 1].innerHTML.toLowerCase(), '*-*', this.selectedFilter.value.toLowerCase());
+              console.log('selected filter', this.selectedFilters, cols[cols.length - 1].innerHTML.toLowerCase(), '*-*', this.selectedFilters.value.toLowerCase());
 
-              if(cols[cols.length - 2].innerHTML.toLowerCase().replace(/&amp;/g, '&').indexOf(this.selectedFilter.value.toLowerCase().replace(/&amp;/g, '&')) >= 0) {
+              if(cols[cols.length - 2].innerHTML.toLowerCase().replace(/&amp;/g, '&').indexOf(this.selectedFilters.value.toLowerCase().replace(/&amp;/g, '&')) >= 0) {
                 newArrList.push(rows[i]);
               }
             }
@@ -18585,16 +18778,16 @@ export class SfIEvents extends LitElement {
 
     let filteredHTML = '';
 
-    if(this.selectedFilter != null) {
-      if(this.selectedFilter.selected) {
-        filteredHTML += '<small>Filter (included parameters): ' + this.selectedFilter.value.charAt(0).toUpperCase() + this.selectedFilter.value.slice(1) + '</small>';
+    if(this.selectedFilters != null) {
+      if(this.selectedFilters.selected) {
+        filteredHTML += '<small>Filter (included parameters): ' + this.selectedFilters.value.charAt(0).toUpperCase() + this.selectedFilters.value.slice(1) + '</small>';
       } else {
 
         let params = "";
-        for(var i = 0; i < this.selectedFilter.length; i++) {
+        for(var i = 0; i < this.selectedFilters.length; i++) {
 
-          params += this.selectedFilter[i].value.charAt(0).toUpperCase() + this.selectedFilter[i].value.slice(1);
-          if(i < (this.selectedFilter.length - 1)) {
+          params += this.selectedFilters[i].value.charAt(0).toUpperCase() + this.selectedFilters[i].value.slice(1);
+          if(i < (this.selectedFilters.length - 1)) {
             params += ',';
           }
 
@@ -19553,18 +19746,18 @@ export class SfIEvents extends LitElement {
       //this.graphParam = clickedValue;
       streamEventSummary.style.display = 'none';
       //console.log('selectedfilter', this.selectedFilter);
-      if(this.selectedFilter == null) {
-        this.selectedFilter = [];
+      if(this.selectedFilters == null) {
+        this.selectedFilters = [];
       }
-      this.selectedFilter.push({
+      this.selectedFilters.push({
         selected: false,
         value: clickedValue
       });
 
       var filterString = "";
-      for(var j = 0; j < this.selectedFilter.length; j++) {
-        filterString += this.selectedFilter[j].value;
-        if(j < (this.selectedFilter.length - 1)) {
+      for(var j = 0; j < this.selectedFilters.length; j++) {
+        filterString += this.selectedFilters[j].value;
+        if(j < (this.selectedFilters.length - 1)) {
           filterString += ',';
         }
       }
@@ -19580,7 +19773,7 @@ export class SfIEvents extends LitElement {
     } else {
 
       streamEventSummary.style.display = 'flex';
-      this.selectedFilter = null;
+      this.selectedFilters = null;
       (streamEventFilters as HTMLDivElement).style.display = 'none';
       (streamEventFilters as HTMLDivElement).innerHTML = '';
 
@@ -19606,10 +19799,10 @@ export class SfIEvents extends LitElement {
 
         var found = false;
 
-        if(this.selectedFilter != null) {
-          for(var j = 0; j < this.selectedFilter.length; j++) {
+        if(this.selectedFilters != null) {
+          for(var j = 0; j < this.selectedFilters.length; j++) {
             // if((graphparamnames1[i] as HTMLDivElement).innerHTML.toLowerCase().replace('&amp;', '&').indexOf(this.selectedFilter[j].value) >= 0) {
-            if((graphparamnames1[i] as HTMLDivElement).innerHTML.toLowerCase().replace('&amp;', '&').replace(/-/g, ' ') == this.selectedFilter[j].value.toLowerCase().replace('&amp;', '&').replace(/-/g, ' ')) {
+            if((graphparamnames1[i] as HTMLDivElement).innerHTML.toLowerCase().replace('&amp;', '&').replace(/-/g, ' ') == this.selectedFilters[j].value.toLowerCase().replace('&amp;', '&').replace(/-/g, ' ')) {
               
               found = true;
               break;
@@ -19726,7 +19919,7 @@ export class SfIEvents extends LitElement {
 
       this.graphParam = "";
       streamEventSummary.style.display = 'flex';
-      this.selectedFilter = null;
+      this.selectedFilters = null;
       (streamEventFilters as HTMLDivElement).style.display = 'none';
       (streamEventFilters as HTMLDivElement).innerHTML = '';
 
@@ -19734,7 +19927,7 @@ export class SfIEvents extends LitElement {
 
       this.graphParam = clickedValue;
       streamEventSummary.style.display = 'none';
-      this.selectedFilter = {
+      this.selectedFilters = {
         selected: true,
         value: clickedValue
       };
@@ -23099,6 +23292,15 @@ export class SfIEvents extends LitElement {
 
   }
 
+  renderWithFeatures = async(startDate: string = "", endDate: string = "", searchString: string = "", list: string = "yes", month: string = "00") => {
+    this.events = []
+    console.log('rendering and fetching', startDate, endDate, searchString, list, month)
+    if(this.selectedFeatures.indexOf('compliances') >= 0){
+      this.fetchAndYearlyRenderUserCalendar_2(startDate, endDate, searchString, list, month)    
+    }else if(this.selectedFeatures.indexOf('notices') >= 0){
+      this.fetchAndRenderNotices(startDate, endDate, searchString, list, month);
+    }
+  }
   fetchAndYearlyRenderUserCalendar_2 = async(startDate: string = "", endDate: string = "", searchString: string = "", list: string = "yes", month: string = "00") => {
 
     let path = "", view = "";
@@ -23151,9 +23353,12 @@ export class SfIEvents extends LitElement {
       this.events = (await this.fetchPresignedUrl(jsonRespose.signedUrlGet));
       await this.fetchPresignedUrlDelete(jsonRespose.signedUrlDelete)
       this.lastupdated = new Date().toLocaleDateString('en-IN') + " - " + new Date().toLocaleTimeString('en-IN')
+      console.log('rendering appropriate string', list);
         this.renderAppropriateStream(startDate, endDate, list == "no");
         this.fetchBulkReportingData();
-        this.fetchAndRenderNotices(startDate, endDate);
+        if(this.selectedFeatures.indexOf('notices') >= 0){
+          this.fetchAndRenderNotices(startDate, endDate);
+        }
         // this.events = {}
         // this.events = {...JSON.parse(JSON.stringify(jsonRespose.data.events))};
 
@@ -24865,7 +25070,7 @@ export class SfIEvents extends LitElement {
       if(tempRole != "") {
         this._SfRoleTabContainer.innerHTML = '';
       }
-
+      this.selectedFeatures = this.getFeatures()
       //console.log('stream received', this.stream, this.TAB_STREAM, this.TAB_YEAR);
 
       if(this.stream == this.TAB_YEAR) {

package/src/util.ts

@@ -422,8 +422,12 @@ function arrayToObject (csvArray:any) {
   return csvArray.filter((row:any)=>{
     console.log('csv object keys lngth', Object.keys(row).length)
     return Object.keys(row).length > 1
-  }).map((row: { [x: string]: any; } ) =>{ 
-      return headers.reduce((acc: any, currentHeader: any, i: string | number) => ((currentHeader.indexOf('cols_') >= 0 || currentHeader == '') ? acc : ((row[i] != '' && row[i] != null) ? { ...acc, ...{ [currentHeader]: JSON.parse(row[i] == "TRUE" ? "true" : row[i])}} : acc)), {})
+  }).map((row: { [x: string]: any; }, index: number ) =>{ 
+    
+      return headers.reduce((acc: any, currentHeader: any, i: string | number) => {
+        console.log('parsing row', row[i], index);
+        return((currentHeader.indexOf('cols_') >= 0 || currentHeader == '') ? acc : ((row[i] != '' && row[i] != null) ? { ...acc, ...{ [currentHeader]: JSON.parse(row[i] == "TRUE" ? "true" : row[i])}} : acc))
+      }, {})
   })
 }
 

package/test/sf-i-form_test.d.ts

@@ -1,7 +1,7 @@
-/**
- * @license
- * Copyright 2022 Superflows.dev
- * SPDX-License-Identifier: MIT
- */
-export {};
+/**
+ * @license
+ * Copyright 2022 Superflows.dev
+ * SPDX-License-Identifier: MIT
+ */
+export {};
 //# sourceMappingURL=sf-i-form_test.d.ts.map

package/test/sf-i-form_test.js

@@ -1,18 +1,18 @@
-/**
- * @license
- * Copyright 2022 Superflows.dev
- * SPDX-License-Identifier: MIT
- */
-import { SfIEvents } from '../sf-i-events.js';
-// import { stub } from 'sinon';
-// import {fixture, assert} from '@open-wc/testing';
-import { assert } from '@open-wc/testing';
-// import {html} from 'lit/static-html.js';
-//const TIMEOUT = 2000;
-suite('sf-i-events > left menu', () => {
-    test('is defined', () => {
-        const el = document.createElement('sf-i-events');
-        assert.instanceOf(el, SfIEvents);
-    });
-});
+/**
+ * @license
+ * Copyright 2022 Superflows.dev
+ * SPDX-License-Identifier: MIT
+ */
+import { SfIEvents } from '../sf-i-events.js';
+// import { stub } from 'sinon';
+// import {fixture, assert} from '@open-wc/testing';
+import { assert } from '@open-wc/testing';
+// import {html} from 'lit/static-html.js';
+//const TIMEOUT = 2000;
+suite('sf-i-events > left menu', () => {
+    test('is defined', () => {
+        const el = document.createElement('sf-i-events');
+        assert.instanceOf(el, SfIEvents);
+    });
+});
 //# sourceMappingURL=sf-i-form_test.js.map