sf-i-events 1.0.752 → 1.0.754

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.
Files changed (4) hide show
  1. package/dev/index.html +1 -1
  2. package/package.json +1 -1
  3. package/sf-i-events.js +44 -13
  4. package/src/sf-i-events.ts +44 -25
package/dev/index.html CHANGED
@@ -22,7 +22,7 @@
22
22
  import {SfISubSelect} from 'https://esm.run/sf-i-sub-select@1.0.83/sf-i-sub-select.js';
23
23
  import {SfIForm} from 'https://esm.run/sf-i-form@1.0.181/sf-i-form.js';
24
24
  import {SfIElasticText} from 'https://esm.run/sf-i-elastic-text@1.0.17/sf-i-elastic-text.js';
25
- import {SfIUploader} from 'https://esm.run/sf-i-uploader@1.0.103/sf-i-uploader.js';
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
27
  import {SfIReporting} from 'https://esm.run/sf-i-reporting@1.0.39/sf-i-reporting.js';
28
28
  import {SfIBricks} from 'https://esm.run/sf-i-bricks@1.0.8/sf-i-bricks.js';
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "sf-i-events",
3
3
  "private": false,
4
- "version": "1.0.752",
4
+ "version": "1.0.754",
5
5
  "description": "Superflows Navigation Component",
6
6
  "main": "sf-i-events.js",
7
7
  "module": "sf-i-events.js",
package/sf-i-events.js CHANGED
@@ -2138,14 +2138,14 @@ let SfIEvents = class SfIEvents extends LitElement {
2138
2138
  var html = '';
2139
2139
  html += '<div class="mb-20 stream-event-list" part="stream-event-list-charts">';
2140
2140
  html += '<div class="align-center d-flex flex-wrap align-start justify-between mb-10 w-100-m-0" part="duration-title-container"><h4 part="duration-title" class="m-0">' + parametersTitle + '</h4>';
2141
- if (this.getFeatures().length > 0) {
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-center align-start p-10" part="filter-list-container" anchor="filter-button">';
2144
- 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" part="input-sellect-feature-label">all</label></div>`;
2145
- // 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-sellect-feature-label">compliances</label></div>`
2144
+ 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" part="input-select-feature-label">all</label></div>`;
2145
+ // 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>`
2146
2146
  for (let [index, feature] of this.getFeatures().entries()) {
2147
2147
  console.log('rendering features', feature, this.selectedFeatures);
2148
- html += `<div class="filter-input-container d-flex"><input class="input-select-feature" type="checkbox" ${this.selectedFeatures.indexOf(feature) >= 0 ? 'checked' : ''} id="input-select-feature-${index}" part="input-select-feature" name="${feature}"></input><label for="input-select-feature-${index}" class="input-select-feature-label" part="input-sellect-feature-label">${feature}</label></div>`;
2148
+ html += `<div class="filter-input-container d-flex"><input class="input-select-feature" type="checkbox" ${this.selectedFeatures.indexOf(feature) >= 0 ? 'checked' : ''} id="input-select-feature-${index}" part="input-select-feature" name="${feature}"></input><label for="input-select-feature-${index}" class="input-select-feature-label" part="input-select-feature-label">${feature}</label></div>`;
2149
2149
  }
2150
2150
  html += '</div></div>';
2151
2151
  }
@@ -3159,7 +3159,9 @@ let SfIEvents = class SfIEvents extends LitElement {
3159
3159
  }
3160
3160
  });
3161
3161
  if (this.mode == "consumer" || this.mode == "next") {
3162
- (_f = listReportingContainer.querySelector('#button-uploader-submit-approve')) === null || _f === void 0 ? void 0 : _f.addEventListener('click', async () => {
3162
+ (_f = listReportingContainer.querySelector('#button-uploader-submit-approve')) === null || _f === void 0 ? void 0 : _f.addEventListener('click', async (ev) => {
3163
+ let buttonClick = ev.target;
3164
+ buttonClick.innerHTML = "Saving...";
3163
3165
  const comments = listReportingContainer.querySelector('#input-approver-comments').value;
3164
3166
  const approved = listReportingContainer.querySelector('#input-approve-yes').checked;
3165
3167
  if (this.selectedItemIds.length == 0) {
@@ -3242,7 +3244,9 @@ let SfIEvents = class SfIEvents extends LitElement {
3242
3244
  }
3243
3245
  }
3244
3246
  });
3245
- (_g = listReportingContainer.querySelector('#button-uploader-submit-audit')) === null || _g === void 0 ? void 0 : _g.addEventListener('click', async () => {
3247
+ (_g = listReportingContainer.querySelector('#button-uploader-submit-audit')) === null || _g === void 0 ? void 0 : _g.addEventListener('click', async (ev) => {
3248
+ let buttonClick = ev.target;
3249
+ buttonClick.innerHTML = "Saving...";
3246
3250
  const comments = listReportingContainer.querySelector('#input-auditor-comments').value;
3247
3251
  const approved = listReportingContainer.querySelector('#input-approve-yes').checked;
3248
3252
  if (comments.trim().length === 0) {
@@ -3340,8 +3344,10 @@ let SfIEvents = class SfIEvents extends LitElement {
3340
3344
  else {
3341
3345
  if (listReportingContainer.querySelector('#button-uploader-submit-report') != null) {
3342
3346
  listReportingContainer.querySelector('#button-uploader-submit-report').style.visibility = 'visible';
3343
- (_h = listReportingContainer.querySelector('#button-uploader-submit-report')) === null || _h === void 0 ? void 0 : _h.addEventListener('click', async () => {
3347
+ (_h = listReportingContainer.querySelector('#button-uploader-submit-report')) === null || _h === void 0 ? void 0 : _h.addEventListener('click', async (ev) => {
3344
3348
  var _a, _b;
3349
+ let buttonClick = ev.target;
3350
+ buttonClick.innerHTML = "Saving...";
3345
3351
  const reportercomments = listReportingContainer.querySelector('#input-reporter-comments').value;
3346
3352
  //console.log('reporter comments 1', reportercomments);
3347
3353
  const reporterdoc = listReportingContainer.querySelector('#input-reporter-doc').value.length > 0 ? (new Date(listReportingContainer.querySelector('#input-reporter-doc').value).getTime() + "") : "";
@@ -3831,6 +3837,9 @@ let SfIEvents = class SfIEvents extends LitElement {
3831
3837
  }
3832
3838
  // (this._SfDetailContainer as HTMLDivElement).style.display = 'block'
3833
3839
  // this.renderEventDetail(this.events[mmdd][j], mmdd + "/" + ((new Date()).getFullYear() + ""));
3840
+ if (this.selectedItemIds.length == 1) {
3841
+ ev.target.scrollIntoView();
3842
+ }
3834
3843
  });
3835
3844
  }
3836
3845
  }
@@ -6989,6 +6998,9 @@ let SfIEvents = class SfIEvents extends LitElement {
6989
6998
  }
6990
6999
  // (this._SfDetailContainer as HTMLDivElement).style.display = 'block'
6991
7000
  // this.renderEventDetail(this.events[mmdd][j], mmdd + "/" + ((new Date()).getFullYear() + ""));
7001
+ if (this.selectedItemIds.length == 1) {
7002
+ ev.target.scrollIntoView();
7003
+ }
6992
7004
  });
6993
7005
  }
6994
7006
  if (showGraph) {
@@ -7402,6 +7414,9 @@ let SfIEvents = class SfIEvents extends LitElement {
7402
7414
  }
7403
7415
  // (this._SfDetailContainer as HTMLDivElement).style.display = 'block'
7404
7416
  // this.renderEventDetail(this.events[mmdd][j], mmdd + "/" + ((new Date()).getFullYear() + ""));
7417
+ if (this.selectedItemIds.length == 1) {
7418
+ ev.target.scrollIntoView();
7419
+ }
7405
7420
  });
7406
7421
  }
7407
7422
  if (showGraph) {
@@ -8286,7 +8301,9 @@ let SfIEvents = class SfIEvents extends LitElement {
8286
8301
  this._SfDetailContainer.querySelector('#button-detail-close').dispatchEvent(clickEvent);
8287
8302
  });
8288
8303
  if (this.mode == "consumer" || this.mode == "next") {
8289
- (_f = this._SfDetailContainer.querySelector('#button-uploader-submit-approve')) === null || _f === void 0 ? void 0 : _f.addEventListener('click', async () => {
8304
+ (_f = this._SfDetailContainer.querySelector('#button-uploader-submit-approve')) === null || _f === void 0 ? void 0 : _f.addEventListener('click', async (ev) => {
8305
+ let buttonClick = ev.target;
8306
+ buttonClick.innerHTML = "Saving...";
8290
8307
  const comments = this._SfDetailContainer.querySelector('#input-approver-comments').value;
8291
8308
  const approved = this._SfDetailContainer.querySelector('#input-approve-yes').checked;
8292
8309
  var clickEvent = new MouseEvent("click", {
@@ -8383,7 +8400,9 @@ let SfIEvents = class SfIEvents extends LitElement {
8383
8400
  }
8384
8401
  }
8385
8402
  });
8386
- (_g = this._SfDetailContainer.querySelector('#button-uploader-submit-audit')) === null || _g === void 0 ? void 0 : _g.addEventListener('click', async () => {
8403
+ (_g = this._SfDetailContainer.querySelector('#button-uploader-submit-audit')) === null || _g === void 0 ? void 0 : _g.addEventListener('click', async (ev) => {
8404
+ let buttonClick = ev.target;
8405
+ buttonClick.innerHTML = "Saving...";
8387
8406
  const comments = this._SfDetailContainer.querySelector('#input-auditor-comments').value;
8388
8407
  const approved = this._SfDetailContainer.querySelector('#input-approve-yes').checked;
8389
8408
  if (comments.trim().length === 0) {
@@ -8486,8 +8505,10 @@ let SfIEvents = class SfIEvents extends LitElement {
8486
8505
  else {
8487
8506
  if (this._SfDetailContainer.querySelector('#button-uploader-submit-report') != null) {
8488
8507
  this._SfDetailContainer.querySelector('#button-uploader-submit-report').style.visibility = 'visible';
8489
- (_h = this._SfDetailContainer.querySelector('#button-uploader-submit-report')) === null || _h === void 0 ? void 0 : _h.addEventListener('click', async () => {
8508
+ (_h = this._SfDetailContainer.querySelector('#button-uploader-submit-report')) === null || _h === void 0 ? void 0 : _h.addEventListener('click', async (ev) => {
8490
8509
  var _a, _b;
8510
+ let buttonClick = ev.target;
8511
+ buttonClick.innerHTML = "Saving...";
8491
8512
  const reportercomments = this._SfDetailContainer.querySelector('#input-reporter-comments').value;
8492
8513
  //console.log('reporter comments 1', reportercomments);
8493
8514
  const reporterdoc = this._SfDetailContainer.querySelector('#input-reporter-doc').value.length > 0 ? (new Date(this._SfDetailContainer.querySelector('#input-reporter-doc').value).getTime() + "") : "";
@@ -9361,7 +9382,9 @@ let SfIEvents = class SfIEvents extends LitElement {
9361
9382
  }
9362
9383
  });
9363
9384
  if (this.mode == "consumer" || this.mode == "next") {
9364
- (_l = this._SfDetailContainer.querySelector('#button-uploader-submit-approve')) === null || _l === void 0 ? void 0 : _l.addEventListener('click', async () => {
9385
+ (_l = this._SfDetailContainer.querySelector('#button-uploader-submit-approve')) === null || _l === void 0 ? void 0 : _l.addEventListener('click', async (ev) => {
9386
+ let buttonClick = ev.target;
9387
+ buttonClick.innerHTML = "Saving...";
9365
9388
  const comments = this._SfDetailContainer.querySelector('#input-approver-comments').value;
9366
9389
  const approved = this._SfDetailContainer.querySelector('#input-approve-yes').checked;
9367
9390
  var clickEvent = new MouseEvent("click", {
@@ -9456,7 +9479,9 @@ let SfIEvents = class SfIEvents extends LitElement {
9456
9479
  }
9457
9480
  }
9458
9481
  });
9459
- (_m = this._SfDetailContainer.querySelector('#button-uploader-submit-audit')) === null || _m === void 0 ? void 0 : _m.addEventListener('click', async () => {
9482
+ (_m = this._SfDetailContainer.querySelector('#button-uploader-submit-audit')) === null || _m === void 0 ? void 0 : _m.addEventListener('click', async (ev) => {
9483
+ let buttonClick = ev.target;
9484
+ buttonClick.innerHTML = "Saving...";
9460
9485
  const comments = this._SfDetailContainer.querySelector('#input-auditor-comments').value;
9461
9486
  const approved = this._SfDetailContainer.querySelector('#input-approve-yes').checked;
9462
9487
  if (comments.trim().length === 0) {
@@ -9557,8 +9582,10 @@ let SfIEvents = class SfIEvents extends LitElement {
9557
9582
  else {
9558
9583
  if (this._SfDetailContainer.querySelector('#button-uploader-submit-report') != null) {
9559
9584
  this._SfDetailContainer.querySelector('#button-uploader-submit-report').style.visibility = 'visible';
9560
- (_o = this._SfDetailContainer.querySelector('#button-uploader-submit-report')) === null || _o === void 0 ? void 0 : _o.addEventListener('click', async () => {
9585
+ (_o = this._SfDetailContainer.querySelector('#button-uploader-submit-report')) === null || _o === void 0 ? void 0 : _o.addEventListener('click', async (ev) => {
9561
9586
  var _a, _b;
9587
+ let buttonClick = ev.target;
9588
+ buttonClick.innerHTML = "Saving...";
9562
9589
  const reportercomments = this._SfDetailContainer.querySelector('#input-reporter-comments').value;
9563
9590
  //console.log('reporter comments 1', reportercomments);
9564
9591
  const reporterdoc = this._SfDetailContainer.querySelector('#input-reporter-doc').value.length > 0 ? (new Date(this._SfDetailContainer.querySelector('#input-reporter-doc').value).getTime() + "") : "";
@@ -20354,6 +20381,10 @@ SfIEvents.styles = css `
20354
20381
  border-radius: 5px
20355
20382
  }
20356
20383
 
20384
+ .filter-button-container{
20385
+ position: relative;
20386
+ }
20387
+
20357
20388
  @media (orientation: landscape) {
20358
20389
 
20359
20390
  .lb {
package/src/sf-i-events.ts CHANGED
@@ -2650,6 +2650,10 @@ export class SfIEvents extends LitElement {
2650
2650
  border-radius: 5px
2651
2651
  }
2652
2652
 
2653
+ .filter-button-container{
2654
+ position: relative;
2655
+ }
2656
+
2653
2657
  @media (orientation: landscape) {
2654
2658
 
2655
2659
  .lb {
@@ -4228,14 +4232,14 @@ export class SfIEvents extends LitElement {
4228
4232
 
4229
4233
  html += '<div class="mb-20 stream-event-list" part="stream-event-list-charts">';
4230
4234
  html += '<div class="align-center d-flex flex-wrap align-start justify-between mb-10 w-100-m-0" part="duration-title-container"><h4 part="duration-title" class="m-0">' + parametersTitle + '</h4>'
4231
- if(this.getFeatures().length > 0){
4235
+ if(this.getFeatures().length > 1){
4232
4236
  html += '<div class="filter-button-container"><button part="button-icon" id="filter-button" class="material-icons">filter_list</button>'
4233
4237
  html += '<div id="filter-list-container" class="filter-list-container hide flex-col justify-center align-start p-10" part="filter-list-container" anchor="filter-button">'
4234
- 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" part="input-sellect-feature-label">all</label></div>`
4235
- // 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-sellect-feature-label">compliances</label></div>`
4238
+ 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" part="input-select-feature-label">all</label></div>`
4239
+ // 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>`
4236
4240
  for(let [index,feature] of this.getFeatures().entries()){
4237
4241
  console.log('rendering features', feature, this.selectedFeatures);
4238
- html += `<div class="filter-input-container d-flex"><input class="input-select-feature" type="checkbox" ${this.selectedFeatures.indexOf(feature) >= 0 ? 'checked' : ''} id="input-select-feature-${index}" part="input-select-feature" name="${feature}"></input><label for="input-select-feature-${index}" class="input-select-feature-label" part="input-sellect-feature-label">${feature}</label></div>`
4242
+ html += `<div class="filter-input-container d-flex"><input class="input-select-feature" type="checkbox" ${this.selectedFeatures.indexOf(feature) >= 0 ? 'checked' : ''} id="input-select-feature-${index}" part="input-select-feature" name="${feature}"></input><label for="input-select-feature-${index}" class="input-select-feature-label" part="input-select-feature-label">${feature}</label></div>`
4239
4243
  }
4240
4244
  html += '</div></div>'
4241
4245
  }
@@ -5458,8 +5462,9 @@ export class SfIEvents extends LitElement {
5458
5462
  });
5459
5463
  if(this.mode == "consumer" || this.mode == "next") {
5460
5464
 
5461
- listReportingContainer.querySelector('#button-uploader-submit-approve')?.addEventListener('click', async () => {
5462
-
5465
+ listReportingContainer.querySelector('#button-uploader-submit-approve')?.addEventListener('click', async (ev: any) => {
5466
+ let buttonClick = ev.target as HTMLButtonElement
5467
+ buttonClick.innerHTML = "Saving..."
5463
5468
  const comments = (listReportingContainer.querySelector('#input-approver-comments') as HTMLInputElement).value;
5464
5469
  const approved = (listReportingContainer.querySelector('#input-approve-yes') as HTMLInputElement).checked;
5465
5470
  if(this.selectedItemIds.length == 0){
@@ -5548,8 +5553,9 @@ export class SfIEvents extends LitElement {
5548
5553
 
5549
5554
  });
5550
5555
 
5551
- listReportingContainer.querySelector('#button-uploader-submit-audit')?.addEventListener('click', async () => {
5552
-
5556
+ listReportingContainer.querySelector('#button-uploader-submit-audit')?.addEventListener('click', async (ev: any) => {
5557
+ let buttonClick = ev.target as HTMLButtonElement
5558
+ buttonClick.innerHTML = "Saving..."
5553
5559
  const comments = (listReportingContainer.querySelector('#input-auditor-comments') as HTMLInputElement).value;
5554
5560
  const approved = (listReportingContainer.querySelector('#input-approve-yes') as HTMLInputElement).checked;
5555
5561
 
@@ -5664,8 +5670,9 @@ export class SfIEvents extends LitElement {
5664
5670
 
5665
5671
  (listReportingContainer.querySelector('#button-uploader-submit-report') as HTMLElement).style.visibility = 'visible';
5666
5672
 
5667
- listReportingContainer.querySelector('#button-uploader-submit-report')?.addEventListener('click', async () => {
5668
-
5673
+ listReportingContainer.querySelector('#button-uploader-submit-report')?.addEventListener('click', async (ev: any) => {
5674
+ let buttonClick = ev.target as HTMLButtonElement
5675
+ buttonClick.innerHTML = "Saving..."
5669
5676
  const reportercomments = (listReportingContainer.querySelector('#input-reporter-comments') as HTMLInputElement).value;
5670
5677
 
5671
5678
  //console.log('reporter comments 1', reportercomments);
@@ -6250,7 +6257,9 @@ export class SfIEvents extends LitElement {
6250
6257
  // (this._SfDetailContainer as HTMLDivElement).style.display = 'block'
6251
6258
 
6252
6259
  // this.renderEventDetail(this.events[mmdd][j], mmdd + "/" + ((new Date()).getFullYear() + ""));
6253
-
6260
+ if(this.selectedItemIds.length == 1){
6261
+ ev.target.scrollIntoView()
6262
+ }
6254
6263
  })
6255
6264
 
6256
6265
  }
@@ -10109,7 +10118,9 @@ export class SfIEvents extends LitElement {
10109
10118
  // (this._SfDetailContainer as HTMLDivElement).style.display = 'block'
10110
10119
 
10111
10120
  // this.renderEventDetail(this.events[mmdd][j], mmdd + "/" + ((new Date()).getFullYear() + ""));
10112
-
10121
+ if(this.selectedItemIds.length == 1){
10122
+ ev.target.scrollIntoView()
10123
+ }
10113
10124
  })
10114
10125
 
10115
10126
  }
@@ -10625,7 +10636,9 @@ export class SfIEvents extends LitElement {
10625
10636
  // (this._SfDetailContainer as HTMLDivElement).style.display = 'block'
10626
10637
 
10627
10638
  // this.renderEventDetail(this.events[mmdd][j], mmdd + "/" + ((new Date()).getFullYear() + ""));
10628
-
10639
+ if(this.selectedItemIds.length == 1){
10640
+ ev.target.scrollIntoView()
10641
+ }
10629
10642
  })
10630
10643
 
10631
10644
  }
@@ -11772,8 +11785,9 @@ export class SfIEvents extends LitElement {
11772
11785
 
11773
11786
  if(this.mode == "consumer" || this.mode == "next") {
11774
11787
 
11775
- (this._SfDetailContainer as HTMLDivElement).querySelector('#button-uploader-submit-approve')?.addEventListener('click', async () => {
11776
-
11788
+ (this._SfDetailContainer as HTMLDivElement).querySelector('#button-uploader-submit-approve')?.addEventListener('click', async (ev: any) => {
11789
+ let buttonClick = ev.target as HTMLButtonElement
11790
+ buttonClick.innerHTML = "Saving..."
11777
11791
  const comments = ((this._SfDetailContainer as HTMLDivElement).querySelector('#input-approver-comments') as HTMLInputElement).value;
11778
11792
  const approved = ((this._SfDetailContainer as HTMLDivElement).querySelector('#input-approve-yes') as HTMLInputElement).checked;
11779
11793
 
@@ -11881,8 +11895,9 @@ export class SfIEvents extends LitElement {
11881
11895
 
11882
11896
  });
11883
11897
 
11884
- (this._SfDetailContainer as HTMLDivElement).querySelector('#button-uploader-submit-audit')?.addEventListener('click', async () => {
11885
-
11898
+ (this._SfDetailContainer as HTMLDivElement).querySelector('#button-uploader-submit-audit')?.addEventListener('click', async (ev: any) => {
11899
+ let buttonClick = ev.target as HTMLButtonElement
11900
+ buttonClick.innerHTML = "Saving..."
11886
11901
  const comments = ((this._SfDetailContainer as HTMLDivElement).querySelector('#input-auditor-comments') as HTMLInputElement).value;
11887
11902
  const approved = ((this._SfDetailContainer as HTMLDivElement).querySelector('#input-approve-yes') as HTMLInputElement).checked;
11888
11903
 
@@ -12007,8 +12022,9 @@ export class SfIEvents extends LitElement {
12007
12022
 
12008
12023
  ((this._SfDetailContainer as HTMLDivElement).querySelector('#button-uploader-submit-report') as HTMLElement).style.visibility = 'visible';
12009
12024
 
12010
- (this._SfDetailContainer as HTMLDivElement).querySelector('#button-uploader-submit-report')?.addEventListener('click', async () => {
12011
-
12025
+ (this._SfDetailContainer as HTMLDivElement).querySelector('#button-uploader-submit-report')?.addEventListener('click', async (ev:any) => {
12026
+ let buttonClick = ev.target as HTMLButtonElement
12027
+ buttonClick.innerHTML = "Saving..."
12012
12028
  const reportercomments = ((this._SfDetailContainer as HTMLDivElement).querySelector('#input-reporter-comments') as HTMLInputElement).value;
12013
12029
 
12014
12030
  //console.log('reporter comments 1', reportercomments);
@@ -13034,8 +13050,9 @@ export class SfIEvents extends LitElement {
13034
13050
 
13035
13051
  if(this.mode == "consumer" || this.mode == "next") {
13036
13052
 
13037
- (this._SfDetailContainer as HTMLDivElement).querySelector('#button-uploader-submit-approve')?.addEventListener('click', async () => {
13038
-
13053
+ (this._SfDetailContainer as HTMLDivElement).querySelector('#button-uploader-submit-approve')?.addEventListener('click', async (ev:any) => {
13054
+ let buttonClick = ev.target as HTMLButtonElement
13055
+ buttonClick.innerHTML = "Saving..."
13039
13056
  const comments = ((this._SfDetailContainer as HTMLDivElement).querySelector('#input-approver-comments') as HTMLInputElement).value;
13040
13057
  const approved = ((this._SfDetailContainer as HTMLDivElement).querySelector('#input-approve-yes') as HTMLInputElement).checked;
13041
13058
 
@@ -13141,8 +13158,9 @@ export class SfIEvents extends LitElement {
13141
13158
 
13142
13159
  });
13143
13160
 
13144
- (this._SfDetailContainer as HTMLDivElement).querySelector('#button-uploader-submit-audit')?.addEventListener('click', async () => {
13145
-
13161
+ (this._SfDetailContainer as HTMLDivElement).querySelector('#button-uploader-submit-audit')?.addEventListener('click', async (ev: any) => {
13162
+ let buttonClick = ev.target as HTMLButtonElement
13163
+ buttonClick.innerHTML = "Saving..."
13146
13164
  const comments = ((this._SfDetailContainer as HTMLDivElement).querySelector('#input-auditor-comments') as HTMLInputElement).value;
13147
13165
  const approved = ((this._SfDetailContainer as HTMLDivElement).querySelector('#input-approve-yes') as HTMLInputElement).checked;
13148
13166
 
@@ -13264,8 +13282,9 @@ export class SfIEvents extends LitElement {
13264
13282
 
13265
13283
  ((this._SfDetailContainer as HTMLDivElement).querySelector('#button-uploader-submit-report') as HTMLElement).style.visibility = 'visible';
13266
13284
 
13267
- (this._SfDetailContainer as HTMLDivElement).querySelector('#button-uploader-submit-report')?.addEventListener('click', async () => {
13268
-
13285
+ (this._SfDetailContainer as HTMLDivElement).querySelector('#button-uploader-submit-report')?.addEventListener('click', async (ev:any) => {
13286
+ let buttonClick = ev.target as HTMLButtonElement
13287
+ buttonClick.innerHTML = "Saving..."
13269
13288
  const reportercomments = ((this._SfDetailContainer as HTMLDivElement).querySelector('#input-reporter-comments') as HTMLInputElement).value;
13270
13289
 
13271
13290
  //console.log('reporter comments 1', reportercomments);