sf-i-reporting 1.0.32 → 1.0.34

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 CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "sf-i-reporting",
3
3
  "private": false,
4
- "version": "1.0.32",
4
+ "version": "1.0.34",
5
5
  "description": "Superflows Reporting Component",
6
6
  "main": "sf-i-reporting.js",
7
7
  "module": "sf-i-reporting.js",
@@ -1 +1 @@
1
- {"version":3,"file":"sf-i-reporting.d.ts","sourceRoot":"","sources":["src/sf-i-reporting.ts"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"sf-i-reporting.d.ts","sourceRoot":"","sources":["src/sf-i-reporting.ts"],"names":[],"mappings":"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"}
package/sf-i-reporting.js CHANGED
@@ -977,14 +977,14 @@ let SfIReporting = class SfIReporting extends LitElement {
977
977
  else if (dataObj.type == "textarea") {
978
978
  elementHtml += `<div part="textarea-container" class="d-flex flex-col flex-grow">
979
979
  <label id="${dataObj.id}-label" part="textarea-label">${dataObj.label}</label>
980
- <div part="td-body"><sf-i-elastic-text text="${dataObj.hint}" minLength="50"></sf-i-elastic-text></div>
980
+ <div part="td-body-2"><sf-i-elastic-text text="${dataObj.hint}" minLength="50"></sf-i-elastic-text></div>
981
981
  <textarea rows="${dataObj.size == "small" ? "4" : "10"}" id="${dataObj.id}" type="text" class=" reporting-textarea" part="input-textarea" ${this.mode == "view" || this.flow == "details" ? "readonly" : ""}>${dataObj.value}</textarea>
982
982
  </div>`;
983
983
  }
984
984
  else if (dataObj.type == "yesno+textarea") {
985
985
  elementHtml += `<div part="textarea-container" class="d-flex flex-col flex-grow">
986
986
  <label id="${dataObj.id}-label" part="textarea-label">${dataObj.label}</label>
987
- <div part="td-body"><sf-i-elastic-text text="${dataObj.hint}" minLength="50"></sf-i-elastic-text></div>
987
+ <div part="td-body-2"><sf-i-elastic-text text="${dataObj.hint}" minLength="50"></sf-i-elastic-text></div>
988
988
  <div class="d-flex">`;
989
989
  for (let option of dataObj.options) {
990
990
  elementHtml += `<input type="radio" id="${dataObj.id}-${option.toLowerCase().replace(/ /g, '_')}" name="${dataObj.id}" class="reporting-radio" part="input-radio" value="${option}" ${this.mode == "view" || this.flow == "details" ? "disabled" : ""} ${dataObj.value[0] == option ? "checked" : ""}><label id="${dataObj.id}-${option.toLowerCase().replace(/ /g, '_')}-label" part="radio-label">${option}</label>`;
@@ -996,15 +996,15 @@ let SfIReporting = class SfIReporting extends LitElement {
996
996
  else if (dataObj.type == "date") {
997
997
  elementHtml += `<div part="date-container" class="d-flex flex-col flex-grow">
998
998
  <label id="${dataObj.id}-label" part="date-label">${dataObj.label}</label>
999
- <div part="td-body"><sf-i-elastic-text text="${dataObj.hint}" minLength="50"></sf-i-elastic-text></div>
1000
- <input class="reporting-date" id="${dataObj.id}" part="reporting-date" type="date" ${this.mode == "view" || this.flow == "details" ? "readonly" : ""} value="${dataObj.value}"/>
999
+ <div part="td-body-2"><sf-i-elastic-text text="${dataObj.hint}" minLength="50"></sf-i-elastic-text></div>
1000
+ <input class="reporting-date" id="${dataObj.id}" part="input-date" type="date" ${this.mode == "view" || this.flow == "details" ? "readonly" : ""} value="${dataObj.value}"/>
1001
1001
  </div>`;
1002
1002
  }
1003
1003
  else if (dataObj.type == "sf-i-form") {
1004
1004
  elementHtml += `<div part="date-container" class="d-flex flex-col flex-grow">
1005
1005
  <label id="${dataObj.id}-label" part="date-label">${dataObj.label}</label>
1006
- <div part="td-body"><sf-i-elastic-text text="${dataObj.hint}" minLength="50"></sf-i-elastic-text></div>
1007
- <sf-i-form exportparts="td-action:form-td-action, td-body" id="${dataObj.id}" class="reporting-sf-i-form" name="${dataObj.name}" label="" apiId="${dataObj.apiid}" mode="${dataObj.mode}" searchPhrase="${this.projectname + "&" + dataObj.searchstring}" selectProjection="${dataObj.selectprojection}" ignoreProjections="${dataObj.ignoredprojections}" ${parseInt(dataObj.maxselect) == 0 ? "" : `maxselect="${dataObj.maxselect}"`} ${dataObj.mandatory != null ? "mandatory=\"\"" : ""}></sf-i-form>
1006
+ <div part="td-body-2"><sf-i-elastic-text text="${dataObj.hint}" minLength="50"></sf-i-elastic-text></div>
1007
+ <sf-i-form exportparts="td-action:form-td-action, td-body" id="${dataObj.id}" class="reporting-sf-i-form" part="input-sf-i-form" name="${dataObj.name}" label="" apiId="${dataObj.apiid}" mode="${dataObj.mode}" searchPhrase="${this.projectname + "&" + dataObj.searchstring}" selectProjection="${dataObj.selectprojection}" ignoreProjections="${dataObj.ignoredprojections}" ${parseInt(dataObj.maxselect) == 0 ? "" : `maxselect="${dataObj.maxselect}"`} ${dataObj.mandatory != null ? "mandatory=\"\"" : ""}></sf-i-form>
1008
1008
  </div>`;
1009
1009
  // elementHtml += `<div part="date-container" class="d-flex flex-col flex-grow">
1010
1010
  // <label id="${dataObj.id}-label" part="date-label">${dataObj.label}</label>
@@ -1016,8 +1016,8 @@ let SfIReporting = class SfIReporting extends LitElement {
1016
1016
  else if (dataObj.type == "sf-i-bricks") {
1017
1017
  elementHtml += `<div part="date-container" class="d-flex flex-col flex-grow">
1018
1018
  <label id="${dataObj.id}-label" part="date-label">${dataObj.label}</label>
1019
- <div part="td-body"><sf-i-elastic-text text="${dataObj.hint}" minLength="50"></sf-i-elastic-text></div>
1020
- <sf-i-bricks id="${dataObj.id}" mode="${dataObj.mode}" class="reporting-sf-i-bricks" name="${dataObj.name}" ${parseInt(dataObj.maxselect) == 0 ? "" : `maxselect="${dataObj.maxselect}"`} ${dataObj.mandatory != null ? "mandatory=\"\"" : ""}></sf-i-bricks>
1019
+ <div part="td-body-2"><sf-i-elastic-text text="${dataObj.hint}" minLength="50"></sf-i-elastic-text></div>
1020
+ <sf-i-bricks id="${dataObj.id}" mode="${dataObj.mode}" class="reporting-sf-i-bricks" part="input-sf-i-bricks" name="${dataObj.name}" ${parseInt(dataObj.maxselect) == 0 ? "" : `maxselect="${dataObj.maxselect}"`} ${dataObj.mandatory != null ? "mandatory=\"\"" : ""}></sf-i-bricks>
1021
1021
  </div>`;
1022
1022
  }
1023
1023
  return elementHtml;
@@ -1047,7 +1047,10 @@ let SfIReporting = class SfIReporting extends LitElement {
1047
1047
  let html = '';
1048
1048
  html += `<div class="d-flex justify-between p-7">`;
1049
1049
  html += `<input part="input-select-all" class="input-select-all" id="input-select-all" type="checkbox"></input>`;
1050
- html += `<button id="button-publish" part="button" class="hide">publish</button>`;
1050
+ html += `<div class="d-flex justify-end flex-grow">`;
1051
+ html += `<button id="button-publish" part="button-icon" class="material-icons hide">campaign</button>`;
1052
+ html += `<button id="button-new" part="button-icon" class="material-icons button-icon-click ml-10">add</button>`;
1053
+ html += `</div>`;
1051
1054
  html += `</div>`;
1052
1055
  html += '<table id="select-list-table" class="w-100-m-0">';
1053
1056
  for (let [i, item] of this.list.entries()) {
@@ -1057,7 +1060,7 @@ let SfIReporting = class SfIReporting extends LitElement {
1057
1060
  html += `<td part="td-action" class="td-action"><button part="button-details" class="button-details" id="button-details-${i}">Details</button></td>`;
1058
1061
  for (let property of Object.keys(item)) {
1059
1062
  if (this.getIgnoreProjections().indexOf(property) < 0) {
1060
- html += `<td part="td-body" class="td-body ${bgClass}"><div class="d-flex align-center flex-wrap"><div part="td-head" class="pl-0-imp w-100 d-flex align-center">${property}</div><div><sf-i-elastic-text text="${item[property]}" minLength="20"></sf-i-elastic-text></div></div></td>`;
1063
+ html += `<td part="td-body" class="td-body ${bgClass}"><div class="d-flex flex-col align-start flex-wrap"><div part="td-head" class="pl-0-imp w-100 d-flex align-center">${property}</div><div><sf-i-elastic-text text="${item[property]}" minLength="20"></sf-i-elastic-text></div></div></td>`;
1061
1064
  }
1062
1065
  }
1063
1066
  html += '</tr>';
@@ -1116,6 +1119,10 @@ let SfIReporting = class SfIReporting extends LitElement {
1116
1119
  console.log('publish clicked', this.selectedItemIds);
1117
1120
  this.submitPublish();
1118
1121
  });
1122
+ let buttonNew = this._SfReportingContainer.querySelector('#button-new');
1123
+ buttonNew.addEventListener('click', () => {
1124
+ this.newClick();
1125
+ });
1119
1126
  let customEvent = new CustomEvent('valueChanged');
1120
1127
  this.dispatchEvent(customEvent);
1121
1128
  };
@@ -1629,20 +1636,8 @@ let SfIReporting = class SfIReporting extends LitElement {
1629
1636
  return html `
1630
1637
  <link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
1631
1638
  <div part="reporting-container-outer" class="SfIReportingC d-flex flex-col align-center">
1632
- <div class="d-flex w-100-m-0 mb-20 mt-20">
1633
- <div class="lb"></div>
1634
- <div class="d-flex flex-grow justify-between w-100-m-0">
1635
- <button part="button-icon" class="button-icon-click invisible"><span class="material-icons">keyboard_backspace</span></button>
1636
- <div class="d-flex">
1637
- <button id="button-new" part="button-icon" class="material-icons button-icon-click">add</button>
1638
- </div>
1639
- </div>
1640
- <div class="rb"></div>
1641
- </div>
1642
1639
  <div class="d-flex justify-between w-100-m-0">
1643
- <div class="lb"></div>
1644
1640
  <div id="reporting-container" part="reporting-container" class="w-100-m-0 hide"></div>
1645
- <div class="rb"></div>
1646
1641
  </div>
1647
1642
  <div class="loader-element"></div>
1648
1643
  <div class="d-flex justify-between w-100-m-0">
@@ -1695,7 +1690,9 @@ SfIReporting.styles = css `
1695
1690
  margin-left: 10px;
1696
1691
  margin-right: 10px;
1697
1692
  }
1698
-
1693
+ .ml-10{
1694
+ margin-left: 10px
1695
+ }
1699
1696
  .flex-grow {
1700
1697
  flex-grow: 1;
1701
1698
  }