sf-i-events 1.0.693 → 1.0.694

package/package.json

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

package/sf-i-events.d.ts

@@ -439,7 +439,7 @@ export declare class SfIEvents extends LitElement {
     getComplianceStatus: (completeness: string, timeliness: string) => "scheduled" | "not-complied" | "partially-complied" | "complied";
     numcalled: number;
     updateStats: (event: any, partStatus: string, lateStatus: string, complianceStatus: string) => void;
-    renderCalendarGraphs: (showGraph: boolean) => string;
+    renderCalendarGraphs: (showGraph: boolean, parametersTitle: string) => string;
     renderCalendarContainerDivStart: (index: number) => string;
     renderCalendarContainerDivEnd: () => string;
     renderCalendarEventSummary: () => string;
@@ -458,7 +458,7 @@ export declare class SfIEvents extends LitElement {
     renderStatusString: (partStatus: string, lateStatus: string, complianceStatus: string) => string;
     getGraphParam: (event: any) => string;
     renderCalendarAnnotations: (event: any) => string;
-    renderEvents: (_firstDay: any, _endDay: any, iInit: number, iLast: number, showGraph: boolean, index: number, month: number, period: string, firstDate?: any) => string;
+    renderEvents: (_firstDay: any, _endDay: any, iInit: number, iLast: number, showGraph: boolean, index: number, month: number, period: string, firstDate: any, parametersTitle: string) => string;
     renderStreamEvents: (index: number, month: number, year: number, showGraph?: boolean) => string;
     renderThisEvents: (index: number, startDate: Date, showGraph?: boolean) => string;
     renderRangeEvents: (firstDate: Date, count: number, eventsContainer: HTMLDivElement) => void;

package/sf-i-events.js

@@ -2074,10 +2074,11 @@ let SfIEvents = class SfIEvents extends LitElement {
             this.updateLocationStats(event['locationname'], partStatus, lateStatus, complianceStatus);
             this.updateSubcategoryStats(event['subcategory'], partStatus, lateStatus, complianceStatus);
         };
-        this.renderCalendarGraphs = (showGraph) => {
+        this.renderCalendarGraphs = (showGraph, parametersTitle) => {
             //console.log('flowGraph', this.flowGraph);
             var html = '';
             html += '<div class="mb-20 stream-event-list" part="stream-event-list-charts">';
+            html += '<div class="align-center d-flex flex-wrap mb-10 w-100-m-0" part="duration-title-container"><h4 part="duration-title">' + parametersTitle + '</h4></div>';
             if (showGraph) {
                 html += '<div part="stream-event-chart-selection" class="mb-20">';
                 html += '<div part="td-head" class="mb-5">Select Chart</div>';
@@ -2480,7 +2481,7 @@ let SfIEvents = class SfIEvents extends LitElement {
             html += '<div class="d-flex"><div part="badge-filter-name" class="graphparamname graphparamname1 mb-20">' + graphParam.split(';')[0] + '</div>' + reporterStr + approverStr + '</div>';
             return html;
         };
-        this.renderEvents = (_firstDay, _endDay, iInit, iLast, showGraph, index, month, period, firstDate = null) => {
+        this.renderEvents = (_firstDay, _endDay, iInit, iLast, showGraph, index, month, period, firstDate = null, parametersTitle) => {
             var total = 0, notStarted = 0, approved = 0, pendingApproval = 0, rejected = 0, inTime = 0, pastDueDate = 0, lateExecuted = 0, lateApproved = 0, lateReported = 0, scheduled = 0, partiallyComplied = 0, notComplied = 0, complied = 0;
             var html = '';
             this.selectedItemIds = [];
@@ -2494,7 +2495,7 @@ let SfIEvents = class SfIEvents extends LitElement {
             this.clearGraphData();
             this.clearSelectedGraphParam();
             this.clearSelectedLegend();
-            html += this.renderCalendarGraphs(showGraph);
+            html += this.renderCalendarGraphs(showGraph, parametersTitle);
             html += this.renderCalendarContainerDivStart(index);
             html += this.renderCalendarEventSummary();
             // csvCols += 'Period,Status,Id,ObligationTitle,Obligation,Duedate' 
@@ -2687,7 +2688,7 @@ let SfIEvents = class SfIEvents extends LitElement {
             let endDay = new Date(year, month, 1);
             endDay === null || endDay === void 0 ? void 0 : endDay.setDate(endDay.getDate() + lastDay + 1);
             var period = ("0" + (month + 1)).slice(-2) + "/" + ("0" + 1).slice(-2) + '/' + new Date().getFullYear() + ' - ' + ("0" + (month + 1)).slice(-2) + "/" + ("0" + lastDay).slice(-2) + '/' + new Date().getFullYear();
-            return this.renderEvents(firstDay, endDay, 1, lastDay, showGraph, index, month, period);
+            return this.renderEvents(firstDay, endDay, 1, lastDay, showGraph, index, month, period, null, "Month- " + this.monthNames[month] + " " + year);
         };
         this.renderThisEvents = (index, startDate, showGraph = true) => {
             var firstDate = new Date();
@@ -2708,7 +2709,7 @@ let SfIEvents = class SfIEvents extends LitElement {
             let endDay = new Date(firstDate.getFullYear(), firstDate.getMonth(), firstDate.getDate());
             endDay === null || endDay === void 0 ? void 0 : endDay.setDate(endDay.getDate() + lastDay + 1);
             var period = ("0" + (firstDate.getMonth() + 1)).slice(-2) + "/" + ("0" + 1).slice(-2) + '/' + firstDate.getFullYear() + ' - ' + ("0" + (firstDate.getMonth() + 1)).slice(-2) + "/" + ("0" + count).slice(-2) + '/' + firstDate.getFullYear();
-            return this.renderEvents(firstDay, endDay, 1, lastDay, showGraph, index, (firstDate.getMonth()), period);
+            return this.renderEvents(firstDay, endDay, 1, lastDay, showGraph, index, (firstDate.getMonth()), period, null, "This " + (index === 0 ? "Week" : "Month"));
         };
         this.renderRangeEvents = (firstDate, count, eventsContainer) => {
             var lastDate = new Date(firstDate.getTime());
@@ -2719,7 +2720,7 @@ let SfIEvents = class SfIEvents extends LitElement {
             endDay === null || endDay === void 0 ? void 0 : endDay.setDate(endDay.getDate() + lastDay + 1);
             var period = ("0" + (firstDate.getMonth() + 1)).slice(-2) + "/" + ("0" + firstDate.getDate()).slice(-2) + '/' + firstDate.getFullYear() + ' - ' + ("0" + (lastDate.getMonth() + 1)).slice(-2) + "/" + ("0" + lastDate.getDate()).slice(-2) + '/' + lastDate.getFullYear();
             //console.log('rangeperiod', period)
-            var html = this.renderEvents(firstDay, endDay, 1, lastDay, true, 0, (firstDate.getMonth()), period, firstDate);
+            var html = this.renderEvents(firstDay, endDay, 1, lastDay, true, 0, (firstDate.getMonth()), period, firstDate, "From " + firstDay.toLocaleDateString('en-IN') + " To " + endDay.toLocaleDateString('en-IN'));
             eventsContainer.querySelector('.calendar-right-data').innerHTML = html;
             this.attachTimelineFilterHandlers(eventsContainer);
             const radioExpander = eventsContainer.querySelector('#graph-radios-expander');

package/src/sf-i-events.ts

@@ -4103,13 +4103,14 @@ export class SfIEvents extends LitElement {
 
   }
 
-  renderCalendarGraphs = (showGraph: boolean) => {
+  renderCalendarGraphs = (showGraph: boolean, parametersTitle: string) => {
 
     //console.log('flowGraph', this.flowGraph);
 
     var html = '';
 
     html += '<div class="mb-20 stream-event-list" part="stream-event-list-charts">';
+      html += '<div class="align-center d-flex flex-wrap mb-10 w-100-m-0" part="duration-title-container"><h4 part="duration-title">' + parametersTitle + '</h4></div>';
       if(showGraph) {
         html += '<div part="stream-event-chart-selection" class="mb-20">';
           html += '<div part="td-head" class="mb-5">Select Chart</div>';
@@ -4607,7 +4608,7 @@ export class SfIEvents extends LitElement {
 
   }
 
-  renderEvents = (_firstDay: any, _endDay: any, iInit: number, iLast: number, showGraph: boolean, index: number, month: number, period: string, firstDate: any = null) => {
+  renderEvents = (_firstDay: any, _endDay: any, iInit: number, iLast: number, showGraph: boolean, index: number, month: number, period: string, firstDate: any = null, parametersTitle: string) => {
     var total = 0, notStarted = 0, approved = 0, pendingApproval = 0, rejected = 0, inTime = 0, pastDueDate = 0, lateExecuted = 0, lateApproved = 0, lateReported = 0, scheduled = 0, partiallyComplied = 0, notComplied = 0, complied = 0;
     var html = '';
     this.selectedItemIds = [];
@@ -4625,7 +4626,7 @@ export class SfIEvents extends LitElement {
     this.clearSelectedLegend();
   
     
-    html += this.renderCalendarGraphs(showGraph);
+    html += this.renderCalendarGraphs(showGraph, parametersTitle);
     html += this.renderCalendarContainerDivStart(index)
     html += this.renderCalendarEventSummary();
 
@@ -4869,7 +4870,7 @@ export class SfIEvents extends LitElement {
     endDay?.setDate(endDay.getDate() + lastDay + 1);
     var period = ("0" + (month+1)).slice(-2) + "/" + ("0" + 1).slice(-2) + '/' + new Date().getFullYear() + ' - ' + ("0" + (month+1)).slice(-2) + "/" + ("0" + lastDay).slice(-2) + '/' + new Date().getFullYear()   
 
-    return this.renderEvents(firstDay, endDay, 1, lastDay, showGraph, index, month, period);
+    return this.renderEvents(firstDay, endDay, 1, lastDay, showGraph, index, month, period, null, "Month- " + this.monthNames[month] + " " + year);
 
   }
 
@@ -4903,7 +4904,7 @@ export class SfIEvents extends LitElement {
 
     var period = ("0" + (firstDate.getMonth()+1)).slice(-2) + "/" + ("0" + 1).slice(-2) + '/' + firstDate.getFullYear() + ' - ' + ("0" + (firstDate.getMonth()+1)).slice(-2) + "/" + ("0" + count).slice(-2) + '/' + firstDate.getFullYear()   
 
-    return this.renderEvents(firstDay, endDay, 1, lastDay, showGraph, index, (firstDate.getMonth()), period);
+    return this.renderEvents(firstDay, endDay, 1, lastDay, showGraph, index, (firstDate.getMonth()), period, null, "This " + (index === 0 ? "Week" : "Month"));
 
   }
 
@@ -4922,7 +4923,7 @@ export class SfIEvents extends LitElement {
 
     //console.log('rangeperiod', period)
 
-    var html = this.renderEvents(firstDay, endDay, 1, lastDay, true, 0, (firstDate.getMonth()), period, firstDate);
+    var html = this.renderEvents(firstDay, endDay, 1, lastDay, true, 0, (firstDate.getMonth()), period, firstDate,"From " + firstDay.toLocaleDateString('en-IN') + " To " + endDay.toLocaleDateString('en-IN'));
 
     eventsContainer.querySelector('.calendar-right-data')!.innerHTML = html;