sf-i-events 1.0.74 → 1.0.76
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 +24 -0
- package/package.json +1 -1
- package/sf-i-events.d.ts +1 -0
- package/sf-i-events.d.ts.map +1 -1
- package/sf-i-events.js +100 -21
- package/sf-i-events.js.map +1 -1
- package/src/sf-i-events.ts +115 -22
package/dev/index.html
CHANGED
|
@@ -97,6 +97,30 @@
|
|
|
97
97
|
transition: 0.3s;
|
|
98
98
|
}
|
|
99
99
|
|
|
100
|
+
sf-i-events::part(badge-filtered) {
|
|
101
|
+
margin-left: 5px;
|
|
102
|
+
padding-top: 3px;
|
|
103
|
+
padding-bottom: 3px;
|
|
104
|
+
padding-left: 8px;
|
|
105
|
+
padding-right: 8px;
|
|
106
|
+
border-radius: 10px;
|
|
107
|
+
background: #efefef;
|
|
108
|
+
color: #aaa;
|
|
109
|
+
font-size: 70%
|
|
110
|
+
}
|
|
111
|
+
|
|
112
|
+
sf-i-events::part(badge-filter-name) {
|
|
113
|
+
border: none;
|
|
114
|
+
padding-top: 3px;
|
|
115
|
+
padding-bottom: 3px;
|
|
116
|
+
padding-left: 8px;
|
|
117
|
+
padding-right: 8px;
|
|
118
|
+
border-radius: 10px;
|
|
119
|
+
background: #ccc;
|
|
120
|
+
color: white;
|
|
121
|
+
font-size: 70%
|
|
122
|
+
}
|
|
123
|
+
|
|
100
124
|
sf-i-events::part(badge-dashboard) {
|
|
101
125
|
border: none;
|
|
102
126
|
padding: 10px;
|
package/package.json
CHANGED
package/sf-i-events.d.ts
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":"AAAA;;;;GAIG;AAEH,OAAO,EAAC,UAAU,EAAa,gBAAgB,EAAC,MAAM,KAAK,CAAC;AAkB5D;;;;;;;;;;GAUG;AACH,qBACa,SAAU,SAAQ,UAAU;IAEvC,QAAQ,SAAU;IAClB,UAAU,SAAY;IACtB,YAAY,SAAc;IAC1B,QAAQ,SAAU;IAClB,QAAQ,SAAU;IAClB,UAAU,SAAY;IACtB,YAAY,SAAc;IAC1B,YAAY,SAAc;IAC1B,cAAc,SAAa;IAC3B,iBAAiB,SAAa;IAC9B,iBAAiB,SAAY;IAG7B,IAAI,EAAG,MAAM,CAAC;IAGd,KAAK,EAAG,MAAM,CAAC;IAGf,SAAS,EAAG,MAAM,CAAC;IAGnB,WAAW,EAAG,MAAM,CAAC;IAGrB,UAAU,EAAG,MAAM,CAAC;IAGpB,SAAS,EAAG,MAAM,CAAC;IAGnB,aAAa,EAAG,MAAM,CAAC;IAGvB,eAAe,EAAG,MAAM,CAAC;IAGzB,WAAW,EAAG,MAAM,CAAC;IAGrB,aAAa,EAAG,MAAM,CAAC;IAGvB,aAAa,EAAG,MAAM,CAAC;IAGvB,SAAS,EAAG,MAAM,CAAC;IAGnB,WAAW,EAAG,MAAM,CAAC;IAGrB,oBAAoB,EAAG,MAAM,CAAC;IAG9B,MAAM,EAAE,MAAM,CAAqB;IAGnC,KAAK,EAAE,GAAG,CAAQ;IAGlB,eAAe,EAAG,MAAM,CAAC;IAGzB,eAAe,EAAG,MAAM,CAAC;IAGzB,iBAAiB,EAAG,MAAM,CAAC;IAG3B,QAAQ,EAAE,IAAI,EAAG,CAAM;IAGvB,oBAAoB,EAAE,GAAG,CAAM;IAG/B,iBAAiB,EAAE,GAAG,CAAM;IAG5B,gBAAgB,EAAE,GAAG,CAAM;IAG3B,cAAc,EAAE,GAAG,CAAQ;IAG3B,QAAQ,EAAE,GAAG,CAAQ;IAGrB,UAAU,EAAE,MAAM,EAAG,CAA+H;IAGpJ,MAAM,EAAE,GAAG,CAAQ;IAGnB,cAAc,EAAE,GAAG,CAAQ;IAG3B,eAAe,EAAE,GAAG,CAAQ;IAE5B,kBAAkB,YAEjB;IAGD,kBAAkB,EAAE,GAAG,CAAQ;IAE/B,qBAAqB,YAEpB;IAGD,WAAW,EAAE,GAAG,CAAQ;IAExB,cAAc,YAEb;IAGD,sBAAsB,EAAE,GAAG,CAAQ;IAEnC,yBAAyB,YAExB;IAED,cAAc,YAOb;IAED,gBAAgB,YAEf;IAGD,IAAI,EAAG,MAAM,CAAC;IAGd,IAAI,EAAE,MAAM,CAAM;IAGlB,IAAI,EAAE,MAAM,CAAW;
|
|
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
|
@@ -88,6 +88,7 @@ let SfIEvents = class SfIEvents extends LitElement {
|
|
|
88
88
|
};
|
|
89
89
|
this.flow = "";
|
|
90
90
|
this.fill = "solid";
|
|
91
|
+
this.filterTags = [];
|
|
91
92
|
this.getEventField = (field) => {
|
|
92
93
|
for (var i = 0; i < this.getEventFields().length; i++) {
|
|
93
94
|
if (this.getEventFields()[i].field == field) {
|
|
@@ -346,7 +347,9 @@ let SfIEvents = class SfIEvents extends LitElement {
|
|
|
346
347
|
this.events[mmdd][j]['mmdd'] = mmdd;
|
|
347
348
|
this.eventsInWindow.push(this.events[mmdd][j]);
|
|
348
349
|
html += '<div class="stream-events-container flex-grow">';
|
|
349
|
-
html += '<
|
|
350
|
+
html += '<div class="hidden-tags hide">' + JSON.stringify(this.events[mmdd][j]['tags']) + '</div>';
|
|
351
|
+
html += '<div class="hidden-title hide"><table><thead><th part="badge-filtered"><i>filtered out</i></th></thead></table></div>';
|
|
352
|
+
html += '<table class="stream-events-container-table">';
|
|
350
353
|
html += '<thead>';
|
|
351
354
|
for (var k = 0; k < Object.keys(this.events[mmdd][j]).length; k++) {
|
|
352
355
|
if (this.getEventPreviewFields().includes(Object.keys(this.events[mmdd][j])[k])) {
|
|
@@ -437,6 +440,7 @@ let SfIEvents = class SfIEvents extends LitElement {
|
|
|
437
440
|
// }
|
|
438
441
|
html += '</tbody>';
|
|
439
442
|
html += '</table>';
|
|
443
|
+
html += '<div class="hidden-filtername hide"><table><thead><th part="badge-filter-name" class="filtername"></th></thead></table></div>';
|
|
440
444
|
html += '</div>';
|
|
441
445
|
}
|
|
442
446
|
html += '</div>';
|
|
@@ -466,12 +470,13 @@ let SfIEvents = class SfIEvents extends LitElement {
|
|
|
466
470
|
return html;
|
|
467
471
|
};
|
|
468
472
|
this.renderUpcomingEvents = (index, startDate, count) => {
|
|
469
|
-
var html = '
|
|
473
|
+
var html = '';
|
|
470
474
|
html += '<div class="mb-20 stream-event-list" part="stream-event-list">';
|
|
471
475
|
html += '<canvas id="myChart"></canvas>';
|
|
472
476
|
html += '<div id="chart-settings-controls"></div>';
|
|
473
477
|
html += '<div id="chart-settings"></div>';
|
|
474
478
|
html += '</div>';
|
|
479
|
+
html += '<div id="stream-event-' + index + '" part="stream-event-list" class="stream-event-list">';
|
|
475
480
|
var total = 0, notStarted = 0, approved = 0, inProgress = 0;
|
|
476
481
|
html += '<div id="stream-event-summary" part="stream-event-total" class="d-flex">';
|
|
477
482
|
html += '<div part="badge-dashboard" class="mr-10"><span class="muted">Total:</span> <span id="graph-total">DASHBOARD_TOTAL</span></div>';
|
|
@@ -513,7 +518,9 @@ let SfIEvents = class SfIEvents extends LitElement {
|
|
|
513
518
|
this.events[mmdd][j]['mmdd'] = mmdd;
|
|
514
519
|
this.eventsInWindow.push(this.events[mmdd][j]);
|
|
515
520
|
html += '<div class="stream-events-container flex-grow">';
|
|
516
|
-
html += '<
|
|
521
|
+
html += '<div class="hidden-tags hide">' + JSON.stringify(this.events[mmdd][j]['tags']) + '</div>';
|
|
522
|
+
html += '<div class="hidden-title hide"><table><thead><th part="badge-filtered"><i>filtered out</i></th></thead></table></div>';
|
|
523
|
+
html += '<table class="stream-events-container-table" >';
|
|
517
524
|
html += '<thead>';
|
|
518
525
|
for (var k = 0; k < Object.keys(this.events[mmdd][j]).length; k++) {
|
|
519
526
|
if (this.getEventPreviewFields().includes(Object.keys(this.events[mmdd][j])[k])) {
|
|
@@ -616,6 +623,7 @@ let SfIEvents = class SfIEvents extends LitElement {
|
|
|
616
623
|
// }
|
|
617
624
|
html += '</tbody>';
|
|
618
625
|
html += '</table>';
|
|
626
|
+
html += '<div class="hidden-filtername hide"><table><thead><th part="badge-filter-name" class="filtername"></th></thead></table></div>';
|
|
619
627
|
html += '</div>';
|
|
620
628
|
}
|
|
621
629
|
html += '</div>';
|
|
@@ -646,7 +654,13 @@ let SfIEvents = class SfIEvents extends LitElement {
|
|
|
646
654
|
return html;
|
|
647
655
|
};
|
|
648
656
|
this.renderThisEvents = (index, startDate) => {
|
|
649
|
-
var html = '
|
|
657
|
+
var html = '';
|
|
658
|
+
html += '<div class="mb-20 stream-event-list" part="stream-event-list">';
|
|
659
|
+
html += '<canvas id="myChart"></canvas>';
|
|
660
|
+
html += '<div id="chart-settings-controls"></div>';
|
|
661
|
+
html += '<div id="chart-settings"></div>';
|
|
662
|
+
html += '</div>';
|
|
663
|
+
html += '<div id="stream-event-' + index + '" part="stream-event-list" class="stream-event-list">';
|
|
650
664
|
var firstDate = new Date();
|
|
651
665
|
var count = 7;
|
|
652
666
|
console.log('this start date', startDate);
|
|
@@ -659,11 +673,6 @@ let SfIEvents = class SfIEvents extends LitElement {
|
|
|
659
673
|
firstDate = new Date(startDate.getFullYear(), startDate.getMonth(), startDate.getDate());
|
|
660
674
|
count = this.getLastDayOfMonth(startDate.getFullYear(), startDate.getMonth());
|
|
661
675
|
}
|
|
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>';
|
|
667
676
|
var total = 0, notStarted = 0, approved = 0, inProgress = 0;
|
|
668
677
|
html += '<div id="stream-event-summary" part="stream-event-total" class="d-flex">';
|
|
669
678
|
html += '<div part="badge-dashboard" class="mr-10"><span class="muted">Total:</span> <span id="graph-total">DASHBOARD_TOTAL</span></div>';
|
|
@@ -705,7 +714,9 @@ let SfIEvents = class SfIEvents extends LitElement {
|
|
|
705
714
|
this.events[mmdd][j]['mmdd'] = mmdd;
|
|
706
715
|
this.eventsInWindow.push(this.events[mmdd][j]);
|
|
707
716
|
html += '<div class="stream-events-container flex-grow">';
|
|
708
|
-
html += '<
|
|
717
|
+
html += '<div class="hidden-tags hide">' + JSON.stringify(this.events[mmdd][j]['tags']) + '</div>';
|
|
718
|
+
html += '<div class="hidden-title hide"><table><thead><th part="badge-filtered"><i>filtered out</i></th></thead></table></div>';
|
|
719
|
+
html += '<table class="stream-events-container-table">';
|
|
709
720
|
html += '<thead>';
|
|
710
721
|
for (var k = 0; k < Object.keys(this.events[mmdd][j]).length; k++) {
|
|
711
722
|
if (this.getEventPreviewFields().includes(Object.keys(this.events[mmdd][j])[k])) {
|
|
@@ -808,6 +819,7 @@ let SfIEvents = class SfIEvents extends LitElement {
|
|
|
808
819
|
// }
|
|
809
820
|
html += '</tbody>';
|
|
810
821
|
html += '</table>';
|
|
822
|
+
html += '<div class="hidden-filtername hide"><table><thead><th part="badge-filter-name" class="filtername"></th></thead></table></div>';
|
|
811
823
|
html += '</div>';
|
|
812
824
|
}
|
|
813
825
|
html += '</div>';
|
|
@@ -838,7 +850,13 @@ let SfIEvents = class SfIEvents extends LitElement {
|
|
|
838
850
|
return html;
|
|
839
851
|
};
|
|
840
852
|
this.renderPastEvents = (index, startDate) => {
|
|
841
|
-
var html = '
|
|
853
|
+
var html = '';
|
|
854
|
+
html += '<div class="mb-20 stream-event-list" part="stream-event-list">';
|
|
855
|
+
html += '<canvas id="myChart"></canvas>';
|
|
856
|
+
html += '<div id="chart-settings-controls"></div>';
|
|
857
|
+
html += '<div id="chart-settings"></div>';
|
|
858
|
+
html += '</div>';
|
|
859
|
+
html += '<div id="stream-event-' + index + '" part="stream-event-list" class="stream-event-list">';
|
|
842
860
|
var firstDate = new Date();
|
|
843
861
|
var count = 7;
|
|
844
862
|
console.log('this start date', startDate, index);
|
|
@@ -853,11 +871,6 @@ let SfIEvents = class SfIEvents extends LitElement {
|
|
|
853
871
|
console.log('this start date', firstDate);
|
|
854
872
|
console.log('this start date', count);
|
|
855
873
|
}
|
|
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>';
|
|
861
874
|
var total = 0, notStarted = 0, approved = 0, inProgress = 0;
|
|
862
875
|
html += '<div id="stream-event-summary" part="stream-event-total" class="d-flex">';
|
|
863
876
|
html += '<div part="badge-dashboard" class="mr-10"><span class="muted">Total:</span> <span id="graph-total">DASHBOARD_TOTAL</span></div>';
|
|
@@ -899,7 +912,9 @@ let SfIEvents = class SfIEvents extends LitElement {
|
|
|
899
912
|
this.events[mmdd][j]['mmdd'] = mmdd;
|
|
900
913
|
this.eventsInWindow.push(this.events[mmdd][j]);
|
|
901
914
|
html += '<div class="stream-events-container flex-grow">';
|
|
902
|
-
html += '<
|
|
915
|
+
html += '<div class="hidden-tags hide">' + JSON.stringify(this.events[mmdd][j]['tags']) + '</div>';
|
|
916
|
+
html += '<div class="hidden-title hide"><table><thead><th part="badge-filtered"><i>filtered out</i></th></thead></table></div>';
|
|
917
|
+
html += '<table class="stream-events-container-table">';
|
|
903
918
|
html += '<thead>';
|
|
904
919
|
for (var k = 0; k < Object.keys(this.events[mmdd][j]).length; k++) {
|
|
905
920
|
if (this.getEventPreviewFields().includes(Object.keys(this.events[mmdd][j])[k])) {
|
|
@@ -1002,6 +1017,7 @@ let SfIEvents = class SfIEvents extends LitElement {
|
|
|
1002
1017
|
// }
|
|
1003
1018
|
html += '</tbody>';
|
|
1004
1019
|
html += '</table>';
|
|
1020
|
+
html += '<div class="hidden-filtername hide"><table><thead><th part="badge-filter-name" class="filtername"></th></thead></table></div>';
|
|
1005
1021
|
html += '</div>';
|
|
1006
1022
|
}
|
|
1007
1023
|
html += '</div>';
|
|
@@ -1032,12 +1048,13 @@ let SfIEvents = class SfIEvents extends LitElement {
|
|
|
1032
1048
|
return html;
|
|
1033
1049
|
};
|
|
1034
1050
|
this.renderRangeEvents = (firstDate, count) => {
|
|
1035
|
-
var html = '
|
|
1051
|
+
var html = '';
|
|
1036
1052
|
html += '<div class="mb-20 stream-event-list" part="stream-event-list">';
|
|
1037
1053
|
html += '<canvas id="myChart"></canvas>';
|
|
1038
1054
|
html += '<div id="chart-settings-controls"></div>';
|
|
1039
1055
|
html += '<div id="chart-settings"></div>';
|
|
1040
1056
|
html += '</div>';
|
|
1057
|
+
html += '<div id="stream-event-0" part="stream-event-list" class="stream-event-list">';
|
|
1041
1058
|
var total = 0, notStarted = 0, approved = 0, inProgress = 0;
|
|
1042
1059
|
html += '<div id="stream-event-summary" part="stream-event-total" class="d-flex">';
|
|
1043
1060
|
html += '<div part="badge-dashboard" class="mr-10"><span class="muted">Total:</span> <span id="graph-total">DASHBOARD_TOTAL</span></div>';
|
|
@@ -1079,7 +1096,9 @@ let SfIEvents = class SfIEvents extends LitElement {
|
|
|
1079
1096
|
this.events[mmdd][j]['mmdd'] = mmdd;
|
|
1080
1097
|
this.eventsInWindow.push(this.events[mmdd][j]);
|
|
1081
1098
|
html += '<div class="stream-events-container flex-grow">';
|
|
1082
|
-
html += '<
|
|
1099
|
+
html += '<div class="hidden-tags hide">' + JSON.stringify(this.events[mmdd][j]['tags']) + '</div>';
|
|
1100
|
+
html += '<div class="hidden-title hide"><table><thead><th part="badge-filtered"><i>filtered out</i></th></thead></table></div>';
|
|
1101
|
+
html += '<table class="stream-events-container-table">';
|
|
1083
1102
|
html += '<thead>';
|
|
1084
1103
|
for (var k = 0; k < Object.keys(this.events[mmdd][j]).length; k++) {
|
|
1085
1104
|
if (this.getEventPreviewFields().includes(Object.keys(this.events[mmdd][j])[k])) {
|
|
@@ -1183,6 +1202,7 @@ let SfIEvents = class SfIEvents extends LitElement {
|
|
|
1183
1202
|
// }
|
|
1184
1203
|
html += '</tbody>';
|
|
1185
1204
|
html += '</table>';
|
|
1205
|
+
html += '<div class="hidden-filtername hide"><table><thead><th part="badge-filter-name" class="filtername"></th></thead></table></div>';
|
|
1186
1206
|
html += '</div>';
|
|
1187
1207
|
}
|
|
1188
1208
|
html += '</div>';
|
|
@@ -1420,7 +1440,7 @@ let SfIEvents = class SfIEvents extends LitElement {
|
|
|
1420
1440
|
const event = this.eventsInWindow[j];
|
|
1421
1441
|
for (var l = 0; l < event.tags.length; l++) {
|
|
1422
1442
|
if ((event.tags[l] + "").toLowerCase().indexOf((tags[i] + "").toLowerCase().split(';')[1]) >= 0) {
|
|
1423
|
-
console.log('found', event.documents[event.mmdd + '/' + new Date().getFullYear()], event.approved[event.mmdd + '/' + new Date().getFullYear()], event.approved[event.mmdd + '/' + new Date().getFullYear()].approved);
|
|
1443
|
+
//console.log('found', event.documents[event.mmdd + '/' + new Date().getFullYear()], event.approved[event.mmdd + '/' + new Date().getFullYear()], event.approved[event.mmdd + '/' + new Date().getFullYear()].approved);
|
|
1424
1444
|
if (event.documents == null || event.documents[event.mmdd + '/' + new Date().getFullYear()] == null || JSON.parse(event.documents[event.mmdd + '/' + new Date().getFullYear()]) == null) {
|
|
1425
1445
|
countNotStarted++;
|
|
1426
1446
|
}
|
|
@@ -2206,8 +2226,64 @@ let SfIEvents = class SfIEvents extends LitElement {
|
|
|
2206
2226
|
`;
|
|
2207
2227
|
container.innerHTML = html;
|
|
2208
2228
|
(_a = container.querySelector('#chart-control-plot')) === null || _a === void 0 ? void 0 : _a.addEventListener('click', () => {
|
|
2229
|
+
var _a;
|
|
2209
2230
|
const query = container.querySelector('#input-multi-entry-tags').selectedValues();
|
|
2210
|
-
|
|
2231
|
+
this.filterTags = query;
|
|
2232
|
+
let eventContainer = null;
|
|
2233
|
+
if (this.getCurrentTab() == this.TAB_STREAM) {
|
|
2234
|
+
eventContainer = this._SfStreamContainer;
|
|
2235
|
+
}
|
|
2236
|
+
if (this.getCurrentTab() == this.TAB_UPCOMING) {
|
|
2237
|
+
eventContainer = this._SfUpcomingContainer;
|
|
2238
|
+
}
|
|
2239
|
+
if (this.getCurrentTab() == this.TAB_THIS) {
|
|
2240
|
+
eventContainer = this._SfThisContainer;
|
|
2241
|
+
}
|
|
2242
|
+
if (this.getCurrentTab() == this.TAB_PAST) {
|
|
2243
|
+
eventContainer = this._SfPastContainer;
|
|
2244
|
+
}
|
|
2245
|
+
if (this.getCurrentTab() == this.TAB_CUSTOM) {
|
|
2246
|
+
eventContainer = this._SfCustomContainer;
|
|
2247
|
+
}
|
|
2248
|
+
const divs = eventContainer.querySelectorAll('.stream-events-container');
|
|
2249
|
+
const tables = eventContainer.querySelectorAll('.stream-events-container-table');
|
|
2250
|
+
const hiddenTitles = eventContainer.querySelectorAll('.hidden-title');
|
|
2251
|
+
const hiddenFilternames = eventContainer.querySelectorAll('.hidden-filtername');
|
|
2252
|
+
const filternames = eventContainer.querySelectorAll('.filtername');
|
|
2253
|
+
const streamEventSummary = eventContainer.querySelector('#stream-event-summary');
|
|
2254
|
+
if (this.filterTags.length > 0) {
|
|
2255
|
+
streamEventSummary.style.display = 'none';
|
|
2256
|
+
}
|
|
2257
|
+
else {
|
|
2258
|
+
streamEventSummary.style.display = 'block';
|
|
2259
|
+
}
|
|
2260
|
+
for (var i = 0; i < divs.length; i++) {
|
|
2261
|
+
var found = false;
|
|
2262
|
+
var filterMatched = "";
|
|
2263
|
+
const tagsEmbedded = JSON.parse(((_a = divs[i].querySelector('.hidden-tags')) === null || _a === void 0 ? void 0 : _a.innerHTML) + "");
|
|
2264
|
+
console.log(tagsEmbedded);
|
|
2265
|
+
for (var count1 = 0; count1 < tagsEmbedded.length; count1++) {
|
|
2266
|
+
for (var count2 = 0; count2 < this.filterTags.length; count2++) {
|
|
2267
|
+
if (tagsEmbedded[count1].toLowerCase().indexOf(this.filterTags[count2].toLowerCase()) >= 0) {
|
|
2268
|
+
found = true;
|
|
2269
|
+
filterMatched += (this.filterTags[count2].split(';')[0] + ", ");
|
|
2270
|
+
}
|
|
2271
|
+
}
|
|
2272
|
+
}
|
|
2273
|
+
if (!found) {
|
|
2274
|
+
tables[i].style.display = 'none';
|
|
2275
|
+
hiddenTitles[i].style.display = 'block';
|
|
2276
|
+
hiddenFilternames[i].style.display = 'none';
|
|
2277
|
+
filternames[i].innerHTML = '';
|
|
2278
|
+
}
|
|
2279
|
+
else {
|
|
2280
|
+
tables[i].style.display = 'block';
|
|
2281
|
+
hiddenTitles[i].style.display = 'none';
|
|
2282
|
+
hiddenFilternames[i].style.display = 'block';
|
|
2283
|
+
filternames[i].innerHTML = filterMatched.replace(/,\s*$/, "");
|
|
2284
|
+
;
|
|
2285
|
+
}
|
|
2286
|
+
}
|
|
2211
2287
|
this.filterEventsInWindow(query, ctx);
|
|
2212
2288
|
});
|
|
2213
2289
|
(_b = container.querySelector('#chart-control-cancel')) === null || _b === void 0 ? void 0 : _b.addEventListener('click', () => {
|
|
@@ -4313,6 +4389,9 @@ __decorate([
|
|
|
4313
4389
|
__decorate([
|
|
4314
4390
|
property()
|
|
4315
4391
|
], SfIEvents.prototype, "fill", void 0);
|
|
4392
|
+
__decorate([
|
|
4393
|
+
property()
|
|
4394
|
+
], SfIEvents.prototype, "filterTags", void 0);
|
|
4316
4395
|
__decorate([
|
|
4317
4396
|
query('.SfIEventsC')
|
|
4318
4397
|
], SfIEvents.prototype, "_SfIEventsC", void 0);
|