sf-i-events 1.0.903 → 1.0.905

package/package.json

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

package/sf-i-events.d.ts

@@ -627,7 +627,7 @@ export declare class SfIEvents extends LitElement {
     fetchRCMResourceDetails: (listEvent: any, mmddyyyy: string) => Promise<void>;
     renewRCMResource: (listEvent: any, reportformatvalues: any) => Promise<void>;
     renderRCMResourceDetails: (listEvent: any, mmddyyyy: string) => Promise<void>;
-    fetchEventDetails: (listEvent: any, mmddyyyy: any, currentColumnButton: HTMLButtonElement | null, eventsContainer: HTMLDivElement, flagUploadGuidance?: boolean, listEventContainer?: HTMLDivElement | null) => Promise<void>;
+    fetchEventDetails: (listEvent: any, mmddyyyy: any, currentColumnButton: HTMLButtonElement | null, eventsContainer: HTMLDivElement, flagUploadGuidance?: boolean, listEventContainer?: HTMLDivElement | null, reportercomments?: string | null, approvercomments?: string | null, inputReportingPercentage?: string | null, selectReportedLocation?: string | null, documents?: any | null, dateOfCompletion?: string | null) => Promise<void>;
     renderEventDetail: (event: any, mmddyyyy: any, currentColumnButton: HTMLButtonElement | null, eventsContainer: HTMLDivElement) => void;
     renderCalendar: () => void;
     matchesOnBoardingFilter: (country: string, state: string, subcategory: string, statute: string) => boolean;

package/sf-i-events.js

@@ -3524,7 +3524,7 @@ let SfIEvents = class SfIEvents extends LitElement {
             return html;
         };
         this.renderReporting = (event, mmddyyyy) => {
-            var _a;
+            var _a, _b, _c;
             let html = '';
             let completeness = this.getCompletenessStatus(event);
             let docs = event['documents'] == null ? [] : event['documents'];
@@ -3559,7 +3559,7 @@ let SfIEvents = class SfIEvents extends LitElement {
                     }
                     html += '<div class="d-flex m-20 flex-col">';
                     html += '<label part="input-label">Approver Comments*</label>';
-                    html += '<input id="input-approver-comments" type="text" part="input" value=""/><br />';
+                    html += ('<input id="input-approver-comments" type="text" part="input" value="' + ((_b = event.approvercomments) !== null && _b !== void 0 ? _b : "") + '"/><br />');
                     if (event.module != 'contract' && event.module != 'license' && event.module != 'rcmresource') {
                         html += '<label part="input-label">Date of Completion*</label>';
                         html += '<input id="input-approver-doc" part="input" type="date" value="' + (dateOfCompletion == "" ? dateOfCompletion : new Date(parseInt(dateOfCompletion)).toISOString().substring(0, 10)) + '" disabled/><br />';
@@ -3616,7 +3616,7 @@ let SfIEvents = class SfIEvents extends LitElement {
                     html += '</div>';
                     html += '<div class="d-flex m-20 flex-col">';
                     html += '<label part="input-label">Reporter Comments*</label>';
-                    html += '<input id="input-reporter-comments" type="text" part="input" value=""/><br />';
+                    html += ('<input id="input-reporter-comments" type="text" part="input" value="' + ((_c = event.reportercomments) !== null && _c !== void 0 ? _c : "") + '"/><br />');
                     if (event.module != 'contract' && event.module != 'license' && event.module != 'rcmresource') {
                         html += '<label part="input-label">Date of Completion*</label>';
                         html += '<input id="input-reporter-doc" part="input" type="date" value="' + (dateOfCompletion == "" ? dateOfCompletion : new Date(parseInt(dateOfCompletion)).toISOString().substring(0, 10)) + '" max="' + (new Date().toISOString().substring(0, 10)) + '"/><br />';
@@ -3753,7 +3753,7 @@ let SfIEvents = class SfIEvents extends LitElement {
             const j = idArr[5];
             let buttonListReportings = eventsContainer.querySelectorAll('.button-list-reporting');
             for (let buttonListReporting of buttonListReportings) {
-                console.log('buttonListReporting', buttonListReporting.id, 'button-list-reporting-' + mmdd.replace(/\//g, '-') + '-' + j);
+                // console.log('buttonListReporting', buttonListReporting.id, 'button-list-reporting-' + mmdd.replace(/\//g, '-') + '-' + j);
                 if (buttonListReporting.id == 'button-list-reporting-' + mmdd.replace(/\//g, '-') + '-' + j) {
                     buttonListReporting.setAttribute('part', 'button-list-reporting-selected');
                 }
@@ -3838,8 +3838,25 @@ let SfIEvents = class SfIEvents extends LitElement {
                 }
             });
             (_h = listReportingContainer.querySelector('#upload-guidance-button')) === null || _h === void 0 ? void 0 : _h.addEventListener('click', async () => {
+                var _a, _b, _c, _f, _g, _h, _j, _k;
                 console.log('upload guidance clicked', event);
-                await this.fetchEventDetails(event, mmddyyyy, null, eventsContainer, true, listReportingContainer);
+                let inputReportingPercentage = (_b = (_a = listReportingContainer.querySelector('#input-reporter-percentage')) === null || _a === void 0 ? void 0 : _a.value) !== null && _b !== void 0 ? _b : "100";
+                let selectReportedLocation = (_f = (_c = listReportingContainer.querySelector('#input-reporter-location')) === null || _c === void 0 ? void 0 : _c.value) !== null && _f !== void 0 ? _f : "";
+                let approvercomments = (_h = (_g = listReportingContainer.querySelector('#input-approver-comments')) === null || _g === void 0 ? void 0 : _g.value) !== null && _h !== void 0 ? _h : "";
+                let reportercomments = (_k = (_j = listReportingContainer.querySelector('#input-reporter-comments')) === null || _j === void 0 ? void 0 : _j.value) !== null && _k !== void 0 ? _k : "";
+                let dateOfCompletion;
+                if (listReportingContainer.querySelector('#input-reporter-doc') != null) {
+                    dateOfCompletion = new Date(listReportingContainer.querySelector('#input-reporter-doc').value).getTime() + "";
+                }
+                else {
+                    dateOfCompletion = new Date(listReportingContainer.querySelector('#input-approver-doc').value).getTime() + "";
+                }
+                let documents = this._SfUploader[0].querySelector('#uploader').selectedValues();
+                if (dateOfCompletion == "NaN") {
+                    dateOfCompletion = "";
+                }
+                console.log('dateOfCompletion', dateOfCompletion);
+                await this.fetchEventDetails(event, mmddyyyy, null, eventsContainer, true, listReportingContainer, reportercomments, approvercomments, inputReportingPercentage, selectReportedLocation, documents, dateOfCompletion);
             });
             if (this.mode == "consumer" || this.mode == "next") {
                 let inputReportingPercentage = listReportingContainer.querySelector('#input-reporter-percentage');
@@ -12976,7 +12993,7 @@ let SfIEvents = class SfIEvents extends LitElement {
                 }
             }
         };
-        this.fetchEventDetails = async (listEvent, mmddyyyy, currentColumnButton, eventsContainer, flagUploadGuidance = false, listEventContainer = null) => {
+        this.fetchEventDetails = async (listEvent, mmddyyyy, currentColumnButton, eventsContainer, flagUploadGuidance = false, listEventContainer = null, reportercomments = null, approvercomments = null, inputReportingPercentage = null, selectReportedLocation = null, documents = null, dateOfCompletion = null) => {
             console.log('listEvent', listEvent, listEvent.id);
             let url = "https://" + this.apiId + "/getalleventdetails";
             //console.log('fetch calendar url', url);
@@ -12998,7 +13015,21 @@ let SfIEvents = class SfIEvents extends LitElement {
                                 }
                             }
                         }
-                        this.renderListReporting(listEventContainer, jsonRespose.data, mmddyyyy, eventsContainer);
+                        let data = jsonRespose.data;
+                        if (reportercomments != null) {
+                            data.reportercomments = reportercomments;
+                        }
+                        else if (approvercomments != null) {
+                            data.approvercomments = approvercomments;
+                        }
+                        if (inputReportingPercentage != null) {
+                            data.percentage = inputReportingPercentage;
+                        }
+                        console.log('dateOfCompletion', dateOfCompletion, dateOfCompletion == null, dateOfCompletion == "");
+                        data.dateofcompletion = dateOfCompletion;
+                        data.reportedlocations = selectReportedLocation;
+                        data.documents = documents;
+                        this.renderListReporting(listEventContainer, data, mmddyyyy, eventsContainer);
                     }
                 }
                 else {
@@ -13086,7 +13117,12 @@ let SfIEvents = class SfIEvents extends LitElement {
             html += '<div class="accordian-container m-20 pb-20" part="accordian-container">';
             html += '<div part="detail-summary">';
             html += ('<div part="detail-summary-title" class="pl-20 pr-20"><h1>' + event['obligationtitle'] + '</h1></div>');
-            html += ('<div part="detail-summary-subtitle" class="pl-20 pr-20"><h3>' + event['obligation'].replace(/\n/g, '<br />') + '</h3></div>');
+            let obligationArr = event['obligation'].split('More information:');
+            html += ('<div part="detail-summary-subtitle" class="pl-20 pr-20"><h3>' + obligationArr[0].replace(/\n/g, '<br />') + '</h3></div>');
+            if (obligationArr.length > 1) {
+                let tempObligationArr = obligationArr.slice(1);
+                html += ('<div part="detail-summary-subtitle-more-info" class="pl-20 pr-20 pb-10">' + ('<sf-i-elastic-text text="More information:' + (tempObligationArr.join('')).replace(/"/g, "").replace(/\n/g, '<br />') + '" minLength="80"></sf-i-elastic-text>') + '</div>');
+            }
             html += ('<div part="detail-summary-content" class="pl-20 pr-20 pt-20">' + ('<sf-i-elastic-text text="' + (event['internalcontrols'] + "").replace(/"/g, "").replace(/\n/g, '<br />') + '" minLength="80"></sf-i-elastic-text>') + '</div>');
             html += '</div>';
             html += '<br />';

package/src/sf-i-events.ts

@@ -5890,7 +5890,7 @@ export class SfIEvents extends LitElement {
 
         html += '<div class="d-flex m-20 flex-col">';
         html += '<label part="input-label">Approver Comments*</label>';
-        html += '<input id="input-approver-comments" type="text" part="input" value=""/><br />';
+        html += ('<input id="input-approver-comments" type="text" part="input" value="' + (event.approvercomments ?? "") + '"/><br />');
         if (event.module != 'contract' && event.module != 'license' && event.module != 'rcmresource') {
           html += '<label part="input-label">Date of Completion*</label>';
           html += '<input id="input-approver-doc" part="input" type="date" value="' + (dateOfCompletion == "" ? dateOfCompletion : new Date(parseInt(dateOfCompletion)).toISOString().substring(0, 10)) + '" disabled/><br />';
@@ -5960,7 +5960,7 @@ export class SfIEvents extends LitElement {
 
         html += '<div class="d-flex m-20 flex-col">';
         html += '<label part="input-label">Reporter Comments*</label>';
-        html += '<input id="input-reporter-comments" type="text" part="input" value=""/><br />';
+        html += ('<input id="input-reporter-comments" type="text" part="input" value="' + (event.reportercomments ?? "") + '"/><br />');
         if (event.module != 'contract' && event.module != 'license' && event.module != 'rcmresource') {
           html += '<label part="input-label">Date of Completion*</label>';
           html += '<input id="input-reporter-doc" part="input" type="date" value="' + (dateOfCompletion == "" ? dateOfCompletion : new Date(parseInt(dateOfCompletion)).toISOString().substring(0, 10)) + '" max="' + (new Date().toISOString().substring(0, 10)) + '"/><br />';
@@ -6112,7 +6112,7 @@ export class SfIEvents extends LitElement {
     const j = idArr[5];
     let buttonListReportings = eventsContainer.querySelectorAll('.button-list-reporting') as NodeListOf<HTMLButtonElement>
     for (let buttonListReporting of buttonListReportings) {
-      console.log('buttonListReporting', buttonListReporting.id, 'button-list-reporting-' + mmdd.replace(/\//g, '-') + '-' + j);
+      // console.log('buttonListReporting', buttonListReporting.id, 'button-list-reporting-' + mmdd.replace(/\//g, '-') + '-' + j);
       if (buttonListReporting.id == 'button-list-reporting-' + mmdd.replace(/\//g, '-') + '-' + j) {
         buttonListReporting.setAttribute('part', 'button-list-reporting-selected')
       } else {
@@ -6197,7 +6197,22 @@ export class SfIEvents extends LitElement {
     });
     listReportingContainer.querySelector('#upload-guidance-button')?.addEventListener('click', async () => {
       console.log('upload guidance clicked', event);
-      await this.fetchEventDetails(event, mmddyyyy, null, eventsContainer, true, listReportingContainer);
+      let inputReportingPercentage = (listReportingContainer.querySelector('#input-reporter-percentage') as HTMLInputElement)?.value ?? "100";
+      let selectReportedLocation = (listReportingContainer.querySelector('#input-reporter-location') as HTMLSelectElement)?.value ?? "";
+      let approvercomments = (listReportingContainer.querySelector('#input-approver-comments') as HTMLInputElement)?.value ?? "";
+      let reportercomments = (listReportingContainer.querySelector('#input-reporter-comments') as HTMLInputElement)?.value ?? "";
+      let dateOfCompletion;
+      if((listReportingContainer.querySelector('#input-reporter-doc') as HTMLInputElement) != null) {
+        dateOfCompletion = new Date((listReportingContainer.querySelector('#input-reporter-doc') as HTMLInputElement).value).getTime() + "";
+      } else {
+        dateOfCompletion = new Date((listReportingContainer.querySelector('#input-approver-doc') as HTMLInputElement).value).getTime() + "";
+      }
+      let documents = (this._SfUploader[0].querySelector('#uploader') as SfIUploader).selectedValues()
+      if(dateOfCompletion == "NaN") {
+        dateOfCompletion = "";
+      }
+      console.log('dateOfCompletion', dateOfCompletion)
+      await this.fetchEventDetails(event, mmddyyyy, null, eventsContainer, true, listReportingContainer, reportercomments, approvercomments, inputReportingPercentage,selectReportedLocation, documents, dateOfCompletion);
     })
     if (this.mode == "consumer" || this.mode == "next") {
       let inputReportingPercentage = listReportingContainer.querySelector('#input-reporter-percentage') as HTMLInputElement;
@@ -16922,7 +16937,7 @@ export class SfIEvents extends LitElement {
     }
   }
 
-  fetchEventDetails = async (listEvent: any, mmddyyyy: any, currentColumnButton: HTMLButtonElement | null, eventsContainer: HTMLDivElement, flagUploadGuidance: boolean = false, listEventContainer: HTMLDivElement | null = null) => {
+  fetchEventDetails = async (listEvent: any, mmddyyyy: any, currentColumnButton: HTMLButtonElement | null, eventsContainer: HTMLDivElement, flagUploadGuidance: boolean = false, listEventContainer: HTMLDivElement | null = null, reportercomments: string | null = null, approvercomments: string | null = null, inputReportingPercentage: string | null = null, selectReportedLocation:string | null = null, documents: any | null = null, dateOfCompletion: string | null = null) => {
     console.log('listEvent', listEvent, listEvent.id)
     let url = "https://" + this.apiId + "/getalleventdetails";
 
@@ -16948,7 +16963,20 @@ export class SfIEvents extends LitElement {
               }
             }
           }
-          this.renderListReporting(listEventContainer, jsonRespose.data, mmddyyyy, eventsContainer)
+          let data = jsonRespose.data;
+          if( reportercomments != null) {
+            data.reportercomments = reportercomments;
+          }else if(approvercomments != null) {
+            data.approvercomments = approvercomments;
+          }
+          if(inputReportingPercentage != null) {
+            data.percentage = inputReportingPercentage;
+          }
+          console.log('dateOfCompletion', dateOfCompletion, dateOfCompletion == null, dateOfCompletion == "");
+          data.dateofcompletion = dateOfCompletion;
+          data.reportedlocations = selectReportedLocation;
+          data.documents = documents;
+          this.renderListReporting(listEventContainer, data, mmddyyyy, eventsContainer)
         }
       } else {
         this.renderEventDetail(jsonRespose.data, mmddyyyy, currentColumnButton, eventsContainer);
@@ -17046,7 +17074,12 @@ export class SfIEvents extends LitElement {
 
     html += '<div part="detail-summary">';
     html += ('<div part="detail-summary-title" class="pl-20 pr-20"><h1>' + event['obligationtitle'] + '</h1></div>');
-    html += ('<div part="detail-summary-subtitle" class="pl-20 pr-20"><h3>' + event['obligation'].replace(/\n/g, '<br />') + '</h3></div>');
+    let obligationArr = event['obligation'].split('More information:');
+    html += ('<div part="detail-summary-subtitle" class="pl-20 pr-20"><h3>' + obligationArr[0].replace(/\n/g, '<br />') + '</h3></div>');
+    if(obligationArr.length > 1) {
+      let tempObligationArr = obligationArr.slice(1);
+      html += ('<div part="detail-summary-subtitle-more-info" class="pl-20 pr-20 pb-10">' + ('<sf-i-elastic-text text="More information:' + (tempObligationArr.join('')).replace(/"/g, "").replace(/\n/g, '<br />') + '" minLength="80"></sf-i-elastic-text>') + '</div>');  
+    }
     html += ('<div part="detail-summary-content" class="pl-20 pr-20 pt-20">' + ('<sf-i-elastic-text text="' + (event['internalcontrols'] + "").replace(/"/g, "").replace(/\n/g, '<br />') + '" minLength="80"></sf-i-elastic-text>') + '</div>');
     html += '</div>';