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 +4 -4
- package/package.json +1 -1
- package/sf-i-events.d.ts.map +1 -1
- package/sf-i-events.js +211 -17
- package/sf-i-events.js.map +1 -1
- package/src/sf-i-events.ts +264 -17
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
|
-
|
|
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
package/sf-i-events.d.ts.map
CHANGED
|
@@ -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> <
|
|
473
|
-
html += '<div part="badge-dashboard" class="mr-10"><span class="muted">Approved:</span> <
|
|
474
|
-
html += '<div part="badge-dashboard" class="mr-10"><span class="muted">Not Started:</span> <
|
|
475
|
-
html += '<div part="badge-dashboard" class="mr-10"><span class="muted">In Progress:</span> <
|
|
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> <
|
|
657
|
-
html += '<div part="badge-dashboard" class="mr-10"><span class="muted">Approved:</span> <
|
|
658
|
-
html += '<div part="badge-dashboard" class="mr-10"><span class="muted">Not Started:</span> <
|
|
659
|
-
html += '<div part="badge-dashboard" class="mr-10"><span class="muted">In Progress:</span> <
|
|
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> <
|
|
843
|
-
html += '<div part="badge-dashboard" class="mr-10"><span class="muted">Approved:</span> <
|
|
844
|
-
html += '<div part="badge-dashboard" class="mr-10"><span class="muted">Not Started:</span> <
|
|
845
|
-
html += '<div part="badge-dashboard" class="mr-10"><span class="muted">In Progress:</span> <
|
|
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> <
|
|
1015
|
-
html += '<div part="badge-dashboard" class="mr-10"><span class="muted">Approved:</span> <
|
|
1016
|
-
html += '<div part="badge-dashboard" class="mr-10"><span class="muted">Not Started:</span> <
|
|
1017
|
-
html += '<div part="badge-dashboard" class="mr-10"><span class="muted">In Progress:</span> <
|
|
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;
|