npm - sf-i-events - Versions diffs - 1.0.955 → 1.0.957 - Mend

sf-i-events 1.0.955 → 1.0.957

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (3) hide show

package/package.json CHANGED Viewed

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

package/sf-i-events.js CHANGED Viewed

@@ -2368,40 +2368,40 @@ let SfIEvents = class SfIEvents extends LitElement {
                 html += '</div>';
                 html += '</div>';
                 html += '<div class="chart-container d-flex scroll-x align-center"><div part="chart-item" class="chart-item"><canvas id="myChart"></canvas></div><div part="chart-item" class="chart-item"><canvas id="myChart4" class="gone"></canvas></div><div part="chart-item chart-item-middle" class="chart-item"><canvas id="myChart2" class="gone"></canvas></div><div part="chart-item" class="chart-item"><canvas id="myChart3" class="gone"></canvas></div></div>';
-                html += '<div id="fin-risk-container" class="mt-20 w-100 d-flex align-end">';
+                html += '<div part="fin-risk-container" class="gone FIN_RISK_HIDE_CLASS mt-20 w-100 align-end ">';
                 html += `
           <!-- Left Label -->
-          <div class="d-flex align-end">
+          <div class="d-flex align-end" part="financial-risk-title-container">
             <span part="financial-risk-title">Financial Risk</span>
             <sup part="financial-risk-currency">FIN_RISK_CURRENCY</sup>
           </div>
           <!-- Lower (Residual / Pending Risk) -->
           <div class="d-flex align-end" part="financial-risk-section">
-            <div part="financial-risk-limit-label" style="font-weight:700;font-size:15px;color:#000;">Lower</div>
-            <div class="d-flex align-center">
-              <div class="d-flex flex-col align-center">
-              <span style="color:#555;font-weight:500;font-size:13px;">Addressed</span>
-              <span style="font-weight:700;font-size:16px;color:#27ae60;">FIN_RISK_MITIGATED_MIN</span>
+            <div part="financial-risk-section-label" style="font-weight:700;font-size:15px;color:#000;">Lower</div>
+            <div part="financial-risk-table-container" class="d-flex align-center" style="gap:8px;">
+              <div part="financial-risk-table-col" class="d-flex flex-col align-center">
+              <span part="financial-risk-table-row-label" style="color:#555;font-weight:500;font-size:13px;">Addressed</span>
+              <span part="financial-risk-table-table-row-value-addressed" style="font-weight:700;font-size:16px;color:#27ae60;">FIN_RISK_MITIGATED_MIN</span>
               </div>
-              <div class="d-flex flex-col align-center">
-              <span style="color:#555;font-weight:500;font-size:13px;">Pending</span>
-              <span style="font-weight:700;font-size:16px;color:#a0005a;">FIN_RISK_RESIDUAL_MIN</span>
+              <div part="financial-risk-table-col" class="d-flex flex-col align-center">
+              <span part="financial-risk-table-row-label" style="color:#555;font-weight:500;font-size:13px;">Pending</span>
+              <span part="financial-risk-table-table-row-value-residual" style="font-weight:700;font-size:16px;color:#a0005a;">FIN_RISK_RESIDUAL_MIN</span>
               </div>
             </div>
           </div>
           <!-- Upper (Mitigated / Addressed Risk) -->
           <div class="d-flex align-end" part="financial-risk-section">
-            <div part="financial-risk-limit-label" style="font-weight:700;font-size:15px;color:#000;">Upper</div>
-            <div style="display:flex;align-items:center;gap:8px;">
-              <div class="d-flex flex-col align-center">
-              <span style="color:#555;font-weight:500;font-size:13px;">Addressed</span>
-              <span style="font-weight:700;font-size:16px;color:#27ae60;">FIN_RISK_MITIGATED_MAX</span>
+            <div part="financial-risk-section-label" style="font-weight:700;font-size:15px;color:#000;">Upper</div>
+            <div part="financial-risk-table-container" class="d-flex align-center" style="gap:8px;">
+              <div part="financial-risk-table-col" class="d-flex flex-col align-center">
+              <span part="financial-risk-table-row-label" style="color:#555;font-weight:500;font-size:13px;">Addressed</span>
+              <span part="financial-risk-table-table-row-value-addressed" style="font-weight:700;font-size:16px;color:#27ae60;">FIN_RISK_MITIGATED_MAX</span>
               </div>
-              <div class="d-flex flex-col align-center">
-              <span style="color:#555;font-weight:500;font-size:13px;">Pending</span>
-              <span style="font-weight:700;font-size:16px;color:#a0005a;">FIN_RISK_RESIDUAL_MAX</span>
+              <div part="financial-risk-table-col" class="d-flex flex-col align-center">
+              <span part="financial-risk-table-row-label" style="color:#555;font-weight:500;font-size:13px;">Pending</span>
+              <span part="financial-risk-table-table-row-value-residual" style="font-weight:700;font-size:16px;color:#a0005a;">FIN_RISK_RESIDUAL_MAX</span>
               </div>
             </div>
           </div>
@@ -3402,6 +3402,10 @@ let SfIEvents = class SfIEvents extends LitElement {
                 this.minRiskResidual = tempMinRiskResidualLocal;
                 this.maxRiskResidual = tempMaxRiskResidualLocal;
             }
+            let showFinRisk = false;
+            if (this.selectedFeatures.indexOf('contracts') < 0 && this.selectedFeatures.indexOf('notices') && this.selectedFeatures.indexOf('licenses') < 0 && this.selectedFeatures.indexOf('rcmresources') < 0) {
+                showFinRisk = true;
+            }
             //console.log('final risk severities', this.riskSeverityData);
             //this.period = firstDay?.getDate() + '/' + (firstDay!.getMonth()+1) + '/' + firstDay?.getFullYear() + " - " + endDay?.getDate() + '/' + (endDay!.getMonth()+1) + '/' + endDay?.getFullYear();
             this.period = period;
@@ -3437,6 +3441,7 @@ let SfIEvents = class SfIEvents extends LitElement {
             html = html.replace("FIN_RISK_RESIDUAL_MAX", this.formatIndianNumber(this.maxRiskResidual));
             html = html.replace("FIN_RISK_MITIGATED_MIN", this.formatIndianNumber(this.minRiskMitigated));
             html = html.replace("FIN_RISK_MITIGATED_MAX", this.formatIndianNumber(this.maxRiskMitigated));
+            html = html.replace("gone FIN_RISK_HIDE_CLASS", showFinRisk ? "d-flex" : "gone");
             if (this.selectedFeatures.indexOf("contracts") >= 0) {
                 this.csvDataStats = 'Period,Total,Not Started,Approved,Pending Approval,Rejected,Past Due Date,Late Reported,Late Executed,Late Approved,Active,About To Expire,Expired,Terminated\n';
                 this.csvDataStats += this.period + "," + total + "," + notStarted + "," + approved + "," + pendingApproval + "," + rejected + "," + pastDueDate + "," + lateReported + "," + lateExecuted + "," + lateApproved + "," + active + "," + aboutToExpire + "," + expired + "," + terminated;
@@ -14337,16 +14342,26 @@ let SfIEvents = class SfIEvents extends LitElement {
                                     console.log('attachments str', event[complianceFields[i]]);
                                     html += '<div class="m-20">';
                                     html += '<div part="detail-head"><strong>' + complianceFields[i] + '</strong></div>';
-                                    for (let attachmentStr of event[complianceFields[i]]) {
-                                        let attachment = {};
-                                        if (typeof attachmentStr === "object") {
-                                            attachment = attachmentStr;
+                                    if (typeof event[complianceFields[i]] === "string") {
+                                        let attachmentArr = JSON.parse(event[complianceFields[i]].toString());
+                                        if (attachmentArr.length > 0) {
+                                            for (let attachment of attachmentArr) {
+                                                html += `<sf-i-uploader class="event-attachment" max="10" apiid="1peg5170d3" allowedextensions="[&quot;jpg&quot;,&quot;png&quot;,&quot;pdf&quot;,&quot;xls&quot;,&quot;xlsx&quot;,&quot;doc&quot;,&quot;docx&quot;]" prepopulatedInputArr="${JSON.stringify([{ "key": attachment.key, "ext": attachment.ext }]).replace(/"/g, '&quot;')}" extract="no" mode="view" maximize="yes" hidepreview="yes" displaydetail="yes"></sf-i-uploader>`;
+                                            }
                                         }
-                                        else {
-                                            attachment = JSON.parse(attachmentStr + "");
+                                    }
+                                    else {
+                                        for (let attachmentStr of event[complianceFields[i]]) {
+                                            let attachment = {};
+                                            if (typeof attachmentStr === "object") {
+                                                attachment = attachmentStr;
+                                            }
+                                            else {
+                                                attachment = JSON.parse(attachmentStr.toString());
+                                            }
+                                            // html += `<sf-i-uploader class="event-attachment" max="10" apiid="1peg5170d3" allowedextensions="[&quot;jpg&quot;,&quot;png&quot;,&quot;pdf&quot;,&quot;xls&quot;,&quot;xlsx&quot;,&quot;doc&quot;,&quot;docx&quot;]" prepopulatedInputArr="${JSON.stringify([{ "key": attachment.key, "ext": attachment.ext }]).replace(/"/g, '&quot;')}" projectid="${this.projectId}" extract="no" mode="view" maximize="yes" hidepreview="yes" displaydetail="yes"></sf-i-uploader>`
+                                            html += `<sf-i-uploader class="event-attachment" max="10" apiid="1peg5170d3" allowedextensions="[&quot;jpg&quot;,&quot;png&quot;,&quot;pdf&quot;,&quot;xls&quot;,&quot;xlsx&quot;,&quot;doc&quot;,&quot;docx&quot;]" prepopulatedInputArr="${JSON.stringify([{ "key": attachment.key, "ext": attachment.ext }]).replace(/"/g, '&quot;')}" extract="no" mode="view" maximize="yes" hidepreview="yes" displaydetail="yes"></sf-i-uploader>`;
                                         }
-                                        // html += `<sf-i-uploader class="event-attachment" max="10" apiid="1peg5170d3" allowedextensions="[&quot;jpg&quot;,&quot;png&quot;,&quot;pdf&quot;,&quot;xls&quot;,&quot;xlsx&quot;,&quot;doc&quot;,&quot;docx&quot;]" prepopulatedInputArr="${JSON.stringify([{ "key": attachment.key, "ext": attachment.ext }]).replace(/"/g, '&quot;')}" projectid="${this.projectId}" extract="no" mode="view" maximize="yes" hidepreview="yes" displaydetail="yes"></sf-i-uploader>`
-                                        html += `<sf-i-uploader class="event-attachment" max="10" apiid="1peg5170d3" allowedextensions="[&quot;jpg&quot;,&quot;png&quot;,&quot;pdf&quot;,&quot;xls&quot;,&quot;xlsx&quot;,&quot;doc&quot;,&quot;docx&quot;]" prepopulatedInputArr="${JSON.stringify([{ "key": attachment.key, "ext": attachment.ext }]).replace(/"/g, '&quot;')}" extract="no" mode="view" maximize="yes" hidepreview="yes" displaydetail="yes"></sf-i-uploader>`;
                                     }
                                     html += '</div>';
                                 }

package/src/sf-i-events.ts CHANGED Viewed

@@ -4558,40 +4558,40 @@ export class SfIEvents extends LitElement {
       html += '</div>';
       html += '</div>';
       html += '<div class="chart-container d-flex scroll-x align-center"><div part="chart-item" class="chart-item"><canvas id="myChart"></canvas></div><div part="chart-item" class="chart-item"><canvas id="myChart4" class="gone"></canvas></div><div part="chart-item chart-item-middle" class="chart-item"><canvas id="myChart2" class="gone"></canvas></div><div part="chart-item" class="chart-item"><canvas id="myChart3" class="gone"></canvas></div></div>';
-      html += '<div id="fin-risk-container" class="mt-20 w-100 d-flex align-end">'
+      html += '<div part="fin-risk-container" class="gone FIN_RISK_HIDE_CLASS mt-20 w-100 align-end ">';
       html += `
           <!-- Left Label -->
-          <div class="d-flex align-end">
+          <div class="d-flex align-end" part="financial-risk-title-container">
             <span part="financial-risk-title">Financial Risk</span>
             <sup part="financial-risk-currency">FIN_RISK_CURRENCY</sup>
           </div>
           <!-- Lower (Residual / Pending Risk) -->
           <div class="d-flex align-end" part="financial-risk-section">
-            <div part="financial-risk-limit-label" style="font-weight:700;font-size:15px;color:#000;">Lower</div>
-            <div class="d-flex align-center">
-              <div class="d-flex flex-col align-center">
-              <span style="color:#555;font-weight:500;font-size:13px;">Addressed</span>
-              <span style="font-weight:700;font-size:16px;color:#27ae60;">FIN_RISK_MITIGATED_MIN</span>
+            <div part="financial-risk-section-label" style="font-weight:700;font-size:15px;color:#000;">Lower</div>
+            <div part="financial-risk-table-container" class="d-flex align-center" style="gap:8px;">
+              <div part="financial-risk-table-col" class="d-flex flex-col align-center">
+              <span part="financial-risk-table-row-label" style="color:#555;font-weight:500;font-size:13px;">Addressed</span>
+              <span part="financial-risk-table-table-row-value-addressed" style="font-weight:700;font-size:16px;color:#27ae60;">FIN_RISK_MITIGATED_MIN</span>
               </div>
-              <div class="d-flex flex-col align-center">
-              <span style="color:#555;font-weight:500;font-size:13px;">Pending</span>
-              <span style="font-weight:700;font-size:16px;color:#a0005a;">FIN_RISK_RESIDUAL_MIN</span>
+              <div part="financial-risk-table-col" class="d-flex flex-col align-center">
+              <span part="financial-risk-table-row-label" style="color:#555;font-weight:500;font-size:13px;">Pending</span>
+              <span part="financial-risk-table-table-row-value-residual" style="font-weight:700;font-size:16px;color:#a0005a;">FIN_RISK_RESIDUAL_MIN</span>
               </div>
             </div>
           </div>
           <!-- Upper (Mitigated / Addressed Risk) -->
           <div class="d-flex align-end" part="financial-risk-section">
-            <div part="financial-risk-limit-label" style="font-weight:700;font-size:15px;color:#000;">Upper</div>
-            <div style="display:flex;align-items:center;gap:8px;">
-              <div class="d-flex flex-col align-center">
-              <span style="color:#555;font-weight:500;font-size:13px;">Addressed</span>
-              <span style="font-weight:700;font-size:16px;color:#27ae60;">FIN_RISK_MITIGATED_MAX</span>
+            <div part="financial-risk-section-label" style="font-weight:700;font-size:15px;color:#000;">Upper</div>
+            <div part="financial-risk-table-container" class="d-flex align-center" style="gap:8px;">
+              <div part="financial-risk-table-col" class="d-flex flex-col align-center">
+              <span part="financial-risk-table-row-label" style="color:#555;font-weight:500;font-size:13px;">Addressed</span>
+              <span part="financial-risk-table-table-row-value-addressed" style="font-weight:700;font-size:16px;color:#27ae60;">FIN_RISK_MITIGATED_MAX</span>
               </div>
-              <div class="d-flex flex-col align-center">
-              <span style="color:#555;font-weight:500;font-size:13px;">Pending</span>
-              <span style="font-weight:700;font-size:16px;color:#a0005a;">FIN_RISK_RESIDUAL_MAX</span>
+              <div part="financial-risk-table-col" class="d-flex flex-col align-center">
+              <span part="financial-risk-table-row-label" style="color:#555;font-weight:500;font-size:13px;">Pending</span>
+              <span part="financial-risk-table-table-row-value-residual" style="font-weight:700;font-size:16px;color:#a0005a;">FIN_RISK_RESIDUAL_MAX</span>
               </div>
             </div>
           </div>
@@ -5720,6 +5720,11 @@ export class SfIEvents extends LitElement {
       this.minRiskResidual = tempMinRiskResidualLocal
       this.maxRiskResidual = tempMaxRiskResidualLocal
     }
+    let showFinRisk = false
+    if (this.selectedFeatures.indexOf('contracts') < 0 && this.selectedFeatures.indexOf('notices') && this.selectedFeatures.indexOf('licenses') < 0 && this.selectedFeatures.indexOf('rcmresources') < 0) {
+      showFinRisk = true
+    }
     //console.log('final risk severities', this.riskSeverityData);
     //this.period = firstDay?.getDate() + '/' + (firstDay!.getMonth()+1) + '/' + firstDay?.getFullYear() + " - " + endDay?.getDate() + '/' + (endDay!.getMonth()+1) + '/' + endDay?.getFullYear();
@@ -5762,6 +5767,7 @@ export class SfIEvents extends LitElement {
     html = html.replace("FIN_RISK_RESIDUAL_MAX", this.formatIndianNumber(this.maxRiskResidual));
     html = html.replace("FIN_RISK_MITIGATED_MIN", this.formatIndianNumber(this.minRiskMitigated));
     html = html.replace("FIN_RISK_MITIGATED_MAX", this.formatIndianNumber(this.maxRiskMitigated));
+    html = html.replace("gone FIN_RISK_HIDE_CLASS", showFinRisk ? "d-flex" : "gone");
     if (this.selectedFeatures.indexOf("contracts") >= 0) {
       this.csvDataStats = 'Period,Total,Not Started,Approved,Pending Approval,Rejected,Past Due Date,Late Reported,Late Executed,Late Approved,Active,About To Expire,Expired,Terminated\n';
@@ -18327,15 +18333,25 @@ export class SfIEvents extends LitElement {
                 html += '<div class="m-20">';
                 html += '<div part="detail-head"><strong>' + complianceFields[i] + '</strong></div>'
-                for (let attachmentStr of event[complianceFields[i]]) {
-                  let attachment: any = {};
-                  if (typeof attachmentStr === "object") {
-                    attachment = attachmentStr;
-                  } else {
-                    attachment = JSON.parse(attachmentStr + "");
+                if (typeof event[complianceFields[i]] === "string") {
+                  let attachmentArr = JSON.parse(event[complianceFields[i]].toString());
+                  if (attachmentArr.length > 0) {
+                    for (let attachment of attachmentArr) {
+                      html += `<sf-i-uploader class="event-attachment" max="10" apiid="1peg5170d3" allowedextensions="[&quot;jpg&quot;,&quot;png&quot;,&quot;pdf&quot;,&quot;xls&quot;,&quot;xlsx&quot;,&quot;doc&quot;,&quot;docx&quot;]" prepopulatedInputArr="${JSON.stringify([{ "key": attachment.key, "ext": attachment.ext }]).replace(/"/g, '&quot;')}" extract="no" mode="view" maximize="yes" hidepreview="yes" displaydetail="yes"></sf-i-uploader>`
+                    }
+                  }
+                } else {
+                  for (let attachmentStr of event[complianceFields[i]]) {
+                    let attachment: any = {};
+                    if (typeof attachmentStr === "object") {
+                      attachment = attachmentStr;
+                    } else {
+                      attachment = JSON.parse(attachmentStr.toString());
+                    }
+                    // html += `<sf-i-uploader class="event-attachment" max="10" apiid="1peg5170d3" allowedextensions="[&quot;jpg&quot;,&quot;png&quot;,&quot;pdf&quot;,&quot;xls&quot;,&quot;xlsx&quot;,&quot;doc&quot;,&quot;docx&quot;]" prepopulatedInputArr="${JSON.stringify([{ "key": attachment.key, "ext": attachment.ext }]).replace(/"/g, '&quot;')}" projectid="${this.projectId}" extract="no" mode="view" maximize="yes" hidepreview="yes" displaydetail="yes"></sf-i-uploader>`
+                    html += `<sf-i-uploader class="event-attachment" max="10" apiid="1peg5170d3" allowedextensions="[&quot;jpg&quot;,&quot;png&quot;,&quot;pdf&quot;,&quot;xls&quot;,&quot;xlsx&quot;,&quot;doc&quot;,&quot;docx&quot;]" prepopulatedInputArr="${JSON.stringify([{ "key": attachment.key, "ext": attachment.ext }]).replace(/"/g, '&quot;')}" extract="no" mode="view" maximize="yes" hidepreview="yes" displaydetail="yes"></sf-i-uploader>`
                   }
-                  // html += `<sf-i-uploader class="event-attachment" max="10" apiid="1peg5170d3" allowedextensions="[&quot;jpg&quot;,&quot;png&quot;,&quot;pdf&quot;,&quot;xls&quot;,&quot;xlsx&quot;,&quot;doc&quot;,&quot;docx&quot;]" prepopulatedInputArr="${JSON.stringify([{ "key": attachment.key, "ext": attachment.ext }]).replace(/"/g, '&quot;')}" projectid="${this.projectId}" extract="no" mode="view" maximize="yes" hidepreview="yes" displaydetail="yes"></sf-i-uploader>`
-                  html += `<sf-i-uploader class="event-attachment" max="10" apiid="1peg5170d3" allowedextensions="[&quot;jpg&quot;,&quot;png&quot;,&quot;pdf&quot;,&quot;xls&quot;,&quot;xlsx&quot;,&quot;doc&quot;,&quot;docx&quot;]" prepopulatedInputArr="${JSON.stringify([{ "key": attachment.key, "ext": attachment.ext }]).replace(/"/g, '&quot;')}" extract="no" mode="view" maximize="yes" hidepreview="yes" displaydetail="yes"></sf-i-uploader>`
                 }
                 html += '</div>';
               }