sf-i-events 1.0.755 → 1.0.757
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 +1 -1
- package/package.json +1 -1
- package/sf-i-events.js +7 -1
- package/src/sf-i-events.ts +7 -1
package/dev/index.html
CHANGED
|
@@ -24,7 +24,7 @@
|
|
|
24
24
|
import {SfIElasticText} from 'https://esm.run/sf-i-elastic-text@1.0.17/sf-i-elastic-text.js';
|
|
25
25
|
import {SfIUploader} from 'https://esm.run/sf-i-uploader@1.0.105/sf-i-uploader.js';
|
|
26
26
|
import {SfIMultitextarea} from 'https://esm.run/sf-i-multitextarea@1.0.23/sf-i-multitextarea.js';
|
|
27
|
-
import {SfIReporting} from 'https://esm.run/sf-i-reporting@1.0.
|
|
27
|
+
import {SfIReporting} from 'https://esm.run/sf-i-reporting@1.0.68/sf-i-reporting.js';
|
|
28
28
|
import {SfIBricks} from 'https://esm.run/sf-i-bricks@1.0.8/sf-i-bricks.js';
|
|
29
29
|
|
|
30
30
|
// import {LitElement, html, css} from 'https://unpkg.com/lit-element@3.3.3/lit-element.js?module';
|
package/package.json
CHANGED
package/sf-i-events.js
CHANGED
|
@@ -2141,7 +2141,7 @@ let SfIEvents = class SfIEvents extends LitElement {
|
|
|
2141
2141
|
if (this.getFeatures().length > 1) {
|
|
2142
2142
|
html += '<div class="filter-button-container"><button part="button-icon" id="filter-button" class="material-icons">filter_list</button>';
|
|
2143
2143
|
html += '<div id="filter-list-container" class="filter-list-container hide flex-col justify-between align-start p-10" part="filter-list-container" anchor="filter-button">';
|
|
2144
|
-
html += '<div id="filter-label-container" class="filter-label-container d-flex justify-
|
|
2144
|
+
html += '<div id="filter-label-container" class="filter-label-container d-flex justify-between align-center" part="filter-label-container"><label class="filter-label" part="filter-label">Filters</label><button id="button-submit-features" part="button-icon-small" class="material-icons button-expand invisible">check</button></div>';
|
|
2145
2145
|
html += `<div class="filter-input-container d-flex"><input class="input-select-feature-all" type="checkbox" ${this.selectedFeatures.length >= (this.getFeatures().length) ? 'checked' : ''} id="input-select-feature-all" part="input-select-feature" name="all"></input><label for="input-select-feature-all" class="input-select-feature-label-all" id="input-select-feature-label-all"
|
|
2146
2146
|
part="input-select-feature-label">all</label></div>`;
|
|
2147
2147
|
// html += `<div class="filter-input-container d-flex"><input class="input-select-feature-compliances" type="checkbox" ${this.selectedFeatures.indexOf('compliances') >= 0 ? 'checked' : ''} id="input-select-feature-compliances" part="input-select-feature" name="compliances"></input><label for="input-select-feature-compliances" class="input-select-feature-label" part="input-select-feature-label">compliances</label></div>`
|
|
@@ -3677,6 +3677,7 @@ let SfIEvents = class SfIEvents extends LitElement {
|
|
|
3677
3677
|
filterButton === null || filterButton === void 0 ? void 0 : filterButton.addEventListener('click', () => {
|
|
3678
3678
|
const filterList = eventsContainer.querySelector('#filter-list-container');
|
|
3679
3679
|
filterList.style.display = (filterList.style.display != 'block' ? 'block' : 'none');
|
|
3680
|
+
filterButton.innerHTML = (filterList.style.display != 'block' ? 'filter_list' : 'close');
|
|
3680
3681
|
const filterSubmitButton = filterList.querySelector('#button-submit-features');
|
|
3681
3682
|
filterSubmitButton.addEventListener('click', () => {
|
|
3682
3683
|
this.processDateSelection(eventsContainer);
|
|
@@ -3722,6 +3723,7 @@ let SfIEvents = class SfIEvents extends LitElement {
|
|
|
3722
3723
|
}
|
|
3723
3724
|
}
|
|
3724
3725
|
else {
|
|
3726
|
+
selectFeatureAll.checked = false;
|
|
3725
3727
|
if (this.selectedFeatures.indexOf(selectedFeature) >= 0) {
|
|
3726
3728
|
this.selectedFeatures.splice(this.selectedFeatures.indexOf(selectedFeature), 1);
|
|
3727
3729
|
}
|
|
@@ -6736,6 +6738,7 @@ let SfIEvents = class SfIEvents extends LitElement {
|
|
|
6736
6738
|
filterButton === null || filterButton === void 0 ? void 0 : filterButton.addEventListener('click', () => {
|
|
6737
6739
|
const filterList = this._SfThisContainer.querySelector('#filter-list-container');
|
|
6738
6740
|
filterList.style.display = (filterList.style.display != 'block' ? 'block' : 'none');
|
|
6741
|
+
filterButton.innerHTML = (filterList.style.display != 'block' ? 'filter_list' : 'close');
|
|
6739
6742
|
const filterSubmitButton = filterList.querySelector('#button-submit-features');
|
|
6740
6743
|
filterSubmitButton.addEventListener('click', async () => {
|
|
6741
6744
|
const dateResult = this.calculateStartAndEndDateOfStream(index);
|
|
@@ -6789,6 +6792,7 @@ let SfIEvents = class SfIEvents extends LitElement {
|
|
|
6789
6792
|
}
|
|
6790
6793
|
}
|
|
6791
6794
|
else {
|
|
6795
|
+
selectFeatureAll.checked = false;
|
|
6792
6796
|
if (this.selectedFeatures.indexOf(selectedFeature) >= 0) {
|
|
6793
6797
|
this.selectedFeatures.splice(this.selectedFeatures.indexOf(selectedFeature), 1);
|
|
6794
6798
|
}
|
|
@@ -7149,6 +7153,7 @@ let SfIEvents = class SfIEvents extends LitElement {
|
|
|
7149
7153
|
filterButton === null || filterButton === void 0 ? void 0 : filterButton.addEventListener('click', () => {
|
|
7150
7154
|
const filterList = this._SfStreamContainer.querySelector('#filter-list-container');
|
|
7151
7155
|
filterList.style.display = (filterList.style.display != 'block' ? 'block' : 'none');
|
|
7156
|
+
filterButton.innerHTML = (filterList.style.display != 'block' ? 'filter_list' : 'close');
|
|
7152
7157
|
const filterSubmitButton = filterList.querySelector('#button-submit-features');
|
|
7153
7158
|
filterSubmitButton.addEventListener('click', async () => {
|
|
7154
7159
|
const dateResult = this.calculateStartAndEndDateOfStream(index);
|
|
@@ -7204,6 +7209,7 @@ let SfIEvents = class SfIEvents extends LitElement {
|
|
|
7204
7209
|
}
|
|
7205
7210
|
}
|
|
7206
7211
|
else {
|
|
7212
|
+
selectFeatureAll.checked = false;
|
|
7207
7213
|
if (this.selectedFeatures.indexOf(selectedFeature) >= 0) {
|
|
7208
7214
|
this.selectedFeatures.splice(this.selectedFeatures.indexOf(selectedFeature), 1);
|
|
7209
7215
|
}
|
package/src/sf-i-events.ts
CHANGED
|
@@ -4235,7 +4235,7 @@ export class SfIEvents extends LitElement {
|
|
|
4235
4235
|
if(this.getFeatures().length > 1){
|
|
4236
4236
|
html += '<div class="filter-button-container"><button part="button-icon" id="filter-button" class="material-icons">filter_list</button>'
|
|
4237
4237
|
html += '<div id="filter-list-container" class="filter-list-container hide flex-col justify-between align-start p-10" part="filter-list-container" anchor="filter-button">'
|
|
4238
|
-
html += '<div id="filter-label-container" class="filter-label-container d-flex justify-
|
|
4238
|
+
html += '<div id="filter-label-container" class="filter-label-container d-flex justify-between align-center" part="filter-label-container"><label class="filter-label" part="filter-label">Filters</label><button id="button-submit-features" part="button-icon-small" class="material-icons button-expand invisible">check</button></div>'
|
|
4239
4239
|
html += `<div class="filter-input-container d-flex"><input class="input-select-feature-all" type="checkbox" ${this.selectedFeatures.length >= (this.getFeatures().length) ? 'checked' : ''} id="input-select-feature-all" part="input-select-feature" name="all"></input><label for="input-select-feature-all" class="input-select-feature-label-all" id="input-select-feature-label-all"
|
|
4240
4240
|
part="input-select-feature-label">all</label></div>`
|
|
4241
4241
|
// html += `<div class="filter-input-container d-flex"><input class="input-select-feature-compliances" type="checkbox" ${this.selectedFeatures.indexOf('compliances') >= 0 ? 'checked' : ''} id="input-select-feature-compliances" part="input-select-feature" name="compliances"></input><label for="input-select-feature-compliances" class="input-select-feature-label" part="input-select-feature-label">compliances</label></div>`
|
|
@@ -6066,6 +6066,7 @@ export class SfIEvents extends LitElement {
|
|
|
6066
6066
|
filterButton?.addEventListener('click',() => {
|
|
6067
6067
|
const filterList = eventsContainer.querySelector('#filter-list-container') as HTMLDivElement
|
|
6068
6068
|
filterList.style.display = (filterList.style.display != 'block' ? 'block' : 'none')
|
|
6069
|
+
filterButton.innerHTML = (filterList.style.display != 'block' ? 'filter_list' : 'close')
|
|
6069
6070
|
const filterSubmitButton = filterList.querySelector('#button-submit-features') as HTMLButtonElement
|
|
6070
6071
|
filterSubmitButton.addEventListener('click',() => {
|
|
6071
6072
|
this.processDateSelection(eventsContainer);
|
|
@@ -6109,6 +6110,7 @@ export class SfIEvents extends LitElement {
|
|
|
6109
6110
|
this.selectedFeatures.push(selectedFeature)
|
|
6110
6111
|
}
|
|
6111
6112
|
}else{
|
|
6113
|
+
selectFeatureAll.checked = false;
|
|
6112
6114
|
if(this.selectedFeatures.indexOf(selectedFeature) >= 0){
|
|
6113
6115
|
this.selectedFeatures.splice(this.selectedFeatures.indexOf(selectedFeature),1);
|
|
6114
6116
|
}
|
|
@@ -9784,6 +9786,7 @@ export class SfIEvents extends LitElement {
|
|
|
9784
9786
|
filterButton?.addEventListener('click',() => {
|
|
9785
9787
|
const filterList = (this._SfThisContainer as HTMLDivElement).querySelector('#filter-list-container') as HTMLDivElement
|
|
9786
9788
|
filterList.style.display = (filterList.style.display != 'block' ? 'block' : 'none')
|
|
9789
|
+
filterButton.innerHTML = (filterList.style.display != 'block' ? 'filter_list' : 'close')
|
|
9787
9790
|
const filterSubmitButton = filterList.querySelector('#button-submit-features') as HTMLButtonElement
|
|
9788
9791
|
filterSubmitButton.addEventListener('click',async() => {
|
|
9789
9792
|
const dateResult = this.calculateStartAndEndDateOfStream(index);
|
|
@@ -9835,6 +9838,7 @@ export class SfIEvents extends LitElement {
|
|
|
9835
9838
|
this.selectedFeatures.push(selectedFeature)
|
|
9836
9839
|
}
|
|
9837
9840
|
}else{
|
|
9841
|
+
selectFeatureAll.checked = false;
|
|
9838
9842
|
if(this.selectedFeatures.indexOf(selectedFeature) >= 0){
|
|
9839
9843
|
this.selectedFeatures.splice(this.selectedFeatures.indexOf(selectedFeature),1);
|
|
9840
9844
|
}
|
|
@@ -10292,6 +10296,7 @@ export class SfIEvents extends LitElement {
|
|
|
10292
10296
|
filterButton?.addEventListener('click',() => {
|
|
10293
10297
|
const filterList = (this._SfStreamContainer as HTMLDivElement).querySelector('#filter-list-container') as HTMLDivElement
|
|
10294
10298
|
filterList.style.display = (filterList.style.display != 'block' ? 'block' : 'none')
|
|
10299
|
+
filterButton.innerHTML = (filterList.style.display != 'block' ? 'filter_list' : 'close')
|
|
10295
10300
|
const filterSubmitButton = filterList.querySelector('#button-submit-features') as HTMLButtonElement
|
|
10296
10301
|
filterSubmitButton.addEventListener('click',async() => {
|
|
10297
10302
|
const dateResult = this.calculateStartAndEndDateOfStream(index);
|
|
@@ -10345,6 +10350,7 @@ export class SfIEvents extends LitElement {
|
|
|
10345
10350
|
this.selectedFeatures.push(selectedFeature)
|
|
10346
10351
|
}
|
|
10347
10352
|
}else{
|
|
10353
|
+
selectFeatureAll.checked = false;
|
|
10348
10354
|
if(this.selectedFeatures.indexOf(selectedFeature) >= 0){
|
|
10349
10355
|
this.selectedFeatures.splice(this.selectedFeatures.indexOf(selectedFeature),1);
|
|
10350
10356
|
}
|