sf-i-events 1.0.34 → 1.0.36

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 CHANGED
@@ -453,7 +453,7 @@
453
453
  apiId="tcic9iqenc"
454
454
  mode="select"
455
455
  selectProjection="name"
456
- ignoreProjections="["compliance","search","updatetype"]"
456
+ ignoreProjections="["compliance","search","updatetype","shortid"]"
457
457
  searchPhrase=''
458
458
  mandatory
459
459
  >
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "sf-i-events",
3
3
  "private": false,
4
- "version": "1.0.34",
4
+ "version": "1.0.36",
5
5
  "description": "Superflows Navigation Component",
6
6
  "main": "sf-i-events.js",
7
7
  "module": "sf-i-events.js",
package/sf-i-events.d.ts CHANGED
@@ -70,7 +70,7 @@ export declare class SfIEvents extends LitElement {
70
70
  _SfButtonMapChosenProject: any;
71
71
  _SfButtonBackChosenProject: any;
72
72
  _SfButtonBackCalendarMapping: any;
73
- _SfButtonBackAddMapping: any;
73
+ _SfButtonBackSyncMapping: any;
74
74
  _SfButtonBackChosenMapping: any;
75
75
  _SfTitleChosenProject: any;
76
76
  _SfTitleChosenMapping: any;
@@ -157,6 +157,7 @@ export declare class SfIEvents extends LitElement {
157
157
  showChooseProject: () => void;
158
158
  showChosenProject: () => void;
159
159
  showChosenMapping: () => void;
160
+ truncate: (str: string, n: number, useWordBoundary: boolean) => string;
160
161
  initListenersAdmin: () => void;
161
162
  loadMode: () => Promise<void>;
162
163
  constructor();
@@ -1 +1 @@
1
- {"version":3,"file":"sf-i-events.d.ts","sourceRoot":"","sources":["src/sf-i-events.ts"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"sf-i-events.d.ts","sourceRoot":"","sources":["src/sf-i-events.ts"],"names":[],"mappings":"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"}
package/sf-i-events.js CHANGED
@@ -773,11 +773,11 @@ let SfIEvents = class SfIEvents extends LitElement {
773
773
  this._SfMappingContainer.querySelector('#row-unmapped-graph').querySelector('.div-graph-pending').style.width = ((inputArr.length - mapped) * 100 / (inputArr.length)) + '%';
774
774
  this._SfMappingContainer.querySelector('#row-unmapped-graph').querySelector('.div-graph-complete').style.width = ((mapped) * 100 / (inputArr.length)) + '%';
775
775
  console.log('showing summary', mapped, Object.keys(this.mappedValuesUsers).length);
776
- if (mapped == Object.keys(this.mappedValuesUsers).length) {
777
- this._SfButtonBackAddMapping.style.visibility = 'visible';
776
+ if (mapped == inputArr.length) {
777
+ this._SfMappingContainer.querySelector('#button-back-add-mapping').style.visibility = 'visible';
778
778
  }
779
779
  else {
780
- this._SfButtonBackAddMapping.style.visibility = 'hidden';
780
+ this._SfMappingContainer.querySelector('#button-back-add-mapping').style.visibility = 'hidden';
781
781
  }
782
782
  };
783
783
  this.showAllEvents = () => {
@@ -1186,7 +1186,7 @@ let SfIEvents = class SfIEvents extends LitElement {
1186
1186
  console.log('rendering mapping', unmappedEvents, this.mappedValuesDueDates, this.mappedValuesUsers, this.mappedValuesTags);
1187
1187
  var html = '';
1188
1188
  html += '<div class="d-flex align-center mt-20">';
1189
- html += '<div id="row-unmapped-graph" class="d-flex"><div class="div-graph-complete"></div><div class="div-graph-pending"></div></div>';
1189
+ html += '<div id="row-unmapped-graph" class="d-flex flex-grow"><div class="div-graph-complete"></div><div class="div-graph-pending"></div></div>';
1190
1190
  html += '<div id="row-unmapped-summary" part="filter-title" class="ml-10">Completed 0</div>';
1191
1191
  html += '</div>';
1192
1192
  html += '<table part="button" id="row-unmapped-table-multi-entry" class="hide fixed-bottom justify-center">';
@@ -1320,6 +1320,7 @@ let SfIEvents = class SfIEvents extends LitElement {
1320
1320
  html += '</table>';
1321
1321
  }
1322
1322
  html += '</div>';
1323
+ html += '<button id="button-back-add-mapping" part="button" class="invisible mb-20 mt-20">Save</button>';
1323
1324
  this._SfMappingContainer.innerHTML = html;
1324
1325
  for (var i = 0; i < unmappedEvents.length; i++) {
1325
1326
  // var moveOn = false;
@@ -1445,6 +1446,9 @@ let SfIEvents = class SfIEvents extends LitElement {
1445
1446
  this._SfMappingContainer.querySelector('#row-unmapped-table-multi-entry').style.display = 'none';
1446
1447
  this.clearAllMappingSelections();
1447
1448
  });
1449
+ this._SfMappingContainer.querySelector('#button-back-add-mapping').addEventListener('click', async () => {
1450
+ this.uploadMapping();
1451
+ });
1448
1452
  };
1449
1453
  this.applyFilter = (filter = "all") => {
1450
1454
  for (var i = 0; i < this.unmappedEvents.length; i++) {
@@ -1524,17 +1528,24 @@ let SfIEvents = class SfIEvents extends LitElement {
1524
1528
  this._SfMappingContainer.querySelector('#row-unmapped-input-tags-' + i).preselectedValues = JSON.stringify(this.mappedValuesTags[i]);
1525
1529
  //((this._SfMappingContainer as HTMLDivElement).querySelector('#row-unmapped-input-tags-'+i) as SfIForm)!.populatePreselected();
1526
1530
  }
1527
- html = '';
1528
- for (var j = 0; j < this.mappedValuesUsers[i].length; j++) {
1529
- html += this.mappedValuesUsers[i][j];
1530
- if (j < (this.mappedValuesUsers[i].length - 1)) {
1531
- html += ',';
1531
+ if (this.mappedValuesUsers[i] != null) {
1532
+ html = '';
1533
+ for (var j = 0; j < this.mappedValuesUsers[i].length; j++) {
1534
+ html += this.mappedValuesUsers[i][j];
1535
+ if (j < (this.mappedValuesUsers[i].length - 1)) {
1536
+ html += ',';
1537
+ }
1532
1538
  }
1539
+ this._SfMappingContainer.querySelector('#row-unmapped-div-users-' + i).innerHTML = html;
1540
+ this._SfMappingContainer.querySelector('#row-unmapped-input-users-' + i).preselectedValues = JSON.stringify(this.mappedValuesUsers[i]);
1541
+ //((this._SfMappingContainer as HTMLDivElement).querySelector('#row-unmapped-input-users-'+i) as SfIForm)!.populatePreselected();
1542
+ }
1543
+ if (this.mappedValuesUsers[i] != null) {
1544
+ this._SfMappingContainer.querySelector('#row-unmapped-status-' + i).innerHTML = '<span class="material-icons color-done">check_circle</span>';
1545
+ }
1546
+ else {
1547
+ this._SfMappingContainer.querySelector('#row-unmapped-status-' + i).innerHTML = '<span class="material-icons color-pending">pending</span>';
1533
1548
  }
1534
- this._SfMappingContainer.querySelector('#row-unmapped-div-users-' + i).innerHTML = html;
1535
- this._SfMappingContainer.querySelector('#row-unmapped-input-users-' + i).preselectedValues = JSON.stringify(this.mappedValuesUsers[i]);
1536
- //((this._SfMappingContainer as HTMLDivElement).querySelector('#row-unmapped-input-users-'+i) as SfIForm)!.populatePreselected();
1537
- this._SfMappingContainer.querySelector('#row-unmapped-status-' + i).innerHTML = '<span class="material-icons color-done">check_circle</span>';
1538
1549
  }
1539
1550
  this.calculateAndShowSummary();
1540
1551
  };
@@ -1621,7 +1632,7 @@ let SfIEvents = class SfIEvents extends LitElement {
1621
1632
  if (xhr.status == 200) {
1622
1633
  const jsonRespose = JSON.parse(xhr.responseText);
1623
1634
  console.log('jsonResponse sync', jsonRespose);
1624
- this.fetchCalendar();
1635
+ this.loadMode();
1625
1636
  }
1626
1637
  else {
1627
1638
  const jsonRespose = JSON.parse(xhr.responseText);
@@ -1866,6 +1877,15 @@ let SfIEvents = class SfIEvents extends LitElement {
1866
1877
  elems[index].style.display = 'flex';
1867
1878
  }
1868
1879
  };
1880
+ this.truncate = (str, n, useWordBoundary) => {
1881
+ if (str.length <= n) {
1882
+ return str;
1883
+ }
1884
+ const subString = str.slice(0, n - 1); // the original check
1885
+ return (useWordBoundary
1886
+ ? subString.slice(0, subString.lastIndexOf(" "))
1887
+ : subString) + "&hellip;";
1888
+ };
1869
1889
  this.initListenersAdmin = () => {
1870
1890
  var _a, _b, _c, _d, _e, _f, _g;
1871
1891
  var old_element = null;
@@ -1874,7 +1894,7 @@ let SfIEvents = class SfIEvents extends LitElement {
1874
1894
  new_element = old_element.cloneNode(true);
1875
1895
  (_a = old_element === null || old_element === void 0 ? void 0 : old_element.parentElement) === null || _a === void 0 ? void 0 : _a.replaceChild(new_element, old_element);
1876
1896
  this._SfProject[0].querySelector('#sf-i-project').addEventListener('valueChanged', async () => {
1877
- this._SfTitleChosenMapping.innerHTML = this._SfProject[0].querySelector('#sf-i-project').selectedTexts()[0];
1897
+ this._SfTitleChosenMapping.innerHTML = this.truncate(this._SfProject[0].querySelector('#sf-i-project').selectedTexts()[0], 20, true);
1878
1898
  this.showChosenMapping();
1879
1899
  this.fetchEventMap();
1880
1900
  this.renderMappingTabs(this.TAB_REPORTER);
@@ -1906,17 +1926,17 @@ let SfIEvents = class SfIEvents extends LitElement {
1906
1926
  this.fetchEventMap();
1907
1927
  this.renderMappingTabs(this.TAB_REPORTER);
1908
1928
  });
1909
- old_element = this._SfButtonBackAddMapping;
1929
+ old_element = this._SfButtonBackCalendarMapping;
1910
1930
  new_element = old_element.cloneNode(true);
1911
1931
  (_f = old_element === null || old_element === void 0 ? void 0 : old_element.parentElement) === null || _f === void 0 ? void 0 : _f.replaceChild(new_element, old_element);
1912
- this._SfButtonBackAddMapping.addEventListener('click', async () => {
1913
- this.uploadMapping();
1932
+ this._SfButtonBackCalendarMapping.addEventListener('click', async () => {
1933
+ this.fetchCalendar();
1914
1934
  });
1915
- old_element = this._SfButtonBackCalendarMapping;
1935
+ old_element = this._SfButtonBackSyncMapping;
1916
1936
  new_element = old_element.cloneNode(true);
1917
1937
  (_g = old_element === null || old_element === void 0 ? void 0 : old_element.parentElement) === null || _g === void 0 ? void 0 : _g.replaceChild(new_element, old_element);
1918
- this._SfButtonBackCalendarMapping.addEventListener('click', async () => {
1919
- this.fetchCalendar();
1938
+ this._SfButtonBackSyncMapping.addEventListener('click', async () => {
1939
+ this.fetchList();
1920
1940
  });
1921
1941
  };
1922
1942
  this.loadMode = async () => {
@@ -2000,69 +2020,75 @@ let SfIEvents = class SfIEvents extends LitElement {
2000
2020
  <h3 part="results-title" id="title-choose-project" class="m-0">Choose Project</h3>
2001
2021
  </div>
2002
2022
  </div>
2003
- <div class="chosen-project" class="d-flex justify-center align-start">
2004
- <div class="d-flex flex-grow justify-between align-start">
2005
- <div class="d-flex justify-center">
2006
- &nbsp;<button id="button-back-chosen-project" part="button-icon" class="button-icon"><span class="material-icons">keyboard_backspace</span></button>
2007
- &nbsp;<button part="button-icon" class="invisible button-icon"><span class="material-icons">keyboard_backspace</span></button>
2008
- </div>
2009
- <h3 part="results-title" id="title-chosen-project" class="m-0">Project Name</h3>
2010
- <div class="d-flex justify-center">
2011
- <button id="button-sync-chosen-project" part="button-icon" class="button-icon"><span class="material-icons">sync</span></button>
2012
- &nbsp;
2013
- <button id="button-map-chosen-project" part="button-icon" class="button-icon"><span class="material-icons">person_add</span></button>
2014
- &nbsp;
2015
- </div>
2016
- </div>
2017
- </div>
2018
- <div class="chosen-mapping" class="d-flex justify-center align-center">
2019
- <div class="d-flex flex-grow justify-between align-start">
2020
- <div>
2021
- <button id="button-back-chosen-mapping" part="button-icon" class="button-icon"><span class="material-icons">keyboard_backspace</span></button>
2022
- <button part="button-icon" class="invisible button-icon"><span class="material-icons">calendar_month</span></button>
2023
- </div>
2024
- <h3 part="results-title" id="title-chosen-mapping" class="m-0">Project Name</h3>
2025
- <div>
2026
- <button id="button-back-calendar-mapping" part="button-icon" class="invisible button-icon"><span class="material-icons">calendar_month</span></button>
2027
- <button id="button-back-add-mapping" part="button-icon" class="invisible button-icon"><span class="material-icons">save</span></button>
2028
- </div>
2029
- </div>
2030
- </div>
2031
- <div class="choose-project" class="d-flex justify-center align-start">
2032
- <div class=" mt-20">
2033
- <slot name="project"></slot>
2034
- </div>
2035
- </div>
2036
- <div id="container-chosen-project" class="chosen-project hide d-flex justify-center align-start mt-20">
2037
-
2038
- </div>
2039
- <div class="chosen-project d-flex justify-center" id="tab-container">
2023
+ <div class="d-flex justify-between">
2024
+ <div class="lb"></div>
2025
+ <div class=" main-container">
2026
+ <div class="chosen-project" class="d-flex justify-center align-start">
2027
+ <div class="d-flex flex-grow justify-between align-start">
2028
+ <div class="d-flex justify-center">
2029
+ &nbsp;<button id="button-back-chosen-project" part="button-icon" class="button-icon"><span class="material-icons">keyboard_backspace</span></button>
2030
+ &nbsp;<button part="button-icon" class="invisible button-icon"><span class="material-icons">keyboard_backspace</span></button>
2031
+ </div>
2032
+ <h3 part="results-title" id="title-chosen-project" class="m-0">Project Name</h3>
2033
+ <div class="d-flex justify-center">
2034
+ <button id="button-sync-chosen-project" part="button-icon" class="button-icon"><span class="material-icons">sync</span></button>
2035
+ &nbsp;
2036
+ <button id="button-map-chosen-project" part="button-icon" class="button-icon"><span class="material-icons">person_add</span></button>
2037
+ &nbsp;
2038
+ </div>
2039
+ </div>
2040
+ </div>
2041
+ <div class="chosen-mapping" class="d-flex justify-center align-center">
2042
+ <div class="d-flex flex-grow justify-between align-start">
2043
+ <div>
2044
+ <button id="button-back-chosen-mapping" part="button-icon" class="button-icon"><span class="material-icons">keyboard_backspace</span></button>
2045
+ <button part="button-icon" class="invisible button-icon"><span class="material-icons">calendar_month</span></button>
2046
+ </div>
2047
+ <h3 part="results-title" id="title-chosen-mapping" class="m-0">Project Name</h3>
2048
+ <div>
2049
+ <button id="button-back-calendar-mapping" part="button-icon" class="invisible button-icon"><span class="material-icons">calendar_month</span></button>
2050
+ <button id="button-back-sync-mapping" part="button-icon" class="button-icon"><span class="material-icons">sync</span></button>
2051
+ </div>
2052
+ </div>
2053
+ </div>
2054
+ <div class="choose-project" class="d-flex justify-center align-start">
2055
+ <div class=" mt-20">
2056
+ <slot name="project"></slot>
2057
+ </div>
2058
+ </div>
2059
+ <div id="container-chosen-project" class="chosen-project hide d-flex justify-center align-start mt-20">
2060
+
2061
+ </div>
2062
+ <div class="chosen-project d-flex justify-center" id="tab-container">
2040
2063
 
2041
- </div>
2042
-
2043
- <div class="chosen-project d-flex flex-grow flex-wrap justify-center align-stretch" id="calendar-container">
2044
-
2045
- </div>
2046
- <div class="chosen-project d-flex flex-grow flex-wrap justify-center align-stretch" id="stream-container">
2047
-
2048
- </div>
2049
- <div class="chosen-project d-flex flex-grow flex-wrap justify-center align-stretch" id="upcoming-container">
2050
-
2051
- </div>
2052
- <div class="chosen-project d-flex flex-grow flex-wrap justify-center align-stretch" id="this-container">
2053
-
2054
- </div>
2055
- <div class="chosen-project d-flex flex-grow flex-wrap justify-center align-stretch" id="past-container">
2056
-
2057
- </div>
2058
- <div class="chosen-project d-flex flex-grow flex-wrap justify-center align-stretch" id="custom-container">
2059
-
2060
- </div>
2064
+ </div>
2065
+
2066
+ <div class="chosen-project d-flex flex-grow flex-wrap justify-center align-stretch" id="calendar-container">
2067
+
2068
+ </div>
2069
+ <div class="chosen-project d-flex flex-grow flex-wrap justify-center align-stretch" id="stream-container">
2070
+
2071
+ </div>
2072
+ <div class="chosen-project d-flex flex-grow flex-wrap justify-center align-stretch" id="upcoming-container">
2073
+
2074
+ </div>
2075
+ <div class="chosen-project d-flex flex-grow flex-wrap justify-center align-stretch" id="this-container">
2076
+
2077
+ </div>
2078
+ <div class="chosen-project d-flex flex-grow flex-wrap justify-center align-stretch" id="past-container">
2079
+
2080
+ </div>
2081
+ <div class="chosen-project d-flex flex-grow flex-wrap justify-center align-stretch" id="custom-container">
2082
+
2083
+ </div>
2061
2084
 
2062
- <div class="chosen-mapping d-flex justify-center mt-20" id="mapping-tab-container">
2085
+ <div class="chosen-mapping d-flex justify-center mt-20" id="mapping-tab-container">
2063
2086
 
2064
- </div>
2065
- <div class="chosen-mapping d-flex flex-col mb-100" id="mapping-container">
2087
+ </div>
2088
+ <div class="chosen-mapping d-flex flex-col mb-100" id="mapping-container">
2089
+ </div>
2090
+ </div>
2091
+ <div class="rb"></div>
2066
2092
  </div>
2067
2093
  <div class="d-flex justify-between">
2068
2094
  <div class="lb"></div>
@@ -2164,6 +2190,12 @@ SfIEvents.styles = css `
2164
2190
  margin-bottom: 100px;
2165
2191
  }
2166
2192
 
2193
+ #button-back-add-mapping {
2194
+ bottom: 10px;
2195
+ z-index: 99;
2196
+ position: sticky;
2197
+ }
2198
+
2167
2199
  .fixed-bottom {
2168
2200
  position: fixed;
2169
2201
  bottom: 0px;
@@ -2184,6 +2216,20 @@ SfIEvents.styles = css `
2184
2216
  width: 100%;
2185
2217
  }
2186
2218
 
2219
+ input {
2220
+
2221
+ border-width: 0px;
2222
+ border-radius: 5px;
2223
+ color: #666;
2224
+ background: #efefef;
2225
+ box-shadow: 1px 1px 10px 0 rgba(0, 0, 0, 0.25), -1px -1px 10px 0 rgba(255, 255, 255, 0.6);
2226
+ border-top: solid 1px rgba(255, 255, 255, 0.3);
2227
+ border-left: solid 1px rgba(255, 255, 255, 0.3);
2228
+ border-bottom: solid 1px rgba(0, 0, 0, 0.1);
2229
+ border-right: solid 1px rgba(0, 0, 0, 0.1);
2230
+ padding: 10px;
2231
+
2232
+ }
2187
2233
 
2188
2234
  .bg-pending {
2189
2235
  background-color: #f49315;
@@ -2587,6 +2633,11 @@ SfIEvents.styles = css `
2587
2633
  width: 5%
2588
2634
  }
2589
2635
 
2636
+ .main-container {
2637
+ width: 90%;
2638
+ overflow-x: auto;
2639
+ }
2640
+
2590
2641
  @media (orientation: landscape) {
2591
2642
 
2592
2643
  .lb {
@@ -2603,6 +2654,10 @@ SfIEvents.styles = css `
2603
2654
  padding: 1%;
2604
2655
  }
2605
2656
 
2657
+ .main-container {
2658
+ width: 40%;
2659
+ }
2660
+
2606
2661
  }
2607
2662
 
2608
2663
  `;
@@ -2727,8 +2782,8 @@ __decorate([
2727
2782
  query('#button-back-calendar-mapping')
2728
2783
  ], SfIEvents.prototype, "_SfButtonBackCalendarMapping", void 0);
2729
2784
  __decorate([
2730
- query('#button-back-add-mapping')
2731
- ], SfIEvents.prototype, "_SfButtonBackAddMapping", void 0);
2785
+ query('#button-back-sync-mapping')
2786
+ ], SfIEvents.prototype, "_SfButtonBackSyncMapping", void 0);
2732
2787
  __decorate([
2733
2788
  query('#button-back-chosen-mapping')
2734
2789
  ], SfIEvents.prototype, "_SfButtonBackChosenMapping", void 0);