sf-i-events 1.0.867 → 1.0.868

package/dev/index.html

@@ -738,7 +738,7 @@
         </div>
         
     </sf-i-events> -->
-  <!-- <sf-i-events name="Calendar" apiid="dwqyez2puoxmu.cloudfront.net/event" mode="consumer"
+  <sf-i-events name="Calendar" apiid="dwqyez2puoxmu.cloudfront.net/event" mode="consumer"
     apiidtags="dnytrdlrmxgsy.cloudfront.net/tagging" apiidstatutes="dnytrdlrmxgsy.cloudfront.net/statute"
     apiiddefinitions="dwqyez2puoxmu.cloudfront.net/definition"
     apiidreportformats="dwqyez2puoxmu.cloudfront.net/reportformat"
@@ -764,8 +764,8 @@
       <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" mode="consumer"
+  </sf-i-events>
+  <!-- <sf-i-events name="Calendar" apiid="dwqyez2puoxmu.cloudfront.net/event" mode="consumer"
     apiidtags="dnytrdlrmxgsy.cloudfront.net/tagging" apiidstatutes="dnytrdlrmxgsy.cloudfront.net/statute"
     apiiddefinitions="dwqyez2puoxmu.cloudfront.net/definition"
     apiidreportformats="dwqyez2puoxmu.cloudfront.net/reportformat"
@@ -791,7 +791,7 @@
       <sf-i-reporting id="reporting-format" mode="view"></sf-i-reporting>
     </div>
 
-  </sf-i-events>
+  </sf-i-events> -->
   <!-- <sf-i-events name="Calendar" apiid="dwqyez2puoxmu.cloudfront.net/event" mode="consumer" apiidtags="dnytrdlrmxgsy.cloudfront.net/tagging" apiidstatutes="dnytrdlrmxgsy.cloudfront.net/statute" apiiddefinitions="dwqyez2puoxmu.cloudfront.net/definition" apiidreportformats="dwqyez2puoxmu.cloudfront.net/reportformat" apiidnotices="gghnbi7hku2qj5twrea6xxcaya0aqeis.lambda-url.us-east-1.on.aws" fill="solid" username="Viewer J1" userprofileid="344c84d2-5976-47ff-949b-49f6fa9627eb" projectid="41ab3c86-ccc0-4c0e-8e31-cd079a07a710" projectname="ABC Global" countryid="07d73b44-648d-4301-82c4-d6df43397824" myrole="viewer" showregisterexport="false" features="[&quot;notices&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">

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "sf-i-events",
   "private": false,
-  "version": "1.0.867",
+  "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 = () => {
@@ -4211,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);
@@ -4891,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);
                 });
@@ -7560,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);
@@ -8029,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);
@@ -10022,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 = '';
@@ -15088,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) => {
@@ -19506,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) {
@@ -21156,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") {
@@ -21210,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;
 
   }
@@ -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 = '';
@@ -20089,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();
+      }
 
     });
 
@@ -20098,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();
+      }
 
     });
 
@@ -20107,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();
+      }
 
     });
 
@@ -20116,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();
+      }
 
     });
 
@@ -20126,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();
+      }
 
     });
 
@@ -25501,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) {
@@ -27493,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