@datarailsshared/dr_renderer 1.2.79 → 1.2.80
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
|
@@ -155,14 +155,14 @@ let getPublishedItemsRenderer = function (publishedItemsRenderer) {
|
|
|
155
155
|
labelEl.innerText = inputMetaData.format ? formatValue('n', inputMetaData.format, inputMetaData.value).value : inputMetaData.value;
|
|
156
156
|
}
|
|
157
157
|
if (_this.isScenarioMode) {
|
|
158
|
-
labelEl.setAttribute("style", "background: #FFEDBF;padding: 2px
|
|
158
|
+
labelEl.setAttribute("style", "background: #FFEDBF;padding: 2px 1px 2px 6px;border: 1px solid #FABC5F;border-radius: 6px;width: calc(100% - 15px);margin: 6px;text-align: inherit;display: block; cursor: pointer;");
|
|
159
159
|
} else {
|
|
160
160
|
labelEl.setAttribute("style", "background: transparent;width: calc(100% - 15px);border: 0;margin: 6px;text-align: inherit;display: block; cursor: pointer;");
|
|
161
161
|
}
|
|
162
162
|
const onLabelClick = function (event, isScenarioMode) {
|
|
163
163
|
event.stopPropagation();
|
|
164
164
|
if (isScenarioMode) {
|
|
165
|
-
inEl.setAttribute("style", "background: #FFEDBF;padding: 2px
|
|
165
|
+
inEl.setAttribute("style", "background: #FFEDBF;padding: 2px 1px 2px 6px;border: 1px solid #FABC5F;border-radius: 6px;width: calc(100% - 15px);border: 0;margin: 5px;text-align: inherit;display: block;");
|
|
166
166
|
} else {
|
|
167
167
|
inEl.setAttribute("style", "background: transparent;width: calc(100% - 15px);border: 0;margin: 5px;text-align: inherit;display: block;");
|
|
168
168
|
}
|
|
@@ -176,7 +176,7 @@ let getPublishedItemsRenderer = function (publishedItemsRenderer) {
|
|
|
176
176
|
inEl.setAttribute("type", "number");
|
|
177
177
|
inEl.setAttribute("name", inputMetaData.name);
|
|
178
178
|
if (_this.isScenarioMode) {
|
|
179
|
-
inEl.setAttribute("style", "background: #FFEDBF;padding: 2px
|
|
179
|
+
inEl.setAttribute("style", "background: #FFEDBF;padding: 2px 1px 2px 6px;border: 1px solid #FABC5F;border-radius: 6px;width: calc(100% - 15px);border: 0;margin: 5px;text-align: inherit;display: none;");
|
|
180
180
|
} else {
|
|
181
181
|
inEl.setAttribute("style", "background: transparent;width: calc(100% - 15px);border: 0;margin: 5px;text-align: inherit;display: none;");
|
|
182
182
|
}
|
|
@@ -207,7 +207,7 @@ let getPublishedItemsRenderer = function (publishedItemsRenderer) {
|
|
|
207
207
|
const format = inputMetaData.format ? inputMetaData.format.toUpperCase() : 'MM/DD/YYYY';
|
|
208
208
|
const formattedDate = formatValue('d', format, inputMetaData.value).value
|
|
209
209
|
if (_this.isScenarioMode) {
|
|
210
|
-
dateEl.innerHTML = '<label class="value dateInput" style="background: #FFEDBF;padding: 2px
|
|
210
|
+
dateEl.innerHTML = '<label class="value dateInput" style="background: #FFEDBF;padding: 2px 1px 2px 6px;border: 1px solid #FABC5F;border-radius: 6px;cursor:pointer;">' + formattedDate + '</label>';
|
|
211
211
|
} else {
|
|
212
212
|
dateEl.innerHTML = '<label class="value dateInput" style="cursor: pointer;">' + formattedDate + '</label>';
|
|
213
213
|
}
|
|
@@ -244,7 +244,7 @@ let getPublishedItemsRenderer = function (publishedItemsRenderer) {
|
|
|
244
244
|
let listHolderEl = document.createElement("DIV");
|
|
245
245
|
listHolderEl.setAttribute("class", "filter_list_holder");
|
|
246
246
|
if (_this.isScenarioMode) {
|
|
247
|
-
listHolderEl.innerHTML = '<label class="value filterList" style="background: #FFEDBF;padding: 2px
|
|
247
|
+
listHolderEl.innerHTML = '<label class="value filterList" style="background: #FFEDBF;padding: 2px 1px 2px 6px;border: 1px solid #FABC5F;border-radius: 6px;cursor: pointer;">' + inputMetaData.value + '</label><i class="filter_icon"></i>';
|
|
248
248
|
} else {
|
|
249
249
|
listHolderEl.innerHTML = '<label class="value filterList" style="cursor: pointer;">' + inputMetaData.value + '</label><i class="filter_icon"></i>';
|
|
250
250
|
}
|
|
@@ -289,7 +289,7 @@ let getPublishedItemsRenderer = function (publishedItemsRenderer) {
|
|
|
289
289
|
const inputs = document.querySelectorAll('td>input');
|
|
290
290
|
const dateInputs = document.querySelectorAll('.dateInput');
|
|
291
291
|
const filterList = document.querySelectorAll('.filterList');
|
|
292
|
-
const styleForLabel = "background: #FFEDBF;padding: 2px
|
|
292
|
+
const styleForLabel = "background: #FFEDBF;padding: 2px 1px 2px 6px;border: 1px solid #FABC5F;border-radius: 6px;cursor:pointer;";
|
|
293
293
|
if (!options.inputValuesData) {
|
|
294
294
|
options.inputValuesData = {};
|
|
295
295
|
}
|
|
@@ -299,7 +299,7 @@ let getPublishedItemsRenderer = function (publishedItemsRenderer) {
|
|
|
299
299
|
inputs.forEach(element => {
|
|
300
300
|
const labelElement = element.nextSibling;
|
|
301
301
|
labelElement.setAttribute("style", isScenarioMode ?
|
|
302
|
-
"background: #FFEDBF;padding: 2px
|
|
302
|
+
"background: #FFEDBF;padding: 2px 1px 2px 6px;border: 1px solid #FABC5F;border-radius: 6px;width: calc(100% - 15px);margin: 6px;text-align: inherit;display: block; cursor: pointer;" :
|
|
303
303
|
"background: transparent;width: calc(100% - 15px);border: 0;margin: 6px;text-align: inherit;display: block; cursor: pointer;");
|
|
304
304
|
});
|
|
305
305
|
}
|