sf-i-events 1.0.702 → 1.0.704

package/README.md

@@ -1,3 +1,3 @@
 # sf-i-events
 
-Work in progress
+L1

package/dev/index.html

@@ -754,7 +754,7 @@
             <sf-i-reporting id="reporting-format" mode="view"></sf-i-reporting>
         </div>
         
-    </sf-i-events>
+    </sf-i-events> -->
 <!-- 
     <sf-i-events name="Calendar" apiid="dwqyez2puoxmu.cloudfront.net/event" mode="consumer" apiidtags="dnytrdlrmxgsy.cloudfront.net/tagging" fill="solid" username="Chief Compliance Officer" userprofileid="5fe96caa-1a44-4a2d-921a-920d29433eca" projectid="41ab3c86-ccc0-4c0e-8e31-cd079a07a710" projectname="ABC Global" countryid="07d73b44-648d-4301-82c4-d6df43397824" myrole="functionhead" eventfielddependencies="[{&quot;type&quot;: &quot;foreignkey&quot;, &quot;parent&quot;: &quot;country&quot;, &quot;child&quot;: &quot;state&quot;},{&quot;type&quot;: &quot;foreignkey&quot;, &quot;parent&quot;: &quot;category&quot;, &quot;child&quot;: &quot;subcategory&quot;},{&quot;type&quot;: &quot;foreignkey&quot;, &quot;parent&quot;: &quot;frequency&quot;, &quot;child&quot;: &quot;subfrequency&quot;}]" eventfields="[{&quot;type&quot;: &quot;sf-i-select&quot;, &quot;apiId&quot;: &quot;dnytrdlrmxgsy.cloudfront.net/riskarea&quot;, &quot;field&quot;: &quot;riskarea&quot;},{&quot;type&quot;: &quot;sf-i-select&quot;, &quot;apiId&quot;: &quot;dnytrdlrmxgsy.cloudfront.net/jurisdiction&quot;, &quot;field&quot;: &quot;jurisdiction&quot;},{&quot;type&quot;: &quot;sf-i-select&quot;, &quot;apiId&quot;: &quot;dnytrdlrmxgsy.cloudfront.net/updatetype&quot;, &quot;field&quot;: &quot;updatetype&quot;},{&quot;type&quot;: &quot;sf-i-select&quot;, &quot;apiId&quot;: &quot;dnytrdlrmxgsy.cloudfront.net/country&quot;, &quot;field&quot;: &quot;country&quot;},{&quot;type&quot;: &quot;sf-i-select&quot;, &quot;apiId&quot;: &quot;dnytrdlrmxgsy.cloudfront.net/specificity&quot;, &quot;field&quot;: &quot;specificity&quot;},{&quot;type&quot;: &quot;sf-i-select&quot;, &quot;apiId&quot;: &quot;dnytrdlrmxgsy.cloudfront.net/risk&quot;, &quot;field&quot;: &quot;risk&quot;},{&quot;type&quot;: &quot;sf-i-select&quot;, &quot;apiId&quot;: &quot;dnytrdlrmxgsy.cloudfront.net/frequency&quot;, &quot;field&quot;: &quot;frequency&quot;},{&quot;type&quot;: &quot;sf-i-select&quot;, &quot;apiId&quot;: &quot;dnytrdlrmxgsy.cloudfront.net/category&quot;, &quot;field&quot;: &quot;category&quot;},{&quot;type&quot;: &quot;sf-i-select&quot;, &quot;apiId&quot;: &quot;dnytrdlrmxgsy.cloudfront.net/obligationtype&quot;, &quot;field&quot;: &quot;obligationtype&quot;},{&quot;type&quot;: &quot;sf-i-sub-select&quot;, &quot;apiId&quot;: &quot;dnytrdlrmxgsy.cloudfront.net/state&quot;, &quot;field&quot;: &quot;state&quot;},{&quot;type&quot;: &quot;sf-i-sub-select&quot;, &quot;apiId&quot;: &quot;dnytrdlrmxgsy.cloudfront.net/subfrequency&quot;, &quot;field&quot;: &quot;subfrequency&quot;},{&quot;type&quot;: &quot;sf-i-sub-select&quot;, &quot;apiId&quot;: &quot;dnytrdlrmxgsy.cloudfront.net/subcategory&quot;, &quot;field&quot;: &quot;subcategory&quot;},{&quot;type&quot;: &quot;sf-i-form&quot;, &quot;apiId&quot;: &quot;dnytrdlrmxgsy.cloudfront.net/statute&quot;, &quot;field&quot;: &quot;statute&quot;, &quot;projectField&quot;: &quot;name&quot;}]" eventpreviewfields="[&quot;obligation&quot;]" eventhidefields="[&quot;comments&quot;,&quot;documents&quot;,&quot;lastupdated&quot;,&quot;approved&quot;,&quot;tags&quot;]" calendarstartdd="01" calendarstartmm="04" calendarstartyyyy="2024">
 

package/package.json

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

package/sf-i-events.d.ts

