sf-i-events 1.0.968 → 1.0.970

package/dev/index.html

@@ -1128,14 +1128,14 @@
     </div>
 
   </sf-i-events> -->
-  <sf-i-events projectid="41ab3c86-ccc0-4c0e-8e31-cd079a07a710" projectname="ABC Global" mode="onboarding"
+  <!-- <sf-i-events projectid="41ab3c86-ccc0-4c0e-8e31-cd079a07a710" projectname="ABC Global" mode="onboarding"
     locations="{&quot;India&quot;:{&quot;Maharashtra&quot;:[&quot;Pune&quot;,&quot;Mumbai&quot;],&quot;Telangana&quot;:[&quot;Telangana&quot;]},&quot;Canada&quot;:{&quot;CanadaSO&quot;:[&quot;CanadaLO&quot;]},&quot;Singapore&quot;:{&quot;SingaporeSO&quot;:[&quot;Orchard&quot;,&quot;Raffles&quot;,&quot;Robinson&quot;,&quot;Tanjong&quot;,&quot;Tras&quot;]},&quot;United Kingdom&quot;:{&quot;UnitedSO&quot;:[&quot;UnitedLO&quot;]},&quot;United States of America&quot;:{&quot;AmericaSO&quot;:[&quot;AmericaLO&quot;]}}"
     contractstartdate="1/4/2024" apiid="dwqyez2puoxmu.cloudfront.net/event" username="ninad.t@flagggrc.tech"
     apiidstatutes="dnytrdlrmxgsy.cloudfront.net/statute" apiidcompliances="dnytrdlrmxgsy.cloudfront.net/compliance"
     apiidtags="dnytrdlrmxgsy.cloudfront.net/tagging" apiidusers="dnytrdlrmxgsy.cloudfront.net/userprofile"
     disablesignoff="yes" disableclientresponse="yes">
 
-  </sf-i-events>
+  </sf-i-events> -->
   <!-- <sf-i-events projectid="a81b6ae1-98de-4b72-8cf0-9aaee5b61891" projectname="Khaitan" mode="onboarding" locations="{}"
     contractstartdate="01/01/2025" apiid="dwqyez2puoxmu.cloudfront.net/event" username="ninad.t@flagggrc.tech"
     apiidstatutes="dnytrdlrmxgsy.cloudfront.net/statute" apiidcompliances="dnytrdlrmxgsy.cloudfront.net/compliance"
@@ -1231,7 +1231,36 @@
     </div>
 
   </sf-i-events> -->
-  <!-- <sf-i-events name="Calendar" apiid="dwqyez2puoxmu.cloudfront.net/event" apiidtags="dnytrdlrmxgsy.cloudfront.net/tagging" mode="reports" fill="pattern"
+  <sf-i-events name="Calendar" apiid="api2.flagggrc.tech/event-api" mode="consumer"
+    apiidtags="dnytrdlrmxgsy.cloudfront.net/tagging" apiidstatutes="dnytrdlrmxgsy.cloudfront.net/statute"
+    apiiddefinitions="dwqyez2puoxmu.cloudfront.net/definition"
+    apiidreportformats="dwqyez2puoxmu.cloudfront.net/reportformat"
+    apiidnotices="gghnbi7hku2qj5twrea6xxcaya0aqeis.lambda-url.us-east-1.on.aws"
+    apiidagreements="swago3unro2te55ikvjuqwcrr40wluqh.lambda-url.us-east-1.on.aws"
+    apiidlicenses="lbtsbsctcdsyah4qdszkv4rctq0tnvel.lambda-url.us-east-1.on.aws"
+    apiidrcmresources="jra3sghasmaxn5aiq7rtv6pjzq0oeuaw.lambda-url.us-east-1.on.aws" fill="solid"
+    username="Madhura Zende Internal" userprofileid="8d3edbb1-8318-4525-978a-ecc4c5a8e713"
+    projectid="d7d4d17e-3e20-4eaa-a06a-fb1c87f26532" projectname="FlaggGRC Global"
+    countryid="c48d7cc1-62df-41b3-807a-5744973db3d9" selectedcriteria="Country - India" myrole="approver"
+    showregisterexport="false" features="[&quot;rcmresources&quot;]"
+    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="2025">
+
+    <div slot="uploader">
+      <sf-i-uploader id="uploader" max="10" apiid="1peg5170d3"
+        allowedextensions="[&quot;jpg&quot;,&quot;jpeg&quot;,&quot;png&quot;,&quot;pdf&quot;,&quot;xls&quot;,&quot;xlsx&quot;,&quot;doc&quot;,&quot;docx&quot;,&quot;zip&quot;]"
+        extract="yes" projectid="d7d4d17e-3e20-4eaa-a06a-fb1c87f26532" maxsize="31457280"
+        allowdownload="yes"></sf-i-uploader>
+    </div>
+    <div slot="reporting">
+      <sf-i-reporting id="reporting-format" mode="view"></sf-i-reporting>
+    </div>
+
+  </sf-i-events>
+  <!-- <sf-i-events name="Calendar" apiid="dwqyez2puoxmu.cloudfront.net/event" apiidtags="dnytrdlrmxgsy.cloudfront.net/tagging" apiIdUserProfiles="dnytrdlrmxgsy.cloudfront.net/userprofile" mode="reports" fill="pattern"
     username="Local Reporter 1" userprofileid="e9684b5d-ddbc-46d3-ae07-51706bf75410"
     projectid="41ab3c86-ccc0-4c0e-8e31-cd079a07a710" projectname="ABC Global" calendarstartyyyy="2025"
     myrole="reporter">

package/package.json

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

package/sf-i-events.d.ts

