sf-i-events 1.0.769 → 1.0.770
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 +30 -3
- package/src/sf-i-events.ts +30 -3
package/package.json
CHANGED
package/sf-i-events.js
CHANGED
|
@@ -2159,7 +2159,7 @@ let SfIEvents = class SfIEvents extends LitElement {
|
|
|
2159
2159
|
}
|
|
2160
2160
|
html += '</div></div>';
|
|
2161
2161
|
}
|
|
2162
|
-
html += '<button id="button-refresh" part="button-duration-title" class="align-center d-flex justify-center"><h4 part="duration-title">' + parametersTitle + '</h4><span part="duration-title-icon" class="material-icons ml-10">refresh</span></button></div>';
|
|
2162
|
+
html += '<button id="button-refresh" part="button-duration-title" class="align-center d-flex justify-center"><h4 part="duration-title">' + parametersTitle + '</h4><span part="duration-title-icon" class="material-icons ml-10">refresh</span></button><button id="button-background-process" part="button-background-process" class="align-center d-flex justify-center"><h4 part="processing-title" class="mr-10">background processing</h4><div class="lds-dual-ring1"></div></button></div>';
|
|
2163
2163
|
html += '<div class="align-center d-flex flex-wrap align-center mb-10 w-100-m-0" part="last-update-title-container"><h6 part="last-update-title" class="align-center d-flex"><span class="material-symbols-outlined">update</span> Last Updated on ' + this.lastupdated + '</h6></div>';
|
|
2164
2164
|
if (showGraph) {
|
|
2165
2165
|
html += '<div part="stream-event-chart-selection" class="mb-20">';
|
|
@@ -2470,7 +2470,7 @@ let SfIEvents = class SfIEvents extends LitElement {
|
|
|
2470
2470
|
html += '<button id="button-unmapped-expand-' + mmdd.replace('/', '-') + '-' + j + '-' + (((_a = event.isnotice) !== null && _a !== void 0 ? _a : false) ? 'isnotice' : 'isevent') + '" part="button-icon-small" class="material-icons button-expand mr-10">open_in_new</button>';
|
|
2471
2471
|
}
|
|
2472
2472
|
else {
|
|
2473
|
-
html += '<div class="lds-dual-ring1"></div>';
|
|
2473
|
+
html += '<div class="lds-dual-ring1 bulk-loader"></div>';
|
|
2474
2474
|
}
|
|
2475
2475
|
html += '</td>';
|
|
2476
2476
|
html += '<td part="td-body">';
|
|
@@ -14086,6 +14086,7 @@ let SfIEvents = class SfIEvents extends LitElement {
|
|
|
14086
14086
|
responsive: true,
|
|
14087
14087
|
maintainAspectRatio: false,
|
|
14088
14088
|
animation: {
|
|
14089
|
+
duration: 0,
|
|
14089
14090
|
onComplete: () => {
|
|
14090
14091
|
if (this.chart4 != null) {
|
|
14091
14092
|
if (type == 'bar') {
|
|
@@ -14264,6 +14265,7 @@ let SfIEvents = class SfIEvents extends LitElement {
|
|
|
14264
14265
|
responsive: true,
|
|
14265
14266
|
maintainAspectRatio: false,
|
|
14266
14267
|
animation: {
|
|
14268
|
+
duration: 0,
|
|
14267
14269
|
onComplete: () => {
|
|
14268
14270
|
if (this.chart3 != null) {
|
|
14269
14271
|
if (type == 'bar') {
|
|
@@ -14442,6 +14444,7 @@ let SfIEvents = class SfIEvents extends LitElement {
|
|
|
14442
14444
|
responsive: true,
|
|
14443
14445
|
maintainAspectRatio: false,
|
|
14444
14446
|
animation: {
|
|
14447
|
+
duration: 0,
|
|
14445
14448
|
onComplete: () => {
|
|
14446
14449
|
if (this.chart2 != null) {
|
|
14447
14450
|
if (type == 'bar') {
|
|
@@ -14618,6 +14621,7 @@ let SfIEvents = class SfIEvents extends LitElement {
|
|
|
14618
14621
|
responsive: true,
|
|
14619
14622
|
maintainAspectRatio: false,
|
|
14620
14623
|
animation: {
|
|
14624
|
+
duration: 0,
|
|
14621
14625
|
onComplete: () => {
|
|
14622
14626
|
if (this.chart != null) {
|
|
14623
14627
|
if (type == 'bar') {
|
|
@@ -17804,6 +17808,7 @@ let SfIEvents = class SfIEvents extends LitElement {
|
|
|
17804
17808
|
if (xhr.status == 200) {
|
|
17805
17809
|
const jsonRespose = JSON.parse(xhr.responseText);
|
|
17806
17810
|
console.log('bulk reports jsonRespose', jsonRespose);
|
|
17811
|
+
let flagBulk = false;
|
|
17807
17812
|
if (jsonRespose.result == true) {
|
|
17808
17813
|
for (let sortid of Object.keys(jsonRespose.data)) {
|
|
17809
17814
|
let sortidArr = sortid.split(';');
|
|
@@ -17817,14 +17822,26 @@ let SfIEvents = class SfIEvents extends LitElement {
|
|
|
17817
17822
|
for (let i = 0; i < this.events[mmdd].length; i++) {
|
|
17818
17823
|
if (this.events[mmdd][i].entityid == entityid && this.events[mmdd][i].locationid == locationid && this.events[mmdd][i].id == eventid) {
|
|
17819
17824
|
this.events[mmdd][i].isbulk = true;
|
|
17825
|
+
flagBulk = true;
|
|
17820
17826
|
break;
|
|
17821
17827
|
}
|
|
17822
17828
|
}
|
|
17823
17829
|
}
|
|
17824
17830
|
}
|
|
17825
|
-
|
|
17831
|
+
let backgroundProcessButton = this._SfIEventsC.querySelector('#button-background-process');
|
|
17832
|
+
if (flagBulk) {
|
|
17833
|
+
backgroundProcessButton.style.display = 'flex';
|
|
17834
|
+
console.log('backgroundprocessbutton', backgroundProcessButton);
|
|
17835
|
+
backgroundProcessButton.addEventListener('click', () => {
|
|
17836
|
+
console.log('bulk-progress clicked');
|
|
17837
|
+
let bulkLoader = this._SfIEventsC.querySelector('.bulk-loader');
|
|
17838
|
+
bulkLoader.scrollIntoView();
|
|
17839
|
+
});
|
|
17826
17840
|
this.renderAppropriateStream(this.sdate, this.edate, true);
|
|
17827
17841
|
}
|
|
17842
|
+
else {
|
|
17843
|
+
backgroundProcessButton.style.display = 'none';
|
|
17844
|
+
}
|
|
17828
17845
|
}
|
|
17829
17846
|
}
|
|
17830
17847
|
};
|
|
@@ -20656,6 +20673,16 @@ SfIEvents.styles = css `
|
|
|
20656
20673
|
bottom: 10px;
|
|
20657
20674
|
right: 10px
|
|
20658
20675
|
}
|
|
20676
|
+
#button-background-process {
|
|
20677
|
+
display:none;
|
|
20678
|
+
position: fixed;
|
|
20679
|
+
top: 10px;
|
|
20680
|
+
left:0;
|
|
20681
|
+
right: 0;
|
|
20682
|
+
margin-left: auto;
|
|
20683
|
+
margin-right: auto;
|
|
20684
|
+
width: fit-content;
|
|
20685
|
+
}
|
|
20659
20686
|
|
|
20660
20687
|
.small-icon {
|
|
20661
20688
|
font-size: 98%
|
package/src/sf-i-events.ts
CHANGED
|
@@ -2694,6 +2694,16 @@ export class SfIEvents extends LitElement {
|
|
|
2694
2694
|
bottom: 10px;
|
|
2695
2695
|
right: 10px
|
|
2696
2696
|
}
|
|
2697
|
+
#button-background-process {
|
|
2698
|
+
display:none;
|
|
2699
|
+
position: fixed;
|
|
2700
|
+
top: 10px;
|
|
2701
|
+
left:0;
|
|
2702
|
+
right: 0;
|
|
2703
|
+
margin-left: auto;
|
|
2704
|
+
margin-right: auto;
|
|
2705
|
+
width: fit-content;
|
|
2706
|
+
}
|
|
2697
2707
|
|
|
2698
2708
|
.small-icon {
|
|
2699
2709
|
font-size: 98%
|
|
@@ -4269,7 +4279,7 @@ export class SfIEvents extends LitElement {
|
|
|
4269
4279
|
}
|
|
4270
4280
|
html += '</div></div>'
|
|
4271
4281
|
}
|
|
4272
|
-
html += '<button id="button-refresh" part="button-duration-title" class="align-center d-flex justify-center"><h4 part="duration-title">' + parametersTitle + '</h4><span part="duration-title-icon" class="material-icons ml-10">refresh</span></button></div>';
|
|
4282
|
+
html += '<button id="button-refresh" part="button-duration-title" class="align-center d-flex justify-center"><h4 part="duration-title">' + parametersTitle + '</h4><span part="duration-title-icon" class="material-icons ml-10">refresh</span></button><button id="button-background-process" part="button-background-process" class="align-center d-flex justify-center"><h4 part="processing-title" class="mr-10">background processing</h4><div class="lds-dual-ring1"></div></button></div>';
|
|
4273
4283
|
html += '<div class="align-center d-flex flex-wrap align-center mb-10 w-100-m-0" part="last-update-title-container"><h6 part="last-update-title" class="align-center d-flex"><span class="material-symbols-outlined">update</span> Last Updated on ' + this.lastupdated + '</h6></div>';
|
|
4274
4284
|
if(showGraph) {
|
|
4275
4285
|
html += '<div part="stream-event-chart-selection" class="mb-20">';
|
|
@@ -4661,7 +4671,7 @@ export class SfIEvents extends LitElement {
|
|
|
4661
4671
|
if(event.isbulk == null || !event.isbulk){
|
|
4662
4672
|
html += '<button id="button-unmapped-expand-'+mmdd.replace('/', '-')+'-'+j+'-'+((event.isnotice ?? false)?'isnotice':'isevent')+ '" part="button-icon-small" class="material-icons button-expand mr-10">open_in_new</button>'
|
|
4663
4673
|
}else{
|
|
4664
|
-
html += '<div class="lds-dual-ring1"></div>';
|
|
4674
|
+
html += '<div class="lds-dual-ring1 bulk-loader"></div>';
|
|
4665
4675
|
}
|
|
4666
4676
|
html += '</td>';
|
|
4667
4677
|
html += '<td part="td-body">';
|
|
@@ -19102,6 +19112,7 @@ export class SfIEvents extends LitElement {
|
|
|
19102
19112
|
responsive: true,
|
|
19103
19113
|
maintainAspectRatio: false,
|
|
19104
19114
|
animation: {
|
|
19115
|
+
duration:0,
|
|
19105
19116
|
onComplete: () => {
|
|
19106
19117
|
|
|
19107
19118
|
if(this.chart4 != null) {
|
|
@@ -19306,6 +19317,7 @@ export class SfIEvents extends LitElement {
|
|
|
19306
19317
|
responsive: true,
|
|
19307
19318
|
maintainAspectRatio: false,
|
|
19308
19319
|
animation: {
|
|
19320
|
+
duration:0,
|
|
19309
19321
|
onComplete: () => {
|
|
19310
19322
|
|
|
19311
19323
|
if(this.chart3 != null) {
|
|
@@ -19510,6 +19522,7 @@ export class SfIEvents extends LitElement {
|
|
|
19510
19522
|
responsive: true,
|
|
19511
19523
|
maintainAspectRatio: false,
|
|
19512
19524
|
animation: {
|
|
19525
|
+
duration:0,
|
|
19513
19526
|
onComplete: () => {
|
|
19514
19527
|
|
|
19515
19528
|
if(this.chart2 != null) {
|
|
@@ -19711,6 +19724,7 @@ export class SfIEvents extends LitElement {
|
|
|
19711
19724
|
responsive: true,
|
|
19712
19725
|
maintainAspectRatio: false,
|
|
19713
19726
|
animation: {
|
|
19727
|
+
duration:0,
|
|
19714
19728
|
onComplete: () => {
|
|
19715
19729
|
|
|
19716
19730
|
if(this.chart != null) {
|
|
@@ -23853,6 +23867,7 @@ export class SfIEvents extends LitElement {
|
|
|
23853
23867
|
|
|
23854
23868
|
const jsonRespose = JSON.parse(xhr.responseText);
|
|
23855
23869
|
console.log('bulk reports jsonRespose', jsonRespose);
|
|
23870
|
+
let flagBulk = false;
|
|
23856
23871
|
if(jsonRespose.result == true){
|
|
23857
23872
|
for(let sortid of Object.keys(jsonRespose.data)){
|
|
23858
23873
|
let sortidArr = sortid.split(';')
|
|
@@ -23866,13 +23881,25 @@ export class SfIEvents extends LitElement {
|
|
|
23866
23881
|
for (let i = 0 ; i < this.events[mmdd].length; i ++){
|
|
23867
23882
|
if(this.events[mmdd][i].entityid == entityid && this.events[mmdd][i].locationid == locationid && this.events[mmdd][i].id == eventid){
|
|
23868
23883
|
this.events[mmdd][i].isbulk = true;
|
|
23884
|
+
flagBulk = true
|
|
23869
23885
|
break
|
|
23870
23886
|
}
|
|
23871
23887
|
}
|
|
23872
23888
|
}
|
|
23873
23889
|
}
|
|
23874
|
-
|
|
23890
|
+
let backgroundProcessButton = (this._SfIEventsC as HTMLDivElement).querySelector('#button-background-process') as HTMLButtonElement
|
|
23891
|
+
|
|
23892
|
+
if(flagBulk){
|
|
23893
|
+
backgroundProcessButton.style.display = 'flex'
|
|
23894
|
+
console.log('backgroundprocessbutton', backgroundProcessButton);
|
|
23895
|
+
backgroundProcessButton.addEventListener('click',() => {
|
|
23896
|
+
console.log('bulk-progress clicked')
|
|
23897
|
+
let bulkLoader = (this._SfIEventsC as HTMLDivElement).querySelector('.bulk-loader') as HTMLDivElement
|
|
23898
|
+
bulkLoader.scrollIntoView();
|
|
23899
|
+
})
|
|
23875
23900
|
this.renderAppropriateStream(this.sdate,this.edate,true)
|
|
23901
|
+
}else{
|
|
23902
|
+
backgroundProcessButton.style.display = 'none'
|
|
23876
23903
|
}
|
|
23877
23904
|
}
|
|
23878
23905
|
}
|