sf-i-events 1.0.709 → 1.0.711

package/package.json

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

package/sf-i-events.d.ts

@@ -533,6 +533,7 @@ export declare class SfIEvents extends LitElement {
     renderFind: () => void;
     renderCustom: () => void;
     renderThis: (index?: number, showGraph?: boolean) => void;
+    renderButtonRefresh: (eventsContainer: HTMLDivElement) => void;
     renderStream: (index?: number, showGraph?: boolean) => void;
     attachTimelineFilterHandlers: (divContainer: HTMLDivElement) => void;
     getCurrentYear: (mm: string) => string;

package/sf-i-events.js

@@ -2095,7 +2095,7 @@ let SfIEvents = class SfIEvents extends LitElement {
             //console.log('flowGraph', this.flowGraph);
             var html = '';
             html += '<div class="mb-20 stream-event-list" part="stream-event-list-charts">';
-            html += '<div class="align-center d-flex flex-wrap mb-10 w-100-m-0" part="duration-title-container"><h4 part="duration-title">' + parametersTitle + '</h4></div>';
+            html += '<div class="align-center d-flex flex-wrap 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>';
             if (showGraph) {
                 html += '<div part="stream-event-chart-selection" class="mb-20">';
                 html += '<div part="td-head" class="mb-5">Select Chart</div>';
@@ -2739,6 +2739,7 @@ let SfIEvents = class SfIEvents extends LitElement {
             //console.log('rangeperiod', period)
             var html = this.renderEvents(firstDay, endDay, 1, lastDay, true, 0, (firstDate.getMonth()), period, firstDate, "From " + firstDay.toLocaleDateString('en-IN') + " To " + endDay.toLocaleDateString('en-IN'));
             eventsContainer.querySelector('.calendar-right-data').innerHTML = html;
+            this.renderButtonRefresh(eventsContainer);
             this.attachTimelineFilterHandlers(eventsContainer);
             const radioExpander = eventsContainer.querySelector('#graph-radios-expander');
             radioExpander === null || radioExpander === void 0 ? void 0 : radioExpander.addEventListener('click', (e) => {
@@ -2749,6 +2750,10 @@ let SfIEvents = class SfIEvents extends LitElement {
                     div.style.display = 'block';
                 });
             });
+            const buttonRefresh = eventsContainer.querySelector('#button-refresh');
+            buttonRefresh.addEventListener('click', async () => {
+                this.processDateSelection(eventsContainer);
+            });
             const buttonArr = eventsContainer.querySelectorAll('.button-expand');
             for (var i = 0; i < buttonArr.length; i++) {
                 buttonArr[i].addEventListener('click', (ev) => {
@@ -5188,6 +5193,7 @@ let SfIEvents = class SfIEvents extends LitElement {
             html += '</div>';
             html += '</div>';
             this._SfThisContainer.innerHTML = html;
+            this.renderButtonRefresh(this._SfThisContainer);
             const radioExpander = this._SfThisContainer.querySelector('#graph-radios-expander');
             radioExpander === null || radioExpander === void 0 ? void 0 : radioExpander.addEventListener('click', (e) => {
                 const button = e.currentTarget;
@@ -5297,6 +5303,14 @@ let SfIEvents = class SfIEvents extends LitElement {
                     this.renderThis(target);
                 });
             }
+            const buttonRefresh = this._SfThisContainer.querySelector('#button-refresh');
+            buttonRefresh.addEventListener('click', async () => {
+                this.flowGraph = this.FLOW_GRAPH_COMPLETENESS;
+                this.currentColumnIndex = index + "";
+                const dateResult = this.calculateStartAndEndDateOfThis(index);
+                await this.fetchAndYearlyRenderUserCalendar_2(dateResult.startDate, dateResult.endDate);
+                this.renderThis(index);
+            });
             const buttonArr = this._SfThisContainer.querySelectorAll('.button-expand');
             for (i = 0; i < buttonArr.length; i++) {
                 buttonArr[i].addEventListener('click', (ev) => {
@@ -5408,6 +5422,26 @@ let SfIEvents = class SfIEvents extends LitElement {
                 }
             }
         };
+        this.renderButtonRefresh = (eventsContainer) => {
+            document.addEventListener('scroll', () => {
+                console.log('scroll', window.scrollY);
+                let buttonRefresh = eventsContainer.querySelector('#button-refresh');
+                if (window.scrollY > 720) {
+                    if (buttonRefresh.style.display == "flex") {
+                    }
+                    else {
+                        buttonRefresh.style.display = 'flex';
+                    }
+                }
+                else {
+                    if (buttonRefresh.style.display == "none") {
+                    }
+                    else {
+                        buttonRefresh.style.display = 'none';
+                    }
+                }
+            });
+        };
         this.renderStream = (index = 0, showGraph = true) => {
             //console.log('flowgraph renderStream', this.flowGraph);
             var _a, _b;
@@ -5457,6 +5491,7 @@ let SfIEvents = class SfIEvents extends LitElement {
             html += '</div>';
             html += '</div>';
             this._SfStreamContainer.innerHTML = html;
+            this.renderButtonRefresh(this._SfStreamContainer);
             this.attachTimelineFilterHandlers(this._SfStreamContainer);
             const radioExpander = this._SfStreamContainer.querySelector('#graph-radios-expander');
             radioExpander === null || radioExpander === void 0 ? void 0 : radioExpander.addEventListener('click', (e) => {
@@ -5567,6 +5602,19 @@ let SfIEvents = class SfIEvents extends LitElement {
                     this.renderStream(target);
                 });
             }
+            const buttonRefresh = this._SfStreamContainer.querySelector('#button-refresh');
+            buttonRefresh === null || buttonRefresh === void 0 ? void 0 : buttonRefresh.addEventListener('click', async () => {
+                const dateResult = this.calculateStartAndEndDateOfStream(index);
+                const monthResult = this.calculateMonthFromIndex(index);
+                console.log('monthResult', monthResult);
+                console.log('dateresult', dateResult);
+                this.currentColumnIndex = index + "";
+                if (dateResult != null) {
+                    await this.fetchAndYearlyRenderUserCalendar_2(dateResult.startDate, dateResult.endDate, "", "yes", ("0" + monthResult).slice(-2));
+                }
+                this.flowGraph = this.FLOW_GRAPH_COMPLETENESS;
+                this.renderStream(index);
+            });
             const buttonArr = this._SfStreamContainer.querySelectorAll('.button-expand');
             for (i = 0; i < buttonArr.length; i++) {
                 buttonArr[i].addEventListener('click', (ev) => {
@@ -7693,11 +7741,24 @@ let SfIEvents = class SfIEvents extends LitElement {
                 }
             }
             var tagged = 0;
+            var changed = 0;
             for (var j = 0; j < taggingArray.data.mappings.mappings.length; j++) {
                 if (taggingArray.data.mappings.mappings[j] != null) {
                     if (taggingArray.data.mappings.mappings[j][colName] != null && taggingArray.data.mappings.mappings[j][colName].length > 0) {
                         tagged++;
                     }
+                    if (this.changedOnboardingItemIds.length > 0) {
+                        let changedId = "";
+                        for (let [k, col] of uniqCols.entries()) {
+                            changedId += taggingArray.data.mappings.mappings[j][col];
+                            if (k < (uniqCols.length - 1)) {
+                                changedId += ";";
+                            }
+                        }
+                        if (this.changedOnboardingItemIds.indexOf(changedId) >= 0) {
+                            changed++;
+                        }
+                    }
                 }
             }
             // let colCountry = -1;
@@ -7734,6 +7795,9 @@ let SfIEvents = class SfIEvents extends LitElement {
             else {
                 html += ((jobs && jobs.data && (jobs.data.status == "1" || jobs.data.status == "0")) ? '' : '<div class="left-sticky d-flex justify-between align-center mr-10"><h4 id="mapped-stats-title" part="results-title" class="d-flex align-center m-0">' + status + '&nbsp;&nbsp;Mapped ' + tagged + ' out of ' + sourceArray.data.mappings.mappings.length + '</h4></div>');
             }
+            if (changed > 0) {
+                html += ((jobs && jobs.data && (jobs.data.status == "1" || jobs.data.status == "0")) ? '' : '<div class="left-sticky d-flex justify-between align-center mr-10"><h4 part="results-title" class="d-flex align-center m-0"><span class="color-pending material-icons">pending</span>&nbsp;&nbsp;' + changed + ' Items changed</h4></div>');
+            }
             html += ((jobs && jobs.data && (jobs.data.status == "1" || jobs.data.status == "0")) ? '' : '<div class="left-sticky d-flex justify-between align-center mr-10"><h4 part="results-title" class="d-flex align-center m-0">' + mandatoryStatus + '</h4></div>');
             html += ((jobs && jobs.data && (jobs.data.status == "1" || jobs.data.status == "0")) ? '' : '<div class="left-sticky d-flex justify-between align-center mr-10"><h4 id="span-extra-filled" class="m-0" part="results-title"></h4></div>');
             html += '<div class="d-flex align-center">';
@@ -7811,6 +7875,7 @@ let SfIEvents = class SfIEvents extends LitElement {
                 // }
                 html += '</thead>';
                 html += '<tbody>';
+                console.log('changedIds', this.changedOnboardingItemIds);
                 for (i = 0; i < sourceArray.data.mappings.mappings.length; i++) {
                     var showSearch = false;
                     if (subfilter == "") {
@@ -7889,16 +7954,40 @@ let SfIEvents = class SfIEvents extends LitElement {
                     // }
                     var classBg = "";
                     if (i % 2 === 0) {
-                        if (this.changedOnboardingItemIds.length > 0 && this.changedOnboardingItemIds.indexOf(taggingArray.data.mappings.mappings[i].id) >= 0) {
-                            classBg = 'td-light-selected';
+                        if (this.changedOnboardingItemIds.length > 0) {
+                            let changedId = "";
+                            for (let [k, col] of uniqCols.entries()) {
+                                changedId += taggingArray.data.mappings.mappings[i][col];
+                                if (k < (uniqCols.length - 1)) {
+                                    changedId += ";";
+                                }
+                            }
+                            if (this.changedOnboardingItemIds.indexOf(changedId) >= 0) {
+                                classBg = 'td-light-selected';
+                            }
+                            else {
+                                classBg = 'td-light';
+                            }
                         }
                         else {
                             classBg = 'td-light';
                         }
                     }
                     else {
-                        if (this.changedOnboardingItemIds.length > 0 && this.changedOnboardingItemIds.indexOf(taggingArray.data.mappings.mappings[i].id) >= 0) {
-                            classBg = 'td-dark-selected';
+                        if (this.changedOnboardingItemIds.length > 0) {
+                            let changedId = "";
+                            for (let [k, col] of uniqCols.entries()) {
+                                changedId += taggingArray.data.mappings.mappings[i][col];
+                                if (k < (uniqCols.length - 1)) {
+                                    changedId += ";";
+                                }
+                            }
+                            if (this.changedOnboardingItemIds.indexOf(changedId) >= 0) {
+                                classBg = 'td-dark-selected';
+                            }
+                            else {
+                                classBg = 'td-dark';
+                            }
                         }
                         else {
                             classBg = 'td-dark';
@@ -8342,7 +8431,15 @@ let SfIEvents = class SfIEvents extends LitElement {
                         for (let [i, obj] of tempArr.entries()) {
                             if (JSON.stringify(taggingArray.data.mappings.mappings[i]) !== JSON.stringify(obj)) {
                                 console.log('item changed', taggingArray.data.mappings.mappings[i], obj);
-                                this.changedOnboardingItemIds.push(taggingArray.data.mappings.mappings[i].id);
+                                let changedId = "";
+                                for (let [k, col] of uniqCols.entries()) {
+                                    changedId += taggingArray.data.mappings.mappings[i][col];
+                                    if (k < (uniqCols.length - 1)) {
+                                        changedId += ";";
+                                    }
+                                }
+                                // this.changedOnboardingItemIds.push(taggingArray.data.mappings.mappings[i].id + ";" + taggingArray.data.mappings.mappings[i].entityid + ";" + taggingArray.data.mappings.mappings[i].locationid)
+                                this.changedOnboardingItemIds.push(changedId);
                                 changeCount++;
                             }
                         }
@@ -13883,13 +13980,14 @@ let SfIEvents = class SfIEvents extends LitElement {
             }
         };
         this.fetchSearchStatutes = async (searchString, cursor = "") => {
+            console.log('cursor', cursor);
             let url = "https://" + this.apiIdStatutes + "/listlarge";
             let authorization = btoa(Util.readCookie('email') + ":" + Util.readCookie('accessToken'));
             let xhr = (await this.prepareXhr({ "searchstring": searchString, "cursor": cursor }, url, this._SfLoader, authorization));
             this._SfLoader.innerHTML = '';
             if (xhr.status == 200) {
                 const jsonRespose = JSON.parse(xhr.responseText);
-                //console.log('searchstatutes', jsonRespose);
+                console.log('searchstatutes', { "searchstring": searchString, "cursor": cursor }, jsonRespose);
                 let newCursor = jsonRespose.cursor;
                 let i = 0;
                 while (true) {
@@ -17605,6 +17703,13 @@ SfIEvents.styles = css `
       }
 
     }
+
+    #button-refresh {
+      display: none;
+      position: fixed;
+      bottom: 10px;
+      right: 10px
+    }
     
 
   `;

package/src/sf-i-events.ts

@@ -2614,6 +2614,13 @@ export class SfIEvents extends LitElement {
       }
 
     }
+
+    #button-refresh {
+      display: none;
+      position: fixed;
+      bottom: 10px;
+      right: 10px
+    }
     
 
   `;
@@ -4148,7 +4155,7 @@ 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 mb-10 w-100-m-0" part="duration-title-container"><h4 part="duration-title">' + parametersTitle + '</h4></div>';
+      html += '<div class="align-center d-flex flex-wrap 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>';
       if(showGraph) {
         html += '<div part="stream-event-chart-selection" class="mb-20">';
           html += '<div part="td-head" class="mb-5">Select Chart</div>';
@@ -4663,7 +4670,6 @@ export class SfIEvents extends LitElement {
     this.clearSelectedGraphParam();
     this.clearSelectedLegend();
   
-    
     html += this.renderCalendarGraphs(showGraph, parametersTitle);
     html += this.renderCalendarContainerDivStart(index)
     html += this.renderCalendarEventSummary();
@@ -4964,7 +4970,7 @@ export class SfIEvents extends LitElement {
     var html = this.renderEvents(firstDay, endDay, 1, lastDay, true, 0, (firstDate.getMonth()), period, firstDate,"From " + firstDay.toLocaleDateString('en-IN') + " To " + endDay.toLocaleDateString('en-IN'));
 
     eventsContainer.querySelector('.calendar-right-data')!.innerHTML = html;
-
+    this.renderButtonRefresh(eventsContainer);
     this.attachTimelineFilterHandlers(eventsContainer);
 
     const radioExpander = eventsContainer.querySelector('#graph-radios-expander') as HTMLButtonElement;
@@ -4980,7 +4986,10 @@ export class SfIEvents extends LitElement {
 
 
     });
-
+    const buttonRefresh = eventsContainer.querySelector('#button-refresh') as HTMLButtonElement
+    buttonRefresh.addEventListener('click',async ()=>{
+      this.processDateSelection(eventsContainer)
+    })
     const buttonArr = eventsContainer.querySelectorAll('.button-expand') as NodeListOf<HTMLButtonElement>;
 
     for(var i = 0; i < buttonArr.length; i++) {
@@ -8018,7 +8027,7 @@ export class SfIEvents extends LitElement {
     html += '</div>';
 
     (this._SfThisContainer as HTMLDivElement).innerHTML = html;
-
+    this.renderButtonRefresh((this._SfThisContainer as HTMLDivElement));
     const radioExpander = (this._SfThisContainer as HTMLDivElement).querySelector('#graph-radios-expander') as HTMLButtonElement;
     radioExpander?.addEventListener('click', (e: any) => {
 
@@ -8152,7 +8161,7 @@ export class SfIEvents extends LitElement {
     //   (buttonStatusMore as HTMLButtonElement).style.display = 'none';
 
     // });
-
+    
     for(var i = 0; i < 3; i++) {
       (this._SfThisContainer as HTMLDivElement).querySelector('#stream-month-' + i)?.addEventListener('click', async (ev: any)=> {
         const target = parseInt((ev.target as HTMLDivElement).id.split('-')[2]);
@@ -8174,7 +8183,14 @@ export class SfIEvents extends LitElement {
         this.renderThis(target);
       })
     }
-
+    const buttonRefresh = (this._SfThisContainer as HTMLDivElement).querySelector('#button-refresh') as HTMLButtonElement
+    buttonRefresh.addEventListener('click', async ()=>{
+      this.flowGraph = this.FLOW_GRAPH_COMPLETENESS;
+      this.currentColumnIndex = index + "";
+      const dateResult = this.calculateStartAndEndDateOfThis(index);
+      await this.fetchAndYearlyRenderUserCalendar_2(dateResult.startDate, dateResult.endDate);
+      this.renderThis(index);
+    })
     const buttonArr = (this._SfThisContainer as HTMLDivElement).querySelectorAll('.button-expand') as NodeListOf<HTMLButtonElement>;
 
     for(i = 0; i < buttonArr.length; i++) {
@@ -8322,6 +8338,26 @@ export class SfIEvents extends LitElement {
     
   }
 
+  renderButtonRefresh = (eventsContainer: HTMLDivElement) => {
+    document.addEventListener('scroll',() => {
+      console.log('scroll',window.scrollY)
+      let buttonRefresh = eventsContainer.querySelector('#button-refresh') as HTMLButtonElement
+      if(window.scrollY > 720){
+        if(buttonRefresh.style.display == "flex"){
+
+        }else{
+          buttonRefresh.style.display = 'flex'
+        }
+      }else{
+        if(buttonRefresh.style.display == "none"){
+
+        }else{
+          buttonRefresh.style.display = 'none'
+        }
+      }
+    })
+  }
+
   renderStream = (index: number = 0, showGraph: boolean = true) => {
     //console.log('flowgraph renderStream', this.flowGraph);
 
@@ -8389,7 +8425,7 @@ export class SfIEvents extends LitElement {
     html += '</div>';
 
     (this._SfStreamContainer as HTMLDivElement).innerHTML = html;
-
+    this.renderButtonRefresh((this._SfStreamContainer as HTMLDivElement));
     this.attachTimelineFilterHandlers((this._SfStreamContainer as HTMLDivElement));
 
     const radioExpander = (this._SfStreamContainer as HTMLDivElement).querySelector('#graph-radios-expander') as HTMLButtonElement;
@@ -8547,7 +8583,19 @@ export class SfIEvents extends LitElement {
 
       })
     }
-
+    const buttonRefresh = (this._SfStreamContainer as HTMLDivElement).querySelector('#button-refresh') as HTMLButtonElement
+    buttonRefresh?.addEventListener('click', async ()=>{
+      const dateResult = this.calculateStartAndEndDateOfStream(index);
+      const monthResult = this.calculateMonthFromIndex(index);
+      console.log('monthResult', monthResult);
+      console.log('dateresult', dateResult);
+      this.currentColumnIndex = index + "";
+      if(dateResult != null) {
+        await this.fetchAndYearlyRenderUserCalendar_2(dateResult.startDate, dateResult.endDate,"","yes",("0" + monthResult).slice(-2));
+      }
+      this.flowGraph = this.FLOW_GRAPH_COMPLETENESS;
+      this.renderStream(index);
+    })
     const buttonArr = (this._SfStreamContainer as HTMLDivElement).querySelectorAll('.button-expand') as NodeListOf<HTMLButtonElement>;
 
     for(i = 0; i < buttonArr.length; i++) {
@@ -11282,13 +11330,25 @@ export class SfIEvents extends LitElement {
     }
 
     var tagged = 0;
-
+    var changed = 0
     for(var j = 0; j < taggingArray.data.mappings.mappings.length; j++) {
 
       if(taggingArray.data.mappings.mappings[j] != null) {
         if(taggingArray.data.mappings.mappings[j][colName] != null && taggingArray.data.mappings.mappings[j][colName].length > 0) {
           tagged++;
         }
+        if(this.changedOnboardingItemIds.length > 0 ){
+          let changedId = ""
+          for(let [k,col] of uniqCols.entries()){
+            changedId += taggingArray.data.mappings.mappings[j][col];
+            if(k < (uniqCols.length - 1)){
+              changedId += ";"
+            }
+          }
+          if(this.changedOnboardingItemIds.indexOf(changedId) >= 0){
+            changed++;
+          }
+        }
   
       }
       
@@ -11337,7 +11397,9 @@ export class SfIEvents extends LitElement {
       html += ((jobs && jobs.data && (jobs.data.status == "1" || jobs.data.status == "0" )) ? '' : '<div class="left-sticky d-flex justify-between align-center mr-10"><h4 id="mapped-stats-title" part="results-title" class="d-flex align-center m-0">'+status+'&nbsp;&nbsp;Mapped '+tagged+' out of '+sourceArray.data.mappings.mappings.length+'</h4></div>')
 
     }
-    
+    if(changed > 0){
+      html += ((jobs && jobs.data && (jobs.data.status == "1" || jobs.data.status == "0" )) ? '' : '<div class="left-sticky d-flex justify-between align-center mr-10"><h4 part="results-title" class="d-flex align-center m-0"><span class="color-pending material-icons">pending</span>&nbsp;&nbsp;' + changed + ' Items changed</h4></div>')
+    }
     html += ((jobs && jobs.data && (jobs.data.status == "1" || jobs.data.status == "0" )) ? '' : '<div class="left-sticky d-flex justify-between align-center mr-10"><h4 part="results-title" class="d-flex align-center m-0">' + mandatoryStatus + '</h4></div>')
     
     html += ((jobs && jobs.data && (jobs.data.status == "1" || jobs.data.status == "0" )) ? '' : '<div class="left-sticky d-flex justify-between align-center mr-10"><h4 id="span-extra-filled" class="m-0" part="results-title"></h4></div>')
@@ -11427,7 +11489,7 @@ export class SfIEvents extends LitElement {
       // }
       html += '</thead>';
       html += '<tbody>';
-
+      console.log('changedIds', this.changedOnboardingItemIds);
       for(i = 0; i < sourceArray.data.mappings.mappings.length; i++) {
         
         var showSearch = false;
@@ -11561,14 +11623,36 @@ export class SfIEvents extends LitElement {
         var classBg = "";
 
         if(i%2 === 0) {
-          if(this.changedOnboardingItemIds.length > 0 && this.changedOnboardingItemIds.indexOf(taggingArray.data.mappings.mappings[i].id) >= 0 ){
-            classBg = 'td-light-selected';
+          if(this.changedOnboardingItemIds.length > 0){
+            let changedId = ""
+            for(let [k,col] of uniqCols.entries()){
+              changedId += taggingArray.data.mappings.mappings[i][col];
+              if(k < (uniqCols.length - 1)){
+                changedId += ";"
+              }
+            }
+            if(this.changedOnboardingItemIds.indexOf(changedId) >= 0){
+              classBg = 'td-light-selected';
+            }else{
+              classBg = 'td-light';  
+            }
           }else{
             classBg = 'td-light';
           }
         } else {
-          if(this.changedOnboardingItemIds.length > 0 && this.changedOnboardingItemIds.indexOf(taggingArray.data.mappings.mappings[i].id) >= 0 ){
-            classBg = 'td-dark-selected';
+          if(this.changedOnboardingItemIds.length > 0){
+            let changedId = ""
+            for(let [k,col] of uniqCols.entries()){
+              changedId += taggingArray.data.mappings.mappings[i][col];
+              if(k < (uniqCols.length - 1)){
+                changedId += ";"
+              }
+            }
+            if(this.changedOnboardingItemIds.indexOf(changedId) >= 0){
+              classBg = 'td-dark-selected';
+            }else{
+              classBg = 'td-dark';  
+            }
           }else{
             classBg = 'td-dark';
           }
@@ -12197,7 +12281,15 @@ export class SfIEvents extends LitElement {
           for(let [i,obj] of tempArr.entries()){
             if(JSON.stringify(taggingArray.data.mappings.mappings[i]) !== JSON.stringify(obj)){
               console.log('item changed', taggingArray.data.mappings.mappings[i], obj)
-              this.changedOnboardingItemIds.push(taggingArray.data.mappings.mappings[i].id)
+              let changedId = ""
+              for(let [k,col] of uniqCols.entries()){
+                changedId += taggingArray.data.mappings.mappings[i][col];
+                if(k < (uniqCols.length - 1)){
+                  changedId += ";"
+                }
+              }
+              // this.changedOnboardingItemIds.push(taggingArray.data.mappings.mappings[i].id + ";" + taggingArray.data.mappings.mappings[i].entityid + ";" + taggingArray.data.mappings.mappings[i].locationid)
+              this.changedOnboardingItemIds.push(changedId)
               changeCount++
             }
           }
@@ -19208,7 +19300,7 @@ export class SfIEvents extends LitElement {
 
 
   fetchSearchStatutes = async (searchString: string, cursor: string = "") => {
-
+    console.log('cursor', cursor);
     let url = "https://"+this.apiIdStatutes+"/listlarge";
     let authorization = btoa(Util.readCookie('email') + ":" + Util.readCookie('accessToken'));
     let xhr : any = (await this.prepareXhr({"searchstring": searchString, "cursor": cursor}, url, this._SfLoader, authorization)) as any;
@@ -19216,7 +19308,7 @@ export class SfIEvents extends LitElement {
     if(xhr.status == 200) {
 
       const jsonRespose = JSON.parse(xhr.responseText);
-      //console.log('searchstatutes', jsonRespose);
+      console.log('searchstatutes', {"searchstring": searchString, "cursor": cursor}, jsonRespose);
 
       let newCursor = jsonRespose.cursor;
       let i = 0;