sf-i-events 1.0.737 → 1.0.739
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/package.json +1 -1
- package/sf-i-events.js +83 -25
- package/src/sf-i-events.ts +83 -26
package/package.json
CHANGED
package/sf-i-events.js
CHANGED
|
@@ -4098,13 +4098,23 @@ let SfIEvents = class SfIEvents extends LitElement {
|
|
|
4098
4098
|
this.renderStatisticsFilters = (eventsContainer) => {
|
|
4099
4099
|
let selectFilterCriteria = eventsContainer.querySelector('#select-filter-criteria');
|
|
4100
4100
|
let inputLabelFilter = eventsContainer.querySelector('#input-label-filter');
|
|
4101
|
+
let selectFilterCriteriaMobile = eventsContainer.querySelector('#select-filter-criteria-mobile');
|
|
4102
|
+
let inputLabelFilterMobile = eventsContainer.querySelector('#input-label-filter-mobile');
|
|
4101
4103
|
selectFilterCriteria.style.display = 'block';
|
|
4102
4104
|
inputLabelFilter.style.display = 'block';
|
|
4105
|
+
selectFilterCriteriaMobile.style.display = 'block';
|
|
4106
|
+
inputLabelFilterMobile.style.display = 'block';
|
|
4103
4107
|
selectFilterCriteria.innerHTML = "";
|
|
4108
|
+
selectFilterCriteriaMobile.innerHTML = "";
|
|
4104
4109
|
let option = new Option();
|
|
4105
4110
|
option.value = "";
|
|
4106
4111
|
option.innerHTML = "all";
|
|
4107
4112
|
selectFilterCriteria.add(option);
|
|
4113
|
+
option = new Option();
|
|
4114
|
+
option.value = "";
|
|
4115
|
+
option.innerHTML = "all";
|
|
4116
|
+
selectFilterCriteriaMobile.add(option);
|
|
4117
|
+
console.log('adding', option, selectFilterCriteria.options);
|
|
4108
4118
|
for (let criteria of Object.keys(this.statisticsMeta)) {
|
|
4109
4119
|
let option = new Option();
|
|
4110
4120
|
option.value = criteria;
|
|
@@ -4115,6 +4125,15 @@ let SfIEvents = class SfIEvents extends LitElement {
|
|
|
4115
4125
|
option.innerHTML = criteria;
|
|
4116
4126
|
}
|
|
4117
4127
|
selectFilterCriteria.add(option);
|
|
4128
|
+
option = new Option();
|
|
4129
|
+
option.value = criteria;
|
|
4130
|
+
if (criteria == "reporter" || criteria == "approver" || criteria == "functionhead") {
|
|
4131
|
+
option.innerHTML = "user:" + criteria;
|
|
4132
|
+
}
|
|
4133
|
+
else {
|
|
4134
|
+
option.innerHTML = criteria;
|
|
4135
|
+
}
|
|
4136
|
+
selectFilterCriteriaMobile.add(option);
|
|
4118
4137
|
}
|
|
4119
4138
|
let selectFilterCriteriaNew = Util.clearListeners(selectFilterCriteria);
|
|
4120
4139
|
selectFilterCriteriaNew.addEventListener('change', (ev) => {
|
|
@@ -4152,10 +4171,50 @@ let SfIEvents = class SfIEvents extends LitElement {
|
|
|
4152
4171
|
inputLabelCriteria.style.display = 'none';
|
|
4153
4172
|
}
|
|
4154
4173
|
});
|
|
4174
|
+
let selectFilterCriteriaMobileNew = Util.clearListeners(selectFilterCriteriaMobile);
|
|
4175
|
+
selectFilterCriteriaMobileNew.addEventListener('change', (ev) => {
|
|
4176
|
+
let target = ev.target;
|
|
4177
|
+
let inputLabelCriteriaMobile = eventsContainer.querySelector('#input-label-criteria-mobile');
|
|
4178
|
+
let selectFilterValuesMobile = eventsContainer.querySelector('#select-filter-values-mobile');
|
|
4179
|
+
if (target.value == "") {
|
|
4180
|
+
selectFilterValuesMobile.value = "";
|
|
4181
|
+
this.processDateSelectionViewer(eventsContainer);
|
|
4182
|
+
}
|
|
4183
|
+
selectFilterValuesMobile.innerHTML = "";
|
|
4184
|
+
let option = new Option();
|
|
4185
|
+
option.value = "";
|
|
4186
|
+
option.innerHTML = "All";
|
|
4187
|
+
selectFilterValuesMobile.add(option);
|
|
4188
|
+
if (this.statisticsMeta[target.value] != null) {
|
|
4189
|
+
let sortedFilters = Util.alphabeticalSort(this.statisticsMeta[target.value]);
|
|
4190
|
+
selectFilterValuesMobile.style.display = 'block';
|
|
4191
|
+
inputLabelCriteriaMobile.style.display = 'block';
|
|
4192
|
+
inputLabelCriteriaMobile.innerHTML = target.value;
|
|
4193
|
+
for (let filter of sortedFilters) {
|
|
4194
|
+
let option = new Option();
|
|
4195
|
+
option.value = filter.split(';')[1];
|
|
4196
|
+
option.innerHTML = filter.split(';')[0].replace(/\([^)]*\)/g, "");
|
|
4197
|
+
selectFilterValuesMobile.add(option);
|
|
4198
|
+
}
|
|
4199
|
+
let selectFilterValuesMobileNew = Util.clearListeners(selectFilterValuesMobile);
|
|
4200
|
+
selectFilterValuesMobileNew.addEventListener('change', () => {
|
|
4201
|
+
console.log('changed');
|
|
4202
|
+
this.processDateSelectionViewer(eventsContainer);
|
|
4203
|
+
});
|
|
4204
|
+
}
|
|
4205
|
+
else {
|
|
4206
|
+
selectFilterValuesMobile.style.display = 'none';
|
|
4207
|
+
inputLabelCriteriaMobile.style.display = 'none';
|
|
4208
|
+
}
|
|
4209
|
+
});
|
|
4155
4210
|
let selectFilterValues = eventsContainer.querySelector('#select-filter-values');
|
|
4156
4211
|
let inputLabelCriteria = eventsContainer.querySelector('#input-label-criteria');
|
|
4212
|
+
let selectFilterValuesMobile = eventsContainer.querySelector('#select-filter-values-mobile');
|
|
4213
|
+
let inputLabelCriteriaMobile = eventsContainer.querySelector('#input-label-criteria-mobile');
|
|
4157
4214
|
selectFilterValues.style.display = 'none';
|
|
4158
4215
|
inputLabelCriteria.style.display = 'none';
|
|
4216
|
+
selectFilterValuesMobile.style.display = 'none';
|
|
4217
|
+
inputLabelCriteriaMobile.style.display = 'none';
|
|
4159
4218
|
};
|
|
4160
4219
|
this.renderSelectAllButtons = () => {
|
|
4161
4220
|
let selectAllHtml = '<div class="d-flex justify-end w-100" style="position: fixed; bottom: 70px; left: 0px;" part="button-select-all-container">';
|
|
@@ -6219,56 +6278,56 @@ let SfIEvents = class SfIEvents extends LitElement {
|
|
|
6219
6278
|
html += '<div class="scroll-x w-100 mobile-only">';
|
|
6220
6279
|
html += '<div class="title-item-date">';
|
|
6221
6280
|
html += '<label part="input-label">Start Date</label><br />';
|
|
6222
|
-
html += '<input id="stream-start-date-mobile" part="
|
|
6281
|
+
html += '<input id="stream-start-date-mobile" part="date-range-preselected" type="date" />';
|
|
6223
6282
|
html += '</div>';
|
|
6224
6283
|
html += '<div class="title-item-date">';
|
|
6225
6284
|
html += '<label part="input-label">End Date</label><br />';
|
|
6226
|
-
html += '<input id="stream-end-date-mobile" part="
|
|
6285
|
+
html += '<input id="stream-end-date-mobile" part="date-range-preselected" type="date" />';
|
|
6227
6286
|
html += '</div>';
|
|
6228
6287
|
html += '<div class="title-item-date">';
|
|
6229
|
-
html += '<button id="button-year-to-date-mobile" part="button-
|
|
6288
|
+
html += '<button id="button-year-to-date-mobile" part="button-range-preselected">Year To Date</button>';
|
|
6230
6289
|
html += '</div>';
|
|
6231
6290
|
html += '<div class="title-item-date">';
|
|
6232
|
-
html += '<button id="button-this-quarter-mobile" part="button-
|
|
6291
|
+
html += '<button id="button-this-quarter-mobile" part="button-range-preselected">This Quarter</button>';
|
|
6233
6292
|
html += '</div>';
|
|
6234
6293
|
html += '<div class="title-item-date">';
|
|
6235
|
-
html += '<button id="button-this-year-mobile" part="button-
|
|
6294
|
+
html += '<button id="button-this-year-mobile" part="button-range-preselected">This Year</button>';
|
|
6236
6295
|
html += '</div>';
|
|
6237
6296
|
html += '<div class="title-item-date">';
|
|
6238
|
-
html += '<label part="input-label-filter-criteria" id="input-label-filter-mobile">Filter Criteria</label
|
|
6239
|
-
html += '<select id="select-filter-criteria-mobile"
|
|
6297
|
+
html += '<label part="input-label-filter-criteria" id="input-label-filter-mobile">Filter Criteria</label>';
|
|
6298
|
+
html += '<select id="select-filter-criteria-mobile"></select>';
|
|
6240
6299
|
html += '</div>';
|
|
6241
6300
|
html += '<div class="title-item-date">';
|
|
6242
|
-
html += '<label part="input-label-filter-value" id="input-label-criteria-mobile"></label
|
|
6243
|
-
html += '<select id="select-filter-values-mobile"
|
|
6301
|
+
html += '<label part="input-label-filter-value" id="input-label-criteria-mobile"></label>';
|
|
6302
|
+
html += '<select id="select-filter-values-mobile"></select>';
|
|
6244
6303
|
html += '</div>';
|
|
6245
6304
|
html += '</div>';
|
|
6246
6305
|
html += '<div class="d-flex w-100">';
|
|
6247
6306
|
html += '<div class="calendar-left-col desktop-only flex-col justify-start align-end">';
|
|
6248
6307
|
html += '<div class="title-item-date d-flex flex-col align-end">';
|
|
6249
6308
|
html += '<label part="input-label">Start Date</label>';
|
|
6250
|
-
html += '<input id="stream-start-date" part="
|
|
6309
|
+
html += '<input id="stream-start-date" part="date-range-preselected" type="date" />';
|
|
6251
6310
|
html += '</div>';
|
|
6252
6311
|
html += '<div class="title-item-date d-flex flex-col align-end">';
|
|
6253
6312
|
html += '<label part="input-label">End Date</label>';
|
|
6254
|
-
html += '<input id="stream-end-date" part="
|
|
6313
|
+
html += '<input id="stream-end-date" part="date-range-preselected" type="date" />';
|
|
6255
6314
|
html += '</div>';
|
|
6256
6315
|
html += '<div class="title-item-date">';
|
|
6257
|
-
html += '<button id="button-year-to-date" part="button-
|
|
6316
|
+
html += '<button id="button-year-to-date" part="button-range-preselected">Year To Date</button>';
|
|
6258
6317
|
html += '</div>';
|
|
6259
6318
|
html += '<div class="title-item-date">';
|
|
6260
|
-
html += '<button id="button-this-quarter" part="button-
|
|
6319
|
+
html += '<button id="button-this-quarter" part="button-range-preselected">This Quarter</button>';
|
|
6261
6320
|
html += '</div>';
|
|
6262
6321
|
html += '<div class="title-item-date">';
|
|
6263
|
-
html += '<button id="button-this-year" part="button-
|
|
6322
|
+
html += '<button id="button-this-year" part="button-range-preselected">This Year</button>';
|
|
6264
6323
|
html += '</div>';
|
|
6265
6324
|
html += '<div class="title-item-date d-flex flex-col align-end">';
|
|
6266
|
-
html += '<label part="input-label-filter-criteria" id="input-label-filter"
|
|
6267
|
-
html += '<select part="input-select-calendar-filter" id="select-filter-criteria"
|
|
6325
|
+
html += '<label part="input-label-filter-criteria" id="input-label-filter">Filter Criteria</label>';
|
|
6326
|
+
html += '<select part="input-select-calendar-filter" id="select-filter-criteria"></select>';
|
|
6268
6327
|
html += '</div>';
|
|
6269
6328
|
html += '<div class="title-item-date d-flex flex-col align-end">';
|
|
6270
|
-
html += '<label part="input-label-filter-value" id="input-label-criteria"
|
|
6271
|
-
html += '<select part="input-select-calendar-filter" id="select-filter-values"
|
|
6329
|
+
html += '<label part="input-label-filter-value" id="input-label-criteria"></label>';
|
|
6330
|
+
html += '<select part="input-select-calendar-filter" id="select-filter-values"></select>';
|
|
6272
6331
|
html += '</div>';
|
|
6273
6332
|
html += '</div>';
|
|
6274
6333
|
html += '<div class="calendar-right-data flex-grow">';
|
|
@@ -6383,13 +6442,12 @@ let SfIEvents = class SfIEvents extends LitElement {
|
|
|
6383
6442
|
selectFilterValues.style.display = 'none';
|
|
6384
6443
|
let inputLabelFilter = this._SfCustomContainer.querySelector('#input-label-filter');
|
|
6385
6444
|
inputLabelFilter.style.display = 'none';
|
|
6386
|
-
|
|
6387
|
-
|
|
6388
|
-
|
|
6389
|
-
|
|
6390
|
-
|
|
6391
|
-
|
|
6392
|
-
// }
|
|
6445
|
+
let selectFilterCriteriaMobile = this._SfCustomContainer.querySelector('#select-filter-criteria-mobile');
|
|
6446
|
+
selectFilterCriteriaMobile.style.display = 'none';
|
|
6447
|
+
let selectFilterValuesMobile = this._SfCustomContainer.querySelector('#select-filter-values-mobile');
|
|
6448
|
+
selectFilterValuesMobile.style.display = 'none';
|
|
6449
|
+
let inputLabelFilterMobile = this._SfCustomContainer.querySelector('#input-label-filter-mobile');
|
|
6450
|
+
inputLabelFilterMobile.style.display = 'none';
|
|
6393
6451
|
this._SfCustomContainer.querySelector('#button-year-to-date').click();
|
|
6394
6452
|
};
|
|
6395
6453
|
this.renderThis = (index = 1, showGraph = true) => {
|
package/src/sf-i-events.ts
CHANGED
|
@@ -6570,14 +6570,23 @@ export class SfIEvents extends LitElement {
|
|
|
6570
6570
|
renderStatisticsFilters = (eventsContainer: HTMLDivElement) => {
|
|
6571
6571
|
let selectFilterCriteria = eventsContainer.querySelector('#select-filter-criteria') as HTMLSelectElement
|
|
6572
6572
|
let inputLabelFilter = eventsContainer.querySelector('#input-label-filter') as HTMLLabelElement
|
|
6573
|
+
let selectFilterCriteriaMobile = eventsContainer.querySelector('#select-filter-criteria-mobile') as HTMLSelectElement
|
|
6574
|
+
let inputLabelFilterMobile = eventsContainer.querySelector('#input-label-filter-mobile') as HTMLLabelElement
|
|
6573
6575
|
selectFilterCriteria.style.display = 'block'
|
|
6574
6576
|
inputLabelFilter.style.display = 'block'
|
|
6577
|
+
selectFilterCriteriaMobile.style.display = 'block'
|
|
6578
|
+
inputLabelFilterMobile.style.display = 'block'
|
|
6575
6579
|
selectFilterCriteria.innerHTML = ""
|
|
6580
|
+
selectFilterCriteriaMobile.innerHTML = ""
|
|
6576
6581
|
let option = new Option()
|
|
6577
6582
|
option.value = "";
|
|
6578
6583
|
option.innerHTML = "all"
|
|
6579
6584
|
selectFilterCriteria.add(option)
|
|
6580
|
-
|
|
6585
|
+
option = new Option()
|
|
6586
|
+
option.value = "";
|
|
6587
|
+
option.innerHTML = "all"
|
|
6588
|
+
selectFilterCriteriaMobile.add(option)
|
|
6589
|
+
console.log('adding', option, selectFilterCriteria.options);
|
|
6581
6590
|
for(let criteria of Object.keys(this.statisticsMeta)){
|
|
6582
6591
|
let option = new Option()
|
|
6583
6592
|
option.value = criteria;
|
|
@@ -6587,6 +6596,14 @@ export class SfIEvents extends LitElement {
|
|
|
6587
6596
|
option.innerHTML = criteria
|
|
6588
6597
|
}
|
|
6589
6598
|
selectFilterCriteria.add(option)
|
|
6599
|
+
option = new Option()
|
|
6600
|
+
option.value = criteria;
|
|
6601
|
+
if(criteria == "reporter" || criteria == "approver" || criteria == "functionhead"){
|
|
6602
|
+
option.innerHTML = "user:" + criteria
|
|
6603
|
+
}else{
|
|
6604
|
+
option.innerHTML = criteria
|
|
6605
|
+
}
|
|
6606
|
+
selectFilterCriteriaMobile.add(option)
|
|
6590
6607
|
}
|
|
6591
6608
|
let selectFilterCriteriaNew = Util.clearListeners(selectFilterCriteria)
|
|
6592
6609
|
selectFilterCriteriaNew.addEventListener('change',(ev: any) => {
|
|
@@ -6624,10 +6641,50 @@ export class SfIEvents extends LitElement {
|
|
|
6624
6641
|
inputLabelCriteria.style.display = 'none'
|
|
6625
6642
|
}
|
|
6626
6643
|
})
|
|
6644
|
+
let selectFilterCriteriaMobileNew = Util.clearListeners(selectFilterCriteriaMobile)
|
|
6645
|
+
selectFilterCriteriaMobileNew.addEventListener('change',(ev: any) => {
|
|
6646
|
+
let target = ev.target as HTMLSelectElement
|
|
6647
|
+
let inputLabelCriteriaMobile = eventsContainer.querySelector('#input-label-criteria-mobile') as HTMLLabelElement
|
|
6648
|
+
let selectFilterValuesMobile = eventsContainer.querySelector('#select-filter-values-mobile') as HTMLSelectElement
|
|
6649
|
+
if(target.value == ""){
|
|
6650
|
+
selectFilterValuesMobile.value = ""
|
|
6651
|
+
this.processDateSelectionViewer(eventsContainer)
|
|
6652
|
+
}
|
|
6653
|
+
|
|
6654
|
+
selectFilterValuesMobile.innerHTML = ""
|
|
6655
|
+
let option = new Option()
|
|
6656
|
+
option.value = "";
|
|
6657
|
+
option.innerHTML = "All";
|
|
6658
|
+
selectFilterValuesMobile.add(option)
|
|
6659
|
+
if(this.statisticsMeta[target.value] != null){
|
|
6660
|
+
let sortedFilters = Util.alphabeticalSort(this.statisticsMeta[target.value])
|
|
6661
|
+
selectFilterValuesMobile.style.display = 'block'
|
|
6662
|
+
inputLabelCriteriaMobile.style.display = 'block'
|
|
6663
|
+
inputLabelCriteriaMobile.innerHTML = target.value
|
|
6664
|
+
for(let filter of sortedFilters){
|
|
6665
|
+
let option = new Option()
|
|
6666
|
+
option.value = filter.split(';')[1];
|
|
6667
|
+
option.innerHTML = filter.split(';')[0].replace(/\([^)]*\)/g,"")
|
|
6668
|
+
selectFilterValuesMobile.add(option)
|
|
6669
|
+
}
|
|
6670
|
+
let selectFilterValuesMobileNew = Util.clearListeners(selectFilterValuesMobile)
|
|
6671
|
+
selectFilterValuesMobileNew.addEventListener('change',() => {
|
|
6672
|
+
console.log('changed')
|
|
6673
|
+
this.processDateSelectionViewer(eventsContainer);
|
|
6674
|
+
})
|
|
6675
|
+
}else{
|
|
6676
|
+
selectFilterValuesMobile.style.display = 'none'
|
|
6677
|
+
inputLabelCriteriaMobile.style.display = 'none'
|
|
6678
|
+
}
|
|
6679
|
+
})
|
|
6627
6680
|
let selectFilterValues = eventsContainer.querySelector('#select-filter-values') as HTMLSelectElement
|
|
6628
6681
|
let inputLabelCriteria = eventsContainer.querySelector('#input-label-criteria') as HTMLLabelElement
|
|
6682
|
+
let selectFilterValuesMobile = eventsContainer.querySelector('#select-filter-values-mobile') as HTMLSelectElement
|
|
6683
|
+
let inputLabelCriteriaMobile = eventsContainer.querySelector('#input-label-criteria-mobile') as HTMLLabelElement
|
|
6629
6684
|
selectFilterValues.style.display = 'none'
|
|
6630
6685
|
inputLabelCriteria.style.display = 'none'
|
|
6686
|
+
selectFilterValuesMobile.style.display = 'none'
|
|
6687
|
+
inputLabelCriteriaMobile.style.display = 'none'
|
|
6631
6688
|
}
|
|
6632
6689
|
renderSelectAllButtons = () => {
|
|
6633
6690
|
let selectAllHtml = '<div class="d-flex justify-end w-100" style="position: fixed; bottom: 70px; left: 0px;" part="button-select-all-container">';
|
|
@@ -9193,28 +9250,28 @@ export class SfIEvents extends LitElement {
|
|
|
9193
9250
|
|
|
9194
9251
|
html += '<div class="title-item-date">';
|
|
9195
9252
|
html += '<label part="input-label">Start Date</label><br />'
|
|
9196
|
-
html += '<input id="stream-start-date-mobile" part="
|
|
9253
|
+
html += '<input id="stream-start-date-mobile" part="date-range-preselected" type="date" />'
|
|
9197
9254
|
html += '</div>';
|
|
9198
9255
|
html += '<div class="title-item-date">';
|
|
9199
9256
|
html += '<label part="input-label">End Date</label><br />'
|
|
9200
|
-
html += '<input id="stream-end-date-mobile" part="
|
|
9257
|
+
html += '<input id="stream-end-date-mobile" part="date-range-preselected" type="date" />'
|
|
9201
9258
|
html += '</div>';
|
|
9202
9259
|
html += '<div class="title-item-date">';
|
|
9203
|
-
html += '<button id="button-year-to-date-mobile" part="button-
|
|
9260
|
+
html += '<button id="button-year-to-date-mobile" part="button-range-preselected">Year To Date</button>'
|
|
9204
9261
|
html += '</div>';
|
|
9205
9262
|
html += '<div class="title-item-date">';
|
|
9206
|
-
html += '<button id="button-this-quarter-mobile" part="button-
|
|
9263
|
+
html += '<button id="button-this-quarter-mobile" part="button-range-preselected">This Quarter</button>'
|
|
9207
9264
|
html += '</div>';
|
|
9208
9265
|
html += '<div class="title-item-date">';
|
|
9209
|
-
html += '<button id="button-this-year-mobile" part="button-
|
|
9266
|
+
html += '<button id="button-this-year-mobile" part="button-range-preselected">This Year</button>'
|
|
9210
9267
|
html += '</div>';
|
|
9211
9268
|
html += '<div class="title-item-date">';
|
|
9212
|
-
html += '<label part="input-label-filter-criteria" id="input-label-filter-mobile">Filter Criteria</label
|
|
9213
|
-
html += '<select id="select-filter-criteria-mobile"
|
|
9269
|
+
html += '<label part="input-label-filter-criteria" id="input-label-filter-mobile">Filter Criteria</label>'
|
|
9270
|
+
html += '<select id="select-filter-criteria-mobile"></select>'
|
|
9214
9271
|
html += '</div>';
|
|
9215
9272
|
html += '<div class="title-item-date">';
|
|
9216
|
-
html += '<label part="input-label-filter-value" id="input-label-criteria-mobile"></label
|
|
9217
|
-
html += '<select id="select-filter-values-mobile"
|
|
9273
|
+
html += '<label part="input-label-filter-value" id="input-label-criteria-mobile"></label>'
|
|
9274
|
+
html += '<select id="select-filter-values-mobile"></select>'
|
|
9218
9275
|
html += '</div>';
|
|
9219
9276
|
|
|
9220
9277
|
html += '</div>';
|
|
@@ -9224,28 +9281,28 @@ export class SfIEvents extends LitElement {
|
|
|
9224
9281
|
|
|
9225
9282
|
html += '<div class="title-item-date d-flex flex-col align-end">';
|
|
9226
9283
|
html += '<label part="input-label">Start Date</label>'
|
|
9227
|
-
html += '<input id="stream-start-date" part="
|
|
9284
|
+
html += '<input id="stream-start-date" part="date-range-preselected" type="date" />'
|
|
9228
9285
|
html += '</div>';
|
|
9229
9286
|
html += '<div class="title-item-date d-flex flex-col align-end">';
|
|
9230
9287
|
html += '<label part="input-label">End Date</label>'
|
|
9231
|
-
html += '<input id="stream-end-date" part="
|
|
9288
|
+
html += '<input id="stream-end-date" part="date-range-preselected" type="date" />'
|
|
9232
9289
|
html += '</div>';
|
|
9233
9290
|
html += '<div class="title-item-date">';
|
|
9234
|
-
html += '<button id="button-year-to-date" part="button-
|
|
9291
|
+
html += '<button id="button-year-to-date" part="button-range-preselected">Year To Date</button>'
|
|
9235
9292
|
html += '</div>';
|
|
9236
9293
|
html += '<div class="title-item-date">';
|
|
9237
|
-
html += '<button id="button-this-quarter" part="button-
|
|
9294
|
+
html += '<button id="button-this-quarter" part="button-range-preselected">This Quarter</button>'
|
|
9238
9295
|
html += '</div>';
|
|
9239
9296
|
html += '<div class="title-item-date">';
|
|
9240
|
-
html += '<button id="button-this-year" part="button-
|
|
9297
|
+
html += '<button id="button-this-year" part="button-range-preselected">This Year</button>'
|
|
9241
9298
|
html += '</div>';
|
|
9242
9299
|
html += '<div class="title-item-date d-flex flex-col align-end">';
|
|
9243
|
-
html += '<label part="input-label-filter-criteria" id="input-label-filter"
|
|
9244
|
-
html += '<select part="input-select-calendar-filter" id="select-filter-criteria"
|
|
9300
|
+
html += '<label part="input-label-filter-criteria" id="input-label-filter">Filter Criteria</label>'
|
|
9301
|
+
html += '<select part="input-select-calendar-filter" id="select-filter-criteria"></select>'
|
|
9245
9302
|
html += '</div>';
|
|
9246
9303
|
html += '<div class="title-item-date d-flex flex-col align-end">';
|
|
9247
|
-
html += '<label part="input-label-filter-value" id="input-label-criteria"
|
|
9248
|
-
html += '<select part="input-select-calendar-filter" id="select-filter-values"
|
|
9304
|
+
html += '<label part="input-label-filter-value" id="input-label-criteria"></label>'
|
|
9305
|
+
html += '<select part="input-select-calendar-filter" id="select-filter-values"></select>'
|
|
9249
9306
|
html += '</div>';
|
|
9250
9307
|
|
|
9251
9308
|
|
|
@@ -9389,13 +9446,13 @@ export class SfIEvents extends LitElement {
|
|
|
9389
9446
|
selectFilterValues.style.display = 'none'
|
|
9390
9447
|
let inputLabelFilter = (this._SfCustomContainer as HTMLDivElement).querySelector('#input-label-filter') as HTMLLabelElement
|
|
9391
9448
|
inputLabelFilter.style.display = 'none';
|
|
9392
|
-
|
|
9393
|
-
|
|
9394
|
-
|
|
9395
|
-
|
|
9396
|
-
|
|
9397
|
-
|
|
9398
|
-
|
|
9449
|
+
|
|
9450
|
+
let selectFilterCriteriaMobile = (this._SfCustomContainer as HTMLDivElement).querySelector('#select-filter-criteria-mobile') as HTMLSelectElement
|
|
9451
|
+
selectFilterCriteriaMobile.style.display = 'none'
|
|
9452
|
+
let selectFilterValuesMobile = (this._SfCustomContainer as HTMLDivElement).querySelector('#select-filter-values-mobile') as HTMLSelectElement
|
|
9453
|
+
selectFilterValuesMobile.style.display = 'none'
|
|
9454
|
+
let inputLabelFilterMobile = (this._SfCustomContainer as HTMLDivElement).querySelector('#input-label-filter-mobile') as HTMLLabelElement
|
|
9455
|
+
inputLabelFilterMobile.style.display = 'none';
|
|
9399
9456
|
|
|
9400
9457
|
((this._SfCustomContainer as HTMLDivElement).querySelector('#button-year-to-date') as HTMLButtonElement).click();
|
|
9401
9458
|
}
|