2eeb005e09
Allow new number masks for negative personalized negatives, like : #.##0;(#.##0) #.##0,00;(#.##0,00)k #.##0,00;(#.##0,00)m
2436 lines
72 KiB
JavaScript
2436 lines
72 KiB
JavaScript
define(["jquery","text!./PLSmartPivot.css"], function(e,t) {'use strict';
|
|
return e("<style>").html(t).appendTo("head"),{
|
|
initialProperties : {
|
|
version: 1.0,
|
|
qHyperCubeDef : {
|
|
qDimensions : [],
|
|
qMeasures : [],
|
|
qInitialDataFetch : [{
|
|
qWidth : 10,
|
|
qHeight : 1000
|
|
}]
|
|
},
|
|
},
|
|
definition : {
|
|
type : "items",
|
|
component : "accordion",
|
|
items : {
|
|
dimensions : {
|
|
uses : "dimensions",
|
|
min : 1,
|
|
max : 2
|
|
},
|
|
measures : {
|
|
uses : "measures",
|
|
min : 1,
|
|
max : 9
|
|
},
|
|
sorting : {
|
|
uses : "sorting"
|
|
},
|
|
|
|
settings : {
|
|
uses : "settings",
|
|
items : {
|
|
Pagination: {
|
|
type: "items",
|
|
label: "Pagination",
|
|
items: {
|
|
MaxPaginationLoops: {
|
|
ref: "maxloops",
|
|
type: "number",
|
|
component: "dropdown",
|
|
label: "Max Pagination Loops",
|
|
options:
|
|
[ {
|
|
value: 1,
|
|
label: "10k cells"
|
|
}, {
|
|
value: 2,
|
|
label: "20k cells"
|
|
}, {
|
|
value: 3,
|
|
label: "30k cells"
|
|
}, {
|
|
value: 4,
|
|
label: "40k cells"
|
|
}, {
|
|
value: 5,
|
|
label: "50k cells"
|
|
}, {
|
|
value: 6,
|
|
label: "60k cells"
|
|
}, {
|
|
value: 7,
|
|
label: "70k cells"
|
|
}, {
|
|
value: 8,
|
|
label: "80k cells"
|
|
}, {
|
|
value: 9,
|
|
label: "90k cells"
|
|
}, {
|
|
value: 10,
|
|
label: "100k cells"
|
|
}
|
|
|
|
],
|
|
defaultValue: 2,
|
|
},
|
|
ErrorMessage : {
|
|
ref : "errormessage",
|
|
label : "Default error message",
|
|
type : "string",
|
|
defaultValue : "Ups! It seems you asked for too many data. Please filter more to see the whole picture.",
|
|
},
|
|
},
|
|
},
|
|
Header: {
|
|
type: "items",
|
|
label: "Header Format",
|
|
items: {
|
|
Align:{
|
|
ref: "HeaderAlign",
|
|
translation: "Header Alignment",
|
|
type: "number",
|
|
component: "buttongroup",
|
|
options: [ {
|
|
value: 1,
|
|
label: "Left"
|
|
}, {
|
|
value: 2,
|
|
label: "Center"
|
|
}, {
|
|
value: 3,
|
|
label: "Right"
|
|
}],
|
|
defaultValue: 2,
|
|
},
|
|
headercolors: {
|
|
ref: "HeaderColorSchema",
|
|
type: "string",
|
|
component: "dropdown",
|
|
label: "BackGround Header Color",
|
|
options:
|
|
[ {
|
|
value: "Clean",
|
|
label: "Clean"
|
|
}, {
|
|
value: "Soft",
|
|
label: "Soft"
|
|
}, {
|
|
value: "Dark",
|
|
label: "Dark"
|
|
}, {
|
|
value: "Night",
|
|
label: "Night"
|
|
}, {
|
|
value: "Blue",
|
|
label: "Blue"
|
|
}, {
|
|
value: "Orange",
|
|
label: "Orange"
|
|
}, {
|
|
value: "Red",
|
|
label: "Red"
|
|
}, {
|
|
value: "Green",
|
|
label: "Green"
|
|
}, {
|
|
value: "Violete",
|
|
label: "Violete"
|
|
}, {
|
|
value: "Custom",
|
|
label: "Custom"
|
|
}
|
|
|
|
],
|
|
defaultValue: "Night",
|
|
},
|
|
HeaderTextColor: {
|
|
ref: "HeaderTextColorSchema",
|
|
type: "string",
|
|
component: "dropdown",
|
|
label: "Text Header Color",
|
|
options:
|
|
[ {
|
|
value: "Black",
|
|
label: "Black"
|
|
}, {
|
|
value: "DimGray",
|
|
label: "DimGray"
|
|
}, {
|
|
value: "ForestGreen",
|
|
label: "ForestGreen"
|
|
}, {
|
|
value: "Gainsboro",
|
|
label: "Gainsboro"
|
|
}, {
|
|
value: "Indigo",
|
|
label: "Indigo"
|
|
}, {
|
|
value: "Navy",
|
|
label: "Navy"
|
|
}, {
|
|
value: "Purple",
|
|
label: "Purple"
|
|
}, {
|
|
value: "WhiteSmoke",
|
|
label: "WhiteSmoke"
|
|
}, {
|
|
value: "White",
|
|
label: "White"
|
|
}, {
|
|
value: "YellowGreen",
|
|
label: "YellowGreen"
|
|
}
|
|
],
|
|
defaultValue: "WhiteSmoke",
|
|
},
|
|
HeaderFontSize:{
|
|
ref: "lettersizeheader",
|
|
translation: "Font Size",
|
|
type: "number",
|
|
component: "buttongroup",
|
|
options: [ {
|
|
value: 1,
|
|
label: "Small"
|
|
}, {
|
|
value: 2,
|
|
label: "Medium"
|
|
//}, {
|
|
// value: 3,
|
|
// label: "Large"
|
|
}],
|
|
defaultValue: 2
|
|
},
|
|
}
|
|
},
|
|
Formatted: {
|
|
type: "items",
|
|
label: "Table Format",
|
|
items: {
|
|
IndentBool : {
|
|
ref : "indentbool",
|
|
type : "boolean",
|
|
label : "Indent",
|
|
defaultValue : true
|
|
},
|
|
SeparatorColumns : {
|
|
ref : "separatorcols",
|
|
type : "boolean",
|
|
label : "Separator Columns",
|
|
defaultValue : false
|
|
},
|
|
CustomFileBool : {
|
|
ref : "customfilebool",
|
|
type : "boolean",
|
|
label : "Include External File",
|
|
defaultValue : false
|
|
},
|
|
CustomFile : {
|
|
ref : "customfile",
|
|
label : "Name of CSV file (; separated)",
|
|
type : "string",
|
|
defaultValue : "",
|
|
show : function(data) {
|
|
return data.customfilebool;
|
|
}
|
|
},
|
|
colors: {
|
|
ref: "ColorSchema",
|
|
type: "string",
|
|
component: "dropdown",
|
|
label: "BackGround Style",
|
|
options:
|
|
[ {
|
|
value: "Clean",
|
|
label: "Clean"
|
|
}, {
|
|
value: "Soft",
|
|
label: "Soft"
|
|
}, {
|
|
value: "Dark",
|
|
label: "Dark"
|
|
}, {
|
|
value: "Night",
|
|
label: "Night"
|
|
}, {
|
|
value: "Blue",
|
|
label: "Blue"
|
|
}, {
|
|
value: "Orange",
|
|
label: "Orange"
|
|
}, {
|
|
value: "Red",
|
|
label: "Red"
|
|
}, {
|
|
value: "Green",
|
|
label: "Green"
|
|
}, {
|
|
value: "Violete",
|
|
label: "Violete"
|
|
}, {
|
|
value: "Custom",
|
|
label: "Custom"
|
|
}
|
|
|
|
],
|
|
defaultValue: "Clean",
|
|
show : function(data) {
|
|
return data.customfilebool == false;
|
|
}
|
|
},
|
|
BodyTextColor: {
|
|
ref: "BodyTextColorSchema",
|
|
type: "string",
|
|
component: "dropdown",
|
|
label: "Text Body Color",
|
|
options:
|
|
[ {
|
|
value: "Black",
|
|
label: "Black"
|
|
}, {
|
|
value: "DimGray",
|
|
label: "DimGray"
|
|
}, {
|
|
value: "ForestGreen",
|
|
label: "ForestGreen"
|
|
}, {
|
|
value: "Gainsboro",
|
|
label: "Gainsboro"
|
|
}, {
|
|
value: "Indigo",
|
|
label: "Indigo"
|
|
}, {
|
|
value: "Navy",
|
|
label: "Navy"
|
|
}, {
|
|
value: "Purple",
|
|
label: "Purple"
|
|
}, {
|
|
value: "WhiteSmoke",
|
|
label: "WhiteSmoke"
|
|
}, {
|
|
value: "White",
|
|
label: "White"
|
|
}, {
|
|
value: "YellowGreen",
|
|
label: "YellowGreen"
|
|
}
|
|
],
|
|
defaultValue: "Black",
|
|
show : function(data) {
|
|
return data.customfilebool == false;
|
|
}
|
|
},
|
|
FontFamily: {
|
|
ref: "FontFamily",
|
|
type: "string",
|
|
component: "dropdown",
|
|
label: "FontFamily",
|
|
options:
|
|
[ {
|
|
value: "Arial",
|
|
label: "Arial"
|
|
}, {
|
|
value: "Calibri",
|
|
label: "Calibri"
|
|
}, {
|
|
value: "Comic Sans MS",
|
|
label: "Comic Sans MS"
|
|
}, {
|
|
value: "MS Sans Serif",
|
|
label: "MS Sans Serif"
|
|
}, {
|
|
value: "Tahoma",
|
|
label: "Tahoma"
|
|
}, {
|
|
value: "Verdana",
|
|
label: "Verdana"
|
|
}
|
|
|
|
|
|
],
|
|
defaultValue: "Calibri"
|
|
},
|
|
DataFontSize:{
|
|
ref: "lettersize",
|
|
translation: "Font Size",
|
|
type: "number",
|
|
component: "buttongroup",
|
|
options: [ {
|
|
value: 1,
|
|
label: "Small"
|
|
}, {
|
|
value: 2,
|
|
label: "Medium"
|
|
//}, {
|
|
// value: 3,
|
|
// label: "Large"
|
|
}],
|
|
defaultValue: 2
|
|
},
|
|
ColumnWidthSlider: {
|
|
type: "number",
|
|
component: "slider",
|
|
label: "Column Width",
|
|
ref: "columnwidthslider",
|
|
min: 1,
|
|
max: 3,
|
|
step: 1,
|
|
defaultValue: 2
|
|
},
|
|
SymbolForNulls : {
|
|
ref : "symbolfornulls",
|
|
label : "Symbol for Nulls",
|
|
type : "string",
|
|
defaultValue : " "
|
|
},
|
|
AllowExportXLS : {
|
|
ref : "allowexportxls",
|
|
type : "boolean",
|
|
component : "switch",
|
|
label : "Allow export to Excel",
|
|
options: [{
|
|
value: true,
|
|
label: "On"
|
|
}, {
|
|
value: false,
|
|
label: "Off"
|
|
}],
|
|
defaultValue: true
|
|
}
|
|
}
|
|
},
|
|
ConceptSemaphores: {
|
|
type: "items",
|
|
label: "Concept Semaphores",
|
|
items: {
|
|
AllConcepts:{
|
|
ref : "allsemaphores",
|
|
type : "boolean",
|
|
component : "switch",
|
|
label : "All concepts affected",
|
|
options: [{
|
|
value: true,
|
|
label: "On"
|
|
}, {
|
|
value: false,
|
|
label: "Off"
|
|
}],
|
|
defaultValue: true
|
|
},
|
|
ConceptsAffected1:{
|
|
ref: "conceptsemaphore1",
|
|
translation: "Concept 1",
|
|
type: "string",
|
|
defaultValue: "",
|
|
show : function(data) {
|
|
return data.allsemaphores == false;
|
|
}
|
|
},
|
|
ConceptsAffected2:{
|
|
ref: "conceptsemaphore2",
|
|
translation: "Concept 2",
|
|
type: "string",
|
|
defaultValue: "",
|
|
show : function(data) {
|
|
return data.allsemaphores == false;
|
|
}
|
|
},
|
|
ConceptsAffected3:{
|
|
ref: "conceptsemaphore3",
|
|
translation: "Concept 3",
|
|
type: "string",
|
|
defaultValue: "",
|
|
show : function(data) {
|
|
return data.allsemaphores == false;
|
|
}
|
|
},
|
|
ConceptsAffected4:{
|
|
ref: "conceptsemaphore4",
|
|
translation: "Concept 4",
|
|
type: "string",
|
|
defaultValue: "",
|
|
show : function(data) {
|
|
return data.allsemaphores == false;
|
|
}
|
|
},
|
|
ConceptsAffected5:{
|
|
ref: "conceptsemaphore5",
|
|
translation: "Concept 5",
|
|
type: "string",
|
|
defaultValue: "",
|
|
show : function(data) {
|
|
return data.allsemaphores == false;
|
|
}
|
|
},
|
|
ConceptsAffected6:{
|
|
ref: "conceptsemaphore6",
|
|
translation: "Concept 6",
|
|
type: "string",
|
|
defaultValue: "",
|
|
show : function(data) {
|
|
return data.allsemaphores == false;
|
|
}
|
|
},
|
|
ConceptsAffected7:{
|
|
ref: "conceptsemaphore7",
|
|
translation: "Concept 7",
|
|
type: "string",
|
|
defaultValue: "",
|
|
show : function(data) {
|
|
return data.allsemaphores == false;
|
|
}
|
|
},
|
|
ConceptsAffected8:{
|
|
ref: "conceptsemaphore8",
|
|
translation: "Concept 8",
|
|
type: "string",
|
|
defaultValue: "",
|
|
show : function(data) {
|
|
return data.allsemaphores == false;
|
|
}
|
|
},
|
|
ConceptsAffected9:{
|
|
ref: "conceptsemaphore9",
|
|
translation: "Concept 9",
|
|
type: "string",
|
|
defaultValue: "",
|
|
show : function(data) {
|
|
return data.allsemaphores == false;
|
|
}
|
|
},
|
|
ConceptsAffected10:{
|
|
ref: "conceptsemaphore10",
|
|
translation: "Concept 10",
|
|
type: "string",
|
|
defaultValue: "",
|
|
show : function(data) {
|
|
return data.allsemaphores == false;
|
|
}
|
|
},
|
|
}
|
|
},
|
|
MetricSemaphores: {
|
|
type: "items",
|
|
label: "Metric Semaphores",
|
|
items: {
|
|
AllMetrics:{
|
|
ref : "allmetrics",
|
|
type : "boolean",
|
|
component : "switch",
|
|
label : "All metrics affected",
|
|
options: [{
|
|
value: true,
|
|
label: "On"
|
|
}, {
|
|
value: false,
|
|
label: "Off"
|
|
}],
|
|
defaultValue: false
|
|
},
|
|
MetricsAffected:{
|
|
ref: "metricssemaphore",
|
|
translation: "Metrics affected (1,2,4,...)",
|
|
type: "string",
|
|
defaultValue: "0",
|
|
show : function(data) {
|
|
return data.allmetrics == false;
|
|
}
|
|
},
|
|
MetricStatus1: {
|
|
ref: "metricsstatus1",
|
|
translation: "Critic is less than",
|
|
type: "number",
|
|
defaultValue: -0.1
|
|
},
|
|
ColorStatus1: {
|
|
ref: "colorstatus1",
|
|
label: "Critic Color Fill",
|
|
type: "integer",
|
|
component: "color-picker",
|
|
defaultValue: 7
|
|
},
|
|
ColorStatus1Text: {
|
|
ref: "colorstatus1text",
|
|
label: "Critic Color Text",
|
|
type: "integer",
|
|
component: "color-picker",
|
|
defaultValue: 10
|
|
},
|
|
MetricStatus2: {
|
|
ref: "metricsstatus2",
|
|
translation: "Medium is less than",
|
|
type: "number",
|
|
defaultValue: 0
|
|
},
|
|
ColorStatus2: {
|
|
ref: "colorstatus2",
|
|
label: "Medium Color Fill",
|
|
type: "integer",
|
|
component: "color-picker",
|
|
defaultValue: 8
|
|
},
|
|
ColorStatus2Text: {
|
|
ref: "colorstatus2text",
|
|
label: "Medium Color Text",
|
|
type: "integer",
|
|
component: "color-picker",
|
|
defaultValue: 11
|
|
},
|
|
ColorStatus3: {
|
|
ref: "colorstatus3",
|
|
label: "Success Color Fill",
|
|
type: "integer",
|
|
component: "color-picker",
|
|
defaultValue: 6
|
|
},
|
|
ColorStatus3Text: {
|
|
ref: "colorstatus3text",
|
|
label: "Success Color Text",
|
|
type: "integer",
|
|
component: "color-picker",
|
|
defaultValue: 11
|
|
},
|
|
|
|
}
|
|
},
|
|
ColorLibrary: {
|
|
type: "items",
|
|
label: "Primary Colors Library",
|
|
items: {
|
|
ColLibClean:{
|
|
ref: "collibclean",
|
|
translation: "Clean",
|
|
type: "string",
|
|
defaultValue: "#ffffff",
|
|
},
|
|
ColLibSoft:{
|
|
ref: "collibsoft",
|
|
translation: "Soft",
|
|
type: "string",
|
|
defaultValue: "#efefef",
|
|
},
|
|
ColLibDark:{
|
|
ref: "collibdark",
|
|
translation: "Dark",
|
|
type: "string",
|
|
defaultValue: "#c4c4c4",
|
|
},
|
|
ColLibNight:{
|
|
ref: "collibnight",
|
|
translation: "Night",
|
|
type: "string",
|
|
defaultValue: "#808080",
|
|
},
|
|
ColLibRed:{
|
|
ref: "collibred",
|
|
translation: "Red",
|
|
type: "string",
|
|
defaultValue: "#d58b94",
|
|
},
|
|
ColLibOrange:{
|
|
ref: "colliborange",
|
|
translation: "Orange",
|
|
type: "string",
|
|
defaultValue: "#fd6600",
|
|
},
|
|
ColLibViolete:{
|
|
ref: "collibviolete",
|
|
translation: "Violete",
|
|
type: "string",
|
|
defaultValue: "#ccc0ff",
|
|
},
|
|
ColLibBlue:{
|
|
ref: "collibblue",
|
|
translation: "Blue",
|
|
type: "string",
|
|
defaultValue: "#4575b4",
|
|
},
|
|
ColLibGreen:{
|
|
ref: "collibgreen",
|
|
translation: "Green",
|
|
type: "string",
|
|
defaultValue: "#7bb51c",
|
|
},
|
|
ColLibCustom : {
|
|
ref : "collibcustom",
|
|
label : "Custom",
|
|
type : "string",
|
|
defaultValue : "#ffcccc",
|
|
},
|
|
}
|
|
},
|
|
PijamaColorLibrary: {
|
|
type: "items",
|
|
label: "Pijama Colors Library",
|
|
items: {
|
|
ColLibCleanP:{
|
|
ref: "collibcleanp",
|
|
translation: "Clean",
|
|
type: "string",
|
|
defaultValue: "#ffffff",
|
|
},
|
|
ColLibSoftP:{
|
|
ref: "collibsoftp",
|
|
translation: "Soft",
|
|
type: "string",
|
|
defaultValue: "#ffffff",
|
|
},
|
|
ColLibDarkP:{
|
|
ref: "collibdarkp",
|
|
translation: "Dark",
|
|
type: "string",
|
|
defaultValue: "#efefef",
|
|
},
|
|
ColLibNightP:{
|
|
ref: "collibnightp",
|
|
translation: "Night",
|
|
type: "string",
|
|
defaultValue: "#c4c4c4",
|
|
},
|
|
ColLibRedP:{
|
|
ref: "collibredp",
|
|
translation: "Red",
|
|
type: "string",
|
|
defaultValue: "#ffcccc",
|
|
},
|
|
ColLibOrangeP:{
|
|
ref: "colliborangep",
|
|
translation: "Orange",
|
|
type: "string",
|
|
defaultValue: "#ffcc66",
|
|
},
|
|
ColLibVioleteP:{
|
|
ref: "collibvioletep",
|
|
translation: "Violete",
|
|
type: "string",
|
|
defaultValue: "#e6e6ff",
|
|
},
|
|
ColLibBlueP:{
|
|
ref: "collibbluep",
|
|
translation: "Blue",
|
|
type: "string",
|
|
defaultValue: "#b3d9ff",
|
|
},
|
|
ColLibGreenP:{
|
|
ref: "collibgreenp",
|
|
translation: "Green",
|
|
type: "string",
|
|
defaultValue: "#98fb98",
|
|
},
|
|
ColLibCustomP: {
|
|
ref : "collibcustomp",
|
|
label : "Custom",
|
|
type : "string",
|
|
defaultValue : "#ffffff",
|
|
},
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
},
|
|
snapshot : {
|
|
canTakeSnapshot : true
|
|
},
|
|
controller:[
|
|
"$scope",
|
|
"$timeout",
|
|
function(e,t){}
|
|
],
|
|
paint : function(t,a) {
|
|
var isIE = /*@cc_on!@*/false || !!document.documentMode;
|
|
var isChrome = !!window.chrome && !!window.chrome.webstore;
|
|
var isSafari = Object.prototype.toString.call(window.HTMLElement).indexOf('Constructor') > 0;
|
|
var isFirefox = typeof InstallTrigger !== 'undefined';
|
|
|
|
var sufixCells = "";
|
|
var sufixWrap = "";
|
|
switch (this.backendApi.model.layout.columnwidthslider) {
|
|
case 1:
|
|
sufixCells += '-s';
|
|
break;
|
|
case 2:
|
|
sufixCells += '';
|
|
break;
|
|
case 3:
|
|
sufixCells += '-l';
|
|
break;
|
|
default:
|
|
sufixCells += '';
|
|
break;
|
|
}
|
|
|
|
var dim_count = this.backendApi.model.layout.qHyperCube.qDimensionInfo.length;
|
|
var measure_count = this.backendApi.model.layout.qHyperCube.qMeasureInfo.length;
|
|
|
|
var myTitle = "";
|
|
var mySubTitle = "";
|
|
var myFootNote = "";
|
|
if(this.backendApi.model.layout.title.length > 0){
|
|
myTitle += '<p style="font-size:15pt"><b>';
|
|
myTitle += this.backendApi.model.layout.title;
|
|
myTitle += '</b></p>';
|
|
}
|
|
if(this.backendApi.model.layout.subtitle.length > 0){
|
|
mySubTitle += '<p style="font-size:11pt">';
|
|
mySubTitle += this.backendApi.model.layout.subtitle;
|
|
mySubTitle += '</p>';
|
|
}
|
|
if(this.backendApi.model.layout.footnote.length > 0){
|
|
myFootNote += '<p style="font-size:11pt"><i>Note:</i>';
|
|
myFootNote += this.backendApi.model.layout.footnote;
|
|
myFootNote += '</p>';
|
|
}
|
|
|
|
var vNumberFormat = "";
|
|
|
|
var vMaxLoops = this.backendApi.model.layout.maxloops;
|
|
var vErrorMessage = this.backendApi.model.layout.errormessage;
|
|
|
|
var vSeparatorCols = this.backendApi.model.layout.separatorcols;
|
|
if (dim_count == 1) {
|
|
vSeparatorCols = false;
|
|
}
|
|
|
|
var vCustomFileBool = this.backendApi.model.layout.customfilebool;
|
|
var vCustomFile = this.backendApi.model.layout.customfile;
|
|
|
|
var vPadding = this.backendApi.model.layout.indentbool;
|
|
var vPaddingText = "";
|
|
|
|
var vGlobalComas = 0;
|
|
var vGlobalComas2 = 0;
|
|
var vGlobalComment = 0;
|
|
var vGlobalCommentColor = "";
|
|
var vGlobalFontSize = 0;
|
|
var vOKCustom = 0;
|
|
var vComas = 0;
|
|
var vMedium = false;
|
|
|
|
var vPaginationLoop = 0;
|
|
|
|
var vHeaderAlign = this.backendApi.model.layout.HeaderAlign;
|
|
|
|
var vColLibClean = this.backendApi.model.layout.collibclean;
|
|
var vColLibSoft = this.backendApi.model.layout.collibsoft;
|
|
var vColLibDark = this.backendApi.model.layout.collibdark;
|
|
var vColLibNight = this.backendApi.model.layout.collibnight;
|
|
var vColLibRed = this.backendApi.model.layout.collibred;
|
|
var vColLibOrange = this.backendApi.model.layout.colliborange;
|
|
var vColLibBlue = this.backendApi.model.layout.collibblue;
|
|
var vColLibGreen = this.backendApi.model.layout.collibgreen;
|
|
var vColLibViolete = this.backendApi.model.layout.collibviolete;
|
|
var vColLibCustom = this.backendApi.model.layout.collibcustom;
|
|
|
|
var vColLibCleanP = this.backendApi.model.layout.collibcleanp;
|
|
var vColLibSoftP = this.backendApi.model.layout.collibsoftp;
|
|
var vColLibDarkP = this.backendApi.model.layout.collibdarkp;
|
|
var vColLibNightP = this.backendApi.model.layout.collibnightp;
|
|
var vColLibRedP = this.backendApi.model.layout.collibredp;
|
|
var vColLibOrangeP = this.backendApi.model.layout.colliborangep;
|
|
var vColLibBlueP = this.backendApi.model.layout.collibbluep;
|
|
var vColLibGreenP = this.backendApi.model.layout.collibgreenp;
|
|
var vColLibVioleteP = this.backendApi.model.layout.collibvioletep;
|
|
var vColLibCustomP = this.backendApi.model.layout.collibcustomp;
|
|
|
|
var vDynamicColorHeader = 'vColLib' + this.backendApi.model.layout.HeaderColorSchema;
|
|
var vDynamicColorBody = 'vColLib' + this.backendApi.model.layout.ColorSchema;
|
|
var vDynamicColorBodyP = 'vColLib' + this.backendApi.model.layout.ColorSchema + 'P';
|
|
|
|
var vHeaderColorSchema = eval(vDynamicColorHeader);
|
|
var vColorSchema = eval(vDynamicColorBody);
|
|
var vColorSchemaP = eval(vDynamicColorBodyP);
|
|
|
|
var vExportToExcel = this.backendApi.model.layout.allowexportxls;
|
|
var vFontFamily = this.backendApi.model.layout.FontFamily;
|
|
var vFontSize = "";
|
|
|
|
var vColorText = this.backendApi.model.layout.BodyTextColorSchema;
|
|
var vDivide = 1;
|
|
var nMeasAux = 0;
|
|
|
|
var vHeaderColorText = this.backendApi.model.layout.HeaderTextColorSchema;
|
|
|
|
var vHeaderAlignText = "";
|
|
switch (vHeaderAlign)
|
|
{
|
|
case 1:
|
|
vHeaderAlignText = 'left';
|
|
break;
|
|
case 2:
|
|
vHeaderAlignText = 'center';
|
|
break;
|
|
case 3:
|
|
vHeaderAlignText = 'right';
|
|
break;
|
|
}
|
|
|
|
var vLetterSize = 0;
|
|
var vLetterSizeHeader = 0;
|
|
switch (this.backendApi.model.layout.lettersizeheader)
|
|
{
|
|
case 1:
|
|
vLetterSizeHeader = -2;
|
|
break;
|
|
case 2:
|
|
vLetterSizeHeader = 0;
|
|
break;
|
|
case 3:
|
|
vLetterSizeHeader = 2;
|
|
break;
|
|
}
|
|
switch (this.backendApi.model.layout.lettersize)
|
|
{
|
|
case 1:
|
|
vLetterSize = -2;
|
|
break;
|
|
case 2:
|
|
vLetterSize = -1;
|
|
break;
|
|
case 3:
|
|
vLetterSize = 2;
|
|
break;
|
|
}
|
|
|
|
var vIndent = "";
|
|
|
|
var vSymbolForNulls = this.backendApi.model.layout.symbolfornulls;
|
|
|
|
var vAllSemaphores = this.backendApi.model.layout.allsemaphores;
|
|
var ConceptsAffectedMatrix = new Array(10);
|
|
if (vAllSemaphores == false) {
|
|
ConceptsAffectedMatrix[0] = this.backendApi.model.layout.conceptsemaphore1;
|
|
ConceptsAffectedMatrix[1] = this.backendApi.model.layout.conceptsemaphore2;
|
|
ConceptsAffectedMatrix[2] = this.backendApi.model.layout.conceptsemaphore3;
|
|
ConceptsAffectedMatrix[3] = this.backendApi.model.layout.conceptsemaphore4;
|
|
ConceptsAffectedMatrix[4] = this.backendApi.model.layout.conceptsemaphore5;
|
|
ConceptsAffectedMatrix[5] = this.backendApi.model.layout.conceptsemaphore6;
|
|
ConceptsAffectedMatrix[6] = this.backendApi.model.layout.conceptsemaphore7;
|
|
ConceptsAffectedMatrix[7] = this.backendApi.model.layout.conceptsemaphore8;
|
|
ConceptsAffectedMatrix[8] = this.backendApi.model.layout.conceptsemaphore9;
|
|
ConceptsAffectedMatrix[9] = this.backendApi.model.layout.conceptsemaphore10;
|
|
}
|
|
|
|
var vAllMetrics = this.backendApi.model.layout.allmetrics;
|
|
var MetricsAffectedMatrix = JSON.parse("[" + this.backendApi.model.layout.metricssemaphore + "]");
|
|
|
|
var vColorMetric1 = '';
|
|
var vColorMetric2 = '';
|
|
var vColorMetric3 = '';
|
|
var vColorMetric1Text = '';
|
|
var vColorMetric2Text = '';
|
|
var vColorMetric3Text = '';
|
|
var vColorSemaphore = '';
|
|
var vColorSemaphoreText = '';
|
|
|
|
switch (this.backendApi.model.layout.colorstatus1){
|
|
case 0:
|
|
vColorMetric1 = '#b0afae';
|
|
break;
|
|
case 1:
|
|
vColorMetric1 = '#7b7a78';
|
|
break;
|
|
case 2:
|
|
vColorMetric1 = '#545352';
|
|
break;
|
|
case 3:
|
|
vColorMetric1 = '#4477aa';
|
|
break;
|
|
case 4:
|
|
vColorMetric1 = '#7db8da';
|
|
break;
|
|
case 5:
|
|
vColorMetric1 = '#b6d7ea';
|
|
break;
|
|
case 6:
|
|
vColorMetric1 = '#46c646';
|
|
break;
|
|
case 7:
|
|
vColorMetric1 = '#f93f17';
|
|
break;
|
|
case 8:
|
|
vColorMetric1 = '#ffcf02';
|
|
break;
|
|
case 9:
|
|
vColorMetric1 = '#276e27';
|
|
break;
|
|
case 10:
|
|
vColorMetric1 = '#ffffff';
|
|
break;
|
|
case 11:
|
|
vColorMetric1 = '#000000';
|
|
break;
|
|
default:
|
|
vColorMetric1 = '#ffffff';
|
|
break;
|
|
}
|
|
switch (this.backendApi.model.layout.colorstatus2){
|
|
case 0:
|
|
vColorMetric2 = '#b0afae';
|
|
break;
|
|
case 1:
|
|
vColorMetric2 = '#7b7a78';
|
|
break;
|
|
case 2:
|
|
vColorMetric2 = '#545352';
|
|
break;
|
|
case 3:
|
|
vColorMetric2 = '#4477aa';
|
|
break;
|
|
case 4:
|
|
vColorMetric2 = '#7db8da';
|
|
break;
|
|
case 5:
|
|
vColorMetric2 = '#b6d7ea';
|
|
break;
|
|
case 6:
|
|
vColorMetric2 = '#46c646';
|
|
break;
|
|
case 7:
|
|
vColorMetric2 = '#f93f17';
|
|
break;
|
|
case 8:
|
|
vColorMetric2 = '#ffcf02';
|
|
break;
|
|
case 9:
|
|
vColorMetric2 = '#276e27';
|
|
break;
|
|
case 10:
|
|
vColorMetric2 = '#ffffff';
|
|
break;
|
|
case 11:
|
|
vColorMetric2 = '#000000';
|
|
break;
|
|
default:
|
|
vColorMetric2 = '#ffffff';
|
|
break;
|
|
}
|
|
switch (this.backendApi.model.layout.colorstatus3){
|
|
case 0:
|
|
vColorMetric3 = '#b0afae';
|
|
break;
|
|
case 1:
|
|
vColorMetric3 = '#7b7a78';
|
|
break;
|
|
case 2:
|
|
vColorMetric3 = '#545352';
|
|
break;
|
|
case 3:
|
|
vColorMetric3 = '#4477aa';
|
|
break;
|
|
case 4:
|
|
vColorMetric3 = '#7db8da';
|
|
break;
|
|
case 5:
|
|
vColorMetric3 = '#b6d7ea';
|
|
break;
|
|
case 6:
|
|
vColorMetric3 = '#46c646';
|
|
break;
|
|
case 7:
|
|
vColorMetric3 = '#f93f17';
|
|
break;
|
|
case 8:
|
|
vColorMetric3 = '#ffcf02';
|
|
break;
|
|
case 9:
|
|
vColorMetric3 = '#276e27';
|
|
break;
|
|
case 10:
|
|
vColorMetric3 = '#ffffff';
|
|
break;
|
|
case 11:
|
|
vColorMetric3 = '#000000';
|
|
break;
|
|
default:
|
|
vColorMetric3 = '#ffffff';
|
|
break;
|
|
}
|
|
|
|
switch (this.backendApi.model.layout.colorstatus1text){
|
|
case 0:
|
|
vColorMetric1Text = '#b0afae';
|
|
break;
|
|
case 1:
|
|
vColorMetric1Text = '#7b7a78';
|
|
break;
|
|
case 2:
|
|
vColorMetric1Text = '#545352';
|
|
break;
|
|
case 3:
|
|
vColorMetric1Text = '#4477aa';
|
|
break;
|
|
case 4:
|
|
vColorMetric1Text = '#7db8da';
|
|
break;
|
|
case 5:
|
|
vColorMetric1Text = '#b6d7ea';
|
|
break;
|
|
case 6:
|
|
vColorMetric1Text = '#46c646';
|
|
break;
|
|
case 7:
|
|
vColorMetric1Text = '#f93f17';
|
|
break;
|
|
case 8:
|
|
vColorMetric1Text = '#ffcf02';
|
|
break;
|
|
case 9:
|
|
vColorMetric1Text = '#276e27';
|
|
break;
|
|
case 10:
|
|
vColorMetric1Text = '#ffffff';
|
|
break;
|
|
case 11:
|
|
vColorMetric1Text = '#000000';
|
|
break;
|
|
default:
|
|
vColorMetric1Text = '#000000';
|
|
break;
|
|
}
|
|
switch (this.backendApi.model.layout.colorstatus2text){
|
|
case 0:
|
|
vColorMetric2Text = '#b0afae';
|
|
break;
|
|
case 1:
|
|
vColorMetric2Text = '#7b7a78';
|
|
break;
|
|
case 2:
|
|
vColorMetric2Text = '#545352';
|
|
break;
|
|
case 3:
|
|
vColorMetric2Text = '#4477aa';
|
|
break;
|
|
case 4:
|
|
vColorMetric2Text = '#7db8da';
|
|
break;
|
|
case 5:
|
|
vColorMetric2Text = '#b6d7ea';
|
|
break;
|
|
case 6:
|
|
vColorMetric2Text = '#46c646';
|
|
break;
|
|
case 7:
|
|
vColorMetric2Text = '#f93f17';
|
|
break;
|
|
case 8:
|
|
vColorMetric2Text = '#ffcf02';
|
|
break;
|
|
case 9:
|
|
vColorMetric2Text = '#276e27';
|
|
break;
|
|
case 10:
|
|
vColorMetric2Text = '#ffffff';
|
|
break;
|
|
case 11:
|
|
vColorMetric2Text = '#000000';
|
|
break;
|
|
default:
|
|
vColorMetric2Text = '#000000';
|
|
break;
|
|
}
|
|
switch (this.backendApi.model.layout.colorstatus3text){
|
|
case 0:
|
|
vColorMetric3Text = '#b0afae';
|
|
break;
|
|
case 1:
|
|
vColorMetric3Text = '#7b7a78';
|
|
break;
|
|
case 2:
|
|
vColorMetric3Text = '#545352';
|
|
break;
|
|
case 3:
|
|
vColorMetric3Text = '#4477aa';
|
|
break;
|
|
case 4:
|
|
vColorMetric3Text = '#7db8da';
|
|
break;
|
|
case 5:
|
|
vColorMetric3Text = '#b6d7ea';
|
|
break;
|
|
case 6:
|
|
vColorMetric3Text = '#46c646';
|
|
break;
|
|
case 7:
|
|
vColorMetric3Text = '#f93f17';
|
|
break;
|
|
case 8:
|
|
vColorMetric3Text = '#ffcf02';
|
|
break;
|
|
case 9:
|
|
vColorMetric3Text = '#276e27';
|
|
break;
|
|
case 10:
|
|
vColorMetric3Text = '#ffffff';
|
|
break;
|
|
case 11:
|
|
vColorMetric3Text = '#000000';
|
|
break;
|
|
default:
|
|
vColorMetric3Text = '#000000';
|
|
break;
|
|
}
|
|
|
|
var vCritic = this.backendApi.model.layout.metricsstatus1;
|
|
var vMMedium = this.backendApi.model.layout.metricsstatus2;
|
|
|
|
var vBoldFlag = "";
|
|
var vDimName = "";
|
|
var CustomArray = new Array();
|
|
var CustomArrayBasic = new Array();
|
|
var vNumCustomHeaders = 0;
|
|
|
|
if (vCustomFileBool && vCustomFile.length > 4) {
|
|
ReadCustomSchema();
|
|
}
|
|
|
|
var ConceptMatrix = new Array();
|
|
var ConceptMatrixFirst = new Array();
|
|
var ConceptMatrixRowElem = new Array();
|
|
var ConceptMatrixSecond = new Array();
|
|
var ConceptMatrixColElem = new Array();
|
|
var ConceptMatrixColElemTable = new Array();
|
|
var ConceptMatrixPivot = new Array();
|
|
var ArrayGetSelectedCount = new Array();
|
|
var ConceptMatrixFirstClean = new Array();
|
|
|
|
var vColumnText = "";
|
|
var vColumnNum = "";
|
|
var vPercent = false;
|
|
var vMaskNum = 0;
|
|
var html2 = "";
|
|
var StyleTags = "";
|
|
|
|
var vNumDims = 0;
|
|
var vNumMeasures = 0;
|
|
var vNumMeasures2 = 0;//sirve para multiplicar num medidas por num elementos de la 2ª dimensión
|
|
var SecondHeaderLength = 0;//sirve para determinar cuántos elementos hay en la 2ª dimensión
|
|
var vNumMeasuresCheckLevels = 2;
|
|
var vNumCols = 0;
|
|
var MeasuresFormat = new Array();
|
|
var LabelsArray = new Array();
|
|
var ExtraLabelsArray = new Array();
|
|
var vExtraLabel = "";
|
|
var vMoreButtonCode = "";
|
|
var vExcelButtonCode = "";
|
|
|
|
var self = this, lastrow = 0, morebutton = false;
|
|
var f = "";
|
|
|
|
var nRows = this.backendApi.getRowCount();
|
|
f += "<div class='header-wrapper'> <table class='header'><tr>";
|
|
|
|
|
|
//render titles
|
|
e.each(this.backendApi.getDimensionInfos(),function(e,t){
|
|
ArrayGetSelectedCount.push(t.qStateCounts.qSelected);
|
|
vDimName = t.qFallbackTitle;
|
|
if (vNumDims == 0) {
|
|
LabelsArray.push(vDimName);
|
|
}
|
|
vNumDims++;
|
|
if (dim_count == 1) {
|
|
|
|
if(vExportToExcel) {
|
|
vExcelButtonCode = '<input class = "icon-xls" type = "image" src="/Extensions/PLSmartPivot/Excel.png">';
|
|
}else{
|
|
vExcelButtonCode = "";
|
|
}
|
|
f += '<th class="fdim-cells" style="cursor:default;color:' + vHeaderColorText + ';font-family:' + vFontFamily + ';background-color:' + vHeaderColorSchema + ';font-size:' + (17 + vLetterSizeHeader) + 'px;height:70px;width:230px;vertical-align:middle;text-align:' + vHeaderAlignText + '">' + vExcelButtonCode + t.qFallbackTitle + '</th>';
|
|
|
|
}
|
|
});
|
|
e.each(this.backendApi.getMeasureInfos(),function(e,t) {
|
|
vDimName = t.qFallbackTitle;
|
|
LabelsArray.push(vDimName);
|
|
var mfor = "";
|
|
|
|
if(t.qNumFormat.qType == 'U' || t.qNumFormat.qFmt == '##############'){
|
|
mfor = '#.##0'; //in case of undefined
|
|
}else{
|
|
if(t.qNumFormat.qType == 'R'){
|
|
mfor = t.qNumFormat.qFmt;
|
|
mfor = mfor.replace(/(|)/gi,'');
|
|
}else{
|
|
mfor = t.qNumFormat.qFmt;
|
|
}
|
|
}
|
|
|
|
MeasuresFormat.push(mfor);
|
|
|
|
switch (mfor.substr(mfor.length - 1))
|
|
{
|
|
case 'm':
|
|
vExtraLabel = ' (M)';
|
|
ExtraLabelsArray.push(' (M)');
|
|
break;
|
|
case 'M':
|
|
vExtraLabel = ' (M)';
|
|
ExtraLabelsArray.push(' (M)');
|
|
break;
|
|
case 'k':
|
|
vExtraLabel = ' (k)';
|
|
ExtraLabelsArray.push(' (k)');
|
|
break;
|
|
case 'K':
|
|
vExtraLabel = ' (k)';
|
|
ExtraLabelsArray.push(' (k)');
|
|
break;
|
|
default:
|
|
vExtraLabel = "";
|
|
ExtraLabelsArray.push('');
|
|
break;
|
|
}
|
|
vNumMeasures++;
|
|
vNumMeasuresCheckLevels++;
|
|
if (dim_count == 1) {
|
|
if (((t.qFallbackTitle + vExtraLabel).length > 11 && vLetterSizeHeader == 0) ||
|
|
((t.qFallbackTitle + vExtraLabel).length > 12 && vLetterSizeHeader == -2)) {
|
|
sufixWrap = '70';
|
|
}else{
|
|
sufixWrap = 'Empty';
|
|
}
|
|
f += '<th class="grid-cells2' + sufixCells + '" style="cursor:default' + ';color:' + vHeaderColorText +';font-family:' + vFontFamily + ';background-color:' + vHeaderColorSchema + ';font-size:' + (15 + vLetterSizeHeader) + 'px;height:70px;vertical-align:middle;text-align:' + vHeaderAlignText + '"><span class = "wrapclass' + sufixWrap + '" style="font-family:' + vFontFamily + '">' + t.qFallbackTitle + vExtraLabel + '</span></th>';
|
|
}
|
|
|
|
});
|
|
|
|
var vColumnTextUpper = "";
|
|
|
|
//order the info in particular arrays
|
|
this.backendApi.eachDataRow(function(t, a) {
|
|
lastrow = t;
|
|
|
|
var vColumn = 0;
|
|
var vColumnP = 0;
|
|
|
|
|
|
var vColumnNumber = 0;
|
|
|
|
var vStartsRight = 0;
|
|
|
|
var vBoldNumber = 0;
|
|
var vTagText = "";
|
|
var vComment = 0;
|
|
|
|
var dim = a[0];
|
|
|
|
var vNumMeasuresPlus = vNumMeasures + 1;
|
|
var vNumMeasuresPlus2 = vNumMeasures + 2;
|
|
|
|
ConceptMatrix[t] = new Array();
|
|
ConceptMatrix[t][0] = a[0].qText;
|
|
|
|
ConceptMatrixFirst[t] = a[0].qText;
|
|
ConceptMatrixRowElem[t] = a[0].qElemNumber;
|
|
var nMeasures = 0;
|
|
if (vNumDims == 1) {
|
|
for(nMeasures = 1;nMeasures <= vNumMeasures;nMeasures++){
|
|
ConceptMatrix[t][nMeasures] = a[nMeasures].qNum;
|
|
}
|
|
}else{
|
|
ConceptMatrix[t][1] = a[1].qText;
|
|
ConceptMatrixColElem[t] = a[1].qElemNumber;
|
|
ConceptMatrixSecond[t] = a[1].qText;
|
|
// set the hipercube in a plain array without pivoting
|
|
for(nMeasures = 2;nMeasures <= vNumMeasuresPlus;nMeasures++){
|
|
ConceptMatrix[t][nMeasures] = a[nMeasures].qNum;
|
|
}
|
|
}
|
|
});
|
|
if(nRows > (lastrow + 1) && nRows <= (vMaxLoops * 1000)) {
|
|
vPaginationLoop++;
|
|
var requestPage = [{
|
|
qTop : lastrow + 1,
|
|
qLeft : 0,
|
|
qWidth : 10, //should be # of columns
|
|
qHeight : Math.min(1000, nRows - lastrow)
|
|
}];
|
|
|
|
this.backendApi.getData(requestPage).then(function(dataPages) {
|
|
self.paint(t);
|
|
});
|
|
};
|
|
|
|
if (nRows >= (vMaxLoops * 1000)) {
|
|
alert(vErrorMessage);
|
|
}
|
|
|
|
// particular headers in case you have more than 1 dimension
|
|
if (vNumDims == 2) {
|
|
//new array with unique values for 2nd dim
|
|
|
|
var SecondHeader = ConceptMatrixSecond.filter(onlyUnique);//second dimension concepts
|
|
ConceptMatrixRowElem = ConceptMatrixRowElem.filter(onlyUnique);//first dimension concepts
|
|
ConceptMatrixColElem = ConceptMatrixColElem.filter(onlyUnique);//dimension code for further selections
|
|
var eo = ConceptMatrixColElem.length;
|
|
var vLoopColsMeasures = 1;
|
|
ConceptMatrixColElemTable[0] = ConceptMatrixColElem[0];
|
|
for(var xx = 0;xx < eo;xx++){
|
|
if (vSeparatorCols && xx > 0) {
|
|
|
|
ConceptMatrixColElemTable[vLoopColsMeasures] = ConceptMatrixColElem[xx];
|
|
vLoopColsMeasures++;
|
|
}
|
|
|
|
for(var xxx = 0;xxx < vNumMeasures;xxx++){
|
|
ConceptMatrixColElemTable[vLoopColsMeasures] = ConceptMatrixColElem[xx];
|
|
vLoopColsMeasures++;
|
|
}
|
|
}
|
|
|
|
ConceptMatrixFirstClean = ConceptMatrixFirst.filter(onlyUnique);
|
|
SecondHeaderLength = SecondHeader.length;
|
|
vNumMeasures2 = vNumMeasures * SecondHeaderLength;
|
|
|
|
if(measure_count>1){
|
|
|
|
if(vExportToExcel) {
|
|
vExcelButtonCode = '<input class = "icon-xls" type = "image" src="/Extensions/PLSmartPivot/Excel.png">';
|
|
}else{
|
|
vExcelButtonCode = "";
|
|
}
|
|
|
|
f += '<th class="fdim-cells" rowspan="2" padding-left="20px" style="cursor:default;color:' + vHeaderColorText +';font-family:' + vFontFamily + ';background-color:' + vHeaderColorSchema + ';font-size:' + (16 + vLetterSizeHeader) + 'px;height:80px;width:230px;vertical-align:middle;text-align:' + vHeaderAlignText + '">' + vExcelButtonCode + LabelsArray[0] + '</th>';
|
|
|
|
for (var nSecond=0;nSecond<SecondHeaderLength;nSecond++){//second dimension header
|
|
if(vSeparatorCols && nSecond > 0){
|
|
f += '<th class = "empty" style="color:white' + ';font-family:' + vFontFamily + ';font-size:' + (13 + vLetterSizeHeader) + 'px">' + '*' + '</th>';
|
|
}
|
|
|
|
f += '<th class="grid-cells2' + sufixCells + '" colspan="' + measure_count + '"; style="color:' + vHeaderColorText +';font-family:' + vFontFamily + ';background-color:' + vHeaderColorSchema + ';font-size:' + (14 + vLetterSizeHeader) + 'px;height:45px;vertical-align:middle;text-align:' + vHeaderAlignText + '">' + SecondHeader[nSecond] + '</th>';
|
|
}
|
|
f += "</tr>";
|
|
|
|
f += "<tr>";
|
|
for (var nSecond2=0;nSecond2<SecondHeaderLength;nSecond2++){//metrics label header
|
|
if(vSeparatorCols && nSecond2 > 0){
|
|
f += '<th class = "empty" style="color:white' + ';font-family:' + vFontFamily + ';font-size:' + (12 + vLetterSize) + 'px">' + '*' + '</th>';
|
|
}
|
|
for (var nMeas=1;nMeas<=measure_count;nMeas++){
|
|
nMeasAux = nMeas - 1;
|
|
if (MeasuresFormat[nMeasAux].substring(MeasuresFormat[nMeasAux].length - 1) == '%') {
|
|
f += '<th class="grid-cells2-small' + sufixCells + '" style="cursor:default' + ';color:' + vHeaderColorText +';font-family:' + vFontFamily + ';background-color:' + vHeaderColorSchema + ';font-size:' + (13 + vLetterSizeHeader) + 'px;height:25px;vertical-align:middle;text-align:' + vHeaderAlignText + '"><span class = "wrapclass25">' + LabelsArray[nMeas] + ExtraLabelsArray[nMeas - 1] + '</span></th>';
|
|
}else{
|
|
f += '<th class="grid-cells2' + sufixCells + '" style="cursor:default' + ';color:' + vHeaderColorText +';font-family:' + vFontFamily + ';background-color:' + vHeaderColorSchema + ';font-size:' + (14 + vLetterSizeHeader) + 'px;height:25px;vertical-align:middle;text-align:' + vHeaderAlignText + '"><span class = "wrapclass25">' + LabelsArray[nMeas] + ExtraLabelsArray[nMeas - 1] + '</span></th>';
|
|
}
|
|
}
|
|
}
|
|
}else{
|
|
|
|
if(vExportToExcel) {
|
|
vExcelButtonCode = '<input class = "icon-xls" type = "image" src="/Extensions/PLSmartPivot/Excel.png">';
|
|
}else{
|
|
vExcelButtonCode = "";
|
|
}
|
|
f += '<th class="fdim-cells" style="cursor:default;color:' + vHeaderColorText +';background-color:' + vHeaderColorSchema + ';font-family:' + vFontFamily + ';font-size:' + (16 + vLetterSizeHeader) + 'px;height:70px;width:230px;vertical-align:middle;text-align:' + vHeaderAlignText + '">' + vExcelButtonCode + LabelsArray[0] + ExtraLabelsArray[0] + '</th>';
|
|
|
|
for (var nSecond=0;nSecond<SecondHeaderLength;nSecond++){
|
|
if(vSeparatorCols && nSecond > 0){
|
|
f += '<th class = "empty" style="color:white' + ';font-family:' + vFontFamily + ';font-size:' + (12 + vLetterSize) + 'px">' + '*' + '</th>';
|
|
}
|
|
if ((SecondHeader[nSecond].length > 11 && vLetterSizeHeader == 0) ||
|
|
(SecondHeader[nSecond].length > 12 && vLetterSizeHeader == -2)) {
|
|
sufixWrap = '70';
|
|
}else{
|
|
sufixWrap = 'Empty';
|
|
}
|
|
f += '<th class="grid-cells2' + sufixCells + '" style="color:' + vHeaderColorText +';background-color:' + vHeaderColorSchema + ';font-family:' + vFontFamily + ';font-size:' + (14 + vLetterSizeHeader) + 'px;height:70px' + ';vertical-align:middle;text-align:' + vHeaderAlignText + '"><span class = "wrapclass' + sufixWrap + '" style="font-family:' + vFontFamily + '">' + SecondHeader[nSecond] + '</span></th>';
|
|
}
|
|
}
|
|
|
|
// in this loop I load the final pivot matrix
|
|
var ConceptPos = 0;
|
|
var nMeas3 = 0;
|
|
var vHeaderIndex = 0;
|
|
var MeasurePos = 0;
|
|
for (var nPivotElems = 0;nPivotElems <= lastrow;nPivotElems++){
|
|
ConceptMatrixPivot[nPivotElems] = new Array();
|
|
ConceptPos = ConceptMatrixFirstClean.indexOf(ConceptMatrix[nPivotElems][0]);
|
|
ConceptMatrixPivot[ConceptPos][0] = ConceptMatrix[nPivotElems][0];
|
|
|
|
for (var nMeas2=1;nMeas2<=measure_count;nMeas2++){
|
|
nMeas3 = nMeas2 + 1;
|
|
vHeaderIndex = (SecondHeader.indexOf(ConceptMatrix[nPivotElems][1]) + 1);
|
|
MeasurePos = (vHeaderIndex * measure_count) + (nMeas2 - measure_count);
|
|
ConceptMatrixPivot[ConceptPos][MeasurePos] = ConceptMatrix[nPivotElems][nMeas3];
|
|
}
|
|
}
|
|
|
|
}
|
|
f += "</tr>";
|
|
f += "</table></div>";
|
|
f += " <div class='row-wrapper'><table >";
|
|
|
|
//Paint the numbers
|
|
if (vNumDims == 1) {
|
|
//apply the custom style
|
|
for (var nmrows = 0;nmrows <= lastrow;nmrows++) {
|
|
|
|
vColumnText = ConceptMatrix[nmrows][0];
|
|
vGlobalComment = 0;
|
|
vGlobalCommentColor = "";
|
|
if (vColumnText != '-') {
|
|
|
|
StyleTags = "";
|
|
|
|
if (vCustomFileBool) {
|
|
|
|
vComas = 0;
|
|
vMedium = false;
|
|
vGlobalComas = 0;
|
|
vGlobalComas2 = 0;
|
|
vGlobalFontSize = 0;
|
|
var aach = 0;
|
|
var vCustomAttribute = '';
|
|
StyleTags = "";
|
|
for(aach = 1;aach < vNumCustomHeaders;aach++){ // for each custom attribute allocated in the external csv
|
|
if (CustomArrayBasic.indexOf(vColumnText) < 0) {
|
|
vCustomAttribute == 'none';
|
|
}else{
|
|
vCustomAttribute = CustomArray[CustomArrayBasic.indexOf(vColumnText)][aach]; //CustomArrayBasic se ha rellenado con los atributos de look al principio de la ejecución del código
|
|
}
|
|
ApplyBold(vCustomAttribute,vComas);
|
|
vComas += vGlobalComas;
|
|
ApplyComment(vCustomAttribute,vComas);
|
|
vComas += vGlobalComas;
|
|
ApplyFontStyle(vCustomAttribute,vComas);
|
|
vComas += vGlobalComas;
|
|
ApplyBackgroundColor(vCustomAttribute,vComas);
|
|
vComas += vGlobalComas;
|
|
ApplyFontColor(vCustomAttribute,vComas);
|
|
vComas += vGlobalComas;
|
|
ApplyFontSize(vCustomAttribute,vComas);
|
|
vComas += vGlobalComas;
|
|
ApplyAlignment(vCustomAttribute,vComas);
|
|
vComas += vGlobalComas;
|
|
}
|
|
if (vGlobalFontSize == 0) {
|
|
if (vComas >0) {
|
|
StyleTags += ';font-size:' + (14 + vLetterSize)+ 'px';
|
|
}else{
|
|
StyleTags += 'font-size:' + (14 + vLetterSize)+ 'px';
|
|
}
|
|
vFontSize = ';font-size:' + (14 + vLetterSize) + 'px';
|
|
vGlobalFontSize = 1;
|
|
}
|
|
|
|
// after this the row styles are configured
|
|
|
|
}else{
|
|
ApplyStandardAttributes(nmrows);
|
|
vFontSize = ';font-size:' + (14 + vLetterSize) + 'px';
|
|
}
|
|
|
|
if (vPadding && vGlobalComas2 == 0) {
|
|
vPaddingText = '<span style="margin-left:15px;font-family:' + vFontFamily + '"></span>';
|
|
}else{
|
|
vPaddingText = "";
|
|
}
|
|
|
|
//f += '<tr><td class="fdim-cells" style ="font-family:' + vFontFamily + ';' + StyleTags + ';width:230px' + vPaddingText + '">' + vColumnText + '</td>';
|
|
f += '<tr><td class="fdim-cells" style ="font-family:' + vFontFamily + ';' + StyleTags + ';width:230px">' + vPaddingText + vColumnText + '</td>';//';' + StyleTags + ;width:230px
|
|
if (vGlobalComment == 1) {
|
|
if (vGlobalCommentColor == "") {
|
|
vGlobalCommentColor = 'white';
|
|
}
|
|
if (vComas >0) {
|
|
StyleTags += ';color:' + vGlobalCommentColor;
|
|
}else{
|
|
StyleTags += 'color:' + vGlobalCommentColor;
|
|
}
|
|
}
|
|
for(var nMeasures2 = 1;nMeasures2 <= vNumMeasures;nMeasures2++){
|
|
if (vColumnText.substring(0, 1) == '%') {
|
|
vColumnNum = ApplyPreMask('0,00%', ConceptMatrix[nmrows][nMeasures2]);
|
|
vSpecialF = '0,00%';
|
|
}else{
|
|
|
|
switch (MeasuresFormat[nMeasures2 - 1].substr(MeasuresFormat[nMeasures2 - 1].length - 1))
|
|
{
|
|
case 'k':
|
|
vDivide = 1000;
|
|
break;
|
|
|
|
case 'K':
|
|
vDivide = 1000;
|
|
break;
|
|
|
|
case 'm':
|
|
vDivide = 1000000;
|
|
break;
|
|
|
|
case 'M':
|
|
vDivide = 1000000;
|
|
break;
|
|
|
|
default:
|
|
vDivide = 1;
|
|
break;
|
|
}
|
|
var vSpecialF = MeasuresFormat[nMeasures2 - 1].replace(/k|K|m|M/gi,'');
|
|
if(!isNaN(ConceptMatrix[nmrows][nMeasures2])){
|
|
vMaskNum = ConceptMatrix[nmrows][nMeasures2];
|
|
if(vSpecialF.substring(vSpecialF.length - 1) == '%'){
|
|
vMaskNum = vMaskNum * 100;
|
|
}
|
|
switch (vSpecialF)
|
|
{
|
|
case '#.##0':
|
|
vColumnNum = addSeparators ((vMaskNum / vDivide), '.', ',', 0);
|
|
break;
|
|
|
|
case '#,##0':
|
|
vColumnNum = addSeparators ((vMaskNum / vDivide), ',', '.', 0);
|
|
break;
|
|
|
|
default:
|
|
vColumnNum = ApplyPreMask(vSpecialF, (vMaskNum / vDivide));
|
|
break;
|
|
}
|
|
}else{
|
|
vColumnNum = vSymbolForNulls;
|
|
}
|
|
|
|
}
|
|
if (vGlobalComment == 1) {
|
|
vColumnNum = ".";
|
|
}
|
|
// apply the semaphore styles where needed
|
|
if ((vAllSemaphores || ConceptsAffectedMatrix.indexOf(vColumnText) >= 0) && (vAllMetrics || MetricsAffectedMatrix.indexOf(nMeasures2)>=0) && !isNaN(ConceptMatrix[nmrows][nMeasures2]) && vGlobalComment == 0) {
|
|
if (ConceptMatrix[nmrows][nMeasures2] < vCritic) {
|
|
vColorSemaphore = vColorMetric1;
|
|
vColorSemaphoreText = vColorMetric1Text;
|
|
}else{
|
|
if (ConceptMatrix[nmrows][nMeasures2] < vMMedium) {
|
|
vColorSemaphore = vColorMetric2;
|
|
vColorSemaphoreText = vColorMetric2Text;
|
|
}else{
|
|
vColorSemaphore = vColorMetric3;
|
|
vColorSemaphoreText = vColorMetric3Text;
|
|
}
|
|
}
|
|
f += '<td class="grid-cells' + sufixCells + '" style ="font-family:' + vFontFamily + vFontSize + ';color:' + vColorSemaphoreText + ';background-color:' + vColorSemaphore + ';text-align:right;padding-left:4px">' + vColumnNum + '</td>';
|
|
}else{
|
|
f += '<td class="grid-cells' + sufixCells + '" style ="font-family:' + vFontFamily + vFontSize + ';' + StyleTags + ';text-align:right;padding-left:4px">' + vColumnNum + '</td>';
|
|
}
|
|
}
|
|
}
|
|
f += '</tr>';
|
|
}
|
|
}else{
|
|
var nPivotRows = ConceptMatrixFirstClean.length;
|
|
for (var nmrows2 = 0;nmrows2 < nPivotRows;nmrows2++) {
|
|
|
|
vColumnText = ConceptMatrixPivot[nmrows2][0];// the descriptive account text
|
|
vGlobalComment = 0;
|
|
vGlobalCommentColor = "";
|
|
if (vColumnText != '-') {
|
|
StyleTags = "";
|
|
if (vCustomFileBool) {
|
|
|
|
vComas = 0;
|
|
vMedium = false;
|
|
|
|
vGlobalComas = 0;
|
|
vGlobalComas2 = 0;
|
|
vGlobalFontSize = 0;
|
|
var aach2 = 0;
|
|
var vCustomAttribute2 = '';
|
|
StyleTags = "";
|
|
|
|
for(aach2 = 1;aach2 < vNumCustomHeaders;aach2++){ // for each attribute allocated in the external csv
|
|
|
|
if (CustomArrayBasic.indexOf(vColumnText) < 0) {
|
|
vCustomAttribute2 == 'none';
|
|
}else{
|
|
vCustomAttribute2 = CustomArray[CustomArrayBasic.indexOf(vColumnText)][aach2]; //CustomArrayBasic has been filled with the custom attribute at the begining of the code
|
|
}
|
|
ApplyBold(vCustomAttribute2,vComas);
|
|
vComas += vGlobalComas;
|
|
ApplyComment(vCustomAttribute2,vComas);
|
|
vComas += vGlobalComas;
|
|
ApplyFontStyle(vCustomAttribute2,vComas);
|
|
vComas += vGlobalComas;
|
|
ApplyBackgroundColor(vCustomAttribute2,vComas);
|
|
vComas += vGlobalComas;
|
|
ApplyFontColor(vCustomAttribute2,vComas);
|
|
vComas += vGlobalComas;
|
|
ApplyFontSize(vCustomAttribute2,vComas);
|
|
vComas += vGlobalComas;
|
|
ApplyAlignment(vCustomAttribute2,vComas);
|
|
vComas += vGlobalComas;
|
|
}
|
|
if (vGlobalFontSize == 0) {
|
|
if (vComas > 0) {
|
|
StyleTags += ';font-size:' + (14 + vLetterSize)+ 'px';
|
|
}else{
|
|
StyleTags += 'font-size:' + (14 + vLetterSize)+ 'px';
|
|
}
|
|
vFontSize = ';font-size:' + (14 + vLetterSize) + 'px';
|
|
vGlobalFontSize = 1;
|
|
}
|
|
|
|
// custom styles configured
|
|
|
|
}else{
|
|
ApplyStandardAttributes(nmrows2);
|
|
vFontSize = ';font-size:' + (14 + vLetterSize) + 'px';
|
|
}
|
|
|
|
if (vPadding && vGlobalComas2 == 0) {
|
|
vPaddingText = '<span style="margin-left:15px;font-family:' + vFontFamily + '"></span>';
|
|
}else{
|
|
vPaddingText = "";
|
|
}
|
|
f += '<tr><td class="fdim-cells" style ="font-family:' + vFontFamily + ';' + StyleTags + ';width:230px">' + vPaddingText + vColumnText + '</td>';
|
|
if (vGlobalComment == 1) {
|
|
if (vGlobalCommentColor == "") {
|
|
vGlobalCommentColor = 'white';
|
|
}
|
|
if (vComas >0) {
|
|
StyleTags += ';color:' + vGlobalCommentColor;
|
|
}else{
|
|
StyleTags += 'color:' + vGlobalCommentColor;
|
|
}
|
|
}
|
|
var nMeasure7 = 0;
|
|
var nMeasure72 = -1;
|
|
var nMeasure72Semaphore = 0;
|
|
|
|
for(var nMeasures22 = 1;nMeasures22 <= vNumMeasures2;nMeasures22++){
|
|
|
|
nMeasAux = nMeasure72Semaphore;
|
|
nMeasure7++;
|
|
nMeasure72++;
|
|
if (vColumnText.substring(0, 1) == '%') {
|
|
vColumnNum = ApplyPreMask('0,00%', ConceptMatrixPivot[nmrows2][nMeasures22]);
|
|
vSpecialF = '0,00%';
|
|
}else{
|
|
switch (MeasuresFormat[nMeasure72].substr(MeasuresFormat[nMeasure72].length - 1))
|
|
{
|
|
case 'k':
|
|
vDivide = 1000;
|
|
break;
|
|
|
|
case 'K':
|
|
vDivide = 1000;
|
|
break;
|
|
|
|
case 'm':
|
|
vDivide = 1000000;
|
|
break;
|
|
|
|
case 'M':
|
|
vDivide = 1000000;
|
|
break;
|
|
|
|
default:
|
|
vDivide = 1;
|
|
break;
|
|
}
|
|
var vSpecialF = MeasuresFormat[nMeasure72].replace(/k|K|m|M/gi,'');
|
|
if(!isNaN(ConceptMatrixPivot[nmrows2][nMeasures22])){
|
|
vMaskNum = ConceptMatrixPivot[nmrows2][nMeasures22];
|
|
if(vSpecialF.substring(vSpecialF.length - 1) == '%'){
|
|
vMaskNum = vMaskNum * 100;
|
|
}
|
|
|
|
switch (vSpecialF)
|
|
{
|
|
case '#.##0':
|
|
vColumnNum = addSeparators ((vMaskNum / vDivide), '.', ',', 0);
|
|
break;
|
|
case '#,##0':
|
|
vColumnNum = addSeparators ((vMaskNum / vDivide), ',', '.', 0);
|
|
break;
|
|
default:
|
|
vColumnNum = ApplyPreMask(vSpecialF, (vMaskNum / vDivide));
|
|
break;
|
|
}
|
|
}else{
|
|
vColumnNum = vSymbolForNulls;
|
|
}
|
|
|
|
}
|
|
|
|
if(vSeparatorCols && nMeasure7 == (measure_count+1)){
|
|
f += '<th class = "empty" style="color:white' + ';font-family:' + vFontFamily + ';font-size:' + (12 + vLetterSize) + 'px">' + '*' + '</th>';
|
|
nMeasure7 = 1;
|
|
|
|
}
|
|
if(nMeasure72 == (measure_count - 1)){
|
|
nMeasure72 = -1;
|
|
nMeasure72Semaphore = measure_count;
|
|
}else{
|
|
nMeasure72Semaphore = nMeasure72 + 1;
|
|
}
|
|
|
|
// apply the semaphores where needed
|
|
if (vGlobalComment == 1) {
|
|
vColumnNum = ".";
|
|
}
|
|
if ((vAllSemaphores || ConceptsAffectedMatrix.indexOf(vColumnText) >= 0) && (vAllMetrics || MetricsAffectedMatrix.indexOf(nMeasure72Semaphore)>=0) && !isNaN(ConceptMatrixPivot[nmrows2][nMeasures22]) && vGlobalComment == 0) {
|
|
if (ConceptMatrixPivot[nmrows2][nMeasures22] < vCritic) {
|
|
vColorSemaphore = vColorMetric1;
|
|
vColorSemaphoreText = vColorMetric1Text;
|
|
}else{
|
|
if (ConceptMatrixPivot[nmrows2][nMeasures22] < vMMedium) {
|
|
vColorSemaphore = vColorMetric2;
|
|
vColorSemaphoreText = vColorMetric2Text;
|
|
}else{
|
|
vColorSemaphore = vColorMetric3;
|
|
vColorSemaphoreText = vColorMetric3Text;
|
|
}
|
|
}
|
|
|
|
if (vSpecialF.substring(vSpecialF.length - 1) == '%' && vNumMeasures > 1) {
|
|
f += '<td class="grid-cells-small' + sufixCells + '" style ="font-family:' + vFontFamily + vFontSize + ';color:' + vColorSemaphoreText + ';background-color:' + vColorSemaphore + ';text-align:right;padding-left:4px">' + vColumnNum + '</td>';
|
|
}else{
|
|
f += '<td class="grid-cells' + sufixCells + '" style ="font-family:' + vFontFamily + vFontSize + ';color:' + vColorSemaphoreText + ';background-color:' + vColorSemaphore + ';text-align:right;padding-left:4px">' + vColumnNum + '</td>';
|
|
}
|
|
}else{
|
|
if (vSpecialF.substring(vSpecialF.length - 1) == '%' && vNumMeasures > 1) {
|
|
f += '<td class="grid-cells-small' + sufixCells + '" style ="font-family:' + vFontFamily + ';' + StyleTags + ';text-align:right;padding-right:4px">' + vColumnNum + '</td>';
|
|
}else{
|
|
f += '<td class="grid-cells' + sufixCells + '" style ="font-family:' + vFontFamily + ';' + StyleTags + ';text-align:right;padding-right:4px">' + vColumnNum + '</td>';
|
|
}
|
|
}
|
|
|
|
|
|
}
|
|
f += '</tr>';
|
|
}
|
|
}
|
|
}
|
|
|
|
//render data
|
|
var nMerge = 0;
|
|
if (measure_count == 0) {
|
|
nMerge = 1
|
|
}else{
|
|
if (vSeparatorCols) {
|
|
nMerge = (measure_count + 2);
|
|
|
|
}else{
|
|
nMerge = (measure_count + 1);
|
|
}
|
|
}
|
|
f += '</table>';
|
|
|
|
f += "</div>";
|
|
|
|
// freeze header and first column
|
|
var x="<div class='kpi-table'>";
|
|
x+=f,
|
|
x+="</div>",
|
|
x+="<div class='data-table'>",
|
|
x+=f,
|
|
x+="</div>",
|
|
|
|
t.html(x),
|
|
|
|
e(".data-table .row-wrapper").on("scroll",function(){
|
|
e(".kpi-table .row-wrapper").scrollTop(e(this).scrollTop()),
|
|
e(this).scrollTop()>50?(
|
|
angular.element(document.querySelector(".data-table .row-wrapper")).css("top","0"),angular.element(document.querySelector(".kpi-table .row-wrapper")).css("top","0")
|
|
):(
|
|
angular.element(document.querySelector(".data-table .row-wrapper")).css("top","97px"),//97px
|
|
angular.element(document.querySelector(".kpi-table .row-wrapper")).css("top","97px")//97px
|
|
)
|
|
}
|
|
),
|
|
|
|
//on hover popup with cell value, only in headers
|
|
e(".header-wrapper th").hover(function (){
|
|
|
|
e(".tooltip").delay(500).show(0);
|
|
e(".header-wrapper th").children(".tooltip").remove();
|
|
|
|
//var element = e(this);
|
|
var element = e(this);
|
|
var offset = element.offset();
|
|
var toolTip = e("<div class='tooltip'></div>");
|
|
|
|
toolTip.css(
|
|
{
|
|
top : offset.top,
|
|
left : offset.left
|
|
});
|
|
|
|
toolTip.text(element.text());
|
|
e(".header-wrapper th").append(toolTip);
|
|
|
|
},function () {
|
|
e(".tooltip").delay(0).hide(0);
|
|
}
|
|
),
|
|
|
|
//allow making selections inside the table
|
|
e(".data-table td").on("click",function(){
|
|
|
|
var indextr = e(this).parent().parent().children().index(e(this).parent()); //identifica la row
|
|
var indextd = e(this).parent().children().index(e(this)); //identifica la col
|
|
|
|
var SelectRow = 0;
|
|
var SelectCol = 0;
|
|
|
|
SelectRow = ConceptMatrixRowElem[(indextr)];
|
|
|
|
|
|
// este if verifica primero si hay selecciones hechas en la dimensión, si las hay
|
|
// las reselecciona para poder borrar antes de poder seleccionar lo que quiero
|
|
// no es viable pedirle que seleccione a la vez elementos de 2 selecciones, se queda
|
|
// colgado el menú de confirm, por eso uso este sistema, que sí funciona.
|
|
// it can cause issues like error messages and wrong selections if there are null values
|
|
// and the check allow null values is active
|
|
if(vNumDims > 1 && indextd > 0){
|
|
if (ArrayGetSelectedCount[1] > 0) {
|
|
|
|
var SelectB = JSON.parse(JSON.stringify(ConceptMatrixColElemTable));
|
|
self.backendApi.selectValues(1,SelectB,true);
|
|
e(this).toggleClass("selected");
|
|
}
|
|
SelectCol = ConceptMatrixColElemTable[(indextd)];
|
|
|
|
self.backendApi.selectValues(1,[SelectCol],true);
|
|
e(this).toggleClass("selected");
|
|
}
|
|
|
|
if (indextd > 0 && ArrayGetSelectedCount[0] > 0) {
|
|
var SelectA = JSON.parse(JSON.stringify(ConceptMatrixRowElem));
|
|
self.backendApi.selectValues(0,SelectA,true);
|
|
e(this).toggleClass("selected");
|
|
}
|
|
|
|
if (indextd > 0) {
|
|
self.backendApi.selectValues(0,[SelectRow],true);
|
|
e(this).toggleClass("selected");
|
|
}
|
|
}),
|
|
//allow selections through the header of the second dimension
|
|
e(".header-wrapper th").on("click",function(){
|
|
|
|
var indextd = e(this).parent().children().index(e(this)); //identifica la col
|
|
|
|
var SelectCol = 0;
|
|
|
|
if(vNumDims > 1 && indextd > 0){
|
|
if (ArrayGetSelectedCount[1] > 0) {
|
|
|
|
var SelectB = JSON.parse(JSON.stringify(ConceptMatrixColElem));
|
|
self.backendApi.selectValues(1,SelectB,true);
|
|
e(this).toggleClass("selected");
|
|
}
|
|
if (vSeparatorCols) {
|
|
SelectCol = ConceptMatrixColElem[(Math.round(indextd/2) - 1)];
|
|
}else{
|
|
SelectCol = ConceptMatrixColElem[(Math.round(indextd) - 1)];
|
|
}
|
|
|
|
self.backendApi.selectValues(1,[SelectCol],true);
|
|
e(this).toggleClass("selected");
|
|
}
|
|
}),
|
|
//allow selections in desc dimension cells
|
|
e(".kpi-table td").on("click",function(){
|
|
var indextr = e(this).parent().parent().children().index(e(this).parent()); //identifica la row
|
|
var SelectRow = 0;
|
|
SelectRow = ConceptMatrixRowElem[(indextr)];
|
|
|
|
if (ArrayGetSelectedCount[0] > 0) {
|
|
var SelectA = JSON.parse(JSON.stringify(ConceptMatrixRowElem));
|
|
self.backendApi.selectValues(0,SelectA,true);
|
|
e(this).toggleClass("selected");
|
|
}
|
|
|
|
self.backendApi.selectValues(0,[SelectRow],true);
|
|
e(this).toggleClass("selected");
|
|
|
|
}),
|
|
e(".icon-xls").on("click",function(){
|
|
e(".header-wrapper th").children(".tooltip").remove();// remove some popup effects when exporting
|
|
e(".header-wrapper th").children(".icon-xls").remove();// remove the xls icon when exporting
|
|
if (isChrome || isSafari) {
|
|
|
|
var $clonedDiv = e('.data-table').clone(true);//.kpi-table a secas exporta la 1ªcol
|
|
var vEncodeHead = '<html><head><meta charset="UTF-8"></head>';
|
|
vEncodeHead += myTitle + mySubTitle + myFootNote;
|
|
var vEncode = encodeURIComponent($clonedDiv.html());
|
|
var vDecode = vEncodeHead + vEncode + '</html>';
|
|
|
|
$clonedDiv.find("tr.header");
|
|
vDecode = vDecode.split('%3E.%3C').join('%3E%3C');
|
|
window.open('data:application/vnd.ms-excel,' +vDecode);
|
|
e.preventDefault();
|
|
}
|
|
if (isIE){
|
|
|
|
var a='<html><head><meta charset="UTF-8"></head>';
|
|
a += myTitle + mySubTitle + myFootNote;
|
|
a += f;
|
|
a = a.split('>.<').join('><')
|
|
a += '</html>';
|
|
|
|
var w = window.open();
|
|
w.document.open();
|
|
w.document.write(a);
|
|
w.document.close();
|
|
w.document.execCommand('SaveAs', true, "Analysis.xls" || "c:\TMP")
|
|
w.close();
|
|
}
|
|
|
|
if (isFirefox) {
|
|
|
|
var $clonedDiv = e('.data-table').clone(true);//.kpi-table a secas exporta la 1ªcol
|
|
var vEncodeHead = '<html><head><meta charset="UTF-8"></head>';
|
|
vEncodeHead += myTitle + mySubTitle + myFootNote;
|
|
var vEncode = encodeURIComponent($clonedDiv.html());
|
|
var vDecode = vEncodeHead + vEncode + '</html>';
|
|
|
|
$clonedDiv.find("tr.header");
|
|
vDecode = vDecode.split('>.<').join('><');
|
|
window.open('data:application/vnd.ms-excel,' +vDecode);
|
|
e.preventDefault();
|
|
}
|
|
}),
|
|
|
|
// freeze first column
|
|
e(".qv-object-content-container").on("scroll",function(t){
|
|
e(".kpi-table").css("left",Math.round(t.target.scrollLeft)+"px")
|
|
}),
|
|
e(".kpi-table .row-wrapper tr").each(function(){
|
|
e(this).find("th:not(.fdim-cells)").remove(),
|
|
e(this).find("td:not(.fdim-cells)").remove()
|
|
}),
|
|
e(".kpi-table .header-wrapper tr").each(function(){
|
|
e(this).find("th:not(.fdim-cells)").remove()
|
|
});
|
|
|
|
// PYJAMAS
|
|
function ApplyStandardAttributes(strow){
|
|
if (strow / 2 == Math.round(strow / 2)) {
|
|
StyleTags += 'background-color:' + vColorSchema + ';color:' + vColorText;
|
|
}else{
|
|
StyleTags += 'background-color:' + vColorSchemaP + ';color:' + vColorText;
|
|
}
|
|
StyleTags += ';font-size:' + (14 + vLetterSize)+ 'px';
|
|
};
|
|
// transform the custom styles in html code
|
|
|
|
function ApplyBold(vCustomAttributes,vCustomComas){
|
|
var vPuntoComa = '';
|
|
if (vCustomComas>0) {
|
|
vPuntoComa = ';';
|
|
}
|
|
switch (vCustomAttributes)
|
|
{
|
|
case '<bold>':
|
|
StyleTags += vPuntoComa + 'font-weight:bold';
|
|
vGlobalComas = 1;
|
|
vGlobalComas2 = 1;
|
|
break;
|
|
|
|
default:
|
|
StyleTags += '';
|
|
break;
|
|
}
|
|
}
|
|
function ApplyComment(vCustomAttributes,vCustomComas){
|
|
var vPuntoComa = '';
|
|
if (vCustomComas>0) {
|
|
vPuntoComa = ';';
|
|
}
|
|
switch (vCustomAttributes)
|
|
{
|
|
case '<comment>':
|
|
vGlobalComment = 1;
|
|
break;
|
|
|
|
default:
|
|
StyleTags += '';
|
|
break;
|
|
}
|
|
}
|
|
function ApplyFontStyle(vCustomAttributes,vCustomComas){
|
|
var vPuntoComa = '';
|
|
if (vCustomComas>0) {
|
|
vPuntoComa = ';';
|
|
}
|
|
switch (vCustomAttributes)
|
|
{
|
|
case '<italic>':
|
|
StyleTags += vPuntoComa + 'font-style:italic';
|
|
vGlobalComas = 1;
|
|
vGlobalComas2 = 1;
|
|
break;
|
|
|
|
case '<oblique>':
|
|
StyleTags += vPuntoComa + 'font-style:oblique';
|
|
vGlobalComas = 1;
|
|
vGlobalComas2 = 1;
|
|
break;
|
|
|
|
default:
|
|
StyleTags += '';
|
|
break;
|
|
}
|
|
}
|
|
function ApplyBackgroundColor(vCustomAttributes,vCustomComas){
|
|
var vPuntoComa = '';
|
|
if (vCustomComas>0) {
|
|
vPuntoComa = ';';
|
|
}
|
|
switch (vCustomAttributes)
|
|
{
|
|
case '<dark>':
|
|
StyleTags += vPuntoComa + 'background-color:' + vColLibDark;
|
|
vGlobalComas = 1;
|
|
vGlobalComas2 = 1;
|
|
vGlobalCommentColor = vColLibDark;
|
|
break;
|
|
|
|
case '<night>':
|
|
StyleTags += vPuntoComa + 'background-color:' + vColLibNight;
|
|
vGlobalComas = 1;
|
|
vGlobalComas2 = 1;
|
|
vGlobalCommentColor = vColLibNight;
|
|
break;
|
|
|
|
case '<soft>':
|
|
StyleTags += vPuntoComa + 'background-color:' + vColLibSoft;
|
|
vGlobalComas = 1;
|
|
vGlobalComas2 = 1;
|
|
vGlobalCommentColor = vColLibSoft;
|
|
break;
|
|
|
|
case '<red>':
|
|
StyleTags += vPuntoComa + 'background-color:' + vColLibRed;
|
|
vGlobalComas = 1;
|
|
vGlobalComas2 = 1;
|
|
vGlobalCommentColor = vColLibRed;
|
|
break;
|
|
|
|
case '<orange>':
|
|
StyleTags += vPuntoComa + 'background-color:' + vColLibOrange;
|
|
vGlobalComas = 1;
|
|
vGlobalComas2 = 1;
|
|
vGlobalCommentColor = vColLibOrange;
|
|
break;
|
|
|
|
case '<violete>':
|
|
StyleTags += vPuntoComa + 'background-color:' + vColLibViolete;
|
|
vGlobalComas = 1;
|
|
vGlobalComas2 = 1;
|
|
vGlobalCommentColor = vColLibViolete;
|
|
break;
|
|
|
|
case '<blue>':
|
|
StyleTags += vPuntoComa + 'background-color:' + vColLibBlue;
|
|
vGlobalComas = 1;
|
|
vGlobalComas2 = 1;
|
|
vGlobalCommentColor = vColLibBlue;
|
|
break;
|
|
|
|
case '<green>':
|
|
StyleTags += vPuntoComa + 'background-color:' + vColLibGreen;
|
|
vGlobalComas = 1;
|
|
vGlobalComas2 = 1;
|
|
vGlobalCommentColor = vColLibGreen;
|
|
break;
|
|
|
|
default:
|
|
if (vCustomAttributes.substring(0, 1) == '#' || vCustomAttributes.substring(0, 3).toUpperCase() == 'RGB') {
|
|
StyleTags += vPuntoComa + 'background-color:' + vCustomAttributes;
|
|
vGlobalComas = 1;
|
|
vGlobalComas2 = 1;
|
|
vGlobalCommentColor = vCustomAttributes;
|
|
}
|
|
break;
|
|
}
|
|
}
|
|
function ApplyFontColor(vCustomAttributes,vCustomComas){
|
|
var vPuntoComa = '';
|
|
if (vCustomComas>0) {
|
|
vPuntoComa = ';';
|
|
}
|
|
switch (vCustomAttributes)
|
|
{
|
|
case '<white>':
|
|
if (vGlobalComment == 0) {
|
|
StyleTags += vPuntoComa + 'color:white';
|
|
vGlobalComas = 1;
|
|
vGlobalComas2 = 1;
|
|
break;
|
|
}
|
|
|
|
default:
|
|
StyleTags += '';
|
|
break;
|
|
}
|
|
}
|
|
function ApplyFontSize(vCustomAttributes,vCustomComas){
|
|
var vPuntoComa = '';
|
|
if (vCustomComas>0) {
|
|
vPuntoComa = ';';
|
|
}
|
|
switch (vCustomAttributes)
|
|
{
|
|
case '<large>':
|
|
StyleTags += vPuntoComa + 'font-size:' + (15 + vLetterSize) + 'px';
|
|
vFontSize = ';font-size:' + (15 + vLetterSize) + 'px';
|
|
vGlobalComas = 1;
|
|
vGlobalComas2 = 1;
|
|
vGlobalFontSize = 1;
|
|
break;
|
|
|
|
case '<medium>':
|
|
StyleTags += vPuntoComa + 'font-size:' + (14 + vLetterSize)+ 'px';
|
|
vFontSize = ';font-size:' + (14 + vLetterSize) + 'px';
|
|
vGlobalComas = 1;
|
|
vMedium == true;
|
|
vGlobalFontSize = 1;
|
|
break;
|
|
|
|
case '<small>':
|
|
StyleTags += vPuntoComa + 'font-size:' + (13 + vLetterSize)+ 'px';
|
|
vFontSize = ';font-size:' + (13 + vLetterSize) + 'px';
|
|
vGlobalComas = 1;
|
|
vGlobalComas2 = 1;
|
|
vGlobalFontSize = 1;
|
|
break;
|
|
|
|
default:
|
|
StyleTags += '';
|
|
break;
|
|
}
|
|
}
|
|
function ApplyAlignment(vCustomAttributes,vCustomComas){
|
|
var vPuntoComa = '';
|
|
if (vCustomComas>0) {
|
|
vPuntoComa = ';';
|
|
}
|
|
switch (vCustomAttributes)
|
|
{
|
|
case '<center>':
|
|
StyleTags += vPuntoComa + 'text-align:center';
|
|
vGlobalComas = 1;
|
|
vGlobalComas2 = 1;
|
|
break;
|
|
|
|
default:
|
|
StyleTags += '';
|
|
break;
|
|
}
|
|
}
|
|
|
|
//This function opens a csv file that contains the parameters for the custom mode
|
|
//this will prevent consuming to many dimensions, as there allowed only 10 columns between
|
|
//dimensions and metrics
|
|
function ReadCustomSchema() {
|
|
|
|
$(document).ready(function() {
|
|
$.ajax({
|
|
type: "GET",
|
|
url: "/Extensions/PLSmartPivot/" + vCustomFile,
|
|
dataType: "text",
|
|
async: false,
|
|
success: function(data) {
|
|
processData(data);
|
|
}
|
|
});
|
|
}
|
|
|
|
);
|
|
|
|
|
|
function processData(allText) {
|
|
|
|
var allTextLines = allText.split(/\r\n|\n/);
|
|
var headers = allTextLines[0].split(';');
|
|
vNumCustomHeaders = headers.length;
|
|
|
|
for (var i=0; i<allTextLines.length; i++) {
|
|
CustomArray[i] = new Array(headers.length);
|
|
var data = allTextLines[i].split(';');
|
|
|
|
if (data.length == headers.length) {
|
|
|
|
for (var j=0; j<headers.length; j++) {
|
|
|
|
CustomArrayBasic[i] = data[0];
|
|
CustomArray[i][j]=data[j];
|
|
}
|
|
}
|
|
}
|
|
|
|
}
|
|
};
|
|
function ApplyPreMask(mask, value){//aqui
|
|
if (mask.indexOf(';') >= 0) {
|
|
if (value >=0) {
|
|
switch (mask.substring(0, mask.indexOf(';')))
|
|
{
|
|
case '#.##0':
|
|
return (addSeparators (value, '.', ',', 0));
|
|
break;
|
|
case '#,##0':
|
|
return (addSeparators (value, ',', '.', 0));
|
|
break;
|
|
case '+#.##0':
|
|
return (addSeparators (value, '.', ',', 0));
|
|
break;
|
|
case '+#,##0':
|
|
return (addSeparators (value, ',', '.', 0));
|
|
break;
|
|
default:
|
|
return(ApplyMask(mask.substring(0, mask.indexOf(';')),value));
|
|
break;
|
|
}
|
|
}else{
|
|
var vMyValue = value * -1;
|
|
var vMyMask = mask.substring(mask.indexOf(';') + 1,mask.length);
|
|
vMyMask = vMyMask.replace('(','');
|
|
vMyMask = vMyMask.replace(')','');
|
|
switch (vMyMask)
|
|
{
|
|
case '#.##0':
|
|
return ('(' + addSeparators (vMyValue, '.', ',', 0) + ')');
|
|
break;
|
|
case '#,##0':
|
|
return ('(' + addSeparators (vMyValue, ',', '.', 0) + ')');
|
|
break;
|
|
case '-#.##0':
|
|
return ('(' + addSeparators (vMyValue, '.', ',', 0) + ')');
|
|
break;
|
|
case '-#,##0':
|
|
return ('(' + addSeparators (vMyValue, ',', '.', 0) + ')');
|
|
break;
|
|
default:
|
|
return('(' + ApplyMask(vMyMask,vMyValue) + ')');
|
|
break;
|
|
}
|
|
}
|
|
}else{
|
|
return(ApplyMask( mask, value ));
|
|
}
|
|
};
|
|
function ApplyMask( mask, value ) {
|
|
|
|
'use strict';
|
|
if ( !mask || isNaN( +value ) ) {
|
|
return value; // return as it is.
|
|
}
|
|
|
|
var isNegative, result, decimal, group, posLeadZero, posTrailZero, posSeparator,
|
|
part, szSep, integer,
|
|
|
|
// find prefix/suffix
|
|
len = mask.length,
|
|
start = mask.search( /[0-9\-\+#]/ ),
|
|
prefix = start > 0 ? mask.substring( 0, start ) : '',
|
|
// reverse string: not an ideal method if there are surrogate pairs
|
|
str = mask.split( '' ).reverse().join( '' ),
|
|
end = str.search( /[0-9\-\+#]/ ),
|
|
offset = len - end,
|
|
substr = mask.substring( offset, offset + 1 ),
|
|
indx = offset + ( ( substr === '.' || ( substr === ',' )) ? 1 : 0 ),
|
|
suffix = end > 0 ? mask.substring( indx, len ) : '';
|
|
|
|
// mask with prefix & suffix removed
|
|
mask = mask.substring( start, indx );
|
|
|
|
// convert any string to number according to formation sign.
|
|
value = mask.charAt( 0 ) === '-' ? -value : +value;
|
|
isNegative = value < 0 ? value = -value : 0; // process only abs(), and turn on flag.
|
|
|
|
// search for separator for grp & decimal, anything not digit, not +/- sign, not #.
|
|
result = mask.match( /[^\d\-\+#]/g );
|
|
decimal = ( result && result[ result.length - 1 ] ) || '.'; // treat the right most symbol as decimal
|
|
group = ( result && result[ 1 ] && result[ 0 ] ) || ','; // treat the left most symbol as group separator
|
|
|
|
// split the decimal for the format string if any.
|
|
mask = mask.split( decimal );
|
|
// Fix the decimal first, toFixed will auto fill trailing zero.
|
|
value = value.toFixed( mask[ 1 ] && mask[ 1 ].length );
|
|
value = +( value ) + ''; // convert number to string to trim off *all* trailing decimal zero(es)
|
|
|
|
// fill back any trailing zero according to format
|
|
posTrailZero = mask[ 1 ] && mask[ 1 ].lastIndexOf( '0' ); // look for last zero in format
|
|
part = value.split( '.' );
|
|
// integer will get !part[1]
|
|
if ( !part[ 1 ] || ( part[ 1 ] && part[ 1 ].length <= posTrailZero ) ) {
|
|
value = ( +value ).toFixed( posTrailZero + 1 );
|
|
}
|
|
szSep = mask[ 0 ].split( group ); // look for separator
|
|
mask[ 0 ] = szSep.join( '' ); // join back without separator for counting the pos of any leading 0.
|
|
|
|
posLeadZero = mask[ 0 ] && mask[ 0 ].indexOf( '0' );
|
|
if ( posLeadZero > -1 ) {
|
|
while ( part[ 0 ].length < ( mask[ 0 ].length - posLeadZero ) ) {
|
|
part[ 0 ] = '0' + part[ 0 ];
|
|
}
|
|
} else if ( +part[ 0 ] === 0 ) {
|
|
part[ 0 ] = '';
|
|
}
|
|
|
|
value = value.split( '.' );
|
|
value[ 0 ] = part[ 0 ];
|
|
|
|
// process the first group separator from decimal (.) only, the rest ignore.
|
|
// get the length of the last slice of split result.
|
|
posSeparator = ( szSep[ 1 ] && szSep[ szSep.length - 1 ].length );
|
|
if ( posSeparator ) {
|
|
integer = value[ 0 ];
|
|
str = '';
|
|
offset = integer.length % posSeparator;
|
|
len = integer.length;
|
|
for ( indx = 0; indx < len; indx++ ) {
|
|
str += integer.charAt( indx ); // ie6 only support charAt for sz.
|
|
// -posSeparator so that won't trail separator on full length
|
|
//jshint -W018
|
|
if ( !( ( indx - offset + 1 ) % posSeparator ) && indx < len - posSeparator ) {
|
|
str += group;
|
|
}
|
|
}
|
|
value[ 0 ] = str;
|
|
}
|
|
value[ 1 ] = ( mask[ 1 ] && value[ 1 ] ) ? decimal + value[ 1 ] : '';
|
|
|
|
// remove negative sign if result is zero
|
|
result = value.join( '' );
|
|
if ( result === '0' || result === '' ) {
|
|
// remove negative sign if result is zero
|
|
isNegative = false;
|
|
}
|
|
|
|
// put back any negation, combine integer and fraction, and add back prefix & suffix
|
|
return prefix + ( ( isNegative ? '-' : '' ) + result ) + suffix;
|
|
};
|
|
|
|
|
|
function onlyUnique(value, index, self)
|
|
{
|
|
return self.indexOf(value) === index;
|
|
};
|
|
function addSeparators (nStr, thousandsSep, decimalSep, numDecimals) {
|
|
var rgx, x, x1, x2;
|
|
nStr = nStr.toFixed(numDecimals);
|
|
x = nStr.split('.');
|
|
x1 = x[0];
|
|
x2 = x.length > 1 ? decimalSep + x[1] : '';
|
|
rgx = /(\d+)(\d{3})/;
|
|
while (rgx.test(x1)) {
|
|
x1 = x1.replace(rgx, '$1' + thousandsSep + '$2');
|
|
}
|
|
return x1 + x2;
|
|
};
|
|
|
|
}
|
|
};
|
|
});
|