sf-i-reporting 1.0.100 → 1.0.102
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-reporting.d.ts.map +1 -1
- package/sf-i-reporting.js +59 -24
- package/sf-i-reporting.js.map +1 -1
- package/src/sf-i-reporting.ts +57 -36
package/package.json
CHANGED
package/sf-i-reporting.d.ts.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"sf-i-reporting.d.ts","sourceRoot":"","sources":["src/sf-i-reporting.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AAEH,OAAO,EAAE,UAAU,EAAa,gBAAgB,EAAE,MAAM,KAAK,CAAC;AAO9D,OAAO,EAAE,UAAU,EAAE,eAAe,EAA8D,MAAM,eAAe,CAAC;AAcxH;;;;;;;;;;GAUG;AACH,qBACa,YAAa,SAAQ,UAAU;IAE1C,KAAK,EAAE,MAAM,CAAM;IAGnB,aAAa,EAAE,MAAM,CAAM;IAG3B,SAAS,EAAE,MAAM,CAAM;IAGvB,WAAW,EAAE,MAAM,CAAM;IAGzB,UAAU,EAAE,MAAM,CAAQ;IAU1B,aAAa,YAEZ;IAGD,kBAAkB,EAAE,MAAM,CAAQ;IAIlC,kBAAkB,YAEjB;IAGD,IAAI,EAAE,MAAM,CAAU;IAGtB,IAAI,EAAE,MAAM,CAAU;IAGtB,IAAI,EAAE,MAAM,CAAe;IAG3B,iBAAiB,EAAE,MAAM,CAAQ;IAGjC,WAAW,EAAE,MAAM,CAAW;IAG9B,aAAa,EAAE,MAAM,CAAW;IAEhC,oBAAoB,YAEnB;IAGD,OAAO,EAAE,MAAM,CAAO;IAGtB,UAAU,YAET;IAGD,aAAa,EAAE,MAAM,CAAa;IAElC,SAAS,EAAE,GAAG,EAAE,CAAM;IAEtB,IAAI,EAAE,GAAG,EAAE,CAAM;IAEjB,SAAS,EAAE,OAAO,CAAS;IAE3B,UAAU,EAAE,OAAO,CAAS;IAE5B,qBAAqB,EAAE,MAAM,CAAK;IAClC,qBAAqB,EAAE,MAAM,CAAK;IAClC,YAAY,EAAE,GAAG,CAAM;IAyFvB,eAAe,EAAE,GAAG,CAAM;IAE1B,YAAY,EAAE,GAAG,CAAM;IAEvB,OAAgB,MAAM,0BAgYpB;IAGF,WAAW,EAAE,GAAG,CAAC;IAGjB,kBAAkB,EAAE,GAAG,CAAC;IAGxB,aAAa,EAAE,GAAG,CAAC;IAGnB,oBAAoB,EAAE,GAAG,CAAC;IAG1B,WAAW,EAAE,GAAG,CAAC;IAGjB,kBAAkB,EAAE,GAAG,CAAC;IAGxB,SAAS,EAAE,GAAG,CAAC;IAGf,cAAc,EAAE,GAAG,CAAC;IAGpB,kBAAkB,EAAE,GAAG,CAAC;IAGxB,qBAAqB,EAAE,GAAG,CAAC;IAG3B,0BAA0B,EAAE,GAAG,CAAC;IAGhC,wBAAwB,EAAE,GAAG,CAAC;IAG9B,+BAA+B,EAAE,GAAG,CAAC;IAGrC,8BAA8B,EAAE,GAAG,CAAC;IAGpC,sBAAsB,EAAE,GAAG,CAAC;IAG5B,4BAA4B,EAAE,GAAG,CAAC;IAGlC,wBAAwB,EAAE,GAAG,CAAC;IAG9B,8BAA8B,EAAE,GAAG,CAAC;IAGpC,+BAA+B,EAAE,GAAG,CAAC;IAGrC,qBAAqB,EAAE,GAAG,CAAC;IAG3B,sBAAsB,EAAE,GAAG,CAAC;IAG5B,mBAAmB,EAAE,GAAG,CAAC;IAGzB,sBAAsB,EAAE,GAAG,CAAC;IAG5B,mBAAmB,EAAE,GAAG,CAAC;IAGzB,gBAAgB,EAAE,GAAG,CAAC;IAGtB,gBAAgB,EAAE,MAAM,CAAM;IAG9B,eAAe,EAAE,MAAM,CAAM;;IAM7B,QAAQ,QAAS,MAAM,KAAK,MAAM,mBAAmB,OAAO,YAM1D;IAEF,cAAc;;
|
|
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
|
@@ -241,6 +241,9 @@ let SfIReporting = class SfIReporting extends LitElement {
|
|
|
241
241
|
if (element.id != "" && element.type != "section") {
|
|
242
242
|
if (element.type == "sf-i-form") {
|
|
243
243
|
let form = this._SfReportingContainer.querySelector('#' + element.id);
|
|
244
|
+
if (form == null) {
|
|
245
|
+
continue;
|
|
246
|
+
}
|
|
244
247
|
if (element.savenameseparate == "yes") {
|
|
245
248
|
valueObj[element.id + 'id'] = (_h = form.selectedValues()[0]) !== null && _h !== void 0 ? _h : "";
|
|
246
249
|
valueObj[element.id + 'name'] = (_j = form.selectedTexts()[0]) !== null && _j !== void 0 ? _j : "";
|
|
@@ -271,6 +274,9 @@ let SfIReporting = class SfIReporting extends LitElement {
|
|
|
271
274
|
else if (element.type == "sf-i-bricks") {
|
|
272
275
|
let bricks = this._SfReportingContainer.querySelector('#' + element.id);
|
|
273
276
|
console.log('sf-i-bricks id', element.id);
|
|
277
|
+
if (bricks == null) {
|
|
278
|
+
continue;
|
|
279
|
+
}
|
|
274
280
|
if (element.savenameseparate == "yes") {
|
|
275
281
|
valueObj[element.id + 'id'] = (_l = bricks.selectedValues()[0]) !== null && _l !== void 0 ? _l : "";
|
|
276
282
|
valueObj[element.id + 'name'] = (_m = bricks.selectedTexts()[0]) !== null && _m !== void 0 ? _m : "";
|
|
@@ -281,6 +287,9 @@ let SfIReporting = class SfIReporting extends LitElement {
|
|
|
281
287
|
}
|
|
282
288
|
else if (element.type == "sf-i-select") {
|
|
283
289
|
let select = this._SfReportingContainer.querySelector('#' + element.id);
|
|
290
|
+
if (select == null) {
|
|
291
|
+
continue;
|
|
292
|
+
}
|
|
284
293
|
valueObj[element.id + 'id'] = (_o = select.selectedValues()[0]) !== null && _o !== void 0 ? _o : "";
|
|
285
294
|
valueObj[element.id + 'name'] = (_p = select.selectedTexts()[0]) !== null && _p !== void 0 ? _p : "";
|
|
286
295
|
}
|
|
@@ -623,7 +632,7 @@ let SfIReporting = class SfIReporting extends LitElement {
|
|
|
623
632
|
html += this.renderElement(element);
|
|
624
633
|
}
|
|
625
634
|
}
|
|
626
|
-
html += "</div></div>";
|
|
635
|
+
html += "</div></div></div>";
|
|
627
636
|
if (this.flow == "new") {
|
|
628
637
|
html += `
|
|
629
638
|
<div part="published-container" class="d-flex flex-col flex-grow">
|
|
@@ -679,10 +688,15 @@ let SfIReporting = class SfIReporting extends LitElement {
|
|
|
679
688
|
for (let [i, element] of this.dataModel.entries()) {
|
|
680
689
|
if (element.type == "sf-i-form") {
|
|
681
690
|
let form = this._SfReportingContainer.querySelector('#' + element.id);
|
|
691
|
+
if (form == null) {
|
|
692
|
+
continue;
|
|
693
|
+
}
|
|
682
694
|
if (this.mode == "view" || this.flow == "details") {
|
|
683
695
|
form.flow = "read";
|
|
684
696
|
}
|
|
685
697
|
if (element.value != '') {
|
|
698
|
+
console.log('setting sf-i-form searchphrase', element.searchstring, element.value, element.id);
|
|
699
|
+
form.searchPhrase = form.flow == "read" ? element.searchstring : '';
|
|
686
700
|
form.selectedSearchId = element.value;
|
|
687
701
|
}
|
|
688
702
|
// setTimeout(() => {form.loadMode();},1000)
|
|
@@ -690,6 +704,9 @@ let SfIReporting = class SfIReporting extends LitElement {
|
|
|
690
704
|
else if (element.type == "sf-i-bricks") {
|
|
691
705
|
console.log('bricks element value', element.value, element.id);
|
|
692
706
|
let bricks = this._SfReportingContainer.querySelector('#' + element.id);
|
|
707
|
+
if (bricks == null) {
|
|
708
|
+
continue;
|
|
709
|
+
}
|
|
693
710
|
let selectedDependedValues = [];
|
|
694
711
|
for (let dependency of element.dependencies) {
|
|
695
712
|
for (let tempElement of this.dataModel) {
|
|
@@ -817,12 +834,22 @@ let SfIReporting = class SfIReporting extends LitElement {
|
|
|
817
834
|
});
|
|
818
835
|
}
|
|
819
836
|
else if (element.type == "sf-i-select") {
|
|
820
|
-
console.log('rendering sf-i-select', element.id);
|
|
837
|
+
console.log('rendering sf-i-select', element.id, element.value);
|
|
821
838
|
await customElements.whenDefined('sf-i-select');
|
|
822
839
|
let select = this._SfReportingContainer.querySelector('#' + element.id);
|
|
840
|
+
if (select == null) {
|
|
841
|
+
continue;
|
|
842
|
+
}
|
|
823
843
|
select.flow = (this.mode == "view" || this.flow == "details") ? "read" : "";
|
|
824
844
|
if (element.value != '') {
|
|
825
|
-
let valArr
|
|
845
|
+
let valArr;
|
|
846
|
+
if (element.value[0].indexOf(';') >= 0) {
|
|
847
|
+
valArr = [element.value[0].split(';')[1]];
|
|
848
|
+
console.log('rendering sf-i-select', valArr);
|
|
849
|
+
}
|
|
850
|
+
else {
|
|
851
|
+
valArr = [element.value[0]];
|
|
852
|
+
}
|
|
826
853
|
select.selectedId = valArr;
|
|
827
854
|
}
|
|
828
855
|
select.loadMode();
|
|
@@ -1144,7 +1171,7 @@ let SfIReporting = class SfIReporting extends LitElement {
|
|
|
1144
1171
|
}
|
|
1145
1172
|
};
|
|
1146
1173
|
this.prepopulateValues = (showView = true) => {
|
|
1147
|
-
var _a, _b, _c, _d, _e, _f, _g, _h, _j;
|
|
1174
|
+
var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l;
|
|
1148
1175
|
console.log('prepopulating', this.getPrepopulateJson());
|
|
1149
1176
|
this.terminated = (_a = this.getPrepopulateJson().terminated) !== null && _a !== void 0 ? _a : false;
|
|
1150
1177
|
for (let [i, element] of this.dataModel.entries()) {
|
|
@@ -1186,21 +1213,26 @@ let SfIReporting = class SfIReporting extends LitElement {
|
|
|
1186
1213
|
}
|
|
1187
1214
|
else if (element.type == "sf-i-form") {
|
|
1188
1215
|
if (element.savenameseparate == "yes") {
|
|
1216
|
+
this.dataModel[i].searchstring = [this.getPrepopulateJson()[element.id + 'name']];
|
|
1189
1217
|
this.dataModel[i].value = [this.getPrepopulateJson()[element.id + 'id']];
|
|
1190
1218
|
// this.dataModel[i].value = (this.getPrepopulateJson()[element.id + 'name'].trim() ?? '') + ';' + (this.getPrepopulateJson()[element.id + 'id'] ?? '')
|
|
1191
1219
|
}
|
|
1192
1220
|
else if (((_f = parseInt(element.maxselect)) !== null && _f !== void 0 ? _f : 0) >= 1) {
|
|
1193
1221
|
if (this.getPrepopulateJson()[element.id + 'id'] != null) {
|
|
1194
1222
|
this.dataModel[i].value = [(_g = this.getPrepopulateJson()[element.id + 'id']) !== null && _g !== void 0 ? _g : ''];
|
|
1223
|
+
this.dataModel[i].searchstring = [(_h = this.getPrepopulateJson()[element.id + 'name']) !== null && _h !== void 0 ? _h : ''];
|
|
1195
1224
|
}
|
|
1196
1225
|
else {
|
|
1197
1226
|
let tempArr = [];
|
|
1227
|
+
let tempName = '';
|
|
1198
1228
|
console.log(element.id, this.getPrepopulateJson()[element.id]);
|
|
1199
1229
|
if (this.getPrepopulateJson()[element.id] != null) {
|
|
1200
1230
|
for (let val of this.getPrepopulateJson()[element.id]) {
|
|
1201
|
-
|
|
1231
|
+
tempName = ((_j = val.split(';')[0]) !== null && _j !== void 0 ? _j : '');
|
|
1232
|
+
tempArr.push((_k = val.split(';')[1]) !== null && _k !== void 0 ? _k : '');
|
|
1202
1233
|
}
|
|
1203
1234
|
}
|
|
1235
|
+
this.dataModel[i].searchstring = tempName;
|
|
1204
1236
|
this.dataModel[i].value = tempArr;
|
|
1205
1237
|
}
|
|
1206
1238
|
}
|
|
@@ -1219,7 +1251,7 @@ let SfIReporting = class SfIReporting extends LitElement {
|
|
|
1219
1251
|
// if (this.mode == 'admin' && this.flow == "edit") {
|
|
1220
1252
|
// this.dataModel[i].elementsjson = (this.getPrepopulateJson()[element.id] != null ? JSON.stringify(this.getPrepopulateJson()[element.id]) : '')
|
|
1221
1253
|
// } else {
|
|
1222
|
-
this.dataModel[i].value = (
|
|
1254
|
+
this.dataModel[i].value = (_l = this.getPrepopulateJson()[element.id]) !== null && _l !== void 0 ? _l : [];
|
|
1223
1255
|
// }
|
|
1224
1256
|
}
|
|
1225
1257
|
else if (element.type == "sf-i-select") {
|
|
@@ -1913,37 +1945,40 @@ let SfIReporting = class SfIReporting extends LitElement {
|
|
|
1913
1945
|
elementHtml += `<div part="textarea-container" class="d-flex flex-col flex-grow">
|
|
1914
1946
|
<label id="${dataObj.id}-label" part="textarea-label">${elementLabel}</label>
|
|
1915
1947
|
<div part="td-body-2"><sf-i-elastic-text text="${dataObj.hint}" minLength="50"></sf-i-elastic-text></div>
|
|
1916
|
-
${((dataObj.mandatory == null && dataObj.value == '') && (this.mode == "view" || this.flow == "details" || this.editdisable == "true")) ? '<div part="not-selected">Not Selected</div>' :
|
|
1917
|
-
|
|
1948
|
+
${((dataObj.mandatory == null && dataObj.value == '') && (this.mode == "view" || this.flow == "details" || this.editdisable == "true")) ? '<div part="not-selected">Not Selected</div>' :
|
|
1949
|
+
`<${this.editdisable == "true" ? 'div' : 'textarea'} rows="${dataObj.size == "small" ? "4" : (dataObj.size == "smallest" ? "1" : "10")}" id="${dataObj.id}" type="text" class=" reporting-textarea" part="${this.mode == "view" || this.flow == "details" || this.editdisable == "true" ? "input-textarea-disabled" : "input-textarea"}" ${this.mode == "view" || this.flow == "details" ? "readonly" : ""}>${dataObj.value}</${this.editdisable == "true" ? 'div' : 'textarea'}>`}
|
|
1918
1950
|
</div>`;
|
|
1919
1951
|
}
|
|
1920
1952
|
else if (dataObj.type == "yesno+textarea") {
|
|
1921
1953
|
elementHtml += `<div part="textarea-container" class="d-flex flex-col flex-grow">
|
|
1922
1954
|
<label id="${dataObj.id}-label" part="textarea-label">${elementLabel}</label>
|
|
1923
1955
|
<div part="td-body-2"><sf-i-elastic-text text="${dataObj.hint}" minLength="50"></sf-i-elastic-text></div>
|
|
1924
|
-
${((dataObj.mandatory == null && dataObj.value == '') && (this.mode == "view" || this.flow == "details" || this.editdisable == "true")) ? '<div part="not-selected">Not Selected</div>' :
|
|
1925
|
-
|
|
1926
|
-
|
|
1927
|
-
|
|
1928
|
-
|
|
1929
|
-
|
|
1956
|
+
${((dataObj.mandatory == null && dataObj.value == '') && (this.mode == "view" || this.flow == "details" || this.editdisable == "true")) ? '<div part="not-selected">Not Selected</div>' :
|
|
1957
|
+
`<div class="d-flex">`}`;
|
|
1958
|
+
if ((dataObj.mandatory != null || dataObj.value != '') ||
|
|
1959
|
+
(this.mode != "view" && this.flow != "details" && this.editdisable != "true")) {
|
|
1960
|
+
for (let option of dataObj.options) {
|
|
1961
|
+
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>`;
|
|
1962
|
+
}
|
|
1963
|
+
elementHtml += `</div>
|
|
1930
1964
|
<${this.editdisable == "true" ? 'div' : 'textarea'} rows="${dataObj.size == "small" ? "4" : "10"}" id="${dataObj.id}-textarea" type="text" class="reporting-textarea" part="${this.mode == "view" || this.flow == "details" || this.editdisable == "true" ? "input-textarea-disabled" : "input-textarea"}" ${this.mode == "view" || this.flow == "details" ? "readonly" : ""}>${(_b = dataObj.value[1]) !== null && _b !== void 0 ? _b : ""}</${this.editdisable == "true" ? 'div' : 'textarea'}>
|
|
1931
1965
|
</div>`;
|
|
1966
|
+
}
|
|
1932
1967
|
}
|
|
1933
1968
|
else if (dataObj.type == "date") {
|
|
1934
1969
|
elementHtml += `<div part="date-container" class="d-flex flex-col flex-grow">
|
|
1935
1970
|
<label id="${dataObj.id}-label" part="date-label">${elementLabel}</label>
|
|
1936
1971
|
<div part="td-body-2"><sf-i-elastic-text text="${dataObj.hint}" minLength="50"></sf-i-elastic-text></div>
|
|
1937
|
-
${((dataObj.mandatory == null && dataObj.value == '') && (this.mode == "view" || this.flow == "details" || this.editdisable == "true")) ? '<div part="not-selected">Not Selected</div>' :
|
|
1938
|
-
<input class="reporting-date" id="${dataObj.id}" part=${(this.editdisable == "true" || this.mode == "view" || this.flow == "details") ? "input-date-disabled" : "input-date"} type="date" ${this.mode == "view" || this.flow == "details" ? "readonly" : ""} value="${dataObj.value}" ${this.editdisable == "true" ? "disabled" : ""}
|
|
1972
|
+
${((dataObj.mandatory == null && dataObj.value == '') && (this.mode == "view" || this.flow == "details" || this.editdisable == "true")) ? '<div part="not-selected">Not Selected</div>' : `
|
|
1973
|
+
<input class="reporting-date" id="${dataObj.id}" part=${(this.editdisable == "true" || this.mode == "view" || this.flow == "details") ? "input-date-disabled" : "input-date"} type="date" ${this.mode == "view" || this.flow == "details" ? "readonly" : ""} value="${dataObj.value}" ${this.editdisable == "true" ? "disabled" : ""}/>`}
|
|
1939
1974
|
</div>`;
|
|
1940
1975
|
}
|
|
1941
1976
|
else if (dataObj.type == "sf-i-form") {
|
|
1942
1977
|
elementHtml += `<div part="date-container" class="d-flex flex-col flex-grow">
|
|
1943
1978
|
<label id="${dataObj.id}-label" part="date-label">${elementLabel}</label>
|
|
1944
1979
|
<div part="td-body-2"><sf-i-elastic-text text="${dataObj.hint}" minLength="50"></sf-i-elastic-text></div>
|
|
1945
|
-
${((dataObj.mandatory == null && dataObj.value == '') && (this.mode == "view" || this.flow == "details" || this.editdisable == "true")) ? '<div part="not-selected">Not Selected</div>' :
|
|
1946
|
-
|
|
1980
|
+
${((dataObj.mandatory == null && dataObj.value == '') && (this.mode == "view" || this.flow == "details" || this.editdisable == "true")) ? '<div part="not-selected">Not Selected</div>' :
|
|
1981
|
+
`<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="${(dataObj.mode == "multiselect-dropdown" ? (this.projectname + "&") : "") + dataObj.searchstring}" selectProjection="${dataObj.selectprojection}" ignoreProjections="${dataObj.ignoredprojections}" ${parseInt(dataObj.maxselect) == 0 ? "" : `maxselect="${dataObj.maxselect}"`} ${dataObj.mandatory != null ? "mandatory=\"\"" : ""}></sf-i-form>`}
|
|
1947
1982
|
</div>`;
|
|
1948
1983
|
}
|
|
1949
1984
|
else if (dataObj.type == "sf-i-form-select") {
|
|
@@ -1962,8 +1997,8 @@ let SfIReporting = class SfIReporting extends LitElement {
|
|
|
1962
1997
|
elementHtml += `<div part="date-container" class="d-flex flex-col flex-grow">
|
|
1963
1998
|
<label id="${dataObj.id}-label" part="date-label">${elementLabel}</label>
|
|
1964
1999
|
<div part="td-body-2"><sf-i-elastic-text text="${dataObj.hint}" minLength="50"></sf-i-elastic-text></div>
|
|
1965
|
-
${((dataObj.mandatory == null && dataObj.value == '') && (this.mode == "view" || this.flow == "details" || this.editdisable == "true")) ? '<div part="not-selected">Not Selected</div>' :
|
|
1966
|
-
|
|
2000
|
+
${((dataObj.mandatory == null && dataObj.value == '') && (this.mode == "view" || this.flow == "details" || this.editdisable == "true")) ? '<div part="not-selected">Not Selected</div>' :
|
|
2001
|
+
`<div class="d-flex flex-col align-start" part="form-select-container">
|
|
1967
2002
|
<div class"d-flex align-center" part="form-selected-value">
|
|
1968
2003
|
${((_c = Object.keys(dataObj.value)) !== null && _c !== void 0 ? _c : []).length > 0 ? (`
|
|
1969
2004
|
<div class="selected-option d-flex justtify-center align-center" part="selected-option" id="selected-option-${dataObj.id}">
|
|
@@ -1971,9 +2006,9 @@ let SfIReporting = class SfIReporting extends LitElement {
|
|
|
1971
2006
|
<label class="selected-option-label" part="selected-option-label">${valToBeShown}</label>
|
|
1972
2007
|
</div>`) : (`
|
|
1973
2008
|
${(this.mode == "view" || this.flow == "details") ? '' :
|
|
1974
|
-
|
|
2009
|
+
`<button id="button-edit-form-${dataObj.id}" part="button-icon" class="material-icons button-edit-form button-icon-click">edit</button>`}
|
|
1975
2010
|
`)}
|
|
1976
|
-
</div
|
|
2011
|
+
</div>`}
|
|
1977
2012
|
</div>
|
|
1978
2013
|
</div>`;
|
|
1979
2014
|
}
|
|
@@ -1989,8 +2024,8 @@ let SfIReporting = class SfIReporting extends LitElement {
|
|
|
1989
2024
|
elementHtml += `<div part="date-container" class="d-flex flex-col flex-grow">
|
|
1990
2025
|
<label id="${dataObj.id}-label" part="date-label">${elementLabel}</label>
|
|
1991
2026
|
<div part="td-body-2"><sf-i-elastic-text text="${dataObj.hint}" minLength="50"></sf-i-elastic-text></div>
|
|
1992
|
-
${((dataObj.mandatory == null && dataObj.value == '') && (this.mode == "view" || this.flow == "details" || this.editdisable == "true")) ? '<div part="not-selected">Not Selected</div>' :
|
|
1993
|
-
|
|
2027
|
+
${((dataObj.mandatory == null && dataObj.value == '') && (this.mode == "view" || this.flow == "details" || this.editdisable == "true")) ? '<div part="not-selected">Not Selected</div>' :
|
|
2028
|
+
`<sf-i-select class="reporting-sf-i-select" exportparts="input-select:select-input-select" id="${dataObj.id}" part="input-sf-i-select" label="" apiId="${dataObj.apiid}" ${dataObj.mandatory != null ? "mandatory=\"\"" : ""}></sf-i-select>`}
|
|
1994
2029
|
</div>`;
|
|
1995
2030
|
}
|
|
1996
2031
|
else if (dataObj.type == "sf-checklist") {
|