sf-i-events 1.0.866 → 1.0.868

package/package.json

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

package/sf-i-events.js

@@ -2515,7 +2515,7 @@ let SfIEvents = class SfIEvents extends LitElement {
             return html;
         };
         this.renderCalendarRowDivItemDivStart = (mmdd, event, itemNumber, partStatus, bgStatus) => {
-            var _a, _b;
+            var _a, _b, _c, _f;
             var html = '';
             var remarks = "";
             var occurrenceDate = "";
@@ -2543,10 +2543,64 @@ let SfIEvents = class SfIEvents extends LitElement {
             html += '<div class="stream-events-container flex-grow" part="' + bgStatus + '">';
             html += '<div class="hidden-tags hide">' + JSON.stringify(event['tags']) + '</div>';
             html += '<div class="hidden-title hide"><table><thead><th part="badge-filtered"><i>not filtered</i></th></thead></table></div>';
-            html += '<div part="stream-events-event-title" class="stream-events-event-title d-flex align-center pl-5 pb-5">' + '<input id="button-select-' + mmdd.replace('/', '-') + '-' + itemNumber + '-' + (((event.makercheckers != null && (event.makercheckers).length > 0)) ? '1' : '0') + '-' + (((event.docs != null && (event.docs).length > 0)) ? '1' : '0') + '-' + event.entityid.replace(/-/g, '_') + '-' + event.locationid.replace(/-/g, '_') + '-' + event.id.replace(/-/g, '_') + '-' + event.duedate.split('/')[1] + '-' + event.duedate.split('/')[0] + '-' + event.duedate.split('/')[2] + '-' + partStatus.replace(/-/g, '_') + '-' + (((_a = event.module) !== null && _a !== void 0 ? _a : false) ? event.module : 'compliance') + '-' + ((event.isbulk == null || event.isbulk == false) ? "" : "bulk") + (((event.reportformat != null && event.reportformat.length > 0) || (event.isbulk != null && event.isbulk == true) || (event.customreporting != null)) ? "reportformat" : "") + '" class="button-select mr-10 ' + (((event.reportformat != null && event.reportformat.length > 0) || (event.isbulk != null && event.isbulk == true) || (event.customreporting != null)) ? 'hide' : '') + '" type="checkbox"/>' + (event.isbulk != null && event.isbulk == true ? '<div class="lds-dual-ring1 bulk-loader mr-10"></div>' : '') + '<sf-i-elastic-text class="stream-event-title' + (event.isbulk == null || event.isbulk == false ? ' button-event-title' : '') + '" id="stream-event-title-' + mmdd.replace(/\//g, '-') + '-' + itemNumber + '-' + (((_b = event.module) !== null && _b !== void 0 ? _b : false) ? event.module : 'compliance') + '" text="' + event['obligationtitle'] + '" minLength="' + (event.reporters != null ? "100" : "60") + '"></sf-i-elastic-text>' + event.reporters != null ? ('') : ('<div part="stream-event-location" class="stream-event-location ml-5">' + event.locationname.replace(/ *\([^)]*\) */g, "") + '</div><div part="stream-event-risk-' + event.risk[0].toLowerCase().replace(/ /g, '-') + '" class="stream-event-risk ml-5">' + event.risk[0] + '</div>') + (((event.reportformat != null && event.reportformat.length > 0) || (event.customreporting != null)) ? '' : ('<button id="button-list-reporting-' + mmdd.replace('/', '-') + '-' + itemNumber + '" part="button-list-reporting" class="material-icons ml-10 button-list-reporting">edit_note</button>')) + ((event.reporters != null && lastUpdated.length > 0) ? ('&nbsp;&nbsp;<div part="event-last-updated-time" class="d-flex align-center">' + lastUpdated + '</div>') : "") + '</div>';
+            // html += '<div part="stream-events-event-title" class="stream-events-event-title d-flex align-center pl-5 pb-5">' + '<input id="button-select-' + mmdd.replace('/', '-') + '-' + itemNumber + '-' + (((event.makercheckers != null && (event.makercheckers).length > 0)) ? '1' : '0') + '-' + (((event.docs != null && (event.docs).length > 0)) ? '1' : '0') + '-' + event.entityid.replace(/-/g, '_') + '-' + event.locationid.replace(/-/g, '_') + '-' + event.id.replace(/-/g, '_') + '-' + event.duedate.split('/')[1] + '-' + event.duedate.split('/')[0] + '-' + event.duedate.split('/')[2] + '-' + partStatus.replace(/-/g, '_') + '-' + ((event.module ?? false) ? event.module : 'compliance') + '-' + ((event.isbulk == null || event.isbulk == false) ? "" : "bulk") + (((event.reportformat != null && event.reportformat.length > 0) || (event.isbulk != null && event.isbulk == true) || (event.customreporting != null)) ? "reportformat" : "") + '" class="button-select mr-10 ' + (((event.reportformat != null && event.reportformat.length > 0) || (event.isbulk != null && event.isbulk == true) || (event.customreporting != null)) ? 'hide' : '') + '" type="checkbox"/>' + (event.isbulk != null && event.isbulk == true ? '<div class="lds-dual-ring1 bulk-loader mr-10"></div>' : '') + '<sf-i-elastic-text class="stream-event-title' + (event.isbulk == null || event.isbulk == false ? ' button-event-title' : '') + '" id="stream-event-title-' + mmdd.replace(/\//g, '-') + '-' + itemNumber + '-' + ((event.module ?? false) ? event.module : 'compliance') + '" text="' + event['obligationtitle'] + '" minLength="' + (event.reporters != null ? "100" : "60") + '"></sf-i-elastic-text>' + event.reporters != null ? ('') : ('<div part="stream-event-location" class="stream-event-location ml-5">' + event.locationname.replace(/ *\([^)]*\) */g, "") + '</div><div part="stream-event-risk-' + event.risk[0].toLowerCase().replace(/ /g, '-') + '" class="stream-event-risk ml-5">' + event.risk[0] + '</div>') + (((event.reportformat != null && event.reportformat.length > 0) || (event.customreporting != null)) ? '' : ('<button id="button-list-reporting-' + mmdd.replace('/', '-') + '-' + itemNumber + '" part="button-list-reporting" class="material-icons ml-10 button-list-reporting">edit_note</button>')) + ((event.reporters != null && lastUpdated.length > 0) ? ('&nbsp;&nbsp;<div part="event-last-updated-time" class="d-flex align-center">' + lastUpdated + '</div>') : "") + '</div>';
+            const isBulk = event.isbulk === true;
+            const hasReportFormat = ((_a = event.reportformat) === null || _a === void 0 ? void 0 : _a.length) > 0;
+            const hasCustomReporting = event.customreporting != null;
+            const hasMakerCheckers = ((_b = event.makercheckers) === null || _b === void 0 ? void 0 : _b.length) > 0;
+            const hasDocs = ((_c = event.docs) === null || _c === void 0 ? void 0 : _c.length) > 0;
+            const moduleType = (_f = event.module) !== null && _f !== void 0 ? _f : 'compliance';
+            const partStatusSanitized = partStatus.replace(/-/g, '_');
+            const entityIdSanitized = event.entityid.replace(/-/g, '_');
+            const locationIdSanitized = event.locationid.replace(/-/g, '_');
+            const eventIdSanitized = event.id.replace(/-/g, '_');
+            const mmddSanitized = mmdd.replace(/\//g, '-');
+            const dueDateParts = event.duedate.split('/');
+            const showCheckbox = !(hasReportFormat || isBulk || hasCustomReporting);
+            const showReportingButton = !hasReportFormat && !hasCustomReporting && event.reporters == null;
+            const showLocationRisk = event.reporters == null;
+            const showLastUpdated = event.reporters != null && lastUpdated.length > 0;
+            html += `
+      <div part="stream-events-event-title" class="stream-events-event-title d-flex align-center pl-5 pb-5">
+        <input 
+          id="button-select-${mmddSanitized}-${itemNumber}-${hasMakerCheckers ? '1' : '0'}-${hasDocs ? '1' : '0'}-${entityIdSanitized}-${locationIdSanitized}-${eventIdSanitized}-${dueDateParts[1]}-${dueDateParts[0]}-${dueDateParts[2]}-${partStatusSanitized}-${moduleType}-${isBulk ? 'bulk' : ''}${(hasReportFormat || isBulk || hasCustomReporting) ? 'reportformat' : ''}" 
+          class="button-select mr-10 ${showCheckbox ? '' : 'hide'}" 
+          type="checkbox"
+        />
+        ${isBulk ? '<div class="lds-dual-ring1 bulk-loader mr-10"></div>' : ''}
+        <sf-i-elastic-text 
+          class="stream-event-title${!isBulk ? ' button-event-title' : ''}" 
+          id="stream-event-title-${mmddSanitized}-${itemNumber}-${moduleType}" 
+          text="${event.obligationtitle}" 
+          minLength="${event.reporters != null ? '100' : '60'}">
+        </sf-i-elastic-text>
+        ${showLocationRisk ? `
+          <div part="stream-event-location" class="stream-event-location ml-5">
+            ${event.locationname.replace(/ *\([^)]*\) */g, "")}
+          </div>
+          <div part="stream-event-risk-${event.risk[0].toLowerCase().replace(/ /g, '-')}" class="stream-event-risk ml-5">
+            ${event.risk[0]}
+          </div>
+        ` : ''}
+        ${showReportingButton ? `
+          <button 
+            id="button-list-reporting-${mmddSanitized}-${itemNumber}" 
+            part="button-list-reporting" 
+            class="material-icons ml-10 button-list-reporting">
+            edit_note
+          </button>
+        ` : ''}
+        ${showLastUpdated ? `
+          &nbsp;&nbsp;<div part="event-last-updated-time" class="d-flex align-center">
+            ${lastUpdated}
+          </div>
+        ` : ''}
+      </div>
+    `;
             if (event.reporters != null && remarks.length > 0) {
                 html += '<div part="stream-events-event-subtitle" class="stream-events-event-subtitle">' + remarks + ', occurred on ' + occurrenceDate + '</div>';
             }
+            console.log('returning divstarthtml', html);
             return html;
         };
         this.renderCalendarRowDivItemDivEnd = () => {
@@ -3311,7 +3365,7 @@ let SfIEvents = class SfIEvents extends LitElement {
                     html += '<button class="invisible" part="button">Save</button>';
                     html += '<button id="button-uploader-submit-approve" class="button-submit" part="button">Save</button>';
                     html += '</div>';
-                    if (this.myRole != this.TAB_FUNCTION_HEAD && docs.length > 0) {
+                    if (this.myRole != this.TAB_FUNCTION_HEAD && docs.length > 0 && event.module != 'agreement') {
                         html += '<div class="m-20">';
                         html += '<label part="input-label">Supporting Documents</label>';
                         html += '<slot name="uploader"></slot>';
@@ -3376,10 +3430,8 @@ let SfIEvents = class SfIEvents extends LitElement {
                         html += '<label part="input-label">Completion Percentage*</label>';
                         html += '<input id="input-reporter-percentage" part="input" type="number" value="' + percentage + '" max="100" min="0" step="1"/><br />';
                         html += '<div part="input-reporter-percentage-message" class="input-reporter-percentage-message mb-20">For reporting full non-compliance, choose 0%. For reporting compliance with gaps, choose the appropriate % value.</div><br />';
-                    }
-                    // if(docsOptional.length === 0) {
-                    html += '<label part="input-label">Supporting Documents' + ((docsOptional.length > 0) ? '' : '*') + '</label>';
-                    if (event.module != 'agreement') {
+                        // if(docsOptional.length === 0) {
+                        html += '<label part="input-label">Supporting Documents' + ((docsOptional.length > 0) ? '' : '*') + '</label>';
                         html += '<slot name="uploader"></slot>';
                         if (uploadGuidance == 1) {
                             html += '<div id="upload-guidance-button" part="upload-guidance-button" class="d-flex button-icon-small align-center align-self-start mt-10"><span class="material-symbols-outlined">help</span>&nbsp;<span>Get Help</span></div>';
@@ -4213,6 +4265,7 @@ let SfIEvents = class SfIEvents extends LitElement {
                 filterButton.innerHTML = (filterList.style.display != 'block' ? 'category' : 'close');
                 const filterSubmitButton = filterList.querySelector('#button-submit-features');
                 filterSubmitButton.addEventListener('click', () => {
+                    Util.setFeatures(this.selectedFeatures);
                     this.enableCustom();
                     this.renderTabs(this.selectedTab);
                     // this.processDateSelection(eventsContainer);
@@ -4893,6 +4946,7 @@ let SfIEvents = class SfIEvents extends LitElement {
                 filterButton.innerHTML = (filterList.style.display != 'block' ? 'category' : 'close');
                 const filterSubmitButton = filterList.querySelector('#button-submit-features');
                 filterSubmitButton.addEventListener('click', () => {
+                    Util.setFeatures(this.selectedFeatures);
                     this.renderTabs(this.selectedTab);
                     this.processDateSelectionViewer(eventsContainer);
                 });
@@ -7562,6 +7616,7 @@ let SfIEvents = class SfIEvents extends LitElement {
                 filterButton.innerHTML = (filterList.style.display != 'block' ? 'category' : 'close');
                 const filterSubmitButton = filterList.querySelector('#button-submit-features');
                 filterSubmitButton.addEventListener('click', async () => {
+                    Util.setFeatures(this.selectedFeatures);
                     const dateResult = this.calculateStartAndEndDateOfStream(index);
                     console.log('dateresult', dateResult, index);
                     console.log('selectedfeatures', this.selectedFeatures);
@@ -8031,6 +8086,7 @@ let SfIEvents = class SfIEvents extends LitElement {
                 filterButton.innerHTML = (filterList.style.display != 'block' ? 'category' : 'close');
                 const filterSubmitButton = filterList.querySelector('#button-submit-features');
                 filterSubmitButton.addEventListener('click', async () => {
+                    Util.setFeatures(this.selectedFeatures);
                     const dateResult = this.calculateStartAndEndDateOfStream(index);
                     const monthResult = this.calculateMonthFromIndex(index);
                     console.log('monthResult', monthResult);
@@ -10024,6 +10080,7 @@ let SfIEvents = class SfIEvents extends LitElement {
             console.log('renewing', reportformatvalues);
             //console.log('fetch calendar url', url);
             let urlBody = { projectid: this.projectId, objectid: listEvent.id, newvalues: reportformatvalues == "" ? null : JSON.parse(reportformatvalues), published: true, terminated: ((_a = JSON.parse(reportformatvalues).terminated) !== null && _a !== void 0 ? _a : false) };
+            // console.log('reopen body', url, urlBody)
             const authorization = btoa(Util.readCookie('email') + ":" + Util.readCookie('accessToken'));
             const xhr = (await this.prepareXhr(urlBody, url, this._SfLoader, authorization, 'Preparing'));
             this._SfLoader.innerHTML = '';
@@ -10145,6 +10202,7 @@ let SfIEvents = class SfIEvents extends LitElement {
                 reportingReporting.configjson = reportingSchemaJson;
                 if (reportingSchemaValues != "")
                     reportingReporting.prepopulateValJson = reportingSchemaValues;
+                reportingReporting.mode = (this.myRole == this.TAB_REPORTER || this.myRole == this.TAB_FUNCTION_HEAD) ? "edit" : "view";
                 reportingReporting.editdisable = (this.myRole == this.TAB_REPORTER || this.myRole == this.TAB_FUNCTION_HEAD) ? "false" : "true";
                 reportingReporting.flow = "reporting";
                 setTimeout(() => {
@@ -10344,7 +10402,7 @@ let SfIEvents = class SfIEvents extends LitElement {
                     const approved = this._SfDetailContainer.querySelector('#input-approve-yes').checked;
                     if (approved == listEvent.approved) {
                         buttonClick.innerHTML = "Save";
-                        this.setError('Already Approved!');
+                        this.setError(approved ? 'Already Approved!' : 'Already Rejected!');
                         setTimeout(() => {
                             this.clearMessages();
                         }, 3000);
@@ -15089,39 +15147,64 @@ let SfIEvents = class SfIEvents extends LitElement {
             html += '<button class="tab-button" id="consumer-tab-viewer" part="' + (this.myRole == this.TAB_VIEWER ? 'calendar-tab-button-selected' : 'calendar-tab-button-not-selected') + '">Viewer</button>';
             this._SfRoleTabContainer.innerHTML = html;
             (_a = this._SfRoleTabContainer.querySelector('#consumer-tab-reporter')) === null || _a === void 0 ? void 0 : _a.addEventListener('click', async () => {
-                var _a;
+                var _a, _b;
                 this.myRole = this.TAB_REPORTER;
                 this.renderRoleTabs();
                 // this.proceedToCalendar();
-                (_a = this._SfTabContainer.querySelector('#calendar-tab-month')) === null || _a === void 0 ? void 0 : _a.click();
+                if (this.selectedFeatures.indexOf('agreements') >= 0) {
+                    (_a = this._SfTabContainer.querySelector('#calendar-tab-custom')) === null || _a === void 0 ? void 0 : _a.click();
+                }
+                else {
+                    (_b = this._SfTabContainer.querySelector('#calendar-tab-month')) === null || _b === void 0 ? void 0 : _b.click();
+                }
             });
             (_b = this._SfRoleTabContainer.querySelector('#consumer-tab-approver')) === null || _b === void 0 ? void 0 : _b.addEventListener('click', async () => {
-                var _a;
+                var _a, _b;
                 this.myRole = this.TAB_APPROVER;
                 this.renderRoleTabs();
                 // this.proceedToCalendar();
-                (_a = this._SfTabContainer.querySelector('#calendar-tab-month')) === null || _a === void 0 ? void 0 : _a.click();
+                if (this.selectedFeatures.indexOf('agreements') >= 0) {
+                    (_a = this._SfTabContainer.querySelector('#calendar-tab-custom')) === null || _a === void 0 ? void 0 : _a.click();
+                }
+                else {
+                    (_b = this._SfTabContainer.querySelector('#calendar-tab-month')) === null || _b === void 0 ? void 0 : _b.click();
+                }
             });
             (_c = this._SfRoleTabContainer.querySelector('#consumer-tab-functionhead')) === null || _c === void 0 ? void 0 : _c.addEventListener('click', async () => {
-                var _a;
+                var _a, _b;
                 this.myRole = this.TAB_FUNCTION_HEAD;
                 this.renderRoleTabs();
                 // this.proceedToCalendar();
-                (_a = this._SfTabContainer.querySelector('#calendar-tab-month')) === null || _a === void 0 ? void 0 : _a.click();
+                if (this.selectedFeatures.indexOf('agreements') >= 0) {
+                    (_a = this._SfTabContainer.querySelector('#calendar-tab-custom')) === null || _a === void 0 ? void 0 : _a.click();
+                }
+                else {
+                    (_b = this._SfTabContainer.querySelector('#calendar-tab-month')) === null || _b === void 0 ? void 0 : _b.click();
+                }
             });
             (_f = this._SfRoleTabContainer.querySelector('#consumer-tab-auditor')) === null || _f === void 0 ? void 0 : _f.addEventListener('click', async () => {
-                var _a;
+                var _a, _b;
                 this.myRole = this.TAB_AUDITOR;
                 this.renderRoleTabs();
                 // this.proceedToCalendar();
-                (_a = this._SfTabContainer.querySelector('#calendar-tab-month')) === null || _a === void 0 ? void 0 : _a.click();
+                if (this.selectedFeatures.indexOf('agreements') >= 0) {
+                    (_a = this._SfTabContainer.querySelector('#calendar-tab-custom')) === null || _a === void 0 ? void 0 : _a.click();
+                }
+                else {
+                    (_b = this._SfTabContainer.querySelector('#calendar-tab-month')) === null || _b === void 0 ? void 0 : _b.click();
+                }
             });
             (_g = this._SfRoleTabContainer.querySelector('#consumer-tab-viewer')) === null || _g === void 0 ? void 0 : _g.addEventListener('click', async () => {
-                var _a;
+                var _a, _b;
                 this.myRole = this.TAB_VIEWER;
                 this.renderRoleTabs();
                 // this.proceedToCalendar();
-                (_a = this._SfTabContainer.querySelector('#calendar-tab-month')) === null || _a === void 0 ? void 0 : _a.click();
+                if (this.selectedFeatures.indexOf('agreements') >= 0) {
+                    (_a = this._SfTabContainer.querySelector('#calendar-tab-custom')) === null || _a === void 0 ? void 0 : _a.click();
+                }
+                else {
+                    (_b = this._SfTabContainer.querySelector('#calendar-tab-month')) === null || _b === void 0 ? void 0 : _b.click();
+                }
             });
         };
         this.csvmaker = (data) => {
@@ -19507,6 +19590,13 @@ let SfIEvents = class SfIEvents extends LitElement {
             }
         };
         this.renderWithFeatures = async (startDate = "", endDate = "", searchString = "", list = "yes", month = "00", year = this.calendarStartYYYY) => {
+            this.selectedFeatures = Util.getFeatures();
+            for (let feature of this.selectedFeatures) {
+                if (this.getFeatures().indexOf(feature) < 0) {
+                    this.selectedFeatures = ['compliances'];
+                    break;
+                }
+            }
             this.events = [];
             console.log('rendering and fetching', startDate, endDate, searchString, list, month);
             if (this.selectedFeatures.indexOf('compliances') >= 0) {
@@ -21157,7 +21247,7 @@ let SfIEvents = class SfIEvents extends LitElement {
             }
         };
         this.loadMode = async () => {
-            var _a, _b;
+            var _a, _b, _c;
             Chart.register(...registerables);
             //Chart.register(Colors);
             if (this.mode == "rcmnotifications") {
@@ -21211,8 +21301,23 @@ let SfIEvents = class SfIEvents extends LitElement {
                 }
                 else {
                     //console.log('stream received rendering year', this.stream);
-                    this.renderTabs(this.TAB_STREAM);
-                    (_b = this._SfTabContainer.querySelector('#calendar-tab-month')) === null || _b === void 0 ? void 0 : _b.click();
+                    this.selectedFeatures = Util.getFeatures();
+                    for (let feature of this.selectedFeatures) {
+                        if (this.getFeatures().indexOf(feature) < 0) {
+                            this.selectedFeatures = ['compliances'];
+                            break;
+                        }
+                    }
+                    if (this.selectedFeatures.indexOf('agreements') >= 0) {
+                        this.renderTabs(this.TAB_CUSTOM);
+                        (_b = this._SfTabContainer.querySelector('#calendar-tab-custom')) === null || _b === void 0 ? void 0 : _b.click();
+                    }
+                    else {
+                        this.renderTabs(this.TAB_STREAM);
+                        (_c = this._SfTabContainer.querySelector('#calendar-tab-month')) === null || _c === void 0 ? void 0 : _c.click();
+                    }
+                    // this.renderTabs(this.TAB_STREAM);
+                    // ((this._SfTabContainer as HTMLDivElement).querySelector('#calendar-tab-month') as HTMLButtonElement)?.click();
                 }
                 //await this.fetchUserCalendar_2();
                 // if(this.events != null && !this.foundCalendarInLocal()) {

package/src/sf-i-events.ts

@@ -4737,11 +4737,67 @@ export class SfIEvents extends LitElement {
     html += '<div class="stream-events-container flex-grow" part="' + bgStatus + '">';
     html += '<div class="hidden-tags hide">' + JSON.stringify(event['tags']) + '</div>'
     html += '<div class="hidden-title hide"><table><thead><th part="badge-filtered"><i>not filtered</i></th></thead></table></div>'
-    html += '<div part="stream-events-event-title" class="stream-events-event-title d-flex align-center pl-5 pb-5">' + '<input id="button-select-' + mmdd.replace('/', '-') + '-' + itemNumber + '-' + (((event.makercheckers != null && (event.makercheckers).length > 0)) ? '1' : '0') + '-' + (((event.docs != null && (event.docs).length > 0)) ? '1' : '0') + '-' + event.entityid.replace(/-/g, '_') + '-' + event.locationid.replace(/-/g, '_') + '-' + event.id.replace(/-/g, '_') + '-' + event.duedate.split('/')[1] + '-' + event.duedate.split('/')[0] + '-' + event.duedate.split('/')[2] + '-' + partStatus.replace(/-/g, '_') + '-' + ((event.module ?? false) ? event.module : 'compliance') + '-' + ((event.isbulk == null || event.isbulk == false) ? "" : "bulk") + (((event.reportformat != null && event.reportformat.length > 0) || (event.isbulk != null && event.isbulk == true) || (event.customreporting != null)) ? "reportformat" : "") + '" class="button-select mr-10 ' + (((event.reportformat != null && event.reportformat.length > 0) || (event.isbulk != null && event.isbulk == true) || (event.customreporting != null)) ? 'hide' : '') + '" type="checkbox"/>' + (event.isbulk != null && event.isbulk == true ? '<div class="lds-dual-ring1 bulk-loader mr-10"></div>' : '') + '<sf-i-elastic-text class="stream-event-title' + (event.isbulk == null || event.isbulk == false ? ' button-event-title' : '') + '" id="stream-event-title-' + mmdd.replace(/\//g, '-') + '-' + itemNumber + '-' + ((event.module ?? false) ? event.module : 'compliance') + '" text="' + event['obligationtitle'] + '" minLength="' + (event.reporters != null ? "100" : "60") + '"></sf-i-elastic-text>' + event.reporters != null ? ('') : ('<div part="stream-event-location" class="stream-event-location ml-5">' + event.locationname.replace(/ *\([^)]*\) */g, "") + '</div><div part="stream-event-risk-' + event.risk[0].toLowerCase().replace(/ /g, '-') + '" class="stream-event-risk ml-5">' + event.risk[0] + '</div>') + (((event.reportformat != null && event.reportformat.length > 0) || (event.customreporting != null)) ? '' : ('<button id="button-list-reporting-' + mmdd.replace('/', '-') + '-' + itemNumber + '" part="button-list-reporting" class="material-icons ml-10 button-list-reporting">edit_note</button>')) + ((event.reporters != null && lastUpdated.length > 0) ? ('&nbsp;&nbsp;<div part="event-last-updated-time" class="d-flex align-center">' + lastUpdated + '</div>') : "") + '</div>';
+    // html += '<div part="stream-events-event-title" class="stream-events-event-title d-flex align-center pl-5 pb-5">' + '<input id="button-select-' + mmdd.replace('/', '-') + '-' + itemNumber + '-' + (((event.makercheckers != null && (event.makercheckers).length > 0)) ? '1' : '0') + '-' + (((event.docs != null && (event.docs).length > 0)) ? '1' : '0') + '-' + event.entityid.replace(/-/g, '_') + '-' + event.locationid.replace(/-/g, '_') + '-' + event.id.replace(/-/g, '_') + '-' + event.duedate.split('/')[1] + '-' + event.duedate.split('/')[0] + '-' + event.duedate.split('/')[2] + '-' + partStatus.replace(/-/g, '_') + '-' + ((event.module ?? false) ? event.module : 'compliance') + '-' + ((event.isbulk == null || event.isbulk == false) ? "" : "bulk") + (((event.reportformat != null && event.reportformat.length > 0) || (event.isbulk != null && event.isbulk == true) || (event.customreporting != null)) ? "reportformat" : "") + '" class="button-select mr-10 ' + (((event.reportformat != null && event.reportformat.length > 0) || (event.isbulk != null && event.isbulk == true) || (event.customreporting != null)) ? 'hide' : '') + '" type="checkbox"/>' + (event.isbulk != null && event.isbulk == true ? '<div class="lds-dual-ring1 bulk-loader mr-10"></div>' : '') + '<sf-i-elastic-text class="stream-event-title' + (event.isbulk == null || event.isbulk == false ? ' button-event-title' : '') + '" id="stream-event-title-' + mmdd.replace(/\//g, '-') + '-' + itemNumber + '-' + ((event.module ?? false) ? event.module : 'compliance') + '" text="' + event['obligationtitle'] + '" minLength="' + (event.reporters != null ? "100" : "60") + '"></sf-i-elastic-text>' + event.reporters != null ? ('') : ('<div part="stream-event-location" class="stream-event-location ml-5">' + event.locationname.replace(/ *\([^)]*\) */g, "") + '</div><div part="stream-event-risk-' + event.risk[0].toLowerCase().replace(/ /g, '-') + '" class="stream-event-risk ml-5">' + event.risk[0] + '</div>') + (((event.reportformat != null && event.reportformat.length > 0) || (event.customreporting != null)) ? '' : ('<button id="button-list-reporting-' + mmdd.replace('/', '-') + '-' + itemNumber + '" part="button-list-reporting" class="material-icons ml-10 button-list-reporting">edit_note</button>')) + ((event.reporters != null && lastUpdated.length > 0) ? ('&nbsp;&nbsp;<div part="event-last-updated-time" class="d-flex align-center">' + lastUpdated + '</div>') : "") + '</div>';
+
+    const isBulk = event.isbulk === true;
+    const hasReportFormat = event.reportformat?.length > 0;
+    const hasCustomReporting = event.customreporting != null;
+    const hasMakerCheckers = event.makercheckers?.length > 0;
+    const hasDocs = event.docs?.length > 0;
+    const moduleType = event.module ?? 'compliance';
+    const partStatusSanitized = partStatus.replace(/-/g, '_');
+    const entityIdSanitized = event.entityid.replace(/-/g, '_');
+    const locationIdSanitized = event.locationid.replace(/-/g, '_');
+    const eventIdSanitized = event.id.replace(/-/g, '_');
+    const mmddSanitized = mmdd.replace(/\//g, '-');
+    const dueDateParts = event.duedate.split('/');
+    const showCheckbox = !(hasReportFormat || isBulk || hasCustomReporting);
+    const showReportingButton = !hasReportFormat && !hasCustomReporting && event.reporters == null;
+    const showLocationRisk = event.reporters == null;
+    const showLastUpdated = event.reporters != null && lastUpdated.length > 0;
+
+    html += `
+      <div part="stream-events-event-title" class="stream-events-event-title d-flex align-center pl-5 pb-5">
+        <input 
+          id="button-select-${mmddSanitized}-${itemNumber}-${hasMakerCheckers ? '1' : '0'}-${hasDocs ? '1' : '0'}-${entityIdSanitized}-${locationIdSanitized}-${eventIdSanitized}-${dueDateParts[1]}-${dueDateParts[0]}-${dueDateParts[2]}-${partStatusSanitized}-${moduleType}-${isBulk ? 'bulk' : ''}${(hasReportFormat || isBulk || hasCustomReporting) ? 'reportformat' : ''}" 
+          class="button-select mr-10 ${showCheckbox ? '' : 'hide'}" 
+          type="checkbox"
+        />
+        ${isBulk ? '<div class="lds-dual-ring1 bulk-loader mr-10"></div>' : ''}
+        <sf-i-elastic-text 
+          class="stream-event-title${!isBulk ? ' button-event-title' : ''}" 
+          id="stream-event-title-${mmddSanitized}-${itemNumber}-${moduleType}" 
+          text="${event.obligationtitle}" 
+          minLength="${event.reporters != null ? '100' : '60'}">
+        </sf-i-elastic-text>
+        ${showLocationRisk ? `
+          <div part="stream-event-location" class="stream-event-location ml-5">
+            ${event.locationname.replace(/ *\([^)]*\) */g, "")}
+          </div>
+          <div part="stream-event-risk-${event.risk[0].toLowerCase().replace(/ /g, '-')}" class="stream-event-risk ml-5">
+            ${event.risk[0]}
+          </div>
+        ` : ''}
+        ${showReportingButton ? `
+          <button 
+            id="button-list-reporting-${mmddSanitized}-${itemNumber}" 
+            part="button-list-reporting" 
+            class="material-icons ml-10 button-list-reporting">
+            edit_note
+          </button>
+        ` : ''}
+        ${showLastUpdated ? `
+          &nbsp;&nbsp;<div part="event-last-updated-time" class="d-flex align-center">
+            ${lastUpdated}
+          </div>
+        ` : ''}
+      </div>
+    `;
+
     if (event.reporters != null && remarks.length > 0) {
       html += '<div part="stream-events-event-subtitle" class="stream-events-event-subtitle">' + remarks + ', occurred on ' + occurrenceDate + '</div>';
     }
-
+    console.log('returning divstarthtml', html);
     return html;
 
   }
@@ -5626,7 +5682,7 @@ export class SfIEvents extends LitElement {
         html += '<button id="button-uploader-submit-approve" class="button-submit" part="button">Save</button>'
         html += '</div>'
 
-        if (this.myRole != this.TAB_FUNCTION_HEAD && docs.length > 0) {
+        if (this.myRole != this.TAB_FUNCTION_HEAD && docs.length > 0 && event.module != 'agreement') {
           html += '<div class="m-20">';
           html += '<label part="input-label">Supporting Documents</label>';
           html += '<slot name="uploader"></slot>';
@@ -5704,11 +5760,11 @@ export class SfIEvents extends LitElement {
           html += '<label part="input-label">Completion Percentage*</label>';
           html += '<input id="input-reporter-percentage" part="input" type="number" value="' + percentage + '" max="100" min="0" step="1"/><br />';
           html += '<div part="input-reporter-percentage-message" class="input-reporter-percentage-message mb-20">For reporting full non-compliance, choose 0%. For reporting compliance with gaps, choose the appropriate % value.</div><br />'
-        }
-        // if(docsOptional.length === 0) {
-        html += '<label part="input-label">Supporting Documents' + ((docsOptional.length > 0) ? '' : '*') + '</label>';
 
-        if (event.module != 'agreement') {
+          // if(docsOptional.length === 0) {
+          html += '<label part="input-label">Supporting Documents' + ((docsOptional.length > 0) ? '' : '*') + '</label>';
+
+
           html += '<slot name="uploader"></slot>';
           if (uploadGuidance == 1) {
             html += '<div id="upload-guidance-button" part="upload-guidance-button" class="d-flex button-icon-small align-center align-self-start mt-10"><span class="material-symbols-outlined">help</span>&nbsp;<span>Get Help</span></div>'
@@ -6633,6 +6689,7 @@ export class SfIEvents extends LitElement {
       filterButton.innerHTML = (filterList.style.display != 'block' ? 'category' : 'close')
       const filterSubmitButton = filterList.querySelector('#button-submit-features') as HTMLButtonElement
       filterSubmitButton.addEventListener('click', () => {
+        Util.setFeatures(this.selectedFeatures);
         this.enableCustom();
         this.renderTabs(this.selectedTab);
         // this.processDateSelection(eventsContainer);
@@ -7423,6 +7480,7 @@ export class SfIEvents extends LitElement {
       filterButton.innerHTML = (filterList.style.display != 'block' ? 'category' : 'close')
       const filterSubmitButton = filterList.querySelector('#button-submit-features') as HTMLButtonElement
       filterSubmitButton.addEventListener('click', () => {
+        Util.setFeatures(this.selectedFeatures);
         this.renderTabs(this.selectedTab)
         this.processDateSelectionViewer(eventsContainer);
       })
@@ -10648,6 +10706,7 @@ export class SfIEvents extends LitElement {
       filterButton.innerHTML = (filterList.style.display != 'block' ? 'category' : 'close')
       const filterSubmitButton = filterList.querySelector('#button-submit-features') as HTMLButtonElement
       filterSubmitButton.addEventListener('click', async () => {
+        Util.setFeatures(this.selectedFeatures);
         const dateResult = this.calculateStartAndEndDateOfStream(index);
         console.log('dateresult', dateResult, index);
         console.log('selectedfeatures', this.selectedFeatures);
@@ -11219,6 +11278,7 @@ export class SfIEvents extends LitElement {
       filterButton.innerHTML = (filterList.style.display != 'block' ? 'category' : 'close')
       const filterSubmitButton = filterList.querySelector('#button-submit-features') as HTMLButtonElement
       filterSubmitButton.addEventListener('click', async () => {
+        Util.setFeatures(this.selectedFeatures);
         const dateResult = this.calculateStartAndEndDateOfStream(index);
         const monthResult = this.calculateMonthFromIndex(index);
         console.log('monthResult', monthResult);
@@ -13642,7 +13702,7 @@ export class SfIEvents extends LitElement {
     console.log('renewing', reportformatvalues)
     //console.log('fetch calendar url', url);
     let urlBody: any = { projectid: this.projectId, objectid: listEvent.id, newvalues: reportformatvalues == "" ? null : JSON.parse(reportformatvalues), published: true, terminated: (JSON.parse(reportformatvalues).terminated ?? false) };
-
+    // console.log('reopen body', url, urlBody)
     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 = '';
@@ -13778,6 +13838,7 @@ export class SfIEvents extends LitElement {
     if (reportingSchemaJson != "" && reportingReporting != null) {
       reportingReporting.configjson = reportingSchemaJson;
       if (reportingSchemaValues != "") reportingReporting.prepopulateValJson = reportingSchemaValues
+      reportingReporting.mode = (this.myRole == this.TAB_REPORTER || this.myRole == this.TAB_FUNCTION_HEAD) ? "edit" : "view"
       reportingReporting.editdisable = (this.myRole == this.TAB_REPORTER || this.myRole == this.TAB_FUNCTION_HEAD) ? "false" : "true"
       reportingReporting.flow = "reporting"
       setTimeout(() => {
@@ -13993,7 +14054,7 @@ export class SfIEvents extends LitElement {
         const approved = ((this._SfDetailContainer as HTMLDivElement).querySelector('#input-approve-yes') as HTMLInputElement).checked;
         if (approved == listEvent.approved) {
           buttonClick.innerHTML = "Save"
-          this.setError('Already Approved!');
+          this.setError(approved ? 'Already Approved!' : 'Already Rejected!');
           setTimeout(() => {
             this.clearMessages();
           }, 3000);
@@ -20088,7 +20149,11 @@ export class SfIEvents extends LitElement {
       this.myRole = this.TAB_REPORTER;
       this.renderRoleTabs();
       // this.proceedToCalendar();
-      ((this._SfTabContainer as HTMLDivElement).querySelector('#calendar-tab-month') as HTMLButtonElement)?.click();
+      if (this.selectedFeatures.indexOf('agreements') >= 0) {
+        ((this._SfTabContainer as HTMLDivElement).querySelector('#calendar-tab-custom') as HTMLButtonElement)?.click();
+      } else {
+        ((this._SfTabContainer as HTMLDivElement).querySelector('#calendar-tab-month') as HTMLButtonElement)?.click();
+      }
 
     });
 
@@ -20097,7 +20162,11 @@ export class SfIEvents extends LitElement {
       this.myRole = this.TAB_APPROVER;
       this.renderRoleTabs();
       // this.proceedToCalendar();
-      ((this._SfTabContainer as HTMLDivElement).querySelector('#calendar-tab-month') as HTMLButtonElement)?.click();
+      if (this.selectedFeatures.indexOf('agreements') >= 0) {
+        ((this._SfTabContainer as HTMLDivElement).querySelector('#calendar-tab-custom') as HTMLButtonElement)?.click();
+      } else {
+        ((this._SfTabContainer as HTMLDivElement).querySelector('#calendar-tab-month') as HTMLButtonElement)?.click();
+      }
 
     });
 
@@ -20106,7 +20175,11 @@ export class SfIEvents extends LitElement {
       this.myRole = this.TAB_FUNCTION_HEAD;
       this.renderRoleTabs();
       // this.proceedToCalendar();
-      ((this._SfTabContainer as HTMLDivElement).querySelector('#calendar-tab-month') as HTMLButtonElement)?.click();
+      if (this.selectedFeatures.indexOf('agreements') >= 0) {
+        ((this._SfTabContainer as HTMLDivElement).querySelector('#calendar-tab-custom') as HTMLButtonElement)?.click();
+      } else {
+        ((this._SfTabContainer as HTMLDivElement).querySelector('#calendar-tab-month') as HTMLButtonElement)?.click();
+      }
 
     });
 
@@ -20115,7 +20188,11 @@ export class SfIEvents extends LitElement {
       this.myRole = this.TAB_AUDITOR;
       this.renderRoleTabs();
       // this.proceedToCalendar();
-      ((this._SfTabContainer as HTMLDivElement).querySelector('#calendar-tab-month') as HTMLButtonElement)?.click();
+      if (this.selectedFeatures.indexOf('agreements') >= 0) {
+        ((this._SfTabContainer as HTMLDivElement).querySelector('#calendar-tab-custom') as HTMLButtonElement)?.click();
+      } else {
+        ((this._SfTabContainer as HTMLDivElement).querySelector('#calendar-tab-month') as HTMLButtonElement)?.click();
+      }
 
     });
 
@@ -20125,7 +20202,11 @@ export class SfIEvents extends LitElement {
       this.myRole = this.TAB_VIEWER;
       this.renderRoleTabs();
       // this.proceedToCalendar();
-      ((this._SfTabContainer as HTMLDivElement).querySelector('#calendar-tab-month') as HTMLButtonElement)?.click();
+      if (this.selectedFeatures.indexOf('agreements') >= 0) {
+        ((this._SfTabContainer as HTMLDivElement).querySelector('#calendar-tab-custom') as HTMLButtonElement)?.click();
+      } else {
+        ((this._SfTabContainer as HTMLDivElement).querySelector('#calendar-tab-month') as HTMLButtonElement)?.click();
+      }
 
     });
 
@@ -25500,6 +25581,13 @@ export class SfIEvents extends LitElement {
   }
 
   renderWithFeatures = async (startDate: string = "", endDate: string = "", searchString: string = "", list: string = "yes", month: string = "00", year: string = this.calendarStartYYYY) => {
+    this.selectedFeatures = Util.getFeatures();
+    for (let feature of this.selectedFeatures) {
+      if (this.getFeatures().indexOf(feature) < 0) {
+        this.selectedFeatures = ['compliances']
+        break;
+      }
+    }
     this.events = []
     console.log('rendering and fetching', startDate, endDate, searchString, list, month)
     if (this.selectedFeatures.indexOf('compliances') >= 0) {
@@ -27492,8 +27580,22 @@ export class SfIEvents extends LitElement {
         ((this._SfTabContainer as HTMLDivElement).querySelector('#calendar-tab-year') as HTMLButtonElement)?.click();
       } else {
         //console.log('stream received rendering year', this.stream);
-        this.renderTabs(this.TAB_STREAM);
-        ((this._SfTabContainer as HTMLDivElement).querySelector('#calendar-tab-month') as HTMLButtonElement)?.click();
+        this.selectedFeatures = Util.getFeatures();
+        for (let feature of this.selectedFeatures) {
+          if (this.getFeatures().indexOf(feature) < 0) {
+            this.selectedFeatures = ['compliances']
+            break;
+          }
+        }
+        if (this.selectedFeatures.indexOf('agreements') >= 0) {
+          this.renderTabs(this.TAB_CUSTOM);
+          ((this._SfTabContainer as HTMLDivElement).querySelector('#calendar-tab-custom') as HTMLButtonElement)?.click();
+        } else {
+          this.renderTabs(this.TAB_STREAM);
+          ((this._SfTabContainer as HTMLDivElement).querySelector('#calendar-tab-month') as HTMLButtonElement)?.click();
+        }
+        // this.renderTabs(this.TAB_STREAM);
+        // ((this._SfTabContainer as HTMLDivElement).querySelector('#calendar-tab-month') as HTMLButtonElement)?.click();
       }
       //await this.fetchUserCalendar_2();
 

package/src/util.ts

@@ -505,8 +505,16 @@ function getUsermap() {
   return userMapHome;
 }
 
+function setFeatures(features:any){
+  localStorage.setItem('features', JSON.stringify(features))
+}
+function getFeatures(){
+  let features = JSON.parse(localStorage.getItem('features') ?? '["compliances"]')
+  return features
+}
+
 const exportFunctions = {
-  callApiPresignedDelete, callApiPresignedGet, callApiPresigned, jsonObjectToHtml, clearListeners, isInteger, callApi, validateName, readCookie, timeSince, createDiagonalPattern1, createDiagonalPattern2, createDiagonalPattern3, getRandomColor, convertToCSV, parseCsv, titleCase, alphabeticalSort, percentageString, getCurrentFiscal, getDateTimeStrings, getUsermap
+  callApiPresignedDelete, callApiPresignedGet, callApiPresigned, jsonObjectToHtml, clearListeners, isInteger, callApi, validateName, readCookie, timeSince, createDiagonalPattern1, createDiagonalPattern2, createDiagonalPattern3, getRandomColor, convertToCSV, parseCsv, titleCase, alphabeticalSort, percentageString, getCurrentFiscal, getDateTimeStrings, getUsermap, setFeatures, getFeatures
 };
 
 export default exportFunctions;

package/util.d.ts

@@ -18,6 +18,8 @@ declare function percentageString(val: number, valTotal: number): string;
 declare function getCurrentFiscal(): number;
 declare function getDateTimeStrings(unixTimestamp: number): string;
 declare function getUsermap(): any;
+declare function setFeatures(features: any): void;
+declare function getFeatures(): any;
 declare const exportFunctions: {
     callApiPresignedDelete: typeof callApiPresignedDelete;
     callApiPresignedGet: typeof callApiPresignedGet;
@@ -41,6 +43,8 @@ declare const exportFunctions: {
     getCurrentFiscal: typeof getCurrentFiscal;
     getDateTimeStrings: typeof getDateTimeStrings;
     getUsermap: typeof getUsermap;
+    setFeatures: typeof setFeatures;
+    getFeatures: typeof getFeatures;
 };
 export default exportFunctions;
 //# sourceMappingURL=util.d.ts.map

package/util.js

@@ -424,8 +424,16 @@ function getUsermap() {
     let userMapHome = JSON.parse(JSON.parse((userinfo.user.usermap.S).replace(/_QUOTES_/g, "\\\"")));
     return userMapHome;
 }
+function setFeatures(features) {
+    localStorage.setItem('features', JSON.stringify(features));
+}
+function getFeatures() {
+    var _a;
+    let features = JSON.parse((_a = localStorage.getItem('features')) !== null && _a !== void 0 ? _a : '["compliances"]');
+    return features;
+}
 const exportFunctions = {
-    callApiPresignedDelete, callApiPresignedGet, callApiPresigned, jsonObjectToHtml, clearListeners, isInteger, callApi, validateName, readCookie, timeSince, createDiagonalPattern1, createDiagonalPattern2, createDiagonalPattern3, getRandomColor, convertToCSV, parseCsv, titleCase, alphabeticalSort, percentageString, getCurrentFiscal, getDateTimeStrings, getUsermap
+    callApiPresignedDelete, callApiPresignedGet, callApiPresigned, jsonObjectToHtml, clearListeners, isInteger, callApi, validateName, readCookie, timeSince, createDiagonalPattern1, createDiagonalPattern2, createDiagonalPattern3, getRandomColor, convertToCSV, parseCsv, titleCase, alphabeticalSort, percentageString, getCurrentFiscal, getDateTimeStrings, getUsermap, setFeatures, getFeatures
 };
 export default exportFunctions;
 //# sourceMappingURL=util.js.map