sf-i-events 1.0.852 → 1.0.854

package/package.json

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

package/sf-i-events.d.ts

@@ -438,6 +438,7 @@ export declare class SfIEvents extends LitElement {
     insertDates: (month: number, year: number) => string;
     insertDayNames: () => string;
     getYearFromMonthAndCalendarStart: (mm: string) => string;
+    getAboutToExpire: (mmdd: string, event: any) => boolean;
     getPastDueDate: (mmdd: string) => boolean;
     getLateExecuted: (mmdd: string, event: any) => boolean;
     getLateReported: (mmdd: string, event: any) => boolean;
@@ -463,7 +464,7 @@ export declare class SfIEvents extends LitElement {
     renderLatestCompliance: (mmddyyyy: string, event: any) => any;
     getCompletenessStatus: (event: any) => "rejected" | "not-started" | "pending-approval" | "approved";
     getTimelinessStatus: (mmdd: string, event: any, completeness: string) => "late-executed" | "late-reported" | "late-approved" | "past-due-date" | "in-time";
-    getComplianceStatus: (completeness: string, timeliness: string, percentage?: string, event?: any) => "active" | "expired" | "scheduled" | "not-complied" | "partially-complied" | "complied" | "complied-with-gaps" | "reported-non-compliance";
+    getComplianceStatus: (completeness: string, timeliness: string, percentage?: string, event?: any, mmdd?: string) => "active" | "expired" | "scheduled" | "not-complied" | "partially-complied" | "complied" | "complied-with-gaps" | "reported-non-compliance" | "about-to-expire";
     numcalled: number;
     updateStats: (event: any, partStatus: string, lateStatus: string, complianceStatus: string) => void;
     renderCalendarGraphs: (showGraph: boolean, parametersTitle: string, showBackgroundButton: boolean) => string;

package/sf-i-events.js

@@ -1660,6 +1660,24 @@ let SfIEvents = class SfIEvents extends LitElement {
             }
             return yyyy;
         };
+        this.getAboutToExpire = (mmdd, event) => {
+            // console.log('about to expire', mmdd, event.duedate)
+            const tsDoc = new Date(parseInt(event.duedate)).getTime();
+            const dd = mmdd.substring(3, 5);
+            const mm = mmdd.substring(0, 2);
+            var yyyy = this.getYearFromMonthAndCalendarStart(mm);
+            var date = new Date();
+            date.setMonth(parseInt(mm) - 1);
+            date.setDate(parseInt(dd));
+            date.setFullYear(parseInt(yyyy));
+            const tsCurr = date.getTime();
+            console.log('about to expire', mmdd, tsDoc, tsCurr);
+            if ((tsDoc - tsCurr) < (30 * 24 * 60 * 1000)) { // less than 60 days
+                //console.log('late executed', true)
+                return true;
+            }
+            return false;
+        };
         this.getPastDueDate = (mmdd) => {
             const dd = mmdd.substring(3, 5);
             const mm = mmdd.substring(0, 2);
@@ -2113,11 +2131,16 @@ let SfIEvents = class SfIEvents extends LitElement {
                 }
             }
         };