@@ -439,7 +439,7 @@ export declare class SfIEvents extends LitElement {
     getComplianceStatus: (completeness: string, timeliness: string) => "scheduled" | "not-complied" | "partially-complied" | "complied";
     numcalled: number;
     updateStats: (event: any, partStatus: string, lateStatus: string, complianceStatus: string) => void;
-    renderCalendarGraphs: (showGraph: boolean) => string;
+    renderCalendarGraphs: (showGraph: boolean, parametersTitle: string) => string;
     renderCalendarContainerDivStart: (index: number) => string;
     renderCalendarContainerDivEnd: () => string;
     renderCalendarEventSummary: () => string;
@@ -458,7 +458,7 @@ export declare class SfIEvents extends LitElement {
     renderStatusString: (partStatus: string, lateStatus: string, complianceStatus: string) => string;
     getGraphParam: (event: any) => string;
     renderCalendarAnnotations: (event: any) => string;
-    renderEvents: (_firstDay: any, _endDay: any, iInit: number, iLast: number, showGraph: boolean, index: number, month: number, period: string, firstDate?: any) => string;
+    renderEvents: (_firstDay: any, _endDay: any, iInit: number, iLast: number, showGraph: boolean, index: number, month: number, period: string, firstDate: any, parametersTitle: string) => string;
     renderStreamEvents: (index: number, month: number, year: number, showGraph?: boolean) => string;
     renderThisEvents: (index: number, startDate: Date, showGraph?: boolean) => string;
     renderRangeEvents: (firstDate: Date, count: number, eventsContainer: HTMLDivElement) => void;
@@ -755,6 +755,7 @@ export declare class SfIEvents extends LitElement {
     renderAppropriateStream: (startDate: string, endDate: string, showGraph?: boolean) => void;
     fetchRegisters: (searchString?: string) => Promise<any>;
     fetchAndYearlyRenderUserCalendar_2: (startDate?: string, endDate?: string, searchString?: string, list?: string, month?: string) => Promise<void>;
+    fetchBulkReportingData: () => Promise<void>;
     fetchUserCalendar: () => Promise<void>;
     fetchCalendar: () => Promise<void>;
     fetchReprogramAdhoc: () => Promise<void>;

package/sf-i-events.js

@@ -2074,10 +2074,11 @@ let SfIEvents = class SfIEvents extends LitElement {
             this.updateLocationStats(event['locationname'], partStatus, lateStatus, complianceStatus);
             this.updateSubcategoryStats(event['subcategory'], partStatus, lateStatus, complianceStatus);
         };
-        this.renderCalendarGraphs = (showGraph) => {
+        this.renderCalendarGraphs = (showGraph, parametersTitle) => {
             //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>';
             if (showGraph) {
                 html += '<div part="stream-event-chart-selection" class="mb-20">';
                 html += '<div part="td-head" class="mb-5">Select Chart</div>';
@@ -2224,7 +2225,7 @@ let SfIEvents = class SfIEvents extends LitElement {
             html += '<div class="stream-events-container flex-grow">';
             html += '<div class="hidden-tags hide">' + JSON.stringify(event['tags']) + '</div>';
             html += '<div class="hidden-title hide"><table><thead><th part="badge-filtered"><i>not filtered</i></th></thead></table></div>';
-            html += '<div part="stream-events-event-title" class="stream-events-event-title d-flex align-center pl-5 pb-5">' + ('<input id="button-select-' + mmdd.replace('/', '-') + '-' + itemNumber + '-' + (((event.makercheckers != null && (event.makercheckers).length > 0)) ? '1' : '0') + '-' + (((event.docs != null && (event.docs).length > 0)) ? '1' : '0') + '-' + event.entityid.replace(/-/g, '_') + '-' + event.locationid.replace(/-/g, '_') + '-' + event.id.replace(/-/g, '_') + '-' + event.duedate.split('/')[1] + '-' + event.duedate.split('/')[0] + '-' + event.duedate.split('/')[2] + '-' + partStatus.replace(/-/g, '_') + '" class="button-select mr-10 ' + ((event.reportformat != null && event.reportformat.length > 0) ? 'hide' : '') + '" type="checkbox"/>') + '<sf-i-elastic-text text="' + event['obligationtitle'] + '" minLength="100"></sf-i-elastic-text>' + (lastUpdated.length > 0 ? ('&nbsp;&nbsp;<div part="event-last-updated-time" class="d-flex align-center">' + lastUpdated + '</div>') : "") + '</div>';
+            html += '<div part="stream-events-event-title" class="stream-events-event-title d-flex align-center pl-5 pb-5">' + ((event.isbulk == null || event.isbulk == false) ? ('<input id="button-select-' + mmdd.replace('/', '-') + '-' + itemNumber + '-' + (((event.makercheckers != null && (event.makercheckers).length > 0)) ? '1' : '0') + '-' + (((event.docs != null && (event.docs).length > 0)) ? '1' : '0') + '-' + event.entityid.replace(/-/g, '_') + '-' + event.locationid.replace(/-/g, '_') + '-' + event.id.replace(/-/g, '_') + '-' + event.duedate.split('/')[1] + '-' + event.duedate.split('/')[0] + '-' + event.duedate.split('/')[2] + '-' + partStatus.replace(/-/g, '_') + '" class="button-select mr-10 ' + ((event.reportformat != null && event.reportformat.length > 0) ? 'hide' : '') + '" type="checkbox"/>') : ('')) + '<sf-i-elastic-text text="' + event['obligationtitle'] + '" minLength="100"></sf-i-elastic-text>' + (lastUpdated.length > 0 ? ('&nbsp;&nbsp;<div part="event-last-updated-time" class="d-flex align-center">' + lastUpdated + '</div>') : "") + '</div>';
             if (remarks.length > 0) {
                 html += '<div part="stream-events-event-subtitle" class="stream-events-event-subtitle">' + remarks + ', occurred on ' + occurrenceDate + '</div>';
             }
@@ -2260,6 +2261,7 @@ let SfIEvents = class SfIEvents extends LitElement {
             html += '<table class="stream-events-container-table" part="' + partStatus + '">';
             html += '<thead>';
             html += '<th part="td-head">';
+            // if(event.isbulk == null || event.isbulk == false) html += 'Open'
             html += 'Open';
             html += '</th>';
             html += '<th part="td-head">';
@@ -2294,6 +2296,7 @@ let SfIEvents = class SfIEvents extends LitElement {
                 html += 'Comments';
                 html += '</th>';
             }
+            console.log('rendering last updated', event.lastupdated);
             if (event.lastupdated != null && (event.lastupdated).length > 0) {
                 html += '<th part="td-head">';
                 html += 'Updated';
@@ -2325,7 +2328,12 @@ let SfIEvents = class SfIEvents extends LitElement {
             var html = '';
             html += '<tbody>';
             html += '<td id="td-expand-' + i + '" part="td-body">';
-            html += '<button id="button-unmapped-expand-' + mmdd.replace('/', '-') + '-' + j + '" part="button-icon-small" class="material-icons button-expand mr-10">open_in_new</button>';
+            if (event.isbulk == null || !event.isbulk) {
+                html += '<button id="button-unmapped-expand-' + mmdd.replace('/', '-') + '-' + j + '" part="button-icon-small" class="material-icons button-expand mr-10">open_in_new</button>';
+            }
+            else {
+                html += '<div class="lds-dual-ring1"></div>';
+            }
             html += '</td>';
             html += '<td part="td-body">';
             html += this.renderStatusHtml(partStatus, lateStatus, complianceStatus, i);
@@ -2473,7 +2481,7 @@ let SfIEvents = class SfIEvents extends LitElement {
             html += '<div class="d-flex"><div part="badge-filter-name" class="graphparamname graphparamname1 mb-20">' + graphParam.split(';')[0] + '</div>' + reporterStr + approverStr + '</div>';
             return html;
         };
-        this.renderEvents = (_firstDay, _endDay, iInit, iLast, showGraph, index, month, period, firstDate = null) => {
+        this.renderEvents = (_firstDay, _endDay, iInit, iLast, showGraph, index, month, period, firstDate = null, parametersTitle) => {
             var total = 0, notStarted = 0, approved = 0, pendingApproval = 0, rejected = 0, inTime = 0, pastDueDate = 0, lateExecuted = 0, lateApproved = 0, lateReported = 0, scheduled = 0, partiallyComplied = 0, notComplied = 0, complied = 0;
             var html = '';
             this.selectedItemIds = [];
@@ -2487,7 +2495,7 @@ let SfIEvents = class SfIEvents extends LitElement {
             this.clearGraphData();
             this.clearSelectedGraphParam();
             this.clearSelectedLegend();
-            html += this.renderCalendarGraphs(showGraph);
+            html += this.renderCalendarGraphs(showGraph, parametersTitle);
             html += this.renderCalendarContainerDivStart(index);
             html += this.renderCalendarEventSummary();
             // csvCols += 'Period,Status,Id,ObligationTitle,Obligation,Duedate' 
@@ -2680,7 +2688,7 @@ let SfIEvents = class SfIEvents extends LitElement {
             let endDay = new Date(year, month, 1);
             endDay === null || endDay === void 0 ? void 0 : endDay.setDate(endDay.getDate() + lastDay + 1);
             var period = ("0" + (month + 1)).slice(-2) + "/" + ("0" + 1).slice(-2) + '/' + new Date().getFullYear() + ' - ' + ("0" + (month + 1)).slice(-2) + "/" + ("0" + lastDay).slice(-2) + '/' + new Date().getFullYear();
-            return this.renderEvents(firstDay, endDay, 1, lastDay, showGraph, index, month, period);
+            return this.renderEvents(firstDay, endDay, 1, lastDay, showGraph, index, month, period, null, this.monthNames[month] + " " + year);
         };
         this.renderThisEvents = (index, startDate, showGraph = true) => {
             var firstDate = new Date();
@@ -2701,7 +2709,7 @@ let SfIEvents = class SfIEvents extends LitElement {
             let endDay = new Date(firstDate.getFullYear(), firstDate.getMonth(), firstDate.getDate());
             endDay === null || endDay === void 0 ? void 0 : endDay.setDate(endDay.getDate() + lastDay + 1);
             var period = ("0" + (firstDate.getMonth() + 1)).slice(-2) + "/" + ("0" + 1).slice(-2) + '/' + firstDate.getFullYear() + ' - ' + ("0" + (firstDate.getMonth() + 1)).slice(-2) + "/" + ("0" + count).slice(-2) + '/' + firstDate.getFullYear();
-            return this.renderEvents(firstDay, endDay, 1, lastDay, showGraph, index, (firstDate.getMonth()), period);
+            return this.renderEvents(firstDay, endDay, 1, lastDay, showGraph, index, (firstDate.getMonth()), period, null, "This " + (index === 0 ? "Week" : "Month"));
         };
         this.renderRangeEvents = (firstDate, count, eventsContainer) => {
             var lastDate = new Date(firstDate.getTime());
@@ -2712,7 +2720,7 @@ let SfIEvents = class SfIEvents extends LitElement {
             endDay === null || endDay === void 0 ? void 0 : endDay.setDate(endDay.getDate() + lastDay + 1);
             var period = ("0" + (firstDate.getMonth() + 1)).slice(-2) + "/" + ("0" + firstDate.getDate()).slice(-2) + '/' + firstDate.getFullYear() + ' - ' + ("0" + (lastDate.getMonth() + 1)).slice(-2) + "/" + ("0" + lastDate.getDate()).slice(-2) + '/' + lastDate.getFullYear();
             //console.log('rangeperiod', period)
-            var html = this.renderEvents(firstDay, endDay, 1, lastDay, true, 0, (firstDate.getMonth()), period, firstDate);
+            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.attachTimelineFilterHandlers(eventsContainer);
             const radioExpander = eventsContainer.querySelector('#graph-radios-expander');
@@ -6352,15 +6360,17 @@ let SfIEvents = class SfIEvents extends LitElement {
             }
         };
         this.renderEventDetail = (event, mmddyyyy, currentColumnButton) => {
-            var _a, _b, _c, _f, _g, _h, _j, _k, _l, _m, _o, _p;
-            console.log('event details', event, mmddyyyy);
+            var _a, _b, _c, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q;
+            console.log('event details', event, mmddyyyy, currentColumnButton == null ? "null currentColumnButton" : currentColumnButton.id);
             let comments, docs, approved, dateOfCompletion, makercheckers, docsOptional, documentType;
             let entityId = "";
             let locationId = "";
             let statuteName = "";
             let reportformatName = "";
+            let mmdd = mmddyyyy.split('/')[0] + '/' + mmddyyyy.split('/')[1];
             entityId = event.entityid;
             locationId = event.locationid;
+            let completeness = this.getCompletenessStatus(event);
             comments = event['comments'] == null ? [] : (event['comments']);
             docs = event['documents'] == null ? [] : event['documents'] == null ? [] : (event['documents']);
             approved = event['approved'] == null ? false : event['approved'] == null ? false : event['approved'];
@@ -6652,6 +6662,9 @@ let SfIEvents = class SfIEvents extends LitElement {
                         html += '<br />';
                         if (makercheckers.length > 0) {
                             html += '<div part="td-head" class="td-head d-flex justify-center align-center"><span class="material-symbols-outlined">check_small</span><div>&nbsp;Auto-approve Enabled</div></div>';
+                            if (completeness == "pending-approval" && this.enableDeleteLatestReport) {
+                                html += '<div part="td-head" class="td-head d-flex justify-center align-center"><button class="mt-5" part="button" id="button-auto-approve">Auto Approve</button></div>';
+                            }
                         }
                         html += '</div>';
                         html += '</div>';
@@ -6794,11 +6807,62 @@ let SfIEvents = class SfIEvents extends LitElement {
                 });
                 this._SfDetailContainer.querySelector('#button-detail-close').dispatchEvent(clickEvent);
             });
-            (_c = this._SfDetailContainer.querySelector('#button-detail-close')) === null || _c === void 0 ? void 0 : _c.addEventListener('click', () => {
+            (_c = this._SfDetailContainer.querySelector('#button-auto-approve')) === null || _c === void 0 ? void 0 : _c.addEventListener('click', async () => {
+                if (this.selectedItemIds.length === 0) {
+                    await this.uploadReview(entityId, locationId, mmddyyyy, event["id"], "Auto approved", true);
+                    this.setSuccess('Auto-Approved successfully!');
+                    setTimeout(() => {
+                        this.clearMessages();
+                    }, 3000);
+                }
+                else {
+                    let bulkBodyReview = [];
+                    for (var k = 0; k < this.selectedItemIds.length; k++) {
+                        const selectedId = this.selectedItemIds[k];
+                        //console.log('selectedid', selectedId);
+                        entityId = selectedId.split('-')[7].replace(/_/g, '-');
+                        locationId = selectedId.split('-')[8].replace(/_/g, '-');
+                        const eventId = selectedId.split('-')[9].replace(/_/g, '-');
+                        mmddyyyy = selectedId.split('-')[10] + '/' + selectedId.split('-')[11] + '/' + selectedId.split('-')[12];
+                        //console.log(entityId, locationId, eventId, mmddyyyy);
+                        bulkBodyReview.push({
+                            "mmddyyyy": mmddyyyy,
+                            "projectid": this.projectId,
+                            "type": "review",
+                            "eventid": eventId,
+                            "comments": "Auto approved",
+                            "approved": true,
+                            "entityid": entityId,
+                            "locationid": locationId,
+                            "username": this.userName,
+                            "userid": this.userProfileId,
+                            "userrole": this.myRole,
+                            "year": this.calendarStartYYYY
+                        });
+                    }
+                    await this.uploadReviewsBulk(bulkBodyReview);
+                }
+                //console.log('deleted', resultDelete);
+                if (this.getCurrentTab() == this.TAB_CUSTOM) {
+                    this.processDateSelection(this._SfCustomContainer);
+                }
+                else {
+                    if (currentColumnButton != null) {
+                        currentColumnButton.click();
+                    }
+                }
+                var clickEvent = new MouseEvent("click", {
+                    "view": window,
+                    "bubbles": true,
+                    "cancelable": false
+                });
+                this._SfDetailContainer.querySelector('#button-detail-close').dispatchEvent(clickEvent);
+            });
+            (_f = this._SfDetailContainer.querySelector('#button-detail-close')) === null || _f === void 0 ? void 0 : _f.addEventListener('click', () => {
                 this._SfDetailContainer.innerHTML = '';
                 this._SfDetailContainer.style.display = 'none';
             });
-            (_f = this._SfDetailContainer.querySelector('.head-basic')) === null || _f === void 0 ? void 0 : _f.addEventListener('click', () => {
+            (_g = this._SfDetailContainer.querySelector('.head-basic')) === null || _g === void 0 ? void 0 : _g.addEventListener('click', () => {
                 //console.log('head basic clicked', ((this._SfDetailContainer as HTMLDivElement).querySelector('.body-basic') as HTMLDivElement).style.display);
                 if (this._SfDetailContainer.querySelector('.body-basic').style.display == 'flex' || this._SfDetailContainer.querySelector('.body-basic').style.display == '') {
                     this._SfDetailContainer.querySelector('.body-basic').style.display = 'none';
@@ -6809,7 +6873,7 @@ let SfIEvents = class SfIEvents extends LitElement {
                     this._SfDetailContainer.querySelector('.head-indicator-basic').innerHTML = '-';
                 }
             });
-            (_g = this._SfDetailContainer.querySelector('.head-statute')) === null || _g === void 0 ? void 0 : _g.addEventListener('click', () => {
+            (_h = this._SfDetailContainer.querySelector('.head-statute')) === null || _h === void 0 ? void 0 : _h.addEventListener('click', () => {
                 //console.log('head statute clicked', ((this._SfDetailContainer as HTMLDivElement).querySelector('.body-statute') as HTMLDivElement).style.display);
                 if (this._SfDetailContainer.querySelector('.body-statute').style.display == 'flex' || this._SfDetailContainer.querySelector('.body-statute').style.display == '') {
                     this._SfDetailContainer.querySelector('.body-statute').style.display = 'none';
@@ -6820,7 +6884,7 @@ let SfIEvents = class SfIEvents extends LitElement {
                     this._SfDetailContainer.querySelector('.head-indicator-statute').innerHTML = '-';
                 }
             });
-            (_h = this._SfDetailContainer.querySelector('.head-compliance')) === null || _h === void 0 ? void 0 : _h.addEventListener('click', () => {
+            (_j = this._SfDetailContainer.querySelector('.head-compliance')) === null || _j === void 0 ? void 0 : _j.addEventListener('click', () => {
                 if (this._SfDetailContainer.querySelector('.body-compliance').style.display == 'flex' || this._SfDetailContainer.querySelector('.body-compliance').style.display == '') {
                     this._SfDetailContainer.querySelector('.body-compliance').style.display = 'none';
                     this._SfDetailContainer.querySelector('.head-indicator-compliance').innerHTML = '+';
@@ -6830,7 +6894,7 @@ let SfIEvents = class SfIEvents extends LitElement {
                     this._SfDetailContainer.querySelector('.head-indicator-compliance').innerHTML = '-';
                 }
             });
-            (_j = this._SfDetailContainer.querySelector('.head-grc')) === null || _j === void 0 ? void 0 : _j.addEventListener('click', () => {
+            (_k = this._SfDetailContainer.querySelector('.head-grc')) === null || _k === void 0 ? void 0 : _k.addEventListener('click', () => {
                 if (this._SfDetailContainer.querySelector('.body-grc').style.display == 'flex' || this._SfDetailContainer.querySelector('.body-grc').style.display == '') {
                     this._SfDetailContainer.querySelector('.body-grc').style.display = 'none';
                     this._SfDetailContainer.querySelector('.head-indicator-grc').innerHTML = '+';
@@ -6841,7 +6905,7 @@ let SfIEvents = class SfIEvents extends LitElement {
                 }
             });
             if (this.mode == "consumer" || this.mode == "next") {
-                (_k = this._SfDetailContainer.querySelector('#button-uploader-submit-approve')) === null || _k === void 0 ? void 0 : _k.addEventListener('click', async () => {
+                (_l = this._SfDetailContainer.querySelector('#button-uploader-submit-approve')) === null || _l === void 0 ? void 0 : _l.addEventListener('click', async () => {
                     const comments = this._SfDetailContainer.querySelector('#input-approver-comments').value;
                     const approved = this._SfDetailContainer.querySelector('#input-approve-yes').checked;
                     var clickEvent = new MouseEvent("click", {
@@ -6854,6 +6918,12 @@ let SfIEvents = class SfIEvents extends LitElement {
                     if (this.selectedItemIds.length === 0) {
                         // console.log('mmddyyyy', mmddyyyy)
                         await this.uploadReview(entityId, locationId, mmddyyyy, event["id"], comments, approved);
+                        for (var p = 0; p < this.events[mmdd].length; p++) {
+                            if (this.events[mmdd][p].id == event.id && this.events[mmdd][p].locationid == locationId && this.events[mmdd][p].entityid == entityId) {
+                                this.events[mmdd][p].comments.push({ 'author': 'Approver', 'comment': comments + ` (Approved: ${approved ? 'Yes' : 'No'})`, 'timestamp': new Date().toISOString() });
+                                this.events[mmdd][p].lastupdated = new Date().toISOString();
+                            }
+                        }
                     }
                     else {
                         let bulkBodyReview = [];
@@ -6885,6 +6955,19 @@ let SfIEvents = class SfIEvents extends LitElement {
                             // this.clearMessages();
                         }
                         await this.uploadReviewsBulk(bulkBodyReview);
+                        for (var k = 0; k < this.selectedItemIds.length; k++) {
+                            const selectedId = this.selectedItemIds[k];
+                            //console.log('selectedid', selectedId);
+                            entityId = selectedId.split('-')[7].replace(/_/g, '-');
+                            locationId = selectedId.split('-')[8].replace(/_/g, '-');
+                            const eventId = selectedId.split('-')[9].replace(/_/g, '-');
+                            mmddyyyy = selectedId.split('-')[10] + '/' + selectedId.split('-')[11] + '/' + selectedId.split('-')[12];
+                            for (var p = 0; p < this.events[mmdd].length; p++) {
+                                if (this.events[mmdd][p].id == eventId && this.events[mmdd][p].locationid == locationId && this.events[mmdd][p].entityid == entityId) {
+                                    this.events[mmdd][p].isbulk = true;
+                                }
+                            }
+                        }
                     }
                     if (this.mode == "next") {
                         // this.fetchNext(this.nextPage)
@@ -6899,13 +6982,23 @@ let SfIEvents = class SfIEvents extends LitElement {
                             this.processFindSelection(this._SfFindContainer, searchString);
                         }
                         else {
-                            if (currentColumnButton != null) {
-                                currentColumnButton.click();
+                            this.renderAppropriateStream(this.sdate, this.edate, true);
+                            var clickEvent = new MouseEvent("click", {
+                                "view": window,
+                                "bubbles": true,
+                                "cancelable": false
+                            });
+                            this._SfDetailContainer.querySelector('#button-detail-close').dispatchEvent(clickEvent);
+                            if (this.selectedItemIds.length > 0) {
+                                this.fetchBulkReportingData();
                             }
+                            // if(currentColumnButton != null) {
+                            //   currentColumnButton.click();
+                            // }
                         }
                     }
                 });
-                (_l = this._SfDetailContainer.querySelector('#button-uploader-submit-audit')) === null || _l === void 0 ? void 0 : _l.addEventListener('click', async () => {
+                (_m = this._SfDetailContainer.querySelector('#button-uploader-submit-audit')) === null || _m === void 0 ? void 0 : _m.addEventListener('click', async () => {
                     const comments = this._SfDetailContainer.querySelector('#input-auditor-comments').value;
                     const approved = this._SfDetailContainer.querySelector('#input-approve-yes').checked;
                     if (comments.trim().length === 0) {
@@ -6917,6 +7010,13 @@ let SfIEvents = class SfIEvents extends LitElement {
                     else {
                         if (this.selectedItemIds.length === 0) {
                             await this.uploadAudit(entityId, locationId, mmddyyyy, event["id"], comments, approved);
+                            for (var p = 0; p < this.events[mmdd].length; p++) {
+                                if (this.events[mmdd][p].id == event.id && this.events[mmdd][p].locationid == locationId && this.events[mmdd][p].entityid == entityId) {
+                                    this.events[mmdd][p].approved = approved;
+                                    this.events[mmdd][p].comments.push({ 'author': 'Auditor', 'comment': comments + ` (Approved: ${approved ? 'Yes' : 'No'})`, 'timestamp': new Date().toISOString() });
+                                    this.events[mmdd][p].lastupdated = new Date().toISOString();
+                                }
+                            }
                         }
                         else {
                             let bulkBodyAudit = [];
@@ -6945,6 +7045,19 @@ let SfIEvents = class SfIEvents extends LitElement {
                                 // await this.uploadAudit(entityId, locationId, mmddyyyy, eventId, comments, approved);
                             }
                             await this.uploadAuditsBulk(bulkBodyAudit);
+                            for (var k = 0; k < this.selectedItemIds.length; k++) {
+                                const selectedId = this.selectedItemIds[k];
+                                //console.log('selectedid', selectedId);
+                                entityId = selectedId.split('-')[7].replace(/_/g, '-');
+                                locationId = selectedId.split('-')[8].replace(/_/g, '-');
+                                const eventId = selectedId.split('-')[9].replace(/_/g, '-');
+                                mmddyyyy = selectedId.split('-')[10] + '/' + selectedId.split('-')[11] + '/' + selectedId.split('-')[12];
+                                for (var p = 0; p < this.events[mmdd].length; p++) {
+                                    if (this.events[mmdd][p].id == eventId && this.events[mmdd][p].locationid == locationId && this.events[mmdd][p].entityid == entityId) {
+                                        this.events[mmdd][p].isbulk = true;
+                                    }
+                                }
+                            }
                         }
                         var clickEvent = new MouseEvent("click", {
                             "view": window,
@@ -6964,9 +7077,13 @@ let SfIEvents = class SfIEvents extends LitElement {
                                 this.processFindSelection(this._SfFindContainer, searchString);
                             }
                             else {
-                                if (currentColumnButton != null) {
-                                    currentColumnButton.click();
+                                this.renderAppropriateStream(this.sdate, this.edate, true);
+                                if (this.selectedItemIds.length > 0) {
+                                    this.fetchBulkReportingData();
                                 }
+                                // if(currentColumnButton != null) {
+                                //   currentColumnButton.click();
+                                // }
                             }
                         }
                     }
@@ -6980,7 +7097,7 @@ let SfIEvents = class SfIEvents extends LitElement {
                     else {
                         if (this._SfDetailContainer.querySelector('#button-uploader-submit-report') != null) {
                             this._SfDetailContainer.querySelector('#button-uploader-submit-report').style.visibility = 'visible';
-                            (_m = this._SfDetailContainer.querySelector('#button-uploader-submit-report')) === null || _m === void 0 ? void 0 : _m.addEventListener('click', async () => {
+                            (_o = this._SfDetailContainer.querySelector('#button-uploader-submit-report')) === null || _o === void 0 ? void 0 : _o.addEventListener('click', async () => {
                                 var _a, _b;
                                 const reportercomments = this._SfDetailContainer.querySelector('#input-reporter-comments').value;
                                 //console.log('reporter comments 1', reportercomments);
@@ -7032,8 +7149,24 @@ let SfIEvents = class SfIEvents extends LitElement {
                                                 // console.log('reportformatvalues', reportformatvalues)
                                                 // console.log('reportformatschema',reportformatschema)
                                                 await this.uploadReport(entityId, locationId, mmddyyyy, event["id"], reportercomments, reporterdoc, docs, event, reportformatvalues, reportformatschema);
+                                                console.log('this.events', this.events);
+                                                for (var p = 0; p < this.events[mmdd].length; p++) {
+                                                    if (this.events[mmdd][p].id == event.id && this.events[mmdd][p].locationid == locationId && this.events[mmdd][p].entityid == entityId) {
+                                                        this.events[mmdd][p].documents = docs;
+                                                        this.events[mmdd][p].comments.push({ 'author': 'Reporter', 'comment': reportercomments + ` (Documents Saved: ${docs.length}})`, 'timestamp': new Date().toISOString() });
+                                                        this.events[mmdd][p].lastupdated = new Date().toISOString();
+                                                    }
+                                                }
                                                 if (makercheckers.length > 0) {
                                                     await this.uploadReview(entityId, locationId, mmddyyyy, event["id"], "Auto approved", true);
+                                                    for (var p = 0; p < this.events[mmdd].length; p++) {
+                                                        if (this.events[mmdd][p].id == event.id && this.events[mmdd][p].locationid == locationId && this.events[mmdd][p].entityid == entityId) {
+                                                            this.events[mmdd][p].approved = true;
+                                                            // this.events[mmdd][p].documents = docs
+                                                            this.events[mmdd][p].comments.push({ 'author': 'Auditor', 'comment': `Auto approved (Approved: Yes})`, 'timestamp': new Date().toISOString() });
+                                                            this.events[mmdd][p].lastupdated = new Date().toISOString();
+                                                        }
+                                                    }
                                                 }
                                             }
                                             else {
@@ -7092,6 +7225,19 @@ let SfIEvents = class SfIEvents extends LitElement {
                                                 if (bulkBodyReview.length > 0) {
                                                     await this.uploadReviewsBulk(bulkBodyReview);
                                                 }
+                                                for (var k = 0; k < this.selectedItemIds.length; k++) {
+                                                    const selectedId = this.selectedItemIds[k];
+                                                    //console.log('selectedid', selectedId);
+                                                    entityId = selectedId.split('-')[7].replace(/_/g, '-');
+                                                    locationId = selectedId.split('-')[8].replace(/_/g, '-');
+                                                    const eventId = selectedId.split('-')[9].replace(/_/g, '-');
+                                                    mmddyyyy = selectedId.split('-')[10] + '/' + selectedId.split('-')[11] + '/' + selectedId.split('-')[12];
+                                                    for (var p = 0; p < this.events[mmdd].length; p++) {
+                                                        if (this.events[mmdd][p].id == eventId && this.events[mmdd][p].locationid == locationId && this.events[mmdd][p].entityid == entityId) {
+                                                            this.events[mmdd][p].isbulk = true;
+                                                        }
+                                                    }
+                                                }
                                             }
                                             if (this.mode == "next") {
                                                 this.fetchNext(this.nextPage, this.nextTabRole, this.nextTabStatus);
@@ -7105,9 +7251,13 @@ let SfIEvents = class SfIEvents extends LitElement {
                                                     this.processFindSelection(this._SfFindContainer, searchString);
                                                 }
                                                 else {
-                                                    if (currentColumnButton != null) {
-                                                        currentColumnButton.click();
+                                                    this.renderAppropriateStream(this.sdate, this.edate, true);
+                                                    if (this.selectedItemIds.length > 0) {
+                                                        this.fetchBulkReportingData();
                                                     }
+                                                    // if(currentColumnButton != null) {
+                                                    //   currentColumnButton.click();
+                                                    // }
                                                 }
                                             }
                                         }
@@ -7197,7 +7347,7 @@ let SfIEvents = class SfIEvents extends LitElement {
             }
             this.fetchStatuteDefinitionDetails(statuteName);
             if (event['reportformat'] != null && event['reportformat'].length > 0) {
-                this.fetchReportFormat(reportformatName, (_o = event['reportformatschema']) !== null && _o !== void 0 ? _o : "", (_p = event['reportformatvalues']) !== null && _p !== void 0 ? _p : "");
+                this.fetchReportFormat(reportformatName, (_p = event['reportformatschema']) !== null && _p !== void 0 ? _p : "", (_q = event['reportformatvalues']) !== null && _q !== void 0 ? _q : "");
             }
         };
         this.renderCalendar = () => {
@@ -11962,7 +12112,8 @@ let SfIEvents = class SfIEvents extends LitElement {
                         graphparamnames2[i].style.display = 'block';
                     if (graphparamnames3 != null && graphparamnames3[i] != null)
                         graphparamnames3[i].style.display = 'block';
-                    eventTitles[i].style.display = 'flex';
+                    if (eventTitles[i] != null)
+                        eventTitles[i].style.display = 'flex';
                     if (eventSubTitles[i] != null) {
                         eventSubTitles[i].style.display = 'flex';
                     }
@@ -13059,7 +13210,7 @@ let SfIEvents = class SfIEvents extends LitElement {
             }
         };
         this.uploadAudit = async (entityId, locationId, mmddyyyy, eventid, comments, approved) => {
-            let url = "https://" + this.apiId + "/uploadaudit";
+            let url = "https://" + this.apiId + "/uploadaudit1";
             const body = {
                 "mmddyyyy": mmddyyyy,
                 "projectid": this.projectId,
@@ -13095,7 +13246,7 @@ let SfIEvents = class SfIEvents extends LitElement {
             }
         };
         this.uploadAuditsBulk = async (bulkBody) => {
-            let url = "https://" + this.apiId + "/uploadauditsbulk";
+            let url = "https://" + this.apiId + "/uploadauditsbulk1";
             const authorization = btoa(Util.readCookie('email') + ":" + Util.readCookie('accessToken'));
             const xhr = (await this.prepareXhr(bulkBody, url, this._SfLoader, authorization));
             this._SfLoader.innerHTML = '';
@@ -13111,7 +13262,7 @@ let SfIEvents = class SfIEvents extends LitElement {
             }
         };
         this.uploadReview = async (entityId, locationId, mmddyyyy, eventid, comments, approved) => {
-            let url = "https://" + this.apiId + "/uploadreview";
+            let url = "https://" + this.apiId + "/uploadreview1";
             const body = {
                 "mmddyyyy": mmddyyyy,
                 "projectid": this.projectId,
@@ -13149,7 +13300,7 @@ let SfIEvents = class SfIEvents extends LitElement {
             ``;
         };
         this.uploadReviewsBulk = async (bulkBody) => {
-            let url = "https://" + this.apiId + "/uploadreviewsbulk";
+            let url = "https://" + this.apiId + "/uploadreviewsbulk1";
             const authorization = btoa(Util.readCookie('email') + ":" + Util.readCookie('accessToken'));
             const xhr = (await this.prepareXhr(bulkBody, url, this._SfLoader, authorization));
             this._SfLoader.innerHTML = '';
@@ -14473,6 +14624,7 @@ let SfIEvents = class SfIEvents extends LitElement {
                 this.events = (await this.fetchPresignedUrl(jsonRespose.signedUrlGet));
                 await this.fetchPresignedUrlDelete(jsonRespose.signedUrlDelete);
                 this.renderAppropriateStream(startDate, endDate, list == "no");
+                this.fetchBulkReportingData();
                 // this.events = {}
                 // this.events = {...JSON.parse(JSON.stringify(jsonRespose.data.events))};
                 // let lastEvaluatedKey = jsonRespose.lastEvaluatedKey;
@@ -14520,6 +14672,38 @@ let SfIEvents = class SfIEvents extends LitElement {
                 }
             }
         };
+        this.fetchBulkReportingData = async () => {
+            let path = "getbulkreportjobs";
+            let urlBody = { "projectid": this.projectId };
+            let url = "https://" + this.apiId + "/" + path;
+            const authorization = btoa(Util.readCookie('email') + ":" + Util.readCookie('accessToken'));
+            const xhr = (await this.prepareXhr(urlBody, url, this._SfLoader, authorization, 'Preparing'));
+            this._SfLoader.innerHTML = '';
+            if (xhr.status == 200) {
+                const jsonRespose = JSON.parse(xhr.responseText);
+                console.log('bulk reports jsonRespose', jsonRespose);
+                if (jsonRespose.result == true) {
+                    for (let sortid of Object.keys(jsonRespose.data)) {
+                        let sortidArr = sortid.split(';');
+                        let mmddyyyy = sortidArr[0];
+                        let entityid = sortidArr[1];
+                        let locationid = sortidArr[2];
+                        let eventid = sortidArr[3];
+                        let mmdd = mmddyyyy.split('/')[0] + '/' + mmddyyyy.split('/')[1];
+                        console.log('mmdd', mmdd, Object.keys(this.events));
+                        for (let i = 0; i < this.events[mmdd].length; i++) {
+                            if (this.events[mmdd][i].entityid == entityid && this.events[mmdd][i].locationid == locationid && this.events[mmdd][i].id == eventid) {
+                                this.events[mmdd][i].isbulk = true;
+                                break;
+                            }
+                        }
+                    }
+                    if (Object.keys(jsonRespose.data).length > 0) {
+                        this.renderAppropriateStream(this.sdate, this.edate, true);
+                    }
+                }
+            }
+        };
         this.fetchUserCalendar = async () => {
             let url = "https://" + this.apiId + "/getuserevents";
             const authorization = btoa(Util.readCookie('email') + ":" + Util.readCookie('accessToken'));
@@ -16296,6 +16480,32 @@ SfIEvents.styles = css `
 
     }
 
+    .lds-dual-ring1 {
+      display: inline-block;
+      width: 15px;
+      height: 15px;
+    }
+    .lds-dual-ring1:after {
+      content: " ";
+      display: block;
+      width: 15px;
+      height: 15px;
+      margin: 0px;
+      border-radius: 50%;
+      border: 2px solid #fff;
+      border-color: #666 #ddd #666 #ddd;
+      animation: lds-dual-ring 0.8s linear infinite;
+    }
+  
+    @keyframes lds-dual-ring1 {
+      0% {
+        transform: rotate(0deg);
+      }
+      100% {
+        transform: rotate(360deg);
+      }
+    }
+
     sf-i-uploader::part(button-icon) {
       border-width: 0px;      
       border-radius: 5px;

package/src/sf-i-events.ts

@@ -1602,6 +1602,32 @@ export class SfIEvents extends LitElement {
 
     }
 
+    .lds-dual-ring1 {
+      display: inline-block;
+      width: 15px;
+      height: 15px;
+    }
+    .lds-dual-ring1:after {
+      content: " ";
+      display: block;
+      width: 15px;
+      height: 15px;
+      margin: 0px;
+      border-radius: 50%;
+      border: 2px solid #fff;
+      border-color: #666 #ddd #666 #ddd;
+      animation: lds-dual-ring 0.8s linear infinite;
+    }
+  
+    @keyframes lds-dual-ring1 {
+      0% {
+        transform: rotate(0deg);
+      }
+      100% {
+        transform: rotate(360deg);
+      }
+    }
+
     sf-i-uploader::part(button-icon) {
       border-width: 0px;      
       border-radius: 5px;
@@ -4077,13 +4103,14 @@ export class SfIEvents extends LitElement {
 
   }
 
-  renderCalendarGraphs = (showGraph: boolean) => {
+  renderCalendarGraphs = (showGraph: boolean, parametersTitle: string) => {
 
     //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>';
       if(showGraph) {
         html += '<div part="stream-event-chart-selection" class="mb-20">';
           html += '<div part="td-head" class="mb-5">Select Chart</div>';
@@ -4274,7 +4301,7 @@ export class SfIEvents extends LitElement {
     html += '<div class="stream-events-container flex-grow">';
     html += '<div class="hidden-tags hide">'+JSON.stringify(event['tags'])+'</div>'
     html += '<div class="hidden-title hide"><table><thead><th part="badge-filtered"><i>not filtered</i></th></thead></table></div>'
-    html += '<div part="stream-events-event-title" class="stream-events-event-title d-flex align-center pl-5 pb-5">' + ('<input id="button-select-'+mmdd.replace('/', '-')+'-'+itemNumber + '-' + (((event.makercheckers != null && (event.makercheckers).length > 0)) ? '1' : '0') + '-' + (((event.docs != null && (event.docs).length > 0)) ? '1' : '0') + '-' + event.entityid.replace(/-/g, '_') + '-' + event.locationid.replace(/-/g, '_') + '-' + event.id.replace(/-/g, '_') +  '-' + event.duedate.split('/')[1] + '-' + event.duedate.split('/')[0] + '-' + event.duedate.split('/')[2] + '-' + partStatus.replace(/-/g,'_') +  '" class="button-select mr-10 ' + ((event.reportformat != null && event.reportformat.length > 0) ? 'hide' : '') + '" type="checkbox"/>') + '<sf-i-elastic-text text="'+event['obligationtitle']+'" minLength="100"></sf-i-elastic-text>' + (lastUpdated.length > 0 ? ('&nbsp;&nbsp;<div part="event-last-updated-time" class="d-flex align-center">' + lastUpdated + '</div>') : "") + '</div>';
+    html += '<div part="stream-events-event-title" class="stream-events-event-title d-flex align-center pl-5 pb-5">' + ((event.isbulk == null || event.isbulk == false) ? ('<input id="button-select-'+mmdd.replace('/', '-')+'-'+itemNumber + '-' + (((event.makercheckers != null && (event.makercheckers).length > 0)) ? '1' : '0') + '-' + (((event.docs != null && (event.docs).length > 0)) ? '1' : '0') + '-' + event.entityid.replace(/-/g, '_') + '-' + event.locationid.replace(/-/g, '_') + '-' + event.id.replace(/-/g, '_') +  '-' + event.duedate.split('/')[1] + '-' + event.duedate.split('/')[0] + '-' + event.duedate.split('/')[2] + '-' + partStatus.replace(/-/g,'_') +  '" class="button-select mr-10 ' + ((event.reportformat != null && event.reportformat.length > 0) ? 'hide' : '') + '" type="checkbox"/>') : ('')) + '<sf-i-elastic-text text="'+event['obligationtitle']+'" minLength="100"></sf-i-elastic-text>' + (lastUpdated.length > 0 ? ('&nbsp;&nbsp;<div part="event-last-updated-time" class="d-flex align-center">' + lastUpdated + '</div>') : "") + '</div>';
     if(remarks.length > 0) {
       html += '<div part="stream-events-event-subtitle" class="stream-events-event-subtitle">'+remarks+', occurred on '+occurrenceDate+'</div>';  
     }
@@ -4327,6 +4354,7 @@ export class SfIEvents extends LitElement {
     html += '<table class="stream-events-container-table" part="'+partStatus+'">';
     html += '<thead>';
     html += '<th part="td-head">';
+    // if(event.isbulk == null || event.isbulk == false) html += 'Open'
     html += 'Open'
     html += '</th>';
     html += '<th part="td-head">';
@@ -4362,6 +4390,7 @@ export class SfIEvents extends LitElement {
       html += 'Comments'
       html += '</th>';
     }
+    console.log('rendering last updated', event.lastupdated)
     if(event.lastupdated != null && (event.lastupdated).length > 0) {
       html += '<th part="td-head">';
       html += 'Updated'
@@ -4399,7 +4428,11 @@ export class SfIEvents extends LitElement {
 
     html += '<tbody>';
     html += '<td id="td-expand-'+i+'" part="td-body">';
-    html += '<button id="button-unmapped-expand-'+mmdd.replace('/', '-')+'-'+j+'" part="button-icon-small" class="material-icons button-expand mr-10">open_in_new</button>'
+    if(event.isbulk == null || !event.isbulk){
+      html += '<button id="button-unmapped-expand-'+mmdd.replace('/', '-')+'-'+j+'" part="button-icon-small" class="material-icons button-expand mr-10">open_in_new</button>'
+    }else{
+      html += '<div class="lds-dual-ring1"></div>';
+    }
     html += '</td>';
     html += '<td part="td-body">';
     html += this.renderStatusHtml(partStatus, lateStatus, complianceStatus, i);
@@ -4575,7 +4608,7 @@ export class SfIEvents extends LitElement {
 
   }
 
-  renderEvents = (_firstDay: any, _endDay: any, iInit: number, iLast: number, showGraph: boolean, index: number, month: number, period: string, firstDate: any = null) => {
+  renderEvents = (_firstDay: any, _endDay: any, iInit: number, iLast: number, showGraph: boolean, index: number, month: number, period: string, firstDate: any = null, parametersTitle: string) => {
     var total = 0, notStarted = 0, approved = 0, pendingApproval = 0, rejected = 0, inTime = 0, pastDueDate = 0, lateExecuted = 0, lateApproved = 0, lateReported = 0, scheduled = 0, partiallyComplied = 0, notComplied = 0, complied = 0;
     var html = '';
     this.selectedItemIds = [];
@@ -4593,7 +4626,7 @@ export class SfIEvents extends LitElement {
     this.clearSelectedLegend();
   
     
-    html += this.renderCalendarGraphs(showGraph);
+    html += this.renderCalendarGraphs(showGraph, parametersTitle);
     html += this.renderCalendarContainerDivStart(index)
     html += this.renderCalendarEventSummary();
 
@@ -4837,7 +4870,7 @@ export class SfIEvents extends LitElement {
     endDay?.setDate(endDay.getDate() + lastDay + 1);
     var period = ("0" + (month+1)).slice(-2) + "/" + ("0" + 1).slice(-2) + '/' + new Date().getFullYear() + ' - ' + ("0" + (month+1)).slice(-2) + "/" + ("0" + lastDay).slice(-2) + '/' + new Date().getFullYear()   
 
-    return this.renderEvents(firstDay, endDay, 1, lastDay, showGraph, index, month, period);
+    return this.renderEvents(firstDay, endDay, 1, lastDay, showGraph, index, month, period, null, this.monthNames[month] + " " + year);
 
   }
 
@@ -4871,7 +4904,7 @@ export class SfIEvents extends LitElement {
 
     var period = ("0" + (firstDate.getMonth()+1)).slice(-2) + "/" + ("0" + 1).slice(-2) + '/' + firstDate.getFullYear() + ' - ' + ("0" + (firstDate.getMonth()+1)).slice(-2) + "/" + ("0" + count).slice(-2) + '/' + firstDate.getFullYear()   
 
-    return this.renderEvents(firstDay, endDay, 1, lastDay, showGraph, index, (firstDate.getMonth()), period);
+    return this.renderEvents(firstDay, endDay, 1, lastDay, showGraph, index, (firstDate.getMonth()), period, null, "This " + (index === 0 ? "Week" : "Month"));
 
   }
 
@@ -4890,7 +4923,7 @@ export class SfIEvents extends LitElement {
 
     //console.log('rangeperiod', period)
 
-    var html = this.renderEvents(firstDay, endDay, 1, lastDay, true, 0, (firstDate.getMonth()), period, firstDate);
+    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;
 
@@ -9559,16 +9592,17 @@ export class SfIEvents extends LitElement {
   }
 
   renderEventDetail = (event: any, mmddyyyy: any, currentColumnButton: HTMLButtonElement | null) => {
-    console.log('event details', event, mmddyyyy);
+    console.log('event details', event, mmddyyyy, currentColumnButton == null ? "null currentColumnButton" : currentColumnButton.id);
 
     let comments, docs, approved, dateOfCompletion, makercheckers: Array<string>, docsOptional, documentType;
     let entityId: string = "";
     let locationId: string = "";
     let statuteName: string = "";
     let reportformatName: string = "";
-
+    let mmdd = mmddyyyy.split('/')[0] + '/' + mmddyyyy.split('/')[1] 
     entityId = event.entityid;
     locationId = event.locationid;
+    let completeness = this.getCompletenessStatus(event);
     comments = event['comments'] == null ? [] : (event['comments']);
     docs = event['documents'] == null ? [] : event['documents'] == null ? [] :  (event['documents']);
     approved = event['approved'] == null ? false : event['approved'] == null ? false : event['approved'];
@@ -9939,6 +9973,10 @@ export class SfIEvents extends LitElement {
             html += '<br />';
             if(makercheckers.length > 0) {
               html += '<div part="td-head" class="td-head d-flex justify-center align-center"><span class="material-symbols-outlined">check_small</span><div>&nbsp;Auto-approve Enabled</div></div>';
+            
+              if(completeness == "pending-approval" && this.enableDeleteLatestReport) {
+                html += '<div part="td-head" class="td-head d-flex justify-center align-center"><button class="mt-5" part="button" id="button-auto-approve">Auto Approve</button></div>';
+              }
             }
           html += '</div>';
           html += '</div>';
@@ -10116,6 +10154,59 @@ export class SfIEvents extends LitElement {
       });
       ((this._SfDetailContainer as HTMLDivElement).querySelector('#button-detail-close') as HTMLButtonElement)!.dispatchEvent(clickEvent);
 
+    });
+    (this._SfDetailContainer as HTMLDivElement).querySelector('#button-auto-approve')?.addEventListener('click', async () => {
+      if(this.selectedItemIds.length === 0) {
+        await this.uploadReview(entityId, locationId, mmddyyyy, event["id"], "Auto approved", true);
+        this.setSuccess('Auto-Approved successfully!')
+        setTimeout(() => {
+          this.clearMessages()
+        }, 3000);
+      }else{
+        let bulkBodyReview = []
+        for(var k = 0; k < this.selectedItemIds.length; k++) {
+          
+          const selectedId = this.selectedItemIds[k];
+          //console.log('selectedid', selectedId);
+          entityId = selectedId.split('-')[7].replace(/_/g, '-');
+          locationId = selectedId.split('-')[8].replace(/_/g, '-');
+          const eventId = selectedId.split('-')[9].replace(/_/g, '-');
+          mmddyyyy = selectedId.split('-')[10] + '/' + selectedId.split('-')[11] + '/' + selectedId.split('-')[12];
+          
+          //console.log(entityId, locationId, eventId, mmddyyyy);
+          bulkBodyReview.push({ 
+            "mmddyyyy": mmddyyyy,
+            "projectid": this.projectId, 
+            "type": "review",
+            "eventid": eventId,
+            "comments": "Auto approved",
+            "approved": true,
+            "entityid": entityId,
+            "locationid": locationId,
+            "username": this.userName,
+            "userid": this.userProfileId,
+            "userrole": this.myRole,
+            "year": this.calendarStartYYYY
+          })
+        }
+        await this.uploadReviewsBulk(bulkBodyReview);
+      }
+      //console.log('deleted', resultDelete);
+      if(this.getCurrentTab() == this.TAB_CUSTOM) {
+        this.processDateSelection((this._SfCustomContainer as HTMLDivElement));
+      } else {
+        if(currentColumnButton != null) {
+          currentColumnButton.click();
+        }
+      }
+      
+      var clickEvent = new MouseEvent("click", {
+        "view": window,
+        "bubbles": true,
+        "cancelable": false
+      });
+      ((this._SfDetailContainer as HTMLDivElement).querySelector('#button-detail-close') as HTMLButtonElement)!.dispatchEvent(clickEvent);
+
     });
 
     (this._SfDetailContainer as HTMLDivElement).querySelector('#button-detail-close')?.addEventListener('click', () => {
@@ -10190,7 +10281,13 @@ export class SfIEvents extends LitElement {
         if(this.selectedItemIds.length === 0) {
           // console.log('mmddyyyy', mmddyyyy)
           await this.uploadReview(entityId, locationId, mmddyyyy, event["id"], comments, approved)
-
+          for( var p = 0 ; p < this.events[mmdd].length; p ++){
+            if(this.events[mmdd][p].id == event.id && this.events[mmdd][p].locationid == locationId && this.events[mmdd][p].entityid == entityId){
+              
+              this.events[mmdd][p].comments.push({'author': 'Approver', 'comment': comments + ` (Approved: ${approved ? 'Yes' : 'No'})`, 'timestamp': new Date().toISOString()})
+              this.events[mmdd][p].lastupdated = new Date().toISOString()
+            }
+          }
         } else {
           let bulkBodyReview = []
           for(var k = 0; k < this.selectedItemIds.length; k++) {
@@ -10226,6 +10323,21 @@ export class SfIEvents extends LitElement {
           }
           await this.uploadReviewsBulk(bulkBodyReview);
 
+          for(var k = 0; k < this.selectedItemIds.length; k++) {
+            
+            const selectedId = this.selectedItemIds[k];
+            //console.log('selectedid', selectedId);
+            entityId = selectedId.split('-')[7].replace(/_/g, '-');
+            locationId = selectedId.split('-')[8].replace(/_/g, '-');
+            const eventId = selectedId.split('-')[9].replace(/_/g, '-');
+            mmddyyyy = selectedId.split('-')[10] + '/' + selectedId.split('-')[11] + '/' + selectedId.split('-')[12];
+            for( var p = 0 ; p < this.events[mmdd].length; p ++){
+              if(this.events[mmdd][p].id == eventId && this.events[mmdd][p].locationid == locationId && this.events[mmdd][p].entityid == entityId){
+                
+                this.events[mmdd][p].isbulk = true
+              }
+            }
+          }
         }
         
         if(this.mode == "next"){
@@ -10238,9 +10350,19 @@ export class SfIEvents extends LitElement {
             const searchString = ((this._SfFindContainer as HTMLDivElement).querySelector('#stream-search') as HTMLInputElement).value;
             this.processFindSelection((this._SfFindContainer as HTMLDivElement), searchString);
           } else {
-            if(currentColumnButton != null) {
-              currentColumnButton.click();
+            this.renderAppropriateStream(this.sdate,this.edate, true);
+            var clickEvent = new MouseEvent("click", {
+              "view": window,
+              "bubbles": true,
+              "cancelable": false
+            });
+            ((this._SfDetailContainer as HTMLDivElement).querySelector('#button-detail-close') as HTMLButtonElement)!.dispatchEvent(clickEvent);
+            if(this.selectedItemIds.length > 0) {
+              this.fetchBulkReportingData();
             }
+            // if(currentColumnButton != null) {
+            //   currentColumnButton.click();
+            // }
           }
         }
 
@@ -10263,7 +10385,13 @@ export class SfIEvents extends LitElement {
           if(this.selectedItemIds.length === 0) {
 
             await this.uploadAudit(entityId, locationId, mmddyyyy, event["id"], comments, approved)
-          
+            for( var p = 0 ; p < this.events[mmdd].length; p ++){
+              if(this.events[mmdd][p].id == event.id && this.events[mmdd][p].locationid == locationId && this.events[mmdd][p].entityid == entityId){
+                this.events[mmdd][p].approved = approved
+                this.events[mmdd][p].comments.push({'author': 'Auditor', 'comment': comments + ` (Approved: ${approved ? 'Yes' : 'No'})`, 'timestamp': new Date().toISOString()})
+                this.events[mmdd][p].lastupdated = new Date().toISOString()
+              }
+            }
           } else {
             let bulkBodyAudit = []
             for(var k = 0; k < this.selectedItemIds.length; k++) {
@@ -10296,6 +10424,21 @@ export class SfIEvents extends LitElement {
             }
 
             await this.uploadAuditsBulk(bulkBodyAudit);
+            for(var k = 0; k < this.selectedItemIds.length; k++) {
+            
+              const selectedId = this.selectedItemIds[k];
+              //console.log('selectedid', selectedId);
+              entityId = selectedId.split('-')[7].replace(/_/g, '-');
+              locationId = selectedId.split('-')[8].replace(/_/g, '-');
+              const eventId = selectedId.split('-')[9].replace(/_/g, '-');
+              mmddyyyy = selectedId.split('-')[10] + '/' + selectedId.split('-')[11] + '/' + selectedId.split('-')[12];
+              for( var p = 0 ; p < this.events[mmdd].length; p ++){
+                if(this.events[mmdd][p].id == eventId && this.events[mmdd][p].locationid == locationId && this.events[mmdd][p].entityid == entityId){
+                  
+                  this.events[mmdd][p].isbulk = true
+                }
+              }
+            }
 
           }
           
@@ -10314,9 +10457,13 @@ export class SfIEvents extends LitElement {
               const searchString = ((this._SfFindContainer as HTMLDivElement).querySelector('#stream-search') as HTMLInputElement).value;
               this.processFindSelection((this._SfFindContainer as HTMLDivElement), searchString);
             } else {
-              if(currentColumnButton != null) {
-                currentColumnButton.click();
+              this.renderAppropriateStream(this.sdate,this.edate,true);
+              if(this.selectedItemIds.length > 0) {
+                this.fetchBulkReportingData();
               }
+              // if(currentColumnButton != null) {
+              //   currentColumnButton.click();
+              // }
             }
           }
 
@@ -10414,10 +10561,25 @@ export class SfIEvents extends LitElement {
                       // console.log('reportformatvalues', reportformatvalues)
                       // console.log('reportformatschema',reportformatschema)
                       await this.uploadReport(entityId, locationId, mmddyyyy, event["id"], reportercomments, reporterdoc, docs, event, reportformatvalues, reportformatschema)
+                      console.log('this.events', this.events);
+                      for( var p = 0 ; p < this.events[mmdd].length; p ++){
+                        if(this.events[mmdd][p].id == event.id && this.events[mmdd][p].locationid == locationId && this.events[mmdd][p].entityid == entityId){
+                          this.events[mmdd][p].documents = docs
+                          this.events[mmdd][p].comments.push({'author': 'Reporter', 'comment': reportercomments + ` (Documents Saved: ${docs.length}})`, 'timestamp': new Date().toISOString()})
+                          this.events[mmdd][p].lastupdated = new Date().toISOString()
+                        }
+                      }
                       if(makercheckers.length > 0) {
 
                         await this.uploadReview(entityId, locationId, mmddyyyy, event["id"], "Auto approved", true);
-
+                        for( var p = 0 ; p < this.events[mmdd].length; p ++){
+                          if(this.events[mmdd][p].id == event.id && this.events[mmdd][p].locationid == locationId && this.events[mmdd][p].entityid == entityId){
+                            this.events[mmdd][p].approved = true
+                            // this.events[mmdd][p].documents = docs
+                            this.events[mmdd][p].comments.push({'author': 'Auditor', 'comment': `Auto approved (Approved: Yes})`, 'timestamp': new Date().toISOString()})
+                            this.events[mmdd][p].lastupdated = new Date().toISOString()
+                          }
+                        }
                       }
 
                     } else {
@@ -10483,6 +10645,21 @@ export class SfIEvents extends LitElement {
                       if(bulkBodyReview.length > 0){
                         await this.uploadReviewsBulk(bulkBodyReview)
                       }
+                      for(var k = 0; k < this.selectedItemIds.length; k++) {
+            
+                        const selectedId = this.selectedItemIds[k];
+                        //console.log('selectedid', selectedId);
+                        entityId = selectedId.split('-')[7].replace(/_/g, '-');
+                        locationId = selectedId.split('-')[8].replace(/_/g, '-');
+                        const eventId = selectedId.split('-')[9].replace(/_/g, '-');
+                        mmddyyyy = selectedId.split('-')[10] + '/' + selectedId.split('-')[11] + '/' + selectedId.split('-')[12];
+                        for( var p = 0 ; p < this.events[mmdd].length; p ++){
+                          if(this.events[mmdd][p].id == eventId && this.events[mmdd][p].locationid == locationId && this.events[mmdd][p].entityid == entityId){
+                            
+                            this.events[mmdd][p].isbulk = true
+                          }
+                        }
+                      }
 
                     }
 
@@ -10495,9 +10672,13 @@ export class SfIEvents extends LitElement {
                         const searchString = ((this._SfFindContainer as HTMLDivElement).querySelector('#stream-search') as HTMLInputElement).value;
                         this.processFindSelection((this._SfFindContainer as HTMLDivElement), searchString);
                       } else {
-                        if(currentColumnButton != null) {
-                          currentColumnButton.click();
+                        this.renderAppropriateStream(this.sdate,this.edate,true)
+                        if(this.selectedItemIds.length > 0) {
+                          this.fetchBulkReportingData();
                         }
+                        // if(currentColumnButton != null) {
+                        //   currentColumnButton.click();
+                        // }
                       }
                     }
 
@@ -16781,7 +16962,7 @@ export class SfIEvents extends LitElement {
         (graphparamnames1[i] as HTMLDivElement).style.display = 'block';
         if(graphparamnames2 != null && graphparamnames2[i] != null) (graphparamnames2[i] as HTMLDivElement).style.display = 'block';
         if(graphparamnames3 != null && graphparamnames3[i] != null) (graphparamnames3[i] as HTMLDivElement).style.display = 'block';
-        (eventTitles[i] as HTMLDivElement).style.display = 'flex';
+        if(eventTitles[i] != null)(eventTitles[i] as HTMLDivElement).style.display = 'flex';
         if(eventSubTitles[i] != null) {
           (eventSubTitles[i] as HTMLDivElement).style.display = 'flex';
         }
@@ -18185,7 +18366,7 @@ export class SfIEvents extends LitElement {
   }
 
   uploadAudit = async (entityId: string, locationId: string, mmddyyyy: string, eventid: string, comments: string, approved: any) => {
-    let url = "https://"+this.apiId+"/uploadaudit";
+    let url = "https://"+this.apiId+"/uploadaudit1";
 
     const body = { 
       "mmddyyyy": mmddyyyy,
@@ -18223,7 +18404,7 @@ export class SfIEvents extends LitElement {
     }
   }
   uploadAuditsBulk = async (bulkBody: any) => {
-    let url = "https://"+this.apiId+"/uploadauditsbulk";
+    let url = "https://"+this.apiId+"/uploadauditsbulk1";
 
     const authorization = btoa(Util.readCookie('email') + ":" + Util.readCookie('accessToken'));
     const xhr : any = (await this.prepareXhr(bulkBody, url, this._SfLoader, authorization)) as any;
@@ -18242,7 +18423,7 @@ export class SfIEvents extends LitElement {
   }
 
   uploadReview = async (entityId: string, locationId: string, mmddyyyy: string, eventid: string, comments: string, approved: any) => {
-    let url = "https://"+this.apiId+"/uploadreview";
+    let url = "https://"+this.apiId+"/uploadreview1";
 
     const body = { 
       "mmddyyyy": mmddyyyy,
@@ -18282,7 +18463,7 @@ export class SfIEvents extends LitElement {
     }``
   }
   uploadReviewsBulk = async (bulkBody: any) => {
-    let url = "https://"+this.apiId+"/uploadreviewsbulk";
+    let url = "https://"+this.apiId+"/uploadreviewsbulk1";
 
     const authorization = btoa(Util.readCookie('email') + ":" + Util.readCookie('accessToken'));
     const xhr : any = (await this.prepareXhr(bulkBody, url, this._SfLoader, authorization)) as any;
@@ -20138,7 +20319,7 @@ export class SfIEvents extends LitElement {
       await this.fetchPresignedUrlDelete(jsonRespose.signedUrlDelete)
 
         this.renderAppropriateStream(startDate, endDate, list == "no");
-
+        this.fetchBulkReportingData();
         // this.events = {}
         // this.events = {...JSON.parse(JSON.stringify(jsonRespose.data.events))};
 
@@ -20213,6 +20394,40 @@ export class SfIEvents extends LitElement {
     }
 
   }
+
+  fetchBulkReportingData = async() => {
+    let path = "getbulkreportjobs"
+    let urlBody :any = {"projectid": this.projectId}
+    let url = "https://"+this.apiId+"/"+ path;
+    const authorization = btoa(Util.readCookie('email') + ":" + Util.readCookie('accessToken'));
+    const xhr : any = (await this.prepareXhr(urlBody, url, this._SfLoader, authorization, 'Preparing')) as any;
+    this._SfLoader.innerHTML = '';
+    if(xhr.status == 200) {
+
+      const jsonRespose = JSON.parse(xhr.responseText);
+      console.log('bulk reports jsonRespose', jsonRespose);
+      if(jsonRespose.result == true){
+        for(let sortid of Object.keys(jsonRespose.data)){
+          let sortidArr = sortid.split(';')
+          let mmddyyyy = sortidArr[0]
+          let entityid = sortidArr[1]
+          let locationid = sortidArr[2]
+          let eventid = sortidArr[3]
+          let mmdd = mmddyyyy.split('/')[0] + '/' + mmddyyyy.split('/')[1]
+          console.log('mmdd', mmdd, Object.keys(this.events));
+          for (let i = 0 ; i < this.events[mmdd].length; i ++){
+            if(this.events[mmdd][i].entityid == entityid && this.events[mmdd][i].locationid == locationid && this.events[mmdd][i].id == eventid){
+              this.events[mmdd][i].isbulk = true;
+              break
+            }
+          }
+        }
+        if(Object.keys(jsonRespose.data).length > 0){
+          this.renderAppropriateStream(this.sdate,this.edate,true)
+        }
+      }
+    }
+  }
   
   fetchUserCalendar = async() => {
 

package/src/util.ts

@@ -219,7 +219,7 @@ const validateName = (name: string) => {
       if (interval > 1) {
         return Math.floor(interval) + " minutes later";
       }
-      return Math.floor(Math.abs(seconds)) + " seconds later";
+      return Math.floor(Math.abs(seconds)) + " seconds";
 
     }
   }

package/util.js

@@ -191,7 +191,7 @@ const timeSince = (date) => {
         if (interval > 1) {
             return Math.floor(interval) + " minutes later";
         }
-        return Math.floor(Math.abs(seconds)) + " seconds later";
+        return Math.floor(Math.abs(seconds)) + " seconds";
     }
 };
 function readCookie(key) {