@datarailsshared/dr_renderer 1.2.79 → 1.2.82
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
package/src/dr_pivottable.js
CHANGED
|
@@ -6,8 +6,6 @@ let initDRPivotTable = function($, window, document) {
|
|
|
6
6
|
var DRPivotData, sortDateStrings, getSort, processKey, SubtotalRenderer, getFormattedNumber, largeToSmallSort, largeToSmallSortByAbsolute, NovixRenderer;
|
|
7
7
|
|
|
8
8
|
var delim = " , ";
|
|
9
|
-
const newTableColors = ['rgb(127, 196, 255)', 'rgb(200, 243,243)', 'rgb(247, 161, 173)', 'rgb(255, 237, 178)', 'rgb(221, 239, 255)',
|
|
10
|
-
'rgb(171, 216, 255)', 'rgb(174, 231, 220)', 'rgb(227, 255, 236)', 'rgb(162, 215, 227)', 'rgb(223, 239, 236)'];
|
|
11
9
|
const useNewUx = document.ReportHippo && document.ReportHippo && document.ReportHippo.user &&
|
|
12
10
|
document.ReportHippo.user.organization.settings && document.ReportHippo.user.organization.settings.use_new_ux;
|
|
13
11
|
// const numberOfRows = 500; // change to activate the handsontable when num of rows bigger then this.
|
|
@@ -643,18 +641,56 @@ let initDRPivotTable = function($, window, document) {
|
|
|
643
641
|
}
|
|
644
642
|
|
|
645
643
|
getColorsWithOffsetForTable = function (value) {
|
|
644
|
+
var colors = [];
|
|
645
|
+
|
|
646
|
+
if (opts.paletteOptions.widgetPalette) {
|
|
647
|
+
const mc_palette = _.find(_.get(opts.paletteOptions, 'monochromePalettes', []), { selected: true });
|
|
648
|
+
colors = mc_palette ? mc_palette.colors : opts.paletteOptions.widgetPalette;
|
|
649
|
+
} else if (opts.paletteOptions.dashboardPalette.colors) {
|
|
650
|
+
colors = opts.paletteOptions.dashboardPalette.colors;
|
|
651
|
+
}
|
|
652
|
+
|
|
646
653
|
var isNewDesign = useNewUx && opts.chartOptions.table_options.use_new_table_design;
|
|
647
654
|
if (value) {
|
|
648
655
|
var offset = parseInt(value);
|
|
649
656
|
if (offset) {
|
|
650
657
|
if (isNewDesign) {
|
|
651
|
-
return offsetColors(offset,
|
|
658
|
+
return offsetColors(offset, colors);
|
|
652
659
|
} else {
|
|
653
660
|
return offsetColors(offset, opts.defaults_colors);
|
|
654
661
|
}
|
|
655
662
|
}
|
|
656
663
|
}
|
|
657
|
-
return isNewDesign ?
|
|
664
|
+
return isNewDesign ? colors : opts.defaults_colors;
|
|
665
|
+
}
|
|
666
|
+
|
|
667
|
+
function invertColors(color) {
|
|
668
|
+
const hexLuminance = 186;
|
|
669
|
+
const rgbLuminance = 0.5;
|
|
670
|
+
let isHex = color[0] === '#';
|
|
671
|
+
let r;
|
|
672
|
+
let g;
|
|
673
|
+
let b;
|
|
674
|
+
if (!isHex) {
|
|
675
|
+
let rgbaColorParts = color.replace(/[^0-9.,]/g, '').split(',');
|
|
676
|
+
r = rgbaColorParts[0]/255;
|
|
677
|
+
g = rgbaColorParts[1]/255;
|
|
678
|
+
b = rgbaColorParts[2]/255;
|
|
679
|
+
} else {
|
|
680
|
+
color = color.slice(1);
|
|
681
|
+
|
|
682
|
+
if (color.length === 3) {
|
|
683
|
+
color = color[0].repeat(2) + color[1].repeat(2) + color[2].repeat(2);
|
|
684
|
+
} else if (color.length !== 6) {
|
|
685
|
+
return "#FFFFFF";
|
|
686
|
+
}
|
|
687
|
+
r = parseInt(color.slice(0, 2), 16);
|
|
688
|
+
g = parseInt(color.slice(2, 4), 16);
|
|
689
|
+
b = parseInt(color.slice(4, 6), 16);
|
|
690
|
+
}
|
|
691
|
+
return (r * 0.299 + g * 0.587 + b * 0.114) > (isHex ? hexLuminance : rgbLuminance)
|
|
692
|
+
? '#000000'
|
|
693
|
+
: '#FFFFFF';
|
|
658
694
|
}
|
|
659
695
|
|
|
660
696
|
colorizeRowLabelHeaders = function(element, cols_count){
|
|
@@ -665,7 +701,9 @@ let initDRPivotTable = function($, window, document) {
|
|
|
665
701
|
if(color_to_set){
|
|
666
702
|
element.style.setProperty("background-color", color_to_set, "important");
|
|
667
703
|
element.style.setProperty("border-color", color_to_set, "important");
|
|
668
|
-
element.style.color = useNewUx && opts.chartOptions.table_options.use_new_table_design
|
|
704
|
+
element.style.color = useNewUx && opts.chartOptions.table_options.use_new_table_design
|
|
705
|
+
? invertColors(color_to_set)
|
|
706
|
+
: '#3a3b39';
|
|
669
707
|
element.style.fontWeight = "bold";
|
|
670
708
|
if (opts.chartOptions.table_options.freeze_panes && element.firstChild) {
|
|
671
709
|
for (const child of element.children) {
|
|
@@ -695,7 +733,9 @@ let initDRPivotTable = function($, window, document) {
|
|
|
695
733
|
element.style.setProperty("background-color", color_to_set, "important");
|
|
696
734
|
element.style.setProperty("border-color", color_to_set, "important");
|
|
697
735
|
element.style.setProperty("vertical-align", "baseline");
|
|
698
|
-
element.style.color = useNewUx && opts.chartOptions.table_options.use_new_table_design
|
|
736
|
+
element.style.color = useNewUx && opts.chartOptions.table_options.use_new_table_design
|
|
737
|
+
? invertColors(color_to_set)
|
|
738
|
+
: '#3a3b39';
|
|
699
739
|
element.style.fontWeight = "bold";
|
|
700
740
|
if (opts.chartOptions.table_options.freeze_panes && element.firstChild) {
|
|
701
741
|
for (const child of element.children) {
|
|
@@ -736,6 +776,29 @@ let initDRPivotTable = function($, window, document) {
|
|
|
736
776
|
}
|
|
737
777
|
return eventHandlers;
|
|
738
778
|
};
|
|
779
|
+
applyInlineStyles = function(element, className) {
|
|
780
|
+
const tableDesignOptions = opts.chartOptions.table_design_options;
|
|
781
|
+
let optionName;
|
|
782
|
+
if (!className) return element;
|
|
783
|
+
|
|
784
|
+
if (element.className.includes('pvtAxisLabel') ||
|
|
785
|
+
element.className.includes('pvtColLabel')) {
|
|
786
|
+
optionName = 'columns';
|
|
787
|
+
} else if (element.className.includes('pvtRowLabel')) {
|
|
788
|
+
optionName = 'rows';
|
|
789
|
+
} else if (element.className.includes('pvtVal') &&
|
|
790
|
+
!element.className.includes('pvtTotal')) {
|
|
791
|
+
optionName = 'values';
|
|
792
|
+
} else if (element.className.includes('colTotal') ||
|
|
793
|
+
element.className.includes('rowTotal') ||
|
|
794
|
+
element.className.includes('pvtGrandTotal')) {
|
|
795
|
+
optionName = 'totals';
|
|
796
|
+
}
|
|
797
|
+
element.style.fontSize = tableDesignOptions[optionName + '_font_size'] + 'px';
|
|
798
|
+
element.style.textAlign = tableDesignOptions[optionName + '_align_text'];
|
|
799
|
+
element.style.fontFamily = tableDesignOptions[optionName + '_font_style'];
|
|
800
|
+
return element;
|
|
801
|
+
}
|
|
739
802
|
createElement = function(elementType, className, textContent, attributes, eventHandlers) {
|
|
740
803
|
var attr, e, event, handler, val;
|
|
741
804
|
e = document.createElement(elementType);
|
|
@@ -760,6 +823,7 @@ let initDRPivotTable = function($, window, document) {
|
|
|
760
823
|
e.addEventListener(event, handler);
|
|
761
824
|
}
|
|
762
825
|
}
|
|
826
|
+
applyInlineStyles(e, className);
|
|
763
827
|
return e;
|
|
764
828
|
};
|
|
765
829
|
setAttributes = function(e, attrs) {
|
|
@@ -5024,6 +5024,24 @@ let getHighchartsRenderer = function ($, document, Highcharts, default_colors, h
|
|
|
5024
5024
|
return valToReturn;
|
|
5025
5025
|
};
|
|
5026
5026
|
|
|
5027
|
+
const fontSizeValues = lodash.map(new Array(19), (item, index) => {
|
|
5028
|
+
const fontValue = index + 6;
|
|
5029
|
+
return {label: fontValue, value: fontValue}
|
|
5030
|
+
})
|
|
5031
|
+
const fonts = [
|
|
5032
|
+
'Arial',
|
|
5033
|
+
'Arial Black',
|
|
5034
|
+
'Comic Sans MS',
|
|
5035
|
+
'Courier New',
|
|
5036
|
+
'Helvetica',
|
|
5037
|
+
'Impact',
|
|
5038
|
+
'Poppins',
|
|
5039
|
+
'Tahoma',
|
|
5040
|
+
'Times New Roman',
|
|
5041
|
+
'Verdana',
|
|
5042
|
+
'Nunito Sans'
|
|
5043
|
+
];
|
|
5044
|
+
|
|
5027
5045
|
highchartsRenderer.getDefaultValueForSubOptions = function (type, existing_options) {
|
|
5028
5046
|
var valToReturn = {};
|
|
5029
5047
|
var option = highchartsRenderer.suboptions[type];
|
|
@@ -5167,6 +5185,129 @@ let getHighchartsRenderer = function ($, document, Highcharts, default_colors, h
|
|
|
5167
5185
|
},
|
|
5168
5186
|
]
|
|
5169
5187
|
},
|
|
5188
|
+
'table_design_options': {
|
|
5189
|
+
category_class: 'google-visualization-charteditor-mini-more',
|
|
5190
|
+
category_label: 'Table design',
|
|
5191
|
+
category_type: 'table_design_options',
|
|
5192
|
+
elements: [
|
|
5193
|
+
{
|
|
5194
|
+
element_type: 'devider',
|
|
5195
|
+
element_label: 'Columns'
|
|
5196
|
+
},
|
|
5197
|
+
{
|
|
5198
|
+
element_type: 'select',
|
|
5199
|
+
value_name: 'columns_font_style',
|
|
5200
|
+
element_label: 'Font style',
|
|
5201
|
+
element_options: fonts,
|
|
5202
|
+
default_value: 'Nunito Sans'
|
|
5203
|
+
},
|
|
5204
|
+
{
|
|
5205
|
+
element_type: 'select',
|
|
5206
|
+
value_name: 'columns_font_size',
|
|
5207
|
+
element_label: 'Font size',
|
|
5208
|
+
element_options: fontSizeValues,
|
|
5209
|
+
default_value: '10'
|
|
5210
|
+
},
|
|
5211
|
+
{
|
|
5212
|
+
element_type: 'select',
|
|
5213
|
+
value_name: 'columns_align_text',
|
|
5214
|
+
element_label: 'Alignment',
|
|
5215
|
+
element_options: [
|
|
5216
|
+
{label: 'Left', value: 'left'},
|
|
5217
|
+
{label: 'Center', value: 'center'},
|
|
5218
|
+
{label: 'Right', value: 'right'}
|
|
5219
|
+
],
|
|
5220
|
+
default_value: 'left'
|
|
5221
|
+
},
|
|
5222
|
+
{
|
|
5223
|
+
element_type: 'devider',
|
|
5224
|
+
element_label: 'Rows'
|
|
5225
|
+
},
|
|
5226
|
+
{
|
|
5227
|
+
element_type: 'select',
|
|
5228
|
+
value_name: 'rows_font_style',
|
|
5229
|
+
element_label: 'Font style',
|
|
5230
|
+
element_options: fonts,
|
|
5231
|
+
default_value: 'Nunito Sans'
|
|
5232
|
+
},
|
|
5233
|
+
{
|
|
5234
|
+
element_type: 'select',
|
|
5235
|
+
value_name: 'rows_font_size',
|
|
5236
|
+
element_label: 'Font size',
|
|
5237
|
+
element_options: fontSizeValues,
|
|
5238
|
+
default_value: '10'
|
|
5239
|
+
},
|
|
5240
|
+
{
|
|
5241
|
+
element_type: 'select',
|
|
5242
|
+
value_name: 'rows_align_text',
|
|
5243
|
+
element_label: 'Alignment',
|
|
5244
|
+
element_options: [
|
|
5245
|
+
{label: 'Left', value: 'left'},
|
|
5246
|
+
{label: 'Center', value: 'center'},
|
|
5247
|
+
{label: 'Right', value: 'right'}
|
|
5248
|
+
],
|
|
5249
|
+
default_value: 'left'
|
|
5250
|
+
},
|
|
5251
|
+
{
|
|
5252
|
+
element_type: 'devider',
|
|
5253
|
+
element_label: 'Values'
|
|
5254
|
+
},
|
|
5255
|
+
{
|
|
5256
|
+
element_type: 'select',
|
|
5257
|
+
value_name: 'values_font_style',
|
|
5258
|
+
element_label: 'Font style',
|
|
5259
|
+
element_options: fonts,
|
|
5260
|
+
default_value: 'Nunito Sans'
|
|
5261
|
+
},
|
|
5262
|
+
{
|
|
5263
|
+
element_type: 'select',
|
|
5264
|
+
value_name: 'values_font_size',
|
|
5265
|
+
element_label: 'Font size',
|
|
5266
|
+
element_options: fontSizeValues,
|
|
5267
|
+
default_value: '10'
|
|
5268
|
+
},
|
|
5269
|
+
{
|
|
5270
|
+
element_type: 'select',
|
|
5271
|
+
value_name: 'values_align_text',
|
|
5272
|
+
element_label: 'Alignment',
|
|
5273
|
+
element_options: [
|
|
5274
|
+
{label: 'Left', value: 'left'},
|
|
5275
|
+
{label: 'Center', value: 'center'},
|
|
5276
|
+
{label: 'Right', value: 'right'}
|
|
5277
|
+
],
|
|
5278
|
+
default_value: 'left'
|
|
5279
|
+
},
|
|
5280
|
+
{
|
|
5281
|
+
element_type: 'devider',
|
|
5282
|
+
element_label: 'Totals'
|
|
5283
|
+
},
|
|
5284
|
+
{
|
|
5285
|
+
element_type: 'select',
|
|
5286
|
+
value_name: 'totals_font_style',
|
|
5287
|
+
element_label: 'Font style',
|
|
5288
|
+
element_options: fonts,
|
|
5289
|
+
default_value: 'Nunito Sans'
|
|
5290
|
+
},
|
|
5291
|
+
{
|
|
5292
|
+
element_type: 'select',
|
|
5293
|
+
value_name: 'totals_font_size',
|
|
5294
|
+
element_label: 'Font size',
|
|
5295
|
+
element_options: fontSizeValues,
|
|
5296
|
+
default_value: '10'
|
|
5297
|
+
},
|
|
5298
|
+
{
|
|
5299
|
+
element_type: 'select',
|
|
5300
|
+
value_name: 'totals_align_text',
|
|
5301
|
+
element_label: 'Alignment',
|
|
5302
|
+
element_options: [
|
|
5303
|
+
{label: 'Left', value: 'left'},
|
|
5304
|
+
{label: 'Center', value: 'center'},
|
|
5305
|
+
{label: 'Right', value: 'right'}
|
|
5306
|
+
],
|
|
5307
|
+
default_value: 'left'
|
|
5308
|
+
},
|
|
5309
|
+
]
|
|
5310
|
+
},
|
|
5170
5311
|
'table_options_transpose': {
|
|
5171
5312
|
category_class: 'google-visualization-charteditor-mini-more',
|
|
5172
5313
|
category_label: 'Table',
|
|
@@ -6058,6 +6199,7 @@ let getHighchartsRenderer = function ($, document, Highcharts, default_colors, h
|
|
|
6058
6199
|
highchartsRenderer.suboptions["label"],
|
|
6059
6200
|
highchartsRenderer.suboptions["subtitle"],
|
|
6060
6201
|
highchartsRenderer.suboptions["table_options_transpose"],
|
|
6202
|
+
highchartsRenderer.suboptions["table_design_options"],
|
|
6061
6203
|
highchartsRenderer.suboptions["chart_grid"],
|
|
6062
6204
|
highchartsRenderer.suboptions["negative_number_format"],
|
|
6063
6205
|
highchartsRenderer.suboptions["delta_column"],
|
|
@@ -6080,6 +6222,7 @@ let getHighchartsRenderer = function ($, document, Highcharts, default_colors, h
|
|
|
6080
6222
|
highchartsRenderer.suboptions["label"],
|
|
6081
6223
|
highchartsRenderer.suboptions["subtitle"],
|
|
6082
6224
|
highchartsRenderer.suboptions["table_options_transpose"],
|
|
6225
|
+
highchartsRenderer.suboptions["table_design_options"],
|
|
6083
6226
|
highchartsRenderer.suboptions["chart_grid"],
|
|
6084
6227
|
highchartsRenderer.suboptions["negative_number_format"],
|
|
6085
6228
|
highchartsRenderer.suboptions["delta_column"],
|
|
@@ -6101,6 +6244,7 @@ let getHighchartsRenderer = function ($, document, Highcharts, default_colors, h
|
|
|
6101
6244
|
highchartsRenderer.suboptions["label"],
|
|
6102
6245
|
highchartsRenderer.suboptions["subtitle"],
|
|
6103
6246
|
highchartsRenderer.suboptions["table_options_transpose"],
|
|
6247
|
+
highchartsRenderer.suboptions["table_design_options"],
|
|
6104
6248
|
highchartsRenderer.suboptions["chart_grid"],
|
|
6105
6249
|
highchartsRenderer.suboptions["negative_number_format"],
|
|
6106
6250
|
highchartsRenderer.suboptions["delta_column"],
|
|
@@ -6128,6 +6272,7 @@ let getHighchartsRenderer = function ($, document, Highcharts, default_colors, h
|
|
|
6128
6272
|
highchartsRenderer.suboptions["label"],
|
|
6129
6273
|
highchartsRenderer.suboptions["subtitle"],
|
|
6130
6274
|
highchartsRenderer.suboptions["table_options"],
|
|
6275
|
+
highchartsRenderer.suboptions["table_design_options"],
|
|
6131
6276
|
highchartsRenderer.suboptions["chart"],
|
|
6132
6277
|
highchartsRenderer.suboptions["negative_number_format"],
|
|
6133
6278
|
highchartsRenderer.suboptions["delta_column_for_drill_down"],
|
|
@@ -6149,6 +6294,7 @@ let getHighchartsRenderer = function ($, document, Highcharts, default_colors, h
|
|
|
6149
6294
|
highchartsRenderer.suboptions["label_with_percentage"],
|
|
6150
6295
|
highchartsRenderer.suboptions["subtitle"],
|
|
6151
6296
|
highchartsRenderer.suboptions["table_options"],
|
|
6297
|
+
highchartsRenderer.suboptions["table_design_options"],
|
|
6152
6298
|
highchartsRenderer.suboptions["chart_grid"],
|
|
6153
6299
|
highchartsRenderer.suboptions["delta_column"],
|
|
6154
6300
|
highchartsRenderer.suboptions["error_policy"],
|
|
@@ -6175,6 +6321,7 @@ let getHighchartsRenderer = function ($, document, Highcharts, default_colors, h
|
|
|
6175
6321
|
highchartsRenderer.suboptions["label"],
|
|
6176
6322
|
highchartsRenderer.suboptions["subtitle"],
|
|
6177
6323
|
highchartsRenderer.suboptions["table_options_transpose"],
|
|
6324
|
+
highchartsRenderer.suboptions["table_design_options"],
|
|
6178
6325
|
highchartsRenderer.suboptions["chart_grid"],
|
|
6179
6326
|
highchartsRenderer.suboptions["negative_number_format"],
|
|
6180
6327
|
highchartsRenderer.suboptions["delta_column"],
|
|
@@ -6196,6 +6343,7 @@ let getHighchartsRenderer = function ($, document, Highcharts, default_colors, h
|
|
|
6196
6343
|
highchartsRenderer.suboptions["label"],
|
|
6197
6344
|
highchartsRenderer.suboptions["subtitle"],
|
|
6198
6345
|
highchartsRenderer.suboptions["table_options_transpose"],
|
|
6346
|
+
highchartsRenderer.suboptions["table_design_options"],
|
|
6199
6347
|
highchartsRenderer.suboptions["chart_grid"],
|
|
6200
6348
|
highchartsRenderer.suboptions["negative_number_format"],
|
|
6201
6349
|
highchartsRenderer.suboptions["delta_column"],
|
|
@@ -6215,6 +6363,7 @@ let getHighchartsRenderer = function ($, document, Highcharts, default_colors, h
|
|
|
6215
6363
|
highchartsRenderer.suboptions["label"],
|
|
6216
6364
|
highchartsRenderer.suboptions["subtitle"],
|
|
6217
6365
|
highchartsRenderer.suboptions["table_options_transpose"],
|
|
6366
|
+
highchartsRenderer.suboptions["table_design_options"],
|
|
6218
6367
|
highchartsRenderer.suboptions["negative_number_format"],
|
|
6219
6368
|
highchartsRenderer.suboptions["delta_column"],
|
|
6220
6369
|
highchartsRenderer.suboptions["error_policy"],
|
|
@@ -6242,6 +6391,7 @@ let getHighchartsRenderer = function ($, document, Highcharts, default_colors, h
|
|
|
6242
6391
|
highchartsRenderer.suboptions["label"],
|
|
6243
6392
|
highchartsRenderer.suboptions["subtitle"],
|
|
6244
6393
|
highchartsRenderer.suboptions["table_options"],
|
|
6394
|
+
highchartsRenderer.suboptions["table_design_options"],
|
|
6245
6395
|
highchartsRenderer.suboptions["chart"],
|
|
6246
6396
|
highchartsRenderer.suboptions["negative_number_format"],
|
|
6247
6397
|
highchartsRenderer.suboptions["delta_column_for_drill_down"],
|
|
@@ -6263,6 +6413,7 @@ let getHighchartsRenderer = function ($, document, Highcharts, default_colors, h
|
|
|
6263
6413
|
highchartsRenderer.suboptions["label_with_percentage"],
|
|
6264
6414
|
highchartsRenderer.suboptions["subtitle"],
|
|
6265
6415
|
highchartsRenderer.suboptions["table_options"],
|
|
6416
|
+
highchartsRenderer.suboptions["table_design_options"],
|
|
6266
6417
|
highchartsRenderer.suboptions["chart_grid"],
|
|
6267
6418
|
highchartsRenderer.suboptions["delta_column"],
|
|
6268
6419
|
highchartsRenderer.suboptions["error_policy"],
|
|
@@ -6289,6 +6440,7 @@ let getHighchartsRenderer = function ($, document, Highcharts, default_colors, h
|
|
|
6289
6440
|
highchartsRenderer.suboptions["label"],
|
|
6290
6441
|
highchartsRenderer.suboptions["subtitle"],
|
|
6291
6442
|
highchartsRenderer.suboptions["table_options_transpose"],
|
|
6443
|
+
highchartsRenderer.suboptions["table_design_options"],
|
|
6292
6444
|
highchartsRenderer.suboptions["chart_grid"],
|
|
6293
6445
|
highchartsRenderer.suboptions["negative_number_format"],
|
|
6294
6446
|
highchartsRenderer.suboptions["delta_column"],
|
|
@@ -6310,6 +6462,7 @@ let getHighchartsRenderer = function ($, document, Highcharts, default_colors, h
|
|
|
6310
6462
|
highchartsRenderer.suboptions["label"],
|
|
6311
6463
|
highchartsRenderer.suboptions["subtitle"],
|
|
6312
6464
|
highchartsRenderer.suboptions["table_options_transpose"],
|
|
6465
|
+
highchartsRenderer.suboptions["table_design_options"],
|
|
6313
6466
|
highchartsRenderer.suboptions["chart_grid"],
|
|
6314
6467
|
highchartsRenderer.suboptions["negative_number_format"],
|
|
6315
6468
|
highchartsRenderer.suboptions["delta_column"],
|
|
@@ -6336,6 +6489,7 @@ let getHighchartsRenderer = function ($, document, Highcharts, default_colors, h
|
|
|
6336
6489
|
highchartsRenderer.suboptions["label_pie"],
|
|
6337
6490
|
highchartsRenderer.suboptions["subtitle"],
|
|
6338
6491
|
highchartsRenderer.suboptions["table_options_transpose"],
|
|
6492
|
+
highchartsRenderer.suboptions["table_design_options"],
|
|
6339
6493
|
highchartsRenderer.suboptions["chart"],
|
|
6340
6494
|
highchartsRenderer.suboptions["negative_number_format"],
|
|
6341
6495
|
highchartsRenderer.suboptions["from_version"],
|
|
@@ -6353,6 +6507,7 @@ let getHighchartsRenderer = function ($, document, Highcharts, default_colors, h
|
|
|
6353
6507
|
highchartsRenderer.suboptions["label_pie"],
|
|
6354
6508
|
highchartsRenderer.suboptions["subtitle"],
|
|
6355
6509
|
highchartsRenderer.suboptions["table_options_transpose"],
|
|
6510
|
+
highchartsRenderer.suboptions["table_design_options"],
|
|
6356
6511
|
highchartsRenderer.suboptions["chart"],
|
|
6357
6512
|
highchartsRenderer.suboptions["negative_number_format"],
|
|
6358
6513
|
highchartsRenderer.suboptions["from_version"],
|
|
@@ -6381,6 +6536,7 @@ let getHighchartsRenderer = function ($, document, Highcharts, default_colors, h
|
|
|
6381
6536
|
highchartsRenderer.suboptions["tooltips"],
|
|
6382
6537
|
highchartsRenderer.suboptions["subtitle"],
|
|
6383
6538
|
highchartsRenderer.suboptions["table_options_transpose"],
|
|
6539
|
+
highchartsRenderer.suboptions["table_design_options"],
|
|
6384
6540
|
highchartsRenderer.suboptions["chart_grid"],
|
|
6385
6541
|
highchartsRenderer.suboptions["negative_number_format"],
|
|
6386
6542
|
highchartsRenderer.suboptions["legends"],
|
|
@@ -6398,6 +6554,7 @@ let getHighchartsRenderer = function ($, document, Highcharts, default_colors, h
|
|
|
6398
6554
|
highchartsRenderer.suboptions["tooltips"],
|
|
6399
6555
|
highchartsRenderer.suboptions["subtitle"],
|
|
6400
6556
|
highchartsRenderer.suboptions["table_options_transpose"],
|
|
6557
|
+
highchartsRenderer.suboptions["table_design_options"],
|
|
6401
6558
|
highchartsRenderer.suboptions["chart_grid"],
|
|
6402
6559
|
highchartsRenderer.suboptions["negative_number_format"],
|
|
6403
6560
|
highchartsRenderer.suboptions["legends"],
|
|
@@ -6420,6 +6577,7 @@ let getHighchartsRenderer = function ($, document, Highcharts, default_colors, h
|
|
|
6420
6577
|
highchartsRenderer.suboptions["range"],
|
|
6421
6578
|
highchartsRenderer.suboptions["name"],
|
|
6422
6579
|
highchartsRenderer.suboptions["table_options_transpose"],
|
|
6580
|
+
highchartsRenderer.suboptions["table_design_options"],
|
|
6423
6581
|
highchartsRenderer.suboptions["negative_number_format"],
|
|
6424
6582
|
highchartsRenderer.suboptions["legends"],
|
|
6425
6583
|
]
|
|
@@ -6439,6 +6597,7 @@ let getHighchartsRenderer = function ($, document, Highcharts, default_colors, h
|
|
|
6439
6597
|
highchartsRenderer.suboptions["default_show"],
|
|
6440
6598
|
highchartsRenderer.suboptions["name"],
|
|
6441
6599
|
highchartsRenderer.suboptions["table_options_transpose"],
|
|
6600
|
+
highchartsRenderer.suboptions["table_design_options"],
|
|
6442
6601
|
highchartsRenderer.suboptions["negative_number_format"],
|
|
6443
6602
|
highchartsRenderer.suboptions["legends"],
|
|
6444
6603
|
]
|
|
@@ -6455,6 +6614,7 @@ let getHighchartsRenderer = function ($, document, Highcharts, default_colors, h
|
|
|
6455
6614
|
render: highchartsRenderer.ptRenderBasicLine,
|
|
6456
6615
|
suboptions: [
|
|
6457
6616
|
highchartsRenderer.suboptions["table_options_transpose"],
|
|
6617
|
+
highchartsRenderer.suboptions["table_design_options"],
|
|
6458
6618
|
highchartsRenderer.suboptions["negative_number_format"],
|
|
6459
6619
|
highchartsRenderer.suboptions["delta_column"],
|
|
6460
6620
|
highchartsRenderer.suboptions["error_policy"],
|
|
@@ -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
|
}
|