-        this.getComplianceStatus = (completeness, timeliness, percentage, event = {}) => {
+        this.getComplianceStatus = (completeness, timeliness, percentage, event = {}, mmdd = "") => {
             if (event.module == "agreement") {
                 if (completeness == "not-started") {
                     if (timeliness == "in-time") {
-                        return "active";
+                        if (this.getAboutToExpire(mmdd, event)) {
+                            return "about-to-expire";
+                        }
+                        else {
+                            return "active";
+                        }
                     }
                     else {
                         return "expired";
@@ -2229,7 +2252,7 @@ let SfIEvents = class SfIEvents extends LitElement {
             if (this.getFeatures().length > 1) {
                 html += '<div class="filter-button-container"><button part="button-icon" id="filter-button" class="material-symbols-outlined">category</button>';
                 html += '<div id="filter-list-container" class="filter-list-container hide flex-col justify-between align-start p-10" part="filter-list-container" anchor="filter-button">';
-                html += '<div id="filter-label-container" class="filter-label-container d-flex justify-between align-center" part="filter-label-container"><label class="filter-label"  part="filter-label">Filters</label><button id="button-submit-features" part="button-icon-small" class="material-icons button-expand invisible">check</button></div>';
+                html += '<div id="filter-label-container" class="filter-label-container d-flex justify-between align-center" part="filter-label-container"><label class="filter-label"  part="filter-label">Filters</label><button id="button-submit-features" part="button-icon-small" class="material-icons invisible">check</button></div>';
                 // html += `<div class="filter-input-container d-flex"><input class="input-select-feature-all" type="checkbox" ${this.selectedFeatures.length >= (this.getFeatures().length) ? 'checked' : ''} id="input-select-feature-all"  part="input-select-feature" name="all"></input><label for="input-select-feature-all" class="input-select-feature-label-all" id="input-select-feature-label-all"
                 //  part="input-select-feature-label">all</label></div>`
                 // html += `<div class="filter-input-container d-flex"><input class="input-select-feature-compliances" type="checkbox" ${this.selectedFeatures.indexOf('compliances') >= 0 ? 'checked' : ''} id="input-select-feature-compliances"  part="input-select-feature" name="compliances"></input><label for="input-select-feature-compliances" class="input-select-feature-label"  part="input-select-feature-label">compliances</label></div>`
@@ -2315,7 +2338,7 @@ let SfIEvents = class SfIEvents extends LitElement {
             if (this.getFeatures().length > 1) {
                 html += '<div class="filter-button-container"><button part="button-icon" id="filter-button" class="material-symbols-outlined">category</button>';
                 html += '<div id="filter-list-container" class="filter-list-container hide flex-col justify-between align-start p-10" part="filter-list-container" anchor="filter-button">';
-                html += '<div id="filter-label-container" class="filter-label-container d-flex justify-between align-center" part="filter-label-container"><label class="filter-label"  part="filter-label">Filters</label><button id="button-submit-features" part="button-icon-small" class="material-icons button-expand invisible">check</button></div>';
+                html += '<div id="filter-label-container" class="filter-label-container d-flex justify-between align-center" part="filter-label-container"><label class="filter-label"  part="filter-label">Filters</label><button id="button-submit-features" part="button-icon-small" class="material-icons invisible">check</button></div>';
                 // html += `<div class="filter-input-container d-flex"><input class="input-select-feature-all" type="checkbox" ${this.selectedFeatures.length >= (this.getFeatures().length) ? 'checked' : ''} id="input-select-feature-all"  part="input-select-feature" name="all"></input><label for="input-select-feature-all" class="input-select-feature-label-all" id="input-select-feature-label-all"
                 //  part="input-select-feature-label">all</label></div>`
                 // html += `<div class="filter-input-container d-flex"><input class="input-select-feature-compliances" type="checkbox" ${this.selectedFeatures.indexOf('compliances') >= 0 ? 'checked' : ''} id="input-select-feature-compliances"  part="input-select-feature" name="compliances"></input><label for="input-select-feature-compliances" class="input-select-feature-label"  part="input-select-feature-label">compliances</label></div>`
@@ -8195,6 +8218,7 @@ let SfIEvents = class SfIEvents extends LitElement {
                         // (this._SfDetailContainer as HTMLDivElement).style.display = 'block';
                         //console.log('commentsinlist', (this._SfStreamContainer as HTMLDivElement).querySelector('#stream-month-'+this.currentColumnIndex) as HTMLButtonElement, this.events[mmdd][j].comments, mmdd, j);
                         // this.renderEventDetail(this.events[mmdd][j], mmdd + "/" + yyyy, (this._SfStreamContainer as HTMLDivElement).querySelector('#stream-month-'+this.currentColumnIndex) as HTMLButtonElement);
+                        console.log('errorFetchEvent', mmdd, j, buttonArr[i].outerHTML, idArr);
                         this.fetchEventDetails(this.events[mmdd][j], mmdd + "/" + yyyy, this._SfStreamContainer.querySelector('#stream-month-' + this.currentColumnIndex), this._SfStreamContainer);
                     }
                 });

package/src/sf-i-events.ts

@@ -3657,6 +3657,35 @@ export class SfIEvents extends LitElement {
 
   }
 
+  getAboutToExpire = (mmdd: string, event: any) => {
+
+    // console.log('about to expire', mmdd, event.duedate)
+
+    const tsDoc = new Date(parseInt(event.duedate)).getTime();
+
+    const dd = mmdd.substring(3, 5);
+    const mm = mmdd.substring(0, 2);
+
+    var yyyy = this.getYearFromMonthAndCalendarStart(mm);
+
+    var date = new Date();
+    date.setMonth(parseInt(mm) - 1);
+    date.setDate(parseInt(dd));
+    date.setFullYear(parseInt(yyyy));
+
+    const tsCurr = date.getTime();
+
+    console.log('about to expire', mmdd, tsDoc, tsCurr)
+
+    if ((tsDoc - tsCurr) < (30 * 24 * 60 * 1000)) { // less than 60 days
+      //console.log('late executed', true)
+      return true;
+    }
+
+    return false;
+
+  }
+
   getPastDueDate = (mmdd: string) => {
 
     const dd = mmdd.substring(3, 5);
@@ -4232,12 +4261,16 @@ export class SfIEvents extends LitElement {
 
   }
 
-  getComplianceStatus = (completeness: string, timeliness: string, percentage?: string, event: any = {}) => {
+  getComplianceStatus = (completeness: string, timeliness: string, percentage?: string, event: any = {}, mmdd: string = "") => {
     if (event.module == "agreement") {
       if (completeness == "not-started") {
 
         if (timeliness == "in-time") {
-          return "active";
+          if(this.getAboutToExpire(mmdd, event)) {
+            return "about-to-expire";
+          }else{
+            return "active";
+          }
         } else {
           return "expired";
         }
@@ -4354,7 +4387,7 @@ export class SfIEvents extends LitElement {
     if (this.getFeatures().length > 1) {
       html += '<div class="filter-button-container"><button part="button-icon" id="filter-button" class="material-symbols-outlined">category</button>'
       html += '<div id="filter-list-container" class="filter-list-container hide flex-col justify-between align-start p-10" part="filter-list-container" anchor="filter-button">'
-      html += '<div id="filter-label-container" class="filter-label-container d-flex justify-between align-center" part="filter-label-container"><label class="filter-label"  part="filter-label">Filters</label><button id="button-submit-features" part="button-icon-small" class="material-icons button-expand invisible">check</button></div>'
+      html += '<div id="filter-label-container" class="filter-label-container d-flex justify-between align-center" part="filter-label-container"><label class="filter-label"  part="filter-label">Filters</label><button id="button-submit-features" part="button-icon-small" class="material-icons invisible">check</button></div>'
       // html += `<div class="filter-input-container d-flex"><input class="input-select-feature-all" type="checkbox" ${this.selectedFeatures.length >= (this.getFeatures().length) ? 'checked' : ''} id="input-select-feature-all"  part="input-select-feature" name="all"></input><label for="input-select-feature-all" class="input-select-feature-label-all" id="input-select-feature-label-all"
       //  part="input-select-feature-label">all</label></div>`
       // html += `<div class="filter-input-container d-flex"><input class="input-select-feature-compliances" type="checkbox" ${this.selectedFeatures.indexOf('compliances') >= 0 ? 'checked' : ''} id="input-select-feature-compliances"  part="input-select-feature" name="compliances"></input><label for="input-select-feature-compliances" class="input-select-feature-label"  part="input-select-feature-label">compliances</label></div>`
@@ -4446,7 +4479,7 @@ export class SfIEvents extends LitElement {
     if (this.getFeatures().length > 1) {
       html += '<div class="filter-button-container"><button part="button-icon" id="filter-button" class="material-symbols-outlined">category</button>'
       html += '<div id="filter-list-container" class="filter-list-container hide flex-col justify-between align-start p-10" part="filter-list-container" anchor="filter-button">'
-      html += '<div id="filter-label-container" class="filter-label-container d-flex justify-between align-center" part="filter-label-container"><label class="filter-label"  part="filter-label">Filters</label><button id="button-submit-features" part="button-icon-small" class="material-icons button-expand invisible">check</button></div>'
+      html += '<div id="filter-label-container" class="filter-label-container d-flex justify-between align-center" part="filter-label-container"><label class="filter-label"  part="filter-label">Filters</label><button id="button-submit-features" part="button-icon-small" class="material-icons invisible">check</button></div>'
       // html += `<div class="filter-input-container d-flex"><input class="input-select-feature-all" type="checkbox" ${this.selectedFeatures.length >= (this.getFeatures().length) ? 'checked' : ''} id="input-select-feature-all"  part="input-select-feature" name="all"></input><label for="input-select-feature-all" class="input-select-feature-label-all" id="input-select-feature-label-all"
       //  part="input-select-feature-label">all</label></div>`
       // html += `<div class="filter-input-container d-flex"><input class="input-select-feature-compliances" type="checkbox" ${this.selectedFeatures.indexOf('compliances') >= 0 ? 'checked' : ''} id="input-select-feature-compliances"  part="input-select-feature" name="compliances"></input><label for="input-select-feature-compliances" class="input-select-feature-label"  part="input-select-feature-label">compliances</label></div>`
@@ -11429,6 +11462,7 @@ export class SfIEvents extends LitElement {
 
 
           // this.renderEventDetail(this.events[mmdd][j], mmdd + "/" + yyyy, (this._SfStreamContainer as HTMLDivElement).querySelector('#stream-month-'+this.currentColumnIndex) as HTMLButtonElement);
+          console.log('errorFetchEvent', mmdd, j, buttonArr[i].outerHTML, idArr);
           this.fetchEventDetails(this.events[mmdd][j], mmdd + "/" + yyyy, (this._SfStreamContainer as HTMLDivElement).querySelector('#stream-month-' + this.currentColumnIndex) as HTMLButtonElement, this._SfStreamContainer as HTMLDivElement);
         }