@@ -150,6 +150,7 @@ export declare class SfIEvents extends LitElement {
     apiIdDetail: string;
     apiIdUsers: string;
     apiIdTags: string;
+    apiIdUserProfiles: string;
     apiIdNotices: string;
     apiIdAgreements: string;
     apiIdLicenses: string;
@@ -645,7 +646,7 @@ export declare class SfIEvents extends LitElement {
     fetchLicenseDetails: (listEvent: any, mmddyyyy: string) => Promise<void>;
     renewLicense: (listEvent: any, reportformatvalues: any) => Promise<void>;
     renderLicenseDetails: (listEvent: any, mmddyyyy: string) => Promise<void>;
-    fetchRCMResourceDetails: (listEvent: any, mmddyyyy: string) => Promise<void>;
+    fetchRCMResourceDetails: (listEvent: any, mmddyyyy: string, flagReturn?: boolean) => Promise<any>;
     renewRCMResource: (listEvent: any, reportformatvalues: any) => Promise<void>;
     renderRCMResourceDetails: (listEvent: any, mmddyyyy: string) => Promise<void>;
     fetchEventDetails: (listEvent: any, mmddyyyy: any, currentColumnButton: HTMLButtonElement | null, eventsContainer: HTMLDivElement, previousId?: string, nextId?: string, flagUploadGuidance?: boolean, listEventContainer?: HTMLDivElement | null, reportercomments?: string | null, approvercomments?: string | null, inputReportingPercentage?: string | null, selectReportedLocation?: string | null, documents?: any | null, dateOfCompletion?: string | null, fromDrilldown?: boolean) => Promise<void>;
@@ -894,10 +895,11 @@ export declare class SfIEvents extends LitElement {
     renderNextEvents: (eventsData: any, page: number, role: string) => void;
     fetchReports: () => Promise<void>;
     renderReports: (reportsData: any) => void;
-    renderDateSelector: (sortid: string) => void;
-    fetchReportCompliances: (selectedDate: Date, locationid: string, sortid: string) => Promise<void>;
-    renderReportsCompliances: (compliancesData: any, sortid: string) => void;
-    submitUpdateReporting: (mmddyyyy: string, sortid: string) => Promise<void>;
+    renderComplianceSelector: (sortid: string, processed?: boolean) => void;
+    markReport: (mmddyyyy: string, entityid: string, locationid: string, eventid: string, year: string, processed: boolean) => Promise<void>;
+    fetchReportCompliances: (reporterid: string, entityid: string, locationid: string, sortid: string, processed: boolean) => Promise<void>;
+    renderReportsCompliances: (compliancesData: any, sortid: string, processed: boolean) => void;
+    submitUpdateReporting: (mmddyyyy: string, entityid: string, locationid: string, sortid: string) => Promise<void>;
     loadMode: () => Promise<void>;
     constructor();
     protected firstUpdated(_changedProperties: PropertyValueMap<any> | Map<PropertyKey, unknown>): void;

package/sf-i-events.js

@@ -2985,6 +2985,7 @@ let SfIEvents = class SfIEvents extends LitElement {
         };
         this.renderCalendarAnnotations = (event, mmdd, j, fromDrilldown) => {
             var html = '';
+            console.log('rendering Annotations', event.module, event.completenessstatus);
             html += '<div class="hidden-filtername hide"><table><thead><th part="badge-filter-name" class="filtername"></th></thead></table></div>';
             // if(event.concise == null && event.approvers != null){
             let reporterStr = event.concise == null ? this.getReporterStringFromEvent(event) : "";
@@ -2993,7 +2994,7 @@ let SfIEvents = class SfIEvents extends LitElement {
             // console.log("graphParam", graphParam.split(';')[0]);
             const configHome = Util.getProjectConfigHome();
             const configFlag = configHome.features != null && configHome.features.indexOf("understood") >= 0;
-            html += '<div class="d-flex align-center event-user-labels-container"><div part="badge-filter-name" class="graphparamname graphparamname1 mb-20' + (event.concise == null ? "" : ' hide') + '">' + graphParam.split(';')[0] + '</div>' + reporterStr + approverStr + (((event.module == "compliances" || event.module == null) && event.concise == null && ((event.reportformat == null || event.reportformat.length == 0) && (event.customreporting == null) && (event.reportedlocationsflag != true)) && !fromDrilldown) ? ('<button id="button-list-reporting-' + mmdd.replace('/', '-') + '-' + j + '-" part="button-list-reporting" class="material-icons ml-10 mb-20 button-list-reporting">edit_note</button>') : '') + (((event.module == "compliances" || event.module == null) && event.concise == null && configFlag) ? (event.review ? ('<button id="input-checkbox-review-' + mmdd.replace('/', '-') + '-' + j + '" part="button-icon-reviewed" class="material-symbols-outlined d-flex align-center mb-20 ml-10 button-icon-review">flag_check</button>') : ('<button id="input-checkbox-review-' + mmdd.replace('/', '-') + '-' + j + '" part="button-icon-review" class="d-flex align-center mb-20 ml-10 button-icon-review"><span class="material-symbols-outlined" title="Mark as reviewed">flag</span>&nbsp;&nbsp;Mark Understood</button>')) : '') + '</div>';
+            html += '<div class="d-flex align-center event-user-labels-container"><div part="badge-filter-name" class="graphparamname graphparamname1 mb-20' + (event.concise == null ? "" : ' hide') + '">' + graphParam.split(';')[0] + '</div>' + reporterStr + approverStr + (((event.module == "compliances" || event.module == null) && event.concise == null && ((event.reportformat == null || event.reportformat.length == 0) && (event.customreporting == null) && (event.reportedlocationsflag != true)) && !fromDrilldown) ? ('<button id="button-list-reporting-' + mmdd.replace('/', '-') + '-' + j + '-" part="button-list-reporting" class="material-icons ml-10 mb-20 button-list-reporting">edit_note</button>') : '') + (((event.module == "compliances" || event.module == null) && event.concise == null && configFlag) ? (event.review ? ('<button id="input-checkbox-review-' + mmdd.replace('/', '-') + '-' + j + '" part="button-icon-reviewed" class="material-symbols-outlined d-flex align-center mb-20 ml-10 button-icon-review">flag_check</button>') : ('<button id="input-checkbox-review-' + mmdd.replace('/', '-') + '-' + j + '" part="button-icon-review" class="d-flex align-center mb-20 ml-10 button-icon-review"><span class="material-symbols-outlined" title="Mark as reviewed">flag</span>&nbsp;&nbsp;Mark Understood</button>')) : '') + ((event.module == "rcmresource" && event.completenessstatus == "approved") ? '<button id="button-renew-' + mmdd.replace('/', '-') + '-' + j + '" part="button-icon-small" class="d-flex align-center mb-20 ml-10 button-icon button-renew"><span class="material-symbols-outlined" title="Renew">replay</span>&nbsp;&nbsp;Renew</button>' : '') + '</div>';
             // }
             return html;
         };
@@ -3098,6 +3099,7 @@ let SfIEvents = class SfIEvents extends LitElement {
                         // const tempEvents1 = JSON.parse(JSON.stringify(this.events));
                         // //console.log('eventlog1', tempEvents1['06/30'][7].comments, mmdd, j);
                         partStatus = this.getCompletenessStatus(JSON.parse(JSON.stringify(this.events[mmdd][j])));
+                        this.events[mmdd][j].completenessstatus = partStatus;
                         lateStatus = this.getTimelinessStatus(mmdd, JSON.parse(JSON.stringify(this.events[mmdd][j])), partStatus);
                         complianceStatus = this.getComplianceStatus(partStatus, lateStatus, JSON.parse(JSON.stringify(this.events[mmdd][j])).percentage, JSON.parse(JSON.stringify(this.events[mmdd][j])));
                         console.log("agreement partStatus", partStatus, lateStatus, complianceStatus);
@@ -5270,6 +5272,21 @@ let SfIEvents = class SfIEvents extends LitElement {
                     }
                 });
             }
+            const buttonRenewArr = eventsContainer.querySelectorAll('.button-renew');
+            for (var i = 0; i < buttonRenewArr.length; i++) {
+                buttonRenewArr[i].addEventListener('click', async (ev) => {
+                    const id = ev.target.id;
+                    const idArr = id.split("-");
+                    console.log('idArr', idArr);
+                    const mmdd = idArr[2] + "/" + idArr[3];
+                    const j = idArr[4];
+                    const yyyy = this.getYearFromMonthBetween(this.sdate, this.edate, idArr[3]);
+                    let renewEvent = this.events[mmdd][j];
+                    let fullEvent = await this.fetchRCMResourceDetails(renewEvent, mmdd + "/" + yyyy, true);
+                    console.log('renew clicked', fullEvent, fullEvent.reportformatvalues);
+                    this.renewRCMResource(fullEvent, fullEvent.reportformatvalues);
+                });
+            }
             const streamEventsContainer = eventsContainer.querySelectorAll('.stream-events-container');
             const buttonSelect = eventsContainer.querySelectorAll('.button-select');
             if (eventsContainer.innerHTML.indexOf('button-select-all') >= 0) {
@@ -9249,6 +9266,21 @@ let SfIEvents = class SfIEvents extends LitElement {
                     }
                 });
             }
+            const buttonRenewArr = this._SfThisContainer.querySelectorAll('.button-renew');
+            for (var i = 0; i < buttonRenewArr.length; i++) {
+                buttonRenewArr[i].addEventListener('click', async (ev) => {
+                    const id = ev.target.id;
+                    const idArr = id.split("-");
+                    console.log('idArr', idArr);
+                    const mmdd = idArr[2] + "/" + idArr[3];
+                    const j = idArr[4];
+                    const yyyy = this.getYearFromMonthBetween(this.sdate, this.edate, idArr[3]);
+                    let renewEvent = this.events[mmdd][j];
+                    let fullEvent = await this.fetchRCMResourceDetails(renewEvent, mmdd + "/" + yyyy, true);
+                    console.log('renew clicked', fullEvent, fullEvent.reportformatvalues);
+                    this.renewRCMResource(fullEvent, fullEvent.reportformatvalues);
+                });
+            }
             const streamEventsContainer = this._SfThisContainer.querySelectorAll('.stream-events-container');
             const buttonSelect = this._SfThisContainer.querySelectorAll('.button-select');
             let selectAllArr = this.attachSelectAllListeners(this._SfThisContainer, buttonSelect);
@@ -9879,6 +9911,21 @@ let SfIEvents = class SfIEvents extends LitElement {
                     }
                 });
             }
+            const buttonRenewArr = this._SfStreamContainer.querySelectorAll('.button-renew');
+            for (var i = 0; i < buttonRenewArr.length; i++) {
+                buttonRenewArr[i].addEventListener('click', async (ev) => {
+                    const id = ev.target.id;
+                    const idArr = id.split("-");
+                    console.log('idArr', idArr);
+                    const mmdd = idArr[2] + "/" + idArr[3];
+                    const j = idArr[4];
+                    const yyyy = this.getYearFromMonthBetween(this.sdate, this.edate, idArr[3]);
+                    let renewEvent = this.events[mmdd][j];
+                    let fullEvent = await this.fetchRCMResourceDetails(renewEvent, mmdd + "/" + yyyy, true);
+                    console.log('renew clicked', fullEvent, fullEvent.reportformatvalues);
+                    this.renewRCMResource(fullEvent, fullEvent.reportformatvalues);
+                });
+            }
             const streamEventsContainer = this._SfStreamContainer.querySelectorAll('.stream-events-container');
             const buttonSelect = this._SfStreamContainer.querySelectorAll('.button-select');
             let selectAllArr = this.attachSelectAllListeners(this._SfStreamContainer, buttonSelect);
@@ -10945,6 +10992,21 @@ let SfIEvents = class SfIEvents extends LitElement {
                     }
                 });
             }
+            const buttonRenewArr = this._SfDetailListContainer.querySelectorAll('.button-renew');
+            for (var i = 0; i < buttonRenewArr.length; i++) {
+                buttonRenewArr[i].addEventListener('click', async (ev) => {
+                    const id = ev.target.id;
+                    const idArr = id.split("-");
+                    console.log('idArr', idArr);
+                    const mmdd = idArr[2] + "/" + idArr[3];
+                    const j = idArr[4];
+                    const yyyy = this.getYearFromMonthBetween(this.sdate, this.edate, idArr[3]);
+                    let renewEvent = this.events[mmdd][j];
+                    let fullEvent = await this.fetchRCMResourceDetails(renewEvent, mmdd + "/" + yyyy, true);
+                    console.log('renew clicked', fullEvent, fullEvent.reportformatvalues);
+                    this.renewRCMResource(fullEvent, fullEvent.reportformatvalues);
+                });
+            }
         };
         this.renderEventDetailShort = (compliance) => {
             var _a, _b, _c, _f, _g;
@@ -13456,7 +13518,7 @@ let SfIEvents = class SfIEvents extends LitElement {
                 }
             }
         };
-        this.fetchRCMResourceDetails = async (listEvent, mmddyyyy) => {
+        this.fetchRCMResourceDetails = async (listEvent, mmddyyyy, flagReturn = false) => {
             let entityId = listEvent.entityid;
             let locationId = listEvent.locationid;
             let url = "https://" + this.apiIdRCMResources + "/getallobjectdetails";
@@ -13469,7 +13531,12 @@ let SfIEvents = class SfIEvents extends LitElement {
             if (xhr.status == 200) {
                 const jsonRespose = JSON.parse(xhr.responseText);
                 console.log('jsonRespose agreement details', jsonRespose);
-                this.renderRCMResourceDetails(jsonRespose.object, mmddyyyy);
+                if (flagReturn) {
+                    return jsonRespose.object;
+                }
+                else {
+                    this.renderRCMResourceDetails(jsonRespose.object, mmddyyyy);
+                }
             }
             else {
                 if (xhr.status == 401) {
@@ -13704,12 +13771,12 @@ let SfIEvents = class SfIEvents extends LitElement {
                         return;
                     }
                     let reportformatvalues = {};
-                    let reportformatvaluesStr = "";
+                    // let reportformatvaluesStr: string = ""
                     let reportingReporting = this._SfDetailContainer.querySelector('#reporting-reporting-0');
                     console.log('renew reporting', reportingReporting);
                     if (reportingReporting != null) {
                         reportformatvalues = reportingReporting.selectedValues();
-                        reportformatvaluesStr = JSON.stringify(reportingReporting.selectedValues());
+                        // reportformatvaluesStr = JSON.stringify(reportingReporting!.selectedValues())
                     }
                     let comparedObj = Util.compareObjects(reportformatvalues, JSON.parse(listEvent.reportformatvalues));
                     console.log('reportformatvalues', reportformatvalues, JSON.parse(listEvent.reportformatvalues), comparedObj);
@@ -13729,7 +13796,7 @@ let SfIEvents = class SfIEvents extends LitElement {
                         console.log('mmddyyyy', mmddyyyy);
                         if (await this.uploadReview(entityId, locationId, mmddyyyy, listEvent["id"], comments, approved, (_a = listEvent.module) !== null && _a !== void 0 ? _a : "compliance")) {
                             if (approved) {
-                                await this.renewRCMResource(listEvent, reportformatvaluesStr);
+                                // await this.renewRCMResource(listEvent, reportformatvaluesStr);
                             }
                             else {
                                 console.log('renew reporting', reportformatvalues);
@@ -14028,7 +14095,7 @@ let SfIEvents = class SfIEvents extends LitElement {
                                                         this.events[mmdd][p].lastupdated = new Date().toString();
                                                     }
                                                 }
-                                                await this.renewRCMResource(listEvent, reportformatvalues);
+                                                // await this.renewRCMResource(listEvent, reportformatvalues);
                                                 console.log('upload report auto approve single');
                                             }
                                             if (this.recentlyReported[mmdd] == null) {
@@ -25684,7 +25751,7 @@ let SfIEvents = class SfIEvents extends LitElement {
             }
         };
         this.renderReports = (reportsData) => {
-            var _a;
+            var _a, _b;
             let html = '<div class="d-flex flex-col w-100-m-0">';
             html += '<div part="stream-event-list" class="d-flex flex-col align-stretch">';
             for (let reportKey of Object.keys(reportsData)) {
@@ -25699,7 +25766,7 @@ let SfIEvents = class SfIEvents extends LitElement {
                 html += '<table>';
                 html += '<tr>';
                 html += '<th part="td-head">Select</th>';
-                html += '<th part="td-head">Zombie</th>';
+                html += '<th part="td-head">Processed</th>';
                 html += '<th part="td-head">Date</th>';
                 html += '<th part="td-head">Docs</th>';
                 html += '<th part="td-head">Comments</th>';
@@ -25710,7 +25777,7 @@ let SfIEvents = class SfIEvents extends LitElement {
                 html += '</tr>';
                 html += '<tr>';
                 html += '<td part="td-body"><button id="button-select-' + reportKey.replace(/-/g, '_') + '"  part="button-icon-small" class="material-icons button-expand mr-10 button-select">check</button></td>';
-                html += '<td part="td-body"><button id="button-check-' + reportKey.replace(/-/g, '_') + '"  part="button-icon-small" class="material-symbols-outlined button-expand mr-10 button-check">search_check</button></td>';
+                html += `<td part="td-body"><span class="material-symbols-outlined mr-10">${((_a = report['processed']) !== null && _a !== void 0 ? _a : false) ? "done_all" : ""}</span></td>`;
                 html += `<td part="td-body">${reportKey.split(';')[0]}</td>`;
                 html += `<td part="td-body">${JSON.parse(report['docs']).length}</td>`;
                 html += `<td part="td-body">${report['comments'].length}</td>`;
@@ -25719,7 +25786,7 @@ let SfIEvents = class SfIEvents extends LitElement {
                 let locationname = "";
                 let eventHtml = "";
                 if (report['event'] != null) {
-                    locationname = (_a = JSON.parse(report['event'])['locationname']) !== null && _a !== void 0 ? _a : "";
+                    locationname = (_b = JSON.parse(report['event'])['locationname']) !== null && _b !== void 0 ? _b : "";
                     for (var i = 0; i < Object.keys(JSON.parse(report['event'])).length; i++) {
                         if (!this.EXCLUDE_COLS_FROM_REGS.includes(Object.keys(JSON.parse(report['event']))[i].toLowerCase())) {
                             eventHtml += '<td part="td-body-register">';
@@ -25751,13 +25818,16 @@ let SfIEvents = class SfIEvents extends LitElement {
             const arrButtonSelect = this._SfIEventsC.querySelectorAll('.button-select');
             for (let buttonSelect of arrButtonSelect) {
                 buttonSelect.addEventListener('click', (ev) => {
+                    var _a;
                     const id = ev.target.id;
                     console.log('id', id);
                     const idArr = id.split("-");
                     console.log('idArr', idArr);
                     const sortid = idArr[2].replace(/_/g, '-');
                     console.log('selected sortid', sortid);
-                    this.renderDateSelector(sortid);
+                    let reportData = JSON.parse(reportsData[sortid]);
+                    console.log('selectedReportData', reportData);
+                    this.renderComplianceSelector(sortid, (_a = reportData.processed) !== null && _a !== void 0 ? _a : false);
                 });
             }
             const arrButtonCheck = this._SfIEventsC.querySelectorAll('.button-check');
@@ -25858,110 +25928,136 @@ let SfIEvents = class SfIEvents extends LitElement {
                 });
             }
         };
-        this.renderDateSelector = (sortid) => {
+        this.renderComplianceSelector = (sortid, processed = false) => {
             let html = '';
             html += '<div class="w-100-m-0 d-flex flex-col justify-center">';
             html += '<div class="w-100-m-0 d-flex justify-start">';
             html += '<button id="button-reports-date-selector-back" part="button-icon" class="button-icon"><span class="material-icons">keyboard_backspace</span></button>';
             html += '</div>';
-            html += '<label part="input-label" class="mt-20">Select Date</label>';
-            html += `<input id="input-compliance-date" part="input-text" class="input-text mb-20" type="date" />`;
-            html += `<sf-i-form id="input-location-tags" name="Tags" label="Select Location" apiId="${this.apiIdTags}" mode="select" searchPhrase="${this.projectName}&Location" selectProjection="name" ignoreProjections="[&quot;updatetype&quot;,&quot;project&quot;,&quot;tagtype&quot;,&quot;shortid&quot;,&quot;shortnumid&quot;,&quot;lastmodifiedby&quot;,&quot;lastmodifiedtime&quot;]" mandatory></sf-i-form>`;
-            // html += '<button id="button-reports-date-selector-back" class="button-back" part="button">back</button>';
+            html += `<sf-i-form id="input-user" class="m-20" name="Users" label="Select Reporter" apiId="${this.apiIdUserProfiles}" mode="select" searchPhrase="${this.projectName}" selectProjection="name" ignoreProjections="[&quot;updatetype&quot;,&quot;project&quot;,&quot;tagtype&quot;,&quot;userid&quot;,&quot;usermap&quot;,&quot;kra&quot;,&quot;role&quot;,&quot;trainingstatute&quot;,&quot;shortid&quot;,&quot;shortnumid&quot;,&quot;lastmodifiedby&quot;,&quot;lastmodifiedtime&quot;]"></sf-i-form>`;
+            html += `<sf-i-form id="input-entity-tags" class="m-20" name="Tags" label="Select Entity" apiId="${this.apiIdTags}" mode="select" searchPhrase="${this.projectName}&Entity" selectProjection="name" ignoreProjections="[&quot;updatetype&quot;,&quot;project&quot;,&quot;tagtype&quot;,&quot;shortid&quot;,&quot;shortnumid&quot;,&quot;lastmodifiedby&quot;,&quot;lastmodifiedtime&quot;]"></sf-i-form>`;
+            html += `<sf-i-form id="input-location-tags" class="m-20" name="Tags" label="Select Location" apiId="${this.apiIdTags}" mode="select" searchPhrase="${this.projectName}&Location" selectProjection="name" ignoreProjections="[&quot;updatetype&quot;,&quot;project&quot;,&quot;tagtype&quot;,&quot;shortid&quot;,&quot;shortnumid&quot;,&quot;lastmodifiedby&quot;,&quot;lastmodifiedtime&quot;]"></sf-i-form>`;
+            html += '<div class="w-100-m-0 d-flex justify-start">';
+            html += '<button id="button-reports-search" part="button-icon" class="button-icon d-flex justify-between align-center ml-10" disabled><span class="material-icons">search</span>&nbsp;&nbsp;Search</button>';
+            html += `<button id="button-reports-mark" part="button-icon" class="button-icon d-flex justify-between align-center ml-10"><span class="material-icons">${processed ? "remove_done" : "done_all"}</span>&nbsp;&nbsp;${processed ? "Unmark" : "Mark"} Processed</button>`;
+            html += '</div>';
             html += '</div>';
             this._SfIEventsC.querySelector('#reports-data').innerHTML = html;
-            let inputComplianceDate = this._SfIEventsC.querySelector('#input-compliance-date');
+            let inputReporter = this._SfIEventsC.querySelector('#input-user');
+            let inputEntityForm = this._SfIEventsC.querySelector('#input-entity-tags');
             let inputLocationForm = this._SfIEventsC.querySelector('#input-location-tags');
-            inputComplianceDate.addEventListener('change', (ev) => {
-                let selectedDate = new Date(ev.target.value);
-                let selectedLocation = inputLocationForm.selectedValues()[0];
-                if (selectedLocation == null || selectedLocation == '') {
-                    return;
-                    // let locationId = sortid.split(';')[2]
-                    // selectedLocation = locationId;
-                }
-                this.fetchReportCompliances(selectedDate, selectedLocation, sortid);
+            inputReporter.loadMode();
+            inputReporter.addEventListener('valueChanged', (ev) => {
+                let targetForm = ev.target;
+                let selectedReporter = targetForm.selectedTexts()[0];
+                console.log('reporter selected', selectedReporter);
+                checkButtonSearch();
+            });
+            let entityId = sortid.split(';')[1];
+            inputEntityForm.selectedSearchId = entityId;
+            inputEntityForm.loadMode();
+            inputEntityForm.addEventListener('valueChanged', (ev) => {
+                let targetForm = ev.target;
+                let selectedEntity = targetForm.selectedTexts()[0];
+                console.log('entity selected', selectedEntity);
+                inputLocationForm.searchPhrase = this.projectName + '&Location&' + selectedEntity.replace(/\([^)]*\)/g, "");
+                inputLocationForm.loadMode();
+                checkButtonSearch();
             });
             let locationId = sortid.split(';')[2];
             inputLocationForm.selectedSearchId = locationId;
             inputLocationForm.loadMode();
             inputLocationForm.addEventListener('valueChanged', (ev) => {
-                let form = ev.target;
-                let selectedDate = new Date(inputComplianceDate.value);
-                if (selectedDate.toString() == 'Invalid Date') {
-                    return;
-                    // let mmddyyyy = sortid.split(';')[0];
-                    // let mm = mmddyyyy.split('/')[0];
-                    // let dd = mmddyyyy.split('/')[1];
-                    // let yyyy = mmddyyyy.split('/')[2];
-                    // selectedDate = new Date(parseInt(yyyy), parseInt(mm) - 1, parseInt(dd));
-                }
-                let selectedLocation = form.selectedValues()[0];
-                this.fetchReportCompliances(selectedDate, selectedLocation, sortid);
+                let targetForm = ev.target;
+                let selectedLocation = targetForm.selectedTexts()[0];
+                console.log('location selected', selectedLocation);
+                checkButtonSearch();
             });
             let buttonBack = this._SfIEventsC.querySelector('#button-reports-date-selector-back');
             buttonBack.addEventListener('click', () => {
                 this.fetchReports();
             });
+            let buttonSearch = this._SfIEventsC.querySelector('#button-reports-search');
+            buttonSearch.addEventListener('click', () => {
+                let selectedReporterId = inputReporter.selectedValues()[0];
+                let selectedEntityId = inputEntityForm.selectedValues()[0];
+                let selectedLocationId = inputLocationForm.selectedValues()[0];
+                this.fetchReportCompliances(selectedReporterId, selectedEntityId, selectedLocationId, sortid, processed);
+            });
+            let buttonMark = this._SfIEventsC.querySelector('#button-reports-mark');
+            buttonMark.addEventListener('click', () => {
+                let [mmddyyyy, entityid, locationid, complianceid] = sortid.split(';');
+                let year = this.getFinancialYear(mmddyyyy);
+                this.markReport(mmddyyyy, entityid, locationid, complianceid, year, !processed);
+            });
+            function checkButtonSearch() {
+                let selectedReporterId = inputReporter.selectedValues()[0];
+                let selectedEntityId = inputEntityForm.selectedValues()[0];
+                let selectedLocationId = inputLocationForm.selectedValues()[0];
+                if (selectedReporterId != null && selectedEntityId != null && selectedLocationId != null) {
+                    buttonSearch.disabled = false;
+                }
+                else {
+                    buttonSearch.disabled = true;
+                }
+            }
         };
-        this.fetchReportCompliances = async (selectedDate, locationid, sortid) => {
-            console.log('fetching compliances', sortid);
-            let complianceEntityId = sortid.split(';')[1];
-            // let complianceLocationId = sortid.split(';')[2]
-            let url = "https://" + this.apiId + "/getallcountryevents5";
-            let sDateObj = selectedDate;
-            sDateObj.setDate(selectedDate.getDate() - 60);
-            let day = '' + sDateObj.getDate();
-            let month = '' + (sDateObj.getMonth() + 1);
-            let year = '' + sDateObj.getFullYear();
-            if (month.length < 2)
-                month = '0' + month;
-            if (day.length < 2)
-                day = '0' + day;
-            let sDate = month + "/" + day + "/" + year;
-            let eDateObj = selectedDate;
-            eDateObj.setDate(selectedDate.getDate() + 120);
-            day = '' + eDateObj.getDate();
-            month = '' + (eDateObj.getMonth() + 1);
-            year = '' + eDateObj.getFullYear();
-            if (month.length < 2)
-                month = '0' + month;
-            if (day.length < 2)
-                day = '0' + day;
-            let eDate = month + "/" + day + "/" + year;
-            //console.log('fetch calendar url', url);
-            let urlBody = { "projectid": this.projectId, "userprofileid": this.userProfileId, "role": this.myRole, "entityid": complianceEntityId, "countryid": "", "functionid": "", "locationid": locationid, "tagid": this.tagId, "adhoc": "false", "exclusivestartkey": 0, "sdate": sDate, "edate": eDate, "view": "location", "year": this.calendarStartYYYY };
+        this.markReport = async (mmddyyyy, entityid, locationid, eventid, year, processed) => {
+            console.log('marking report', eventid, processed);
+            let url = "https://" + this.apiId + "/markreportprocessed";
+            let urlBody = { "projectid": this.projectId, "eventid": eventid, "mmddyyyy": mmddyyyy, "entityid": entityid, "locationid": locationid, "year": year, "processed": processed };
             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('jsonRespose', jsonRespose);
-                let arrCompliances = (await this.fetchPresignedUrl(jsonRespose.signedUrlGet));
-                await this.fetchPresignedUrlDelete(jsonRespose.signedUrlDelete);
-                console.log('receivedCompliacnes', arrCompliances);
-                this.renderReportsCompliances(arrCompliances, sortid);
+                this.setSuccess("Report " + ((processed == true) ? "marked" : "unmarked") + " successfully.");
+                this.fetchReports();
+                setTimeout(() => {
+                    this.clearMessages();
+                }, 5000);
             }
             else {
-                if (xhr.status == 401) {
-                    let changeEvent = new CustomEvent('tokenExpired', { bubbles: true });
-                    this.dispatchEvent(changeEvent);
-                }
-                if (xhr.status === 404) {
-                    this.showChosenProject();
-                    this._SfTitleChosenProject.innerHTML = this._SfProject[0].querySelector('#sf-i-project').selectedTexts()[0];
-                    this.renderChosenProject();
-                }
-                else {
-                    const jsonRespose = JSON.parse(xhr.responseText);
-                    this.setError(jsonRespose.error);
+                const jsonResponse = JSON.parse(xhr.responseText);
+                this.setError(jsonResponse.error);
+                setTimeout(() => {
+                    this.clearMessages();
+                }, 5000);
+            }
+        };
+        this.fetchReportCompliances = async (reporterid, entityid, locationid, sortid, processed) => {
+            console.log('fetching compliances', sortid);
+            let url = "https://" + this.apiId + "/geteventfromreport";
+            let urlBody = { "projectid": this.projectId, "sortid": sortid, "reporterid": reporterid, "entityid": entityid, "locationid": locationid };
+            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 jsonResponse = JSON.parse(xhr.responseText);
+                console.log('fetch compliances jsonRespose', jsonResponse);
+                if (jsonResponse.event == null) {
+                    this.setError("Compliance status is - " + jsonResponse.completenessstatus);
                     setTimeout(() => {
                         this.clearMessages();
                     }, 5000);
                 }
+                else {
+                    let returnedEvent = jsonResponse.event;
+                    let arrCompliances = [(returnedEvent)];
+                    let assocEvents = {};
+                    let mmdd = (returnedEvent.duedate).split('/')[1] + "/" + (returnedEvent.duedate).split('/')[0];
+                    assocEvents[mmdd] = arrCompliances;
+                    this.renderReportsCompliances(assocEvents, sortid, processed);
+                }
+            }
+            else {
+                const jsonResponse = JSON.parse(xhr.responseText);
+                this.setError(jsonResponse.error);
+                setTimeout(() => {
+                    this.clearMessages();
+                }, 5000);
             }
         };
-        this.renderReportsCompliances = (compliancesData, sortid) => {
+        this.renderReportsCompliances = (compliancesData, sortid, processed) => {
             let eventsData = {};
             let complianceId = sortid.split(';')[3];
             console.log('renderReportsComplainces', compliancesData, complianceId);
@@ -26056,21 +26152,22 @@ let SfIEvents = class SfIEvents extends LitElement {
                     const id = ev.target.id;
                     const idArr = id.split("-");
                     const mmdd = idArr[3] + "/" + idArr[4];
-                    // const j = idArr[5];
+                    const j = idArr[5];
+                    let eventObj = eventsData[mmdd][j];
                     console.log('move reporting', mmdd + '/' + this.calendarStartYYYY, sortid);
-                    this.submitUpdateReporting(mmdd + '/' + this.calendarStartYYYY, sortid);
+                    this.submitUpdateReporting(mmdd + '/' + this.calendarStartYYYY, eventObj['entityid'], eventObj['locationid'], sortid);
                 });
             }
             let buttonBack = this._SfIEventsC.querySelector('#button-reports-date-selector-back');
             buttonBack.addEventListener('click', () => {
-                this.renderDateSelector(sortid);
+                this.renderComplianceSelector(sortid, processed);
             });
         };
-        this.submitUpdateReporting = async (mmddyyyy, sortid) => {
+        this.submitUpdateReporting = async (mmddyyyy, entityid, locationid, sortid) => {
             let url = "https://" + this.apiId + "/updatereportdate";
             const authorization = btoa(Util.readCookie('email') + ":" + Util.readCookie('accessToken'));
             console.log('this.myroles', this.myroles);
-            const xhr = (await this.prepareXhr({ "projectid": this.projectId, "mmddyyyy": mmddyyyy, "sortid": sortid }, url, this._SfLoader, authorization));
+            const xhr = (await this.prepareXhr({ "projectid": this.projectId, "mmddyyyy": mmddyyyy, "entityid": entityid, "locationid": locationid, "sortid": sortid }, url, this._SfLoader, authorization));
             this._SfLoader.innerHTML = '';
             if (xhr.status == 200) {
                 this.setSuccess("update successful!");
@@ -27903,6 +28000,9 @@ __decorate([
 __decorate([
     property()
 ], SfIEvents.prototype, "apiIdTags", void 0);
+__decorate([
+    property()
+], SfIEvents.prototype, "apiIdUserProfiles", void 0);
 __decorate([
     property()
 ], SfIEvents.prototype, "apiIdNotices", void 0);

package/src/sf-i-events.ts

@@ -1261,6 +1261,9 @@ export class SfIEvents extends LitElement {
   @property()
   apiIdTags!: string;
 
+  @property()
+  apiIdUserProfiles!: string;
+
   @property()
   apiIdNotices!: string;
 
@@ -5279,7 +5282,7 @@ export class SfIEvents extends LitElement {
   renderCalendarAnnotations = (event: any, mmdd: string, j: number, fromDrilldown: boolean) => {
 
     var html = '';
-
+    console.log('rendering Annotations', event.module, event.completenessstatus)
     html += '<div class="hidden-filtername hide"><table><thead><th part="badge-filter-name" class="filtername"></th></thead></table></div>'
     // if(event.concise == null && event.approvers != null){
     let reporterStr = event.concise == null ? this.getReporterStringFromEvent(event) : "";
@@ -5289,7 +5292,7 @@ export class SfIEvents extends LitElement {
     // console.log("graphParam", graphParam.split(';')[0]);
     const configHome = Util.getProjectConfigHome();
     const configFlag = configHome.features != null && configHome.features.indexOf("understood") >= 0
-    html += '<div class="d-flex align-center event-user-labels-container"><div part="badge-filter-name" class="graphparamname graphparamname1 mb-20' + (event.concise == null ? "" : ' hide') + '">' + graphParam.split(';')[0] + '</div>' + reporterStr + approverStr + (((event.module == "compliances" || event.module == null) && event.concise == null && ((event.reportformat == null || event.reportformat.length == 0) && (event.customreporting == null) && (event.reportedlocationsflag != true)) && !fromDrilldown) ? ('<button id="button-list-reporting-' + mmdd.replace('/', '-') + '-' + j + '-" part="button-list-reporting" class="material-icons ml-10 mb-20 button-list-reporting">edit_note</button>') : '') + (((event.module == "compliances" || event.module == null) && event.concise == null && configFlag) ? (event.review ? ('<button id="input-checkbox-review-' + mmdd.replace('/', '-') + '-' + j + '" part="button-icon-reviewed" class="material-symbols-outlined d-flex align-center mb-20 ml-10 button-icon-review">flag_check</button>') : ('<button id="input-checkbox-review-' + mmdd.replace('/', '-') + '-' + j + '" part="button-icon-review" class="d-flex align-center mb-20 ml-10 button-icon-review"><span class="material-symbols-outlined" title="Mark as reviewed">flag</span>&nbsp;&nbsp;Mark Understood</button>')) : '') + '</div>';
+    html += '<div class="d-flex align-center event-user-labels-container"><div part="badge-filter-name" class="graphparamname graphparamname1 mb-20' + (event.concise == null ? "" : ' hide') + '">' + graphParam.split(';')[0] + '</div>' + reporterStr + approverStr + (((event.module == "compliances" || event.module == null) && event.concise == null && ((event.reportformat == null || event.reportformat.length == 0) && (event.customreporting == null) && (event.reportedlocationsflag != true)) && !fromDrilldown) ? ('<button id="button-list-reporting-' + mmdd.replace('/', '-') + '-' + j + '-" part="button-list-reporting" class="material-icons ml-10 mb-20 button-list-reporting">edit_note</button>') : '') + (((event.module == "compliances" || event.module == null) && event.concise == null && configFlag) ? (event.review ? ('<button id="input-checkbox-review-' + mmdd.replace('/', '-') + '-' + j + '" part="button-icon-reviewed" class="material-symbols-outlined d-flex align-center mb-20 ml-10 button-icon-review">flag_check</button>') : ('<button id="input-checkbox-review-' + mmdd.replace('/', '-') + '-' + j + '" part="button-icon-review" class="d-flex align-center mb-20 ml-10 button-icon-review"><span class="material-symbols-outlined" title="Mark as reviewed">flag</span>&nbsp;&nbsp;Mark Understood</button>')) : '') + ((event.module == "rcmresource" && event.completenessstatus == "approved") ? '<button id="button-renew-' + mmdd.replace('/', '-') + '-' + j + '" part="button-icon-small" class="d-flex align-center mb-20 ml-10 button-icon button-renew"><span class="material-symbols-outlined" title="Renew">replay</span>&nbsp;&nbsp;Renew</button>' : '') +'</div>';
     // }
 
     return html;
@@ -5407,6 +5410,7 @@ export class SfIEvents extends LitElement {
           // //console.log('eventlog1', tempEvents1['06/30'][7].comments, mmdd, j);
 
           partStatus = this.getCompletenessStatus(JSON.parse(JSON.stringify(this.events[mmdd][j])));
+          this.events[mmdd][j].completenessstatus = partStatus;
           lateStatus = this.getTimelinessStatus(mmdd, JSON.parse(JSON.stringify(this.events[mmdd][j])), partStatus);
           complianceStatus = this.getComplianceStatus(partStatus, lateStatus, JSON.parse(JSON.stringify(this.events[mmdd][j])).percentage, JSON.parse(JSON.stringify(this.events[mmdd][j])));
           console.log("agreement partStatus", partStatus, lateStatus, complianceStatus);
@@ -7739,6 +7743,23 @@ export class SfIEvents extends LitElement {
 
     }
 
+    const buttonRenewArr = eventsContainer.querySelectorAll('.button-renew') as NodeListOf<HTMLButtonElement>;
+
+    for (var i = 0; i < buttonRenewArr.length; i++) {
+      buttonRenewArr[i].addEventListener('click', async (ev: any) => {
+        const id = ev.target.id;
+        const idArr = id.split("-")
+        console.log('idArr', idArr);
+        const mmdd = idArr[2] + "/" + idArr[3];
+        const j = idArr[4];
+        const yyyy = this.getYearFromMonthBetween(this.sdate, this.edate, idArr[3]);
+        let renewEvent = this.events[mmdd][j];
+        let fullEvent = await this.fetchRCMResourceDetails(renewEvent, mmdd + "/" + yyyy, true);
+        console.log('renew clicked', fullEvent, fullEvent.reportformatvalues);
+        this.renewRCMResource(fullEvent, fullEvent.reportformatvalues);
+      })
+    }
+
     const streamEventsContainer = eventsContainer.querySelectorAll('.stream-events-container') as NodeListOf<HTMLDivElement>;
     const buttonSelect = eventsContainer.querySelectorAll('.button-select') as NodeListOf<HTMLButtonElement>;
     if (eventsContainer.innerHTML.indexOf('button-select-all') >= 0) {
@@ -12434,6 +12455,23 @@ export class SfIEvents extends LitElement {
 
     }
 
+    const buttonRenewArr = (this._SfThisContainer as HTMLDivElement).querySelectorAll('.button-renew') as NodeListOf<HTMLButtonElement>;
+
+    for (var i = 0; i < buttonRenewArr.length; i++) {
+      buttonRenewArr[i].addEventListener('click', async (ev: any) => {
+        const id = ev.target.id;
+        const idArr = id.split("-")
+        console.log('idArr', idArr);
+        const mmdd = idArr[2] + "/" + idArr[3];
+        const j = idArr[4];
+        const yyyy = this.getYearFromMonthBetween(this.sdate, this.edate, idArr[3]);
+        let renewEvent = this.events[mmdd][j];
+        let fullEvent = await this.fetchRCMResourceDetails(renewEvent, mmdd + "/" + yyyy, true);
+        console.log('renew clicked', fullEvent, fullEvent.reportformatvalues);
+        this.renewRCMResource(fullEvent, fullEvent.reportformatvalues);
+      })
+    }
+
     const streamEventsContainer = (this._SfThisContainer as HTMLDivElement).querySelectorAll('.stream-events-container') as NodeListOf<HTMLDivElement>;
     const buttonSelect = (this._SfThisContainer as HTMLDivElement).querySelectorAll('.button-select') as NodeListOf<HTMLButtonElement>;
     let selectAllArr = this.attachSelectAllListeners((this._SfThisContainer as HTMLDivElement), buttonSelect)
@@ -13150,6 +13188,23 @@ export class SfIEvents extends LitElement {
 
     }
 
+    const buttonRenewArr = (this._SfStreamContainer as HTMLDivElement).querySelectorAll('.button-renew') as NodeListOf<HTMLButtonElement>;
+
+    for (var i = 0; i < buttonRenewArr.length; i++) {
+      buttonRenewArr[i].addEventListener('click', async (ev: any) => {
+        const id = ev.target.id;
+        const idArr = id.split("-")
+        console.log('idArr', idArr);
+        const mmdd = idArr[2] + "/" + idArr[3];
+        const j = idArr[4];
+        const yyyy = this.getYearFromMonthBetween(this.sdate, this.edate, idArr[3]);
+        let renewEvent = this.events[mmdd][j];
+        let fullEvent = await this.fetchRCMResourceDetails(renewEvent, mmdd + "/" + yyyy, true);
+        console.log('renew clicked', fullEvent, fullEvent.reportformatvalues);
+        this.renewRCMResource(fullEvent, fullEvent.reportformatvalues);
+      })
+    }
+
     const streamEventsContainer = (this._SfStreamContainer as HTMLDivElement).querySelectorAll('.stream-events-container') as NodeListOf<HTMLDivElement>;
     const buttonSelect = (this._SfStreamContainer as HTMLDivElement).querySelectorAll('.button-select') as NodeListOf<HTMLButtonElement>;
     let selectAllArr = this.attachSelectAllListeners((this._SfStreamContainer as HTMLDivElement), buttonSelect)
@@ -14427,6 +14482,23 @@ export class SfIEvents extends LitElement {
 
     }
 
+    const buttonRenewArr = (this._SfDetailListContainer as HTMLDivElement).querySelectorAll('.button-renew') as NodeListOf<HTMLButtonElement>;
+
+    for (var i = 0; i < buttonRenewArr.length; i++) {
+      buttonRenewArr[i].addEventListener('click', async (ev: any) => {
+        const id = ev.target.id;
+        const idArr = id.split("-")
+        console.log('idArr', idArr);
+        const mmdd = idArr[2] + "/" + idArr[3];
+        const j = idArr[4];
+        const yyyy = this.getYearFromMonthBetween(this.sdate, this.edate, idArr[3]);
+        let renewEvent = this.events[mmdd][j];
+        let fullEvent = await this.fetchRCMResourceDetails(renewEvent, mmdd + "/" + yyyy, true);
+        console.log('renew clicked', fullEvent, fullEvent.reportformatvalues);
+        this.renewRCMResource(fullEvent, fullEvent.reportformatvalues);
+      })
+    }
+
   }
   renderEventDetailShort = (compliance: any) => {
     var html = `
@@ -17296,7 +17368,7 @@ export class SfIEvents extends LitElement {
     }
   }
 
-  fetchRCMResourceDetails = async (listEvent: any, mmddyyyy: string) => {
+  fetchRCMResourceDetails = async (listEvent: any, mmddyyyy: string, flagReturn: boolean = false) => {
     let entityId = listEvent.entityid;
     let locationId = listEvent.locationid;
     let url = "https://" + this.apiIdRCMResources + "/getallobjectdetails";
@@ -17313,7 +17385,11 @@ export class SfIEvents extends LitElement {
 
       const jsonRespose = JSON.parse(xhr.responseText);
       console.log('jsonRespose agreement details', jsonRespose);
-      this.renderRCMResourceDetails(jsonRespose.object, mmddyyyy)
+      if (flagReturn) {
+        return jsonRespose.object;
+      }else{
+        this.renderRCMResourceDetails(jsonRespose.object, mmddyyyy)
+      }
     } else {
       if (xhr.status == 401) {
         let changeEvent = new CustomEvent('tokenExpired', { bubbles: true });
@@ -17571,12 +17647,12 @@ export class SfIEvents extends LitElement {
           return;
         }
         let reportformatvalues: any = {}
-        let reportformatvaluesStr: string = ""
+        // let reportformatvaluesStr: string = ""
         let reportingReporting = (this._SfDetailContainer as HTMLDivElement).querySelector('#reporting-reporting-0') as SfIReporting
         console.log('renew reporting', reportingReporting)
         if (reportingReporting != null) {
           reportformatvalues = reportingReporting!.selectedValues()
-          reportformatvaluesStr = JSON.stringify(reportingReporting!.selectedValues())
+          // reportformatvaluesStr = JSON.stringify(reportingReporting!.selectedValues())
         }
         let comparedObj = Util.compareObjects(reportformatvalues, JSON.parse(listEvent.reportformatvalues))
         console.log('reportformatvalues', reportformatvalues, JSON.parse(listEvent.reportformatvalues), comparedObj)
@@ -17597,7 +17673,7 @@ export class SfIEvents extends LitElement {
           console.log('mmddyyyy', mmddyyyy)
           if (await this.uploadReview(entityId, locationId, mmddyyyy, listEvent["id"], comments, approved, listEvent.module ?? "compliance")) {
             if (approved) {
-              await this.renewRCMResource(listEvent, reportformatvaluesStr);
+              // await this.renewRCMResource(listEvent, reportformatvaluesStr);
             } else {
               console.log('renew reporting', reportformatvalues)
             }
@@ -17933,7 +18009,7 @@ export class SfIEvents extends LitElement {
                           this.events[mmdd][p].lastupdated = new Date().toString()
                         }
                       }
-                      await this.renewRCMResource(listEvent, reportformatvalues);
+                      // await this.renewRCMResource(listEvent, reportformatvalues);
                       console.log('upload report auto approve single')
                     }
                     if (this.recentlyReported[mmdd] == null) {
@@ -22632,11 +22708,11 @@ export class SfIEvents extends LitElement {
       }
     }
     let pastFiscals = [parseInt(this.getCurrentYearGeneric())]
-    if(this.contractStartDate != null) {
+    if (this.contractStartDate != null) {
       pastFiscals = this.getAllPastFiscals(new Date(this.contractStartDate));
     }
     html += (`<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; ${tagged} in Suspense List out of ${sourceArray.data.mappings.mappings.length}</h4><h6 class="ml-20" part="onboarding-suspense-year-label">Year</h6><select id="select-year" part="input">${pastFiscals.map((fiscal) => {
-        return `<option value="${fiscal}"${fiscal == parseInt(year) ? " selected" : ""}>${fiscal}-${(fiscal % 100) + 1}</option>`
+      return `<option value="${fiscal}"${fiscal == parseInt(year) ? " selected" : ""}>${fiscal}-${(fiscal % 100) + 1}</option>`
     })}</select></div>`);
 
 
@@ -32243,7 +32319,7 @@ export class SfIEvents extends LitElement {
 
       html += '<tr>';
       html += '<th part="td-head">Select</th>'
-      html += '<th part="td-head">Zombie</th>'
+      html += '<th part="td-head">Processed</th>'
       html += '<th part="td-head">Date</th>'
       html += '<th part="td-head">Docs</th>'
       html += '<th part="td-head">Comments</th>'
@@ -32255,7 +32331,7 @@ export class SfIEvents extends LitElement {
 
       html += '<tr>';
       html += '<td part="td-body"><button id="button-select-' + reportKey.replace(/-/g, '_') + '"  part="button-icon-small" class="material-icons button-expand mr-10 button-select">check</button></td>'
-      html += '<td part="td-body"><button id="button-check-' + reportKey.replace(/-/g, '_') + '"  part="button-icon-small" class="material-symbols-outlined button-expand mr-10 button-check">search_check</button></td>'
+      html += `<td part="td-body"><span class="material-symbols-outlined mr-10">${report['processed'] ?? false ? "done_all" : ""}</span></td>`
       html += `<td part="td-body">${reportKey.split(';')[0]}</td>`;
       html += `<td part="td-body">${JSON.parse(report['docs']).length}</td>`;
       html += `<td part="td-body">${report['comments'].length}</td>`;
@@ -32314,7 +32390,9 @@ export class SfIEvents extends LitElement {
         console.log('idArr', idArr)
         const sortid = idArr[2].replace(/_/g, '-')
         console.log('selected sortid', sortid)
-        this.renderDateSelector(sortid);
+        let reportData = JSON.parse(reportsData[sortid]);
+        console.log('selectedReportData', reportData);
+        this.renderComplianceSelector(sortid, reportData.processed ?? false);
       })
     }
 
@@ -32423,117 +32501,143 @@ export class SfIEvents extends LitElement {
     }
 
   }
-  renderDateSelector = (sortid: string) => {
+  renderComplianceSelector = (sortid: string, processed: boolean = false) => {
     let html = ''
     html += '<div class="w-100-m-0 d-flex flex-col justify-center">'
     html += '<div class="w-100-m-0 d-flex justify-start">'
     html += '<button id="button-reports-date-selector-back" part="button-icon" class="button-icon"><span class="material-icons">keyboard_backspace</span></button>'
     html += '</div>'
-    html += '<label part="input-label" class="mt-20">Select Date</label>'
-    html += `<input id="input-compliance-date" part="input-text" class="input-text mb-20" type="date" />`
-    html += `<sf-i-form id="input-location-tags" name="Tags" label="Select Location" apiId="${this.apiIdTags}" mode="select" searchPhrase="${this.projectName}&Location" selectProjection="name" ignoreProjections="[&quot;updatetype&quot;,&quot;project&quot;,&quot;tagtype&quot;,&quot;shortid&quot;,&quot;shortnumid&quot;,&quot;lastmodifiedby&quot;,&quot;lastmodifiedtime&quot;]" mandatory></sf-i-form>`
-    // html += '<button id="button-reports-date-selector-back" class="button-back" part="button">back</button>';
+    html += `<sf-i-form id="input-user" class="m-20" name="Users" label="Select Reporter" apiId="${this.apiIdUserProfiles}" mode="select" searchPhrase="${this.projectName}" selectProjection="name" ignoreProjections="[&quot;updatetype&quot;,&quot;project&quot;,&quot;tagtype&quot;,&quot;userid&quot;,&quot;usermap&quot;,&quot;kra&quot;,&quot;role&quot;,&quot;trainingstatute&quot;,&quot;shortid&quot;,&quot;shortnumid&quot;,&quot;lastmodifiedby&quot;,&quot;lastmodifiedtime&quot;]"></sf-i-form>`
+    html += `<sf-i-form id="input-entity-tags" class="m-20" name="Tags" label="Select Entity" apiId="${this.apiIdTags}" mode="select" searchPhrase="${this.projectName}&Entity" selectProjection="name" ignoreProjections="[&quot;updatetype&quot;,&quot;project&quot;,&quot;tagtype&quot;,&quot;shortid&quot;,&quot;shortnumid&quot;,&quot;lastmodifiedby&quot;,&quot;lastmodifiedtime&quot;]"></sf-i-form>`
+    html += `<sf-i-form id="input-location-tags" class="m-20" name="Tags" label="Select Location" apiId="${this.apiIdTags}" mode="select" searchPhrase="${this.projectName}&Location" selectProjection="name" ignoreProjections="[&quot;updatetype&quot;,&quot;project&quot;,&quot;tagtype&quot;,&quot;shortid&quot;,&quot;shortnumid&quot;,&quot;lastmodifiedby&quot;,&quot;lastmodifiedtime&quot;]"></sf-i-form>`
+    html += '<div class="w-100-m-0 d-flex justify-start">'
+    html += '<button id="button-reports-search" part="button-icon" class="button-icon d-flex justify-between align-center ml-10" disabled><span class="material-icons">search</span>&nbsp;&nbsp;Search</button>'
+    html += `<button id="button-reports-mark" part="button-icon" class="button-icon d-flex justify-between align-center ml-10"><span class="material-icons">${processed ? "remove_done" : "done_all"}</span>&nbsp;&nbsp;${processed ? "Unmark" : "Mark"} Processed</button>`
+    html += '</div>';
     html += '</div>';
     (this._SfIEventsC.querySelector('#reports-data') as HTMLDivElement).innerHTML = html;
-    let inputComplianceDate = (this._SfIEventsC.querySelector('#input-compliance-date') as HTMLInputElement)
+    let inputReporter = (this._SfIEventsC.querySelector('#input-user') as SfIForm)
+    let inputEntityForm = (this._SfIEventsC.querySelector('#input-entity-tags') as SfIForm);
     let inputLocationForm = (this._SfIEventsC.querySelector('#input-location-tags') as SfIForm);
 
-    inputComplianceDate.addEventListener('change', (ev: any) => {
-      let selectedDate = new Date((ev.target as HTMLInputElement).value)
-      let selectedLocation = inputLocationForm.selectedValues()[0];
-      if (selectedLocation == null || selectedLocation == '') {
-        return;
-        // let locationId = sortid.split(';')[2]
-        // selectedLocation = locationId;
-      }
-      this.fetchReportCompliances(selectedDate, selectedLocation, sortid)
+    inputReporter.loadMode();
+    inputReporter.addEventListener('valueChanged', (ev: any) => {
+      let targetForm = ev.target as SfIForm;
+      let selectedReporter = targetForm.selectedTexts()[0]
+      console.log('reporter selected', selectedReporter)
+      checkButtonSearch()
+    })
+    let entityId = sortid.split(';')[1]
+    inputEntityForm.selectedSearchId = entityId;
+    inputEntityForm.loadMode();
+    inputEntityForm.addEventListener('valueChanged', (ev: any) => {
+      let targetForm = ev.target as SfIForm;
+      let selectedEntity = targetForm.selectedTexts()[0]
+      console.log('entity selected', selectedEntity)
+      inputLocationForm.searchPhrase = this.projectName + '&Location&' + selectedEntity.replace(/\([^)]*\)/g, "");
+      inputLocationForm.loadMode();
+      checkButtonSearch()
     })
     let locationId = sortid.split(';')[2]
     inputLocationForm.selectedSearchId = locationId;
     inputLocationForm.loadMode();
     inputLocationForm.addEventListener('valueChanged', (ev: any) => {
-      let form = ev.target as SfIForm
-      let selectedDate = new Date((inputComplianceDate as HTMLInputElement).value)
-      if (selectedDate.toString() == 'Invalid Date') {
-        return;
-        // let mmddyyyy = sortid.split(';')[0];
-        // let mm = mmddyyyy.split('/')[0];
-        // let dd = mmddyyyy.split('/')[1];
-        // let yyyy = mmddyyyy.split('/')[2];
-        // selectedDate = new Date(parseInt(yyyy), parseInt(mm) - 1, parseInt(dd));
-      }
-      let selectedLocation = form.selectedValues()[0];
-      this.fetchReportCompliances(selectedDate, selectedLocation, sortid)
+      let targetForm = ev.target as SfIForm;
+      let selectedLocation = targetForm.selectedTexts()[0]
+      console.log('location selected', selectedLocation)
+      checkButtonSearch()
     })
 
     let buttonBack = (this._SfIEventsC.querySelector('#button-reports-date-selector-back') as HTMLButtonElement)
     buttonBack.addEventListener('click', () => {
       this.fetchReports()
     })
+    let buttonSearch = (this._SfIEventsC.querySelector('#button-reports-search') as HTMLButtonElement)
+    buttonSearch.addEventListener('click', () => {
+      let selectedReporterId = inputReporter.selectedValues()[0];
+      let selectedEntityId = inputEntityForm.selectedValues()[0];
+      let selectedLocationId = inputLocationForm.selectedValues()[0];
+      this.fetchReportCompliances(selectedReporterId, selectedEntityId, selectedLocationId, sortid, processed)
+    })
+
+    let buttonMark = (this._SfIEventsC.querySelector('#button-reports-mark') as HTMLButtonElement)
+    buttonMark.addEventListener('click', () => {
+      let [mmddyyyy, entityid, locationid, complianceid] = sortid.split(';');
+      let year = this.getFinancialYear(mmddyyyy)
+      this.markReport(mmddyyyy, entityid, locationid, complianceid, year, !processed)
+    })
+    function checkButtonSearch() {
+      let selectedReporterId = inputReporter.selectedValues()[0];
+      let selectedEntityId = inputEntityForm.selectedValues()[0];
+      let selectedLocationId = inputLocationForm.selectedValues()[0];
+      if (selectedReporterId != null && selectedEntityId != null && selectedLocationId != null) {
+        buttonSearch.disabled = false;
+      } else {
+        buttonSearch.disabled = true;
+      }
+    }
 
   }
 
-  fetchReportCompliances = async (selectedDate: Date, locationid: string, sortid: string) => {
-    console.log('fetching compliances', sortid)
-    let complianceEntityId = sortid.split(';')[1]
-    // let complianceLocationId = sortid.split(';')[2]
-    let url = "https://" + this.apiId + "/getallcountryevents5";
-    let sDateObj = selectedDate
-    sDateObj.setDate(selectedDate.getDate() - 60)
-    let day = '' + sDateObj.getDate();
-    let month = '' + (sDateObj.getMonth() + 1);
-    let year = '' + sDateObj.getFullYear();
-    if (month.length < 2)
-      month = '0' + month;
-    if (day.length < 2)
-      day = '0' + day;
-    let sDate = month + "/" + day + "/" + year
-    let eDateObj = selectedDate
-    eDateObj.setDate(selectedDate.getDate() + 120)
-    day = '' + eDateObj.getDate();
-    month = '' + (eDateObj.getMonth() + 1);
-    year = '' + eDateObj.getFullYear();
-    if (month.length < 2)
-      month = '0' + month;
-    if (day.length < 2)
-      day = '0' + day;
-    let eDate = month + "/" + day + "/" + year
-    //console.log('fetch calendar url', url);
-    let urlBody: any = { "projectid": this.projectId, "userprofileid": this.userProfileId, "role": this.myRole, "entityid": complianceEntityId, "countryid": "", "functionid": "", "locationid": locationid, "tagid": this.tagId, "adhoc": "false", "exclusivestartkey": 0, "sdate": sDate, "edate": eDate, "view": "location", "year": this.calendarStartYYYY };
+  markReport = async (mmddyyyy: string, entityid: string, locationid: string, eventid: string, year: string, processed: boolean) => {
+    console.log('marking report', eventid, processed)
+    let url = "https://" + this.apiId + "/markreportprocessed";
+
+    let urlBody: any = { "projectid": this.projectId, "eventid": eventid, "mmddyyyy": mmddyyyy, "entityid": entityid, "locationid": locationid, "year": year, "processed": processed };
     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('jsonRespose', jsonRespose);
-      let arrCompliances = (await this.fetchPresignedUrl(jsonRespose.signedUrlGet));
-      await this.fetchPresignedUrlDelete(jsonRespose.signedUrlDelete);
-      console.log('receivedCompliacnes', arrCompliances)
-      this.renderReportsCompliances(arrCompliances, sortid);
+      this.setSuccess("Report " + ((processed == true) ? "marked" : "unmarked") + " successfully.");
+      this.fetchReports();
+      setTimeout(() => {
+        this.clearMessages();
+      }, 5000);
     } else {
-      if (xhr.status == 401) {
-        let changeEvent = new CustomEvent('tokenExpired', { bubbles: true });
-        this.dispatchEvent(changeEvent);
-      }
-      if (xhr.status === 404) {
+      const jsonResponse = JSON.parse(xhr.responseText);
+      this.setError(jsonResponse.error);
+      setTimeout(() => {
+        this.clearMessages();
+      }, 5000);
+    }
+  }
 
-        this.showChosenProject();
-        (this._SfTitleChosenProject as HTMLElement).innerHTML = (this._SfProject[0].querySelector('#sf-i-project') as SfIForm).selectedTexts()[0];
-        this.renderChosenProject();
+  fetchReportCompliances = async (reporterid: string, entityid: string, locationid: string, sortid: string, processed: boolean) => {
+    console.log('fetching compliances', sortid)
+    let url = "https://" + this.apiId + "/geteventfromreport";
 
-      } else {
-        const jsonRespose = JSON.parse(xhr.responseText);
-        this.setError(jsonRespose.error);
+    let urlBody: any = { "projectid": this.projectId, "sortid": sortid, "reporterid": reporterid, "entityid": entityid, "locationid": locationid };
+    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 jsonResponse = JSON.parse(xhr.responseText);
+      console.log('fetch compliances jsonRespose', jsonResponse);
+
+      if (jsonResponse.event == null) {
+        this.setError("Compliance status is - " + jsonResponse.completenessstatus);
         setTimeout(() => {
           this.clearMessages();
         }, 5000);
+      } else {
+        let returnedEvent = jsonResponse.event
+        let arrCompliances = [(returnedEvent)];
+        let assocEvents: any = {};
+        let mmdd = (returnedEvent.duedate).split('/')[1] + "/" + (returnedEvent.duedate).split('/')[0];
+        assocEvents[mmdd] = arrCompliances;
+        this.renderReportsCompliances(assocEvents, sortid, processed);
       }
-
+    } else {
+      const jsonResponse = JSON.parse(xhr.responseText);
+      this.setError(jsonResponse.error);
+      setTimeout(() => {
+        this.clearMessages();
+      }, 5000);
     }
   }
 
-  renderReportsCompliances = (compliancesData: any, sortid: string) => {
+  renderReportsCompliances = (compliancesData: any, sortid: string, processed: boolean) => {
     let eventsData: any = {}
     let complianceId = sortid.split(';')[3]
     console.log('renderReportsComplainces', compliancesData, complianceId);
@@ -32638,24 +32742,25 @@ export class SfIEvents extends LitElement {
         const id = ev.target.id;
         const idArr = id.split("-")
         const mmdd = idArr[3] + "/" + idArr[4];
-        // const j = idArr[5];
+        const j = idArr[5];
+        let eventObj = eventsData[mmdd][j];
         console.log('move reporting', mmdd + '/' + this.calendarStartYYYY, sortid)
-        this.submitUpdateReporting(mmdd + '/' + this.calendarStartYYYY, sortid);
+        this.submitUpdateReporting(mmdd + '/' + this.calendarStartYYYY, eventObj['entityid'], eventObj['locationid'], sortid);
       })
     }
 
     let buttonBack = (this._SfIEventsC.querySelector('#button-reports-date-selector-back') as HTMLButtonElement)
     buttonBack.addEventListener('click', () => {
-      this.renderDateSelector(sortid)
+      this.renderComplianceSelector(sortid, processed)
     })
   }
 
-  submitUpdateReporting = async (mmddyyyy: string, sortid: string) => {
+  submitUpdateReporting = async (mmddyyyy: string, entityid: string, locationid: string, sortid: string) => {
     let url = "https://" + this.apiId + "/updatereportdate";
 
     const authorization = btoa(Util.readCookie('email') + ":" + Util.readCookie('accessToken'));
     console.log('this.myroles', this.myroles)
-    const xhr: any = (await this.prepareXhr({ "projectid": this.projectId, "mmddyyyy": mmddyyyy, "sortid": sortid }, url, this._SfLoader, authorization)) as any;
+    const xhr: any = (await this.prepareXhr({ "projectid": this.projectId, "mmddyyyy": mmddyyyy, "entityid": entityid, "locationid": locationid, "sortid": sortid }, url, this._SfLoader, authorization)) as any;
     this._SfLoader.innerHTML = '';
     if (xhr.status == 200) {
       this.setSuccess("update successful!");