sf-i-events 1.0.72 → 1.0.73

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.
package/dev/index.html CHANGED
@@ -491,7 +491,7 @@
491
491
  </head>
492
492
  <body>
493
493
 
494
- <sf-i-events
494
+ <!-- <sf-i-events
495
495
  name="User Mapping"
496
496
  apiId="8icpy39ru0"
497
497
  apiIdUsers="rnmvvr922j"
@@ -531,7 +531,7 @@
531
531
  </div>
532
532
 
533
533
  </sf-i-events>
534
-
534
+ -->
535
535
 
536
536
  <!-- <sf-i-events
537
537
  name="User Mapping"
@@ -574,7 +574,7 @@
574
574
 
575
575
  </sf-i-events> -->
576
576
 
577
- <!-- <sf-i-events
577
+ <sf-i-events
578
578
  name="Calendar"
579
579
  apiId="8icpy39ru0"
580
580
  mode="consumer"
@@ -612,7 +612,7 @@
612
612
 
613
613
  </div>
614
614
 
615
- </sf-i-events> -->
615
+ </sf-i-events>
616
616
 
617
617
  <!-- <sf-i-events
618
618
  name="Calendar"
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "sf-i-events",
3
3
  "private": false,
4
- "version": "1.0.72",
4
+ "version": "1.0.73",
5
5
  "description": "Superflows Navigation Component",
6
6
  "main": "sf-i-events.js",
7
7
  "module": "sf-i-events.js",
@@ -1 +1 @@
1
- {"version":3,"file":"sf-i-events.d.ts","sourceRoot":"","sources":["src/sf-i-events.ts"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"sf-i-events.d.ts","sourceRoot":"","sources":["src/sf-i-events.ts"],"names":[],"mappings":"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"}
package/sf-i-events.js CHANGED
@@ -467,13 +467,19 @@ let SfIEvents = class SfIEvents extends LitElement {
467
467
  };
468
468
  this.renderUpcomingEvents = (index, startDate, count) => {
469
469
  var html = '<div id="stream-event-' + index + '" part="stream-event-list" class="stream-event-list">';
470
+ html += '<div class="mb-20 stream-event-list" part="stream-event-list">';
471
+ html += '<canvas id="myChart"></canvas>';
472
+ html += '<div id="chart-settings-controls"></div>';
473
+ html += '<div id="chart-settings"></div>';
474
+ html += '</div>';
470
475
  var total = 0, notStarted = 0, approved = 0, inProgress = 0;
471
476
  html += '<div id="stream-event-summary" part="stream-event-total" class="d-flex">';
472
- html += '<div part="badge-dashboard" class="mr-10"><span class="muted">Total:</span> <strong>DASHBOARD_TOTAL</strong></div>';
473
- html += '<div part="badge-dashboard" class="mr-10"><span class="muted">Approved:</span> <strong>DASHBOARD_APPROVED</strong></div>';
474
- html += '<div part="badge-dashboard" class="mr-10"><span class="muted">Not Started:</span> <strong>DASHBOARD_NOT_STARTED</strong></div>';
475
- html += '<div part="badge-dashboard" class="mr-10"><span class="muted">In Progress:</span> <strong>DASHBOARD_IN_PROGRESS</strong></div>';
477
+ html += '<div part="badge-dashboard" class="mr-10"><span class="muted">Total:</span> <span id="graph-total">DASHBOARD_TOTAL</span></div>';
478
+ html += '<div part="badge-dashboard" class="mr-10"><span class="muted">Approved:</span> <span id="graph-approved">DASHBOARD_APPROVED</span></div>';
479
+ html += '<div part="badge-dashboard" class="mr-10"><span class="muted">Not Started:</span> <span id="graph-not-started">DASHBOARD_NOT_STARTED</span></div>';
480
+ html += '<div part="badge-dashboard" class="mr-10"><span class="muted">In Progress:</span> <span id="graph-in-progress">DASHBOARD_IN_PROGRESS</span></div>';
476
481
  html += '</div>';
482
+ this.eventsInWindow = [];
477
483
  for (var i = 1; i <= count; i++) {
478
484
  const mmdd = ("0" + (startDate.getMonth() + 1)).slice(-2) + "/" + ("0" + startDate.getDate()).slice(-2);
479
485
  var hide = true;
@@ -504,6 +510,8 @@ let SfIEvents = class SfIEvents extends LitElement {
504
510
  html += '<div class="stream-event-list-container flex-grow">';
505
511
  for (var j = 0; j < this.events[mmdd].length; j++) {
506
512
  total++;
513
+ this.events[mmdd][j]['mmdd'] = mmdd;
514
+ this.eventsInWindow.push(this.events[mmdd][j]);
507
515
  html += '<div class="stream-events-container flex-grow">';
508
516
  html += '<table>';
509
517
  html += '<thead>';
@@ -651,13 +659,19 @@ let SfIEvents = class SfIEvents extends LitElement {
651
659
  firstDate = new Date(startDate.getFullYear(), startDate.getMonth(), startDate.getDate());
652
660
  count = this.getLastDayOfMonth(startDate.getFullYear(), startDate.getMonth());
653
661
  }
662
+ html += '<div class="mb-20 stream-event-list" part="stream-event-list">';
663
+ html += '<canvas id="myChart"></canvas>';
664
+ html += '<div id="chart-settings-controls"></div>';
665
+ html += '<div id="chart-settings"></div>';
666
+ html += '</div>';
654
667
  var total = 0, notStarted = 0, approved = 0, inProgress = 0;
655
668
  html += '<div id="stream-event-summary" part="stream-event-total" class="d-flex">';
656
- html += '<div part="badge-dashboard" class="mr-10"><span class="muted">Total:</span> <strong>DASHBOARD_TOTAL</strong></div>';
657
- html += '<div part="badge-dashboard" class="mr-10"><span class="muted">Approved:</span> <strong>DASHBOARD_APPROVED</strong></div>';
658
- html += '<div part="badge-dashboard" class="mr-10"><span class="muted">Not Started:</span> <strong>DASHBOARD_NOT_STARTED</strong></div>';
659
- html += '<div part="badge-dashboard" class="mr-10"><span class="muted">In Progress:</span> <strong>DASHBOARD_IN_PROGRESS</strong></div>';
669
+ html += '<div part="badge-dashboard" class="mr-10"><span class="muted">Total:</span> <span id="graph-total">DASHBOARD_TOTAL</span></div>';
670
+ html += '<div part="badge-dashboard" class="mr-10"><span class="muted">Approved:</span> <span id="graph-approved">DASHBOARD_APPROVED</span></div>';
671
+ html += '<div part="badge-dashboard" class="mr-10"><span class="muted">Not Started:</span> <span id="graph-not-started">DASHBOARD_NOT_STARTED</span></div>';
672
+ html += '<div part="badge-dashboard" class="mr-10"><span class="muted">In Progress:</span> <span id="graph-in-progress">DASHBOARD_IN_PROGRESS</span></div>';
660
673
  html += '</div>';
674
+ this.eventsInWindow = [];
661
675
  for (var i = 1; i <= count; i++) {
662
676
  const mmdd = ("0" + (firstDate.getMonth() + 1)).slice(-2) + "/" + ("0" + firstDate.getDate()).slice(-2);
663
677
  var hide = true;
@@ -688,6 +702,8 @@ let SfIEvents = class SfIEvents extends LitElement {
688
702
  html += '<div class="stream-event-list-container flex-grow">';
689
703
  for (var j = 0; j < this.events[mmdd].length; j++) {
690
704
  total++;
705
+ this.events[mmdd][j]['mmdd'] = mmdd;
706
+ this.eventsInWindow.push(this.events[mmdd][j]);
691
707
  html += '<div class="stream-events-container flex-grow">';
692
708
  html += '<table>';
693
709
  html += '<thead>';
@@ -837,13 +853,19 @@ let SfIEvents = class SfIEvents extends LitElement {
837
853
  console.log('this start date', firstDate);
838
854
  console.log('this start date', count);
839
855
  }
856
+ html += '<div class="mb-20 stream-event-list" part="stream-event-list">';
857
+ html += '<canvas id="myChart"></canvas>';
858
+ html += '<div id="chart-settings-controls"></div>';
859
+ html += '<div id="chart-settings"></div>';
860
+ html += '</div>';
840
861
  var total = 0, notStarted = 0, approved = 0, inProgress = 0;
841
862
  html += '<div id="stream-event-summary" part="stream-event-total" class="d-flex">';
842
- html += '<div part="badge-dashboard" class="mr-10"><span class="muted">Total:</span> <strong>DASHBOARD_TOTAL</strong></div>';
843
- html += '<div part="badge-dashboard" class="mr-10"><span class="muted">Approved:</span> <strong>DASHBOARD_APPROVED</strong></div>';
844
- html += '<div part="badge-dashboard" class="mr-10"><span class="muted">Not Started:</span> <strong>DASHBOARD_NOT_STARTED</strong></div>';
845
- html += '<div part="badge-dashboard" class="mr-10"><span class="muted">In Progress:</span> <strong>DASHBOARD_IN_PROGRESS</strong></div>';
863
+ html += '<div part="badge-dashboard" class="mr-10"><span class="muted">Total:</span> <span id="graph-total">DASHBOARD_TOTAL</span></div>';
864
+ html += '<div part="badge-dashboard" class="mr-10"><span class="muted">Approved:</span> <span id="graph-approved">DASHBOARD_APPROVED</span></div>';
865
+ html += '<div part="badge-dashboard" class="mr-10"><span class="muted">Not Started:</span> <span id="graph-not-started">DASHBOARD_NOT_STARTED</span></div>';
866
+ html += '<div part="badge-dashboard" class="mr-10"><span class="muted">In Progress:</span> <span id="graph-in-progress">DASHBOARD_IN_PROGRESS</span></div>';
846
867
  html += '</div>';
868
+ this.eventsInWindow = [];
847
869
  for (var i = 1; i <= count; i++) {
848
870
  const mmdd = ("0" + (firstDate.getMonth() + 1)).slice(-2) + "/" + ("0" + firstDate.getDate()).slice(-2);
849
871
  var hide = true;
@@ -874,6 +896,8 @@ let SfIEvents = class SfIEvents extends LitElement {
874
896
  html += '<div class="stream-event-list-container flex-grow">';
875
897
  for (var j = 0; j < this.events[mmdd].length; j++) {
876
898
  total++;
899
+ this.events[mmdd][j]['mmdd'] = mmdd;
900
+ this.eventsInWindow.push(this.events[mmdd][j]);
877
901
  html += '<div class="stream-events-container flex-grow">';
878
902
  html += '<table>';
879
903
  html += '<thead>';
@@ -1009,13 +1033,19 @@ let SfIEvents = class SfIEvents extends LitElement {
1009
1033
  };
1010
1034
  this.renderRangeEvents = (firstDate, count) => {
1011
1035
  var html = '<div id="stream-event-0" part="stream-event-list" class="stream-event-list">';
1036
+ html += '<div class="mb-20 stream-event-list" part="stream-event-list">';
1037
+ html += '<canvas id="myChart"></canvas>';
1038
+ html += '<div id="chart-settings-controls"></div>';
1039
+ html += '<div id="chart-settings"></div>';
1040
+ html += '</div>';
1012
1041
  var total = 0, notStarted = 0, approved = 0, inProgress = 0;
1013
1042
  html += '<div id="stream-event-summary" part="stream-event-total" class="d-flex">';
1014
- html += '<div part="badge-dashboard" class="mr-10"><span class="muted">Total:</span> <strong>DASHBOARD_TOTAL</strong></div>';
1015
- html += '<div part="badge-dashboard" class="mr-10"><span class="muted">Approved:</span> <strong>DASHBOARD_APPROVED</strong></div>';
1016
- html += '<div part="badge-dashboard" class="mr-10"><span class="muted">Not Started:</span> <strong>DASHBOARD_NOT_STARTED</strong></div>';
1017
- html += '<div part="badge-dashboard" class="mr-10"><span class="muted">In Progress:</span> <strong>DASHBOARD_IN_PROGRESS</strong></div>';
1043
+ html += '<div part="badge-dashboard" class="mr-10"><span class="muted">Total:</span> <span id="graph-total">DASHBOARD_TOTAL</span></div>';
1044
+ html += '<div part="badge-dashboard" class="mr-10"><span class="muted">Approved:</span> <span id="graph-approved">DASHBOARD_APPROVED</span></div>';
1045
+ html += '<div part="badge-dashboard" class="mr-10"><span class="muted">Not Started:</span> <span id="graph-not-started">DASHBOARD_NOT_STARTED</span></div>';
1046
+ html += '<div part="badge-dashboard" class="mr-10"><span class="muted">In Progress:</span> <span id="graph-in-progress">DASHBOARD_IN_PROGRESS</span></div>';
1018
1047
  html += '</div>';
1048
+ this.eventsInWindow = [];
1019
1049
  for (var i = 1; i <= count; i++) {
1020
1050
  const mmdd = ("0" + (firstDate.getMonth() + 1)).slice(-2) + "/" + ("0" + firstDate.getDate()).slice(-2);
1021
1051
  var hide = true;
@@ -1041,11 +1071,13 @@ let SfIEvents = class SfIEvents extends LitElement {
1041
1071
  }
1042
1072
  }
1043
1073
  if (this.events[mmdd] != null) {
1044
- total++;
1045
1074
  html += '<div part="stream-event-selected" class="d-flex stream-event-selected">';
1046
1075
  html += '<div part="stream-event-selected-date">' + ("0" + firstDate.getDate()).slice(-2) + '/' + (firstDate.getMonth() + 1) + ' |</div>';
1047
1076
  html += '<div class="stream-event-list-container flex-grow">';
1048
1077
  for (var j = 0; j < this.events[mmdd].length; j++) {
1078
+ total++;
1079
+ this.events[mmdd][j]['mmdd'] = mmdd;
1080
+ this.eventsInWindow.push(this.events[mmdd][j]);
1049
1081
  html += '<div class="stream-events-container flex-grow">';
1050
1082
  html += '<table>';
1051
1083
  html += '<thead>';
@@ -1491,6 +1523,48 @@ let SfIEvents = class SfIEvents extends LitElement {
1491
1523
  console.log('end-date', ev);
1492
1524
  this.processDateSelection();
1493
1525
  });
1526
+ if (this._SfCustomContainer.innerHTML.indexOf('myChart') >= 0) {
1527
+ const ctx = this._SfCustomContainer.querySelector('#myChart');
1528
+ this._SfCustomContainer.querySelector('#myChart').style.maxWidth = '400px';
1529
+ this._SfCustomContainer.querySelector('#myChart').style.maxHeight = '400px';
1530
+ var dataApproved = this._SfCustomContainer.querySelector('#graph-approved').innerHTML;
1531
+ var dataNotStarted = this._SfCustomContainer.querySelector('#graph-not-started').innerHTML;
1532
+ var dataInProgress = this._SfCustomContainer.querySelector('#graph-in-progress').innerHTML;
1533
+ if (this.fill == "pattern") {
1534
+ const data = {
1535
+ labels: ['Approved', 'Not Started', 'In Progress'],
1536
+ datasets: [{
1537
+ label: 'Compliances',
1538
+ data: [dataApproved, dataNotStarted, dataInProgress],
1539
+ borderWidth: 1,
1540
+ backgroundColor: [
1541
+ Util.createDiagonalPattern3(this.COLOR_APPROVED),
1542
+ Util.createDiagonalPattern2(this.COLOR_NOT_STARTED),
1543
+ Util.createDiagonalPattern1(this.COLOR_IN_PROGRESS)
1544
+ ]
1545
+ }]
1546
+ };
1547
+ this.renderChartSettings(this._SfCustomContainer, -1, ctx);
1548
+ this.renderChart(ctx, 'doughnut', data);
1549
+ }
1550
+ if (this.fill == "solid") {
1551
+ const data = {
1552
+ labels: ['Approved', 'Not Started', 'In Progress'],
1553
+ datasets: [{
1554
+ label: 'Compliances',
1555
+ data: [dataApproved, dataNotStarted, dataInProgress],
1556
+ borderWidth: 1,
1557
+ backgroundColor: [
1558
+ this.COLOR_APPROVED,
1559
+ this.COLOR_NOT_STARTED,
1560
+ this.COLOR_IN_PROGRESS
1561
+ ]
1562
+ }]
1563
+ };
1564
+ this.renderChartSettings(this._SfCustomContainer, -1, ctx);
1565
+ this.renderChart(ctx, 'doughnut', data);
1566
+ }
1567
+ }
1494
1568
  // for(var i = 0; i < 3; i++) {
1495
1569
  // (this._SfCustomContainer as HTMLDivElement).querySelector('#stream-month-' + i)?.addEventListener('click', (ev: any)=> {
1496
1570
  // const target = parseInt((ev.target as HTMLDivElement).id.split('-')[2]);
@@ -1547,6 +1621,46 @@ let SfIEvents = class SfIEvents extends LitElement {
1547
1621
  this.renderEventDetail(this.events[mmdd][j], mmdd + "/" + ((new Date()).getFullYear() + ""));
1548
1622
  });
1549
1623
  }
1624
+ const ctx = this._SfPastContainer.querySelector('#myChart');
1625
+ this._SfPastContainer.querySelector('#myChart').style.maxWidth = '400px';
1626
+ this._SfPastContainer.querySelector('#myChart').style.maxHeight = '400px';
1627
+ var dataApproved = this._SfPastContainer.querySelector('#graph-approved').innerHTML;
1628
+ var dataNotStarted = this._SfPastContainer.querySelector('#graph-not-started').innerHTML;
1629
+ var dataInProgress = this._SfPastContainer.querySelector('#graph-in-progress').innerHTML;
1630
+ if (this.fill == "pattern") {
1631
+ const data = {
1632
+ labels: ['Approved', 'Not Started', 'In Progress'],
1633
+ datasets: [{
1634
+ label: 'Compliances',
1635
+ data: [dataApproved, dataNotStarted, dataInProgress],
1636
+ borderWidth: 1,
1637
+ backgroundColor: [
1638
+ Util.createDiagonalPattern3(this.COLOR_APPROVED),
1639
+ Util.createDiagonalPattern2(this.COLOR_NOT_STARTED),
1640
+ Util.createDiagonalPattern1(this.COLOR_IN_PROGRESS)
1641
+ ]
1642
+ }]
1643
+ };
1644
+ this.renderChartSettings(this._SfPastContainer, -1, ctx);
1645
+ this.renderChart(ctx, 'doughnut', data);
1646
+ }
1647
+ if (this.fill == "solid") {
1648
+ const data = {
1649
+ labels: ['Approved', 'Not Started', 'In Progress'],
1650
+ datasets: [{
1651
+ label: 'Compliances',
1652
+ data: [dataApproved, dataNotStarted, dataInProgress],
1653
+ borderWidth: 1,
1654
+ backgroundColor: [
1655
+ this.COLOR_APPROVED,
1656
+ this.COLOR_NOT_STARTED,
1657
+ this.COLOR_IN_PROGRESS
1658
+ ]
1659
+ }]
1660
+ };
1661
+ this.renderChartSettings(this._SfPastContainer, -1, ctx);
1662
+ this.renderChart(ctx, 'doughnut', data);
1663
+ }
1550
1664
  };
1551
1665
  this.renderUpcoming = (index = 0) => {
1552
1666
  var _a;
@@ -1614,6 +1728,46 @@ let SfIEvents = class SfIEvents extends LitElement {
1614
1728
  this.renderEventDetail(this.events[mmdd][j], mmdd + "/" + ((new Date()).getFullYear() + ""));
1615
1729
  });
1616
1730
  }
1731
+ const ctx = this._SfUpcomingContainer.querySelector('#myChart');
1732
+ this._SfUpcomingContainer.querySelector('#myChart').style.maxWidth = '400px';
1733
+ this._SfUpcomingContainer.querySelector('#myChart').style.maxHeight = '400px';
1734
+ var dataApproved = this._SfUpcomingContainer.querySelector('#graph-approved').innerHTML;
1735
+ var dataNotStarted = this._SfUpcomingContainer.querySelector('#graph-not-started').innerHTML;
1736
+ var dataInProgress = this._SfUpcomingContainer.querySelector('#graph-in-progress').innerHTML;
1737
+ if (this.fill == "pattern") {
1738
+ const data = {
1739
+ labels: ['Approved', 'Not Started', 'In Progress'],
1740
+ datasets: [{
1741
+ label: 'Compliances',
1742
+ data: [dataApproved, dataNotStarted, dataInProgress],
1743
+ borderWidth: 1,
1744
+ backgroundColor: [
1745
+ Util.createDiagonalPattern3(this.COLOR_APPROVED),
1746
+ Util.createDiagonalPattern2(this.COLOR_NOT_STARTED),
1747
+ Util.createDiagonalPattern1(this.COLOR_IN_PROGRESS)
1748
+ ]
1749
+ }]
1750
+ };
1751
+ this.renderChartSettings(this._SfUpcomingContainer, -1, ctx);
1752
+ this.renderChart(ctx, 'doughnut', data);
1753
+ }
1754
+ if (this.fill == "solid") {
1755
+ const data = {
1756
+ labels: ['Approved', 'Not Started', 'In Progress'],
1757
+ datasets: [{
1758
+ label: 'Compliances',
1759
+ data: [dataApproved, dataNotStarted, dataInProgress],
1760
+ borderWidth: 1,
1761
+ backgroundColor: [
1762
+ this.COLOR_APPROVED,
1763
+ this.COLOR_NOT_STARTED,
1764
+ this.COLOR_IN_PROGRESS
1765
+ ]
1766
+ }]
1767
+ };
1768
+ this.renderChartSettings(this._SfUpcomingContainer, -1, ctx);
1769
+ this.renderChart(ctx, 'doughnut', data);
1770
+ }
1617
1771
  };
1618
1772
  this.renderThis = (index = 0) => {
1619
1773
  var _a;
@@ -1663,6 +1817,46 @@ let SfIEvents = class SfIEvents extends LitElement {
1663
1817
  this.renderEventDetail(this.events[mmdd][j], mmdd + "/" + ((new Date()).getFullYear() + ""));
1664
1818
  });
1665
1819
  }
1820
+ const ctx = this._SfThisContainer.querySelector('#myChart');
1821
+ this._SfThisContainer.querySelector('#myChart').style.maxWidth = '400px';
1822
+ this._SfThisContainer.querySelector('#myChart').style.maxHeight = '400px';
1823
+ var dataApproved = this._SfThisContainer.querySelector('#graph-approved').innerHTML;
1824
+ var dataNotStarted = this._SfThisContainer.querySelector('#graph-not-started').innerHTML;
1825
+ var dataInProgress = this._SfThisContainer.querySelector('#graph-in-progress').innerHTML;
1826
+ if (this.fill == "pattern") {
1827
+ const data = {
1828
+ labels: ['Approved', 'Not Started', 'In Progress'],
1829
+ datasets: [{
1830
+ label: 'Compliances',
1831
+ data: [dataApproved, dataNotStarted, dataInProgress],
1832
+ borderWidth: 1,
1833
+ backgroundColor: [
1834
+ Util.createDiagonalPattern3(this.COLOR_APPROVED),
1835
+ Util.createDiagonalPattern2(this.COLOR_NOT_STARTED),
1836
+ Util.createDiagonalPattern1(this.COLOR_IN_PROGRESS)
1837
+ ]
1838
+ }]
1839
+ };
1840
+ this.renderChartSettings(this._SfThisContainer, -1, ctx);
1841
+ this.renderChart(ctx, 'doughnut', data);
1842
+ }
1843
+ if (this.fill == "solid") {
1844
+ const data = {
1845
+ labels: ['Approved', 'Not Started', 'In Progress'],
1846
+ datasets: [{
1847
+ label: 'Compliances',
1848
+ data: [dataApproved, dataNotStarted, dataInProgress],
1849
+ borderWidth: 1,
1850
+ backgroundColor: [
1851
+ this.COLOR_APPROVED,
1852
+ this.COLOR_NOT_STARTED,
1853
+ this.COLOR_IN_PROGRESS
1854
+ ]
1855
+ }]
1856
+ };
1857
+ this.renderChartSettings(this._SfThisContainer, -1, ctx);
1858
+ this.renderChart(ctx, 'doughnut', data);
1859
+ }
1666
1860
  };
1667
1861
  this.renderStream = (index = 0) => {
1668
1862
  var _a;