sf-i-events 1.0.939 → 1.0.941

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 +4 -3
  2. package/package.json +2 -2
  3. package/sf-i-events.js +31 -17
  4. package/src/sf-i-events.ts +31 -17
package/dev/index.html CHANGED
@@ -25,7 +25,8 @@
25
25
  import { SfISubSelect } from 'https://esm.run/sf-i-sub-select@1.0.83/sf-i-sub-select.js';
26
26
  import { SfIForm } from 'https://esm.run/sf-i-form@1.0.185/sf-i-form.js';
27
27
  import { SfIElasticText } from 'https://esm.run/sf-i-elastic-text@1.0.18/sf-i-elastic-text.js';
28
- import { SfIUploader } from 'https://esm.run/sf-i-uploader@1.0.125/sf-i-uploader.js';
28
+ // import { SfIUploader } from 'https://esm.run/sf-i-uploader@1.0.125/sf-i-uploader.js';
29
+ import { SfIUploader } from '../../sf-i-uploader/sf-i-uploader.js';
29
30
  import { SfIMultitextarea } from 'https://esm.run/sf-i-multitextarea@1.0.23/sf-i-multitextarea.js';
30
31
  // import { SfIReporting } from 'https://esm.run/sf-i-reporting@1.0.89/sf-i-reporting.js';
31
32
  import { SfIReporting } from '../../sf-i-reporting/sf-i-reporting.js';
@@ -940,7 +941,7 @@
940
941
  </div>
941
942
 
942
943
  </sf-i-events> -->
943
- <!-- <sf-i-events name="Calendar" apiid="dwqyez2puoxmu.cloudfront.net/event" mode="consumer"
944
+ <sf-i-events name="Calendar" apiid="dwqyez2puoxmu.cloudfront.net/event" mode="consumer"
944
945
  apiidtags="dnytrdlrmxgsy.cloudfront.net/tagging" apiidstatutes="dnytrdlrmxgsy.cloudfront.net/statute"
945
946
  apiiddefinitions="dwqyez2puoxmu.cloudfront.net/definition"
946
947
  apiidreportformats="dwqyez2puoxmu.cloudfront.net/reportformat"
@@ -968,7 +969,7 @@
968
969
  <sf-i-reporting id="reporting-format" mode="view"></sf-i-reporting>
969
970
  </div>
970
971
 
971
- </sf-i-events> -->
972
+ </sf-i-events>
972
973
  <!-- <sf-i-events id="sf-i-events-next" name="Next Compliances" apiid="dwqyez2puoxmu.cloudfront.net/event"
973
974
  apiidstatutes="dnytrdlrmxgsy.cloudfront.net/statute" apiidcompliances="dnytrdlrmxgsy.cloudfront.net/compliance"
974
975
  apiidreportformats="dwqyez2puoxmu.cloudfront.net/reportformat"
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "sf-i-events",
3
3
  "private": false,
4
- "version": "1.0.939",
4
+ "version": "1.0.941",
5
5
  "description": "Superflows Navigation Component",
6
6
  "main": "sf-i-events.js",
7
7
  "module": "sf-i-events.js",
@@ -60,7 +60,7 @@
60
60
  "sf-i-elastic-text": "^1.0.17",
61
61
  "sf-i-form": "^1.0.186",
62
62
  "sf-i-multitextarea": "^1.0.7",
63
- "sf-i-reporting": "^1.0.89",
63
+ "sf-i-reporting": "^1.0.117",
64
64
  "sf-i-select": "^1.0.80",
65
65
  "sf-i-sub-select": "^1.0.68",
66
66
  "sf-i-uploader": "^1.0.123",
package/sf-i-events.js CHANGED
@@ -2613,15 +2613,19 @@ let SfIEvents = class SfIEvents extends LitElement {
2613
2613
  </button>
2614
2614
  ` : ''}
2615
2615
  ${showReview ? `
2616
- <input
2617
- type="checkbox"
2616
+ ${isReviewed ? `<button
2618
2617
  id="input-checkbox-review-${mmddSanitized}-${itemNumber}"
2619
- part="input-checkbox"
2620
- class="material-icons ml-10 input-checkbox-review"
2621
- ${isReviewed ? 'checked' : ''}
2622
- />
2623
- <label for="input-checkbox-review-${mmddSanitized}-${itemNumber}" part="label-checkbox" class="label-checkbox">${isReviewed ? 'Reviewed' : 'Review'}</label>
2618
+ part="button-icon-reviewed"
2619
+ class="material-symbols-outlined d-flex align-center ml-10 button-icon-review">
2620
+ flag_check
2621
+ </button>` : `<button
2622
+ id="input-checkbox-review-${mmddSanitized}-${itemNumber}"
2623
+ part="button-icon-review"
2624
+ class="d-flex align-center ml-10 button-icon-review">
2625
+ <span class="material-symbols-outlined" title="Mark as reviewed">flag</span>&nbsp;&nbsp;Mark Understood
2626
+ </button>`}
2624
2627
  ` : ''}
2628
+
2625
2629
  ${showLastUpdated ? `
2626
2630
  &nbsp;&nbsp;<div part="event-last-updated-time" class="d-flex align-center">
2627
2631
  ${lastUpdated}
@@ -2914,7 +2918,7 @@ let SfIEvents = class SfIEvents extends LitElement {
2914
2918
  let approverStr = event.concise == null ? this.getApproverStringFromEvent(event) : "";
2915
2919
  let graphParam = this.getGraphParam(event);
2916
2920
  // console.log("graphParam", graphParam.split(';')[0]);
2917
- html += '<div class="d-flex align-center event-user-labels-container"><div part="badge-filter-name" class="graphparamname graphparamname1 mb-20' + (event.concise == null ? "" : ' hide') + '">' + graphParam.split(';')[0] + '</div>' + reporterStr + approverStr + ((event.concise == null && ((event.reportformat == null || event.reportformat.length == 0) && (event.customreporting == null) && (event.reportedlocationsflag != true))) ? ('<button id="button-list-reporting-' + mmdd.replace('/', '-') + '-' + j + '-" part="button-list-reporting" class="material-icons ml-10 mb-20 button-list-reporting">edit_note</button>') : '') + (((event.module == "compliances" || event.module == null) && event.concise == null) ? ('<input type="checkbox" id="input-checkbox-review-' + mmdd.replace('/', '-') + '-' + j + '" part="input-checkbox" class="material-icons mb-20 ml-10 input-checkbox-review"' + (event.review ? 'checked' : '') + '/><label for="input-checkbox-review-' + mmdd.replace('/', '-') + '-' + j + '" part="label-checkbox" class="label-checkbox mb-20">' + (event.review ? 'Reviewed' : 'Review') + '</label></div>') : '</div>');
2921
+ html += '<div class="d-flex align-center event-user-labels-container"><div part="badge-filter-name" class="graphparamname graphparamname1 mb-20' + (event.concise == null ? "" : ' hide') + '">' + graphParam.split(';')[0] + '</div>' + reporterStr + approverStr + ((event.concise == null && ((event.reportformat == null || event.reportformat.length == 0) && (event.customreporting == null) && (event.reportedlocationsflag != true))) ? ('<button id="button-list-reporting-' + mmdd.replace('/', '-') + '-' + j + '-" part="button-list-reporting" class="material-icons ml-10 mb-20 button-list-reporting">edit_note</button>') : '') + (((event.module == "compliances" || event.module == null) && event.concise == null) ? (event.review ? ('<button id="input-checkbox-review-' + mmdd.replace('/', '-') + '-' + j + '" part="button-icon-reviewed" class="material-symbols-outlined d-flex align-center mb-20 ml-10 button-icon-review">flag_check</button>') : ('<button id="input-checkbox-review-' + mmdd.replace('/', '-') + '-' + j + '" part="button-icon-review" class="d-flex align-center mb-20 ml-10 button-icon-review"><span class="material-symbols-outlined" title="Mark as reviewed">flag</span>&nbsp;&nbsp;Mark Understood</button>')) : '') + '</div>';
2918
2922
  // }
2919
2923
  return html;
2920
2924
  };
@@ -4645,9 +4649,9 @@ let SfIEvents = class SfIEvents extends LitElement {
4645
4649
  }
4646
4650
  };
4647
4651
  this.attachReviewListeners = (eventsContainer) => {
4648
- let inputReviews = eventsContainer.querySelectorAll('.input-checkbox-review');
4649
- for (let inputReview of inputReviews) {
4650
- inputReview === null || inputReview === void 0 ? void 0 : inputReview.addEventListener('click', async (ev) => {
4652
+ let buttonReviews = eventsContainer.querySelectorAll('.button-icon-review');
4653
+ for (let buttonReview of buttonReviews) {
4654
+ buttonReview === null || buttonReview === void 0 ? void 0 : buttonReview.addEventListener('click', async (ev) => {
4651
4655
  const id = ev.target.id;
4652
4656
  const idArr = id.split("-");
4653
4657
  const mmdd = idArr[3] + "/" + idArr[4];
@@ -4656,9 +4660,17 @@ let SfIEvents = class SfIEvents extends LitElement {
4656
4660
  const j = idArr[5];
4657
4661
  console.log('review clicked', mmdd, yyyy, j, this.events[mmdd][j], ev.target.checked);
4658
4662
  let eventKey = this.events[mmdd][j].entityid + ';' + this.events[mmdd][j].locationid + ';' + this.events[mmdd][j].id;
4659
- await this.markReviewed(eventKey, yyyy, ev.target.checked);
4660
- const buttonRefresh = eventsContainer.querySelector('#button-refresh');
4661
- buttonRefresh.click();
4663
+ for (var p = 0; p < Object.keys(this.events).length; p++) {
4664
+ let tempMmDd = Object.keys(this.events)[p];
4665
+ for (var q = 0; q < this.events[tempMmDd].length; q++) {
4666
+ let tempEventKey = this.events[tempMmDd][q].entityid + ';' + this.events[tempMmDd][q].locationid + ';' + this.events[tempMmDd][q].id;
4667
+ if (tempEventKey == eventKey) {
4668
+ this.events[tempMmDd][q].review = ev.target.innerHTML.indexOf('flag_check') < 0;
4669
+ }
4670
+ }
4671
+ }
4672
+ this.markReviewed(eventKey, yyyy, ev.target.innerHTML.indexOf('flag_check') < 0);
4673
+ this.renderAppropriateStream(this.sdate, this.edate, true);
4662
4674
  });
4663
4675
  }
4664
4676
  };
@@ -13166,7 +13178,7 @@ let SfIEvents = class SfIEvents extends LitElement {
13166
13178
  reportingReporting.editdisable = (this.myRole == this.TAB_REPORTER || this.myRole == this.TAB_FUNCTION_HEAD) ? "false" : "true";
13167
13179
  // reportingReporting.mode = (this.myRole == this.TAB_REPORTER || this.myRole == this.TAB_APPROVER || this.myRole == this.TAB_FUNCTION_HEAD) ? "edit" : "view"
13168
13180
  // reportingReporting.editdisable = (this.myRole == this.TAB_REPORTER || this.myRole == this.TAB_APPROVER || this.myRole == this.TAB_FUNCTION_HEAD) ? "false" : "true"
13169
- reportingReporting.flow = "reporting";
13181
+ // reportingReporting.flow = "reporting"
13170
13182
  setTimeout(() => {
13171
13183
  reportingReporting.loadMode();
13172
13184
  console.log('list-customreporting', reportingSchemaJson);
@@ -13250,7 +13262,9 @@ let SfIEvents = class SfIEvents extends LitElement {
13250
13262
  if (reportingReporting != null) {
13251
13263
  reportformatvalues = reportingReporting.selectedValues();
13252
13264
  }
13253
- console.log('reportformatvalues', Util.compareObjects(reportformatvalues, JSON.parse(listEvent.reportformatvalues)));
13265
+ let comparedObj = Util.compareObjects(reportformatvalues, JSON.parse(listEvent.reportformatvalues));
13266
+ console.log('reportformatvalues', reportformatvalues, comparedObj);
13267
+ // return;
13254
13268
  var clickEvent = new MouseEvent("click", {
13255
13269
  "view": window,
13256
13270
  "bubbles": true,
@@ -20552,7 +20566,7 @@ let SfIEvents = class SfIEvents extends LitElement {
20552
20566
  let graphparamname1Arr = graphparamnames1[i].innerHTML.toLowerCase().replace('&amp;', '&').replace(/-/g, ' ').split(' • ');
20553
20567
  let filterFound = false;
20554
20568
  for (let tempFilterStr of graphparamname1Arr) {
20555
- console.log('graphparamname1Arr', tempFilterStr, this.graphParam.toLowerCase().replace('&amp;', '&').replace(/-/g, ' '), tempFilterStr == this.graphParam.toLowerCase().replace('&amp;', '&').replace(/-/g, ' '));
20569
+ // console.log('graphparamname1Arr', tempFilterStr, this.graphParam.toLowerCase().replace('&amp;', '&').replace(/-/g, ' '), tempFilterStr == this.graphParam.toLowerCase().replace('&amp;', '&').replace(/-/g, ' '));
20556
20570
  if (tempFilterStr == this.graphParam.toLowerCase().replace('&amp;', '&').replace(/-/g, ' ') || this.graphParam.toLowerCase().replace('&amp;', '&').replace(/-/g, ' ') == "") {
20557
20571
  filterFound = true;
20558
20572
  break;
package/src/sf-i-events.ts CHANGED
@@ -4844,15 +4844,19 @@ export class SfIEvents extends LitElement {
4844
4844
  </button>
4845
4845
  ` : ''}
4846
4846
  ${showReview ? `
4847
- <input
4848
- type="checkbox"
4847
+ ${isReviewed ? `<button
4849
4848
  id="input-checkbox-review-${mmddSanitized}-${itemNumber}"
4850
- part="input-checkbox"
4851
- class="material-icons ml-10 input-checkbox-review"
4852
- ${isReviewed ? 'checked' : ''}
4853
- />
4854
- <label for="input-checkbox-review-${mmddSanitized}-${itemNumber}" part="label-checkbox" class="label-checkbox">${isReviewed ? 'Reviewed' : 'Review'}</label>
4849
+ part="button-icon-reviewed"
4850
+ class="material-symbols-outlined d-flex align-center ml-10 button-icon-review">
4851
+ flag_check
4852
+ </button>` : `<button
4853
+ id="input-checkbox-review-${mmddSanitized}-${itemNumber}"
4854
+ part="button-icon-review"
4855
+ class="d-flex align-center ml-10 button-icon-review">
4856
+ <span class="material-symbols-outlined" title="Mark as reviewed">flag</span>&nbsp;&nbsp;Mark Understood
4857
+ </button>`}
4855
4858
  ` : ''}
4859
+
4856
4860
  ${showLastUpdated ? `
4857
4861
  &nbsp;&nbsp;<div part="event-last-updated-time" class="d-flex align-center">
4858
4862
  ${lastUpdated}
@@ -5187,7 +5191,7 @@ export class SfIEvents extends LitElement {
5187
5191
 
5188
5192
  let graphParam = this.getGraphParam(event);
5189
5193
  // console.log("graphParam", graphParam.split(';')[0]);
5190
- html += '<div class="d-flex align-center event-user-labels-container"><div part="badge-filter-name" class="graphparamname graphparamname1 mb-20' + (event.concise == null ? "" : ' hide') + '">' + graphParam.split(';')[0] + '</div>' + reporterStr + approverStr + ((event.concise == null && ((event.reportformat == null || event.reportformat.length == 0) && (event.customreporting == null) && (event.reportedlocationsflag != true))) ? ('<button id="button-list-reporting-' + mmdd.replace('/', '-') + '-' + j + '-" part="button-list-reporting" class="material-icons ml-10 mb-20 button-list-reporting">edit_note</button>') : '') + (((event.module == "compliances" || event.module == null) && event.concise == null) ? ('<input type="checkbox" id="input-checkbox-review-' + mmdd.replace('/', '-') + '-' + j + '" part="input-checkbox" class="material-icons mb-20 ml-10 input-checkbox-review"' + (event.review ? 'checked' : '') + '/><label for="input-checkbox-review-' + mmdd.replace('/', '-') + '-' + j + '" part="label-checkbox" class="label-checkbox mb-20">' + (event.review ? 'Reviewed' : 'Review') + '</label></div>') : '</div>');
5194
+ html += '<div class="d-flex align-center event-user-labels-container"><div part="badge-filter-name" class="graphparamname graphparamname1 mb-20' + (event.concise == null ? "" : ' hide') + '">' + graphParam.split(';')[0] + '</div>' + reporterStr + approverStr + ((event.concise == null && ((event.reportformat == null || event.reportformat.length == 0) && (event.customreporting == null) && (event.reportedlocationsflag != true))) ? ('<button id="button-list-reporting-' + mmdd.replace('/', '-') + '-' + j + '-" part="button-list-reporting" class="material-icons ml-10 mb-20 button-list-reporting">edit_note</button>') : '') + (((event.module == "compliances" || event.module == null) && event.concise == null) ? (event.review ? ('<button id="input-checkbox-review-' + mmdd.replace('/', '-') + '-' + j + '" part="button-icon-reviewed" class="material-symbols-outlined d-flex align-center mb-20 ml-10 button-icon-review">flag_check</button>') : ('<button id="input-checkbox-review-' + mmdd.replace('/', '-') + '-' + j + '" part="button-icon-review" class="d-flex align-center mb-20 ml-10 button-icon-review"><span class="material-symbols-outlined" title="Mark as reviewed">flag</span>&nbsp;&nbsp;Mark Understood</button>')) : '') + '</div>';
5191
5195
  // }
5192
5196
 
5193
5197
  return html;
@@ -7065,9 +7069,9 @@ export class SfIEvents extends LitElement {
7065
7069
  }
7066
7070
 
7067
7071
  attachReviewListeners = (eventsContainer: HTMLDivElement) => {
7068
- let inputReviews = eventsContainer.querySelectorAll('.input-checkbox-review') as NodeListOf<HTMLInputElement>
7069
- for (let inputReview of inputReviews) {
7070
- inputReview?.addEventListener('click', async (ev: any) => {
7072
+ let buttonReviews = eventsContainer.querySelectorAll('.button-icon-review') as NodeListOf<HTMLButtonElement>
7073
+ for (let buttonReview of buttonReviews) {
7074
+ buttonReview?.addEventListener('click', async (ev: any) => {
7071
7075
  const id = ev.target.id;
7072
7076
  const idArr = id.split("-")
7073
7077
  const mmdd = idArr[3] + "/" + idArr[4];
@@ -7076,9 +7080,17 @@ export class SfIEvents extends LitElement {
7076
7080
  const j = idArr[5];
7077
7081
  console.log('review clicked', mmdd, yyyy, j, this.events[mmdd][j], ev.target.checked);
7078
7082
  let eventKey = this.events[mmdd][j].entityid + ';' + this.events[mmdd][j].locationid + ';' + this.events[mmdd][j].id;
7079
- await this.markReviewed(eventKey, yyyy, ev.target.checked);
7080
- const buttonRefresh = eventsContainer.querySelector('#button-refresh') as HTMLButtonElement
7081
- buttonRefresh.click();
7083
+ for(var p = 0; p < Object.keys(this.events).length; p++) {
7084
+ let tempMmDd = Object.keys(this.events)[p];
7085
+ for(var q = 0; q < this.events[tempMmDd].length; q++) {
7086
+ let tempEventKey = this.events[tempMmDd][q].entityid + ';' + this.events[tempMmDd][q].locationid + ';' + this.events[tempMmDd][q].id;
7087
+ if(tempEventKey == eventKey) {
7088
+ this.events[tempMmDd][q].review = ev.target.innerHTML.indexOf('flag_check') < 0
7089
+ }
7090
+ }
7091
+ }
7092
+ this.markReviewed(eventKey, yyyy, ev.target.innerHTML.indexOf('flag_check') < 0);
7093
+ this.renderAppropriateStream(this.sdate, this.edate, true);
7082
7094
  })
7083
7095
  }
7084
7096
  }
@@ -17007,7 +17019,7 @@ export class SfIEvents extends LitElement {
17007
17019
  reportingReporting.editdisable = (this.myRole == this.TAB_REPORTER || this.myRole == this.TAB_FUNCTION_HEAD) ? "false" : "true"
17008
17020
  // reportingReporting.mode = (this.myRole == this.TAB_REPORTER || this.myRole == this.TAB_APPROVER || this.myRole == this.TAB_FUNCTION_HEAD) ? "edit" : "view"
17009
17021
  // reportingReporting.editdisable = (this.myRole == this.TAB_REPORTER || this.myRole == this.TAB_APPROVER || this.myRole == this.TAB_FUNCTION_HEAD) ? "false" : "true"
17010
- reportingReporting.flow = "reporting"
17022
+ // reportingReporting.flow = "reporting"
17011
17023
  setTimeout(() => {
17012
17024
  reportingReporting.loadMode();
17013
17025
  console.log('list-customreporting', reportingSchemaJson);
@@ -17100,7 +17112,9 @@ export class SfIEvents extends LitElement {
17100
17112
  if (reportingReporting != null) {
17101
17113
  reportformatvalues = reportingReporting!.selectedValues()
17102
17114
  }
17103
- console.log('reportformatvalues', Util.compareObjects(reportformatvalues, JSON.parse(listEvent.reportformatvalues)))
17115
+ let comparedObj = Util.compareObjects(reportformatvalues, JSON.parse(listEvent.reportformatvalues))
17116
+ console.log('reportformatvalues', reportformatvalues, comparedObj)
17117
+ // return;
17104
17118
  var clickEvent = new MouseEvent("click", {
17105
17119
  "view": window,
17106
17120
  "bubbles": true,
@@ -26069,7 +26083,7 @@ export class SfIEvents extends LitElement {
26069
26083
  let graphparamname1Arr = (graphparamnames1[i] as HTMLDivElement).innerHTML.toLowerCase().replace('&amp;', '&').replace(/-/g, ' ').split(' • ');
26070
26084
  let filterFound = false;
26071
26085
  for (let tempFilterStr of graphparamname1Arr) {
26072
- console.log('graphparamname1Arr', tempFilterStr, this.graphParam.toLowerCase().replace('&amp;', '&').replace(/-/g, ' '), tempFilterStr == this.graphParam.toLowerCase().replace('&amp;', '&').replace(/-/g, ' '));
26086
+ // console.log('graphparamname1Arr', tempFilterStr, this.graphParam.toLowerCase().replace('&amp;', '&').replace(/-/g, ' '), tempFilterStr == this.graphParam.toLowerCase().replace('&amp;', '&').replace(/-/g, ' '));
26073
26087
  if (tempFilterStr == this.graphParam.toLowerCase().replace('&amp;', '&').replace(/-/g, ' ') || this.graphParam.toLowerCase().replace('&amp;', '&').replace(/-/g, ' ') == "") {
26074
26088
  filterFound = true;
26075
26089
  break;