Commit 7767628c authored by CORP\prumde's avatar CORP\prumde

Updated Chart Color Conditions and Added Download data option (in excel

format)
parent 97187705
...@@ -109,17 +109,17 @@ ...@@ -109,17 +109,17 @@
condnFormat: [ condnFormat: [
{ {
id: "RED", id: "RED",
expression: " data[0] <= 60 ", expression: " data[0] < 60 ",
colors: [[252, 101, 101], [248, 248, 248]] colors: [[252, 101, 101], [248, 248, 248]]
}, },
{ {
id: "YELLOW", id: "YELLOW",
expression: " ( 61 <= data[0] ) && ( data[0] <= 80 ) ", expression: " ( 60 <= data[0] ) && ( data[0] <= 80 ) ",
colors: [[255, 211, 90], [248, 248, 248]] colors: [[255, 211, 90], [248, 248, 248]]
}, },
{ {
id: "GREEN", id: "GREEN",
expression: " ( 81 <= data[0] ) && ( data[0] <= 100 ) ", expression: " ( 80 < data[0] ) ",
colors: [[0, 199, 153], [248, 248, 248]] colors: [[0, 199, 153], [248, 248, 248]]
} }
] ]
...@@ -229,17 +229,17 @@ ...@@ -229,17 +229,17 @@
condnFormat: [ condnFormat: [
{ {
id: "RED", id: "RED",
expression: " data[0] <= 60 ", expression: " data[0] < 60 ",
colors: [[252, 101, 101], [248, 248, 248]] colors: [[252, 101, 101], [248, 248, 248]]
}, },
{ {
id: "YELLOW", id: "YELLOW",
expression: " ( 61 <= data[0] ) && ( data[0] <= 80 ) ", expression: " ( 60 <= data[0] ) && ( data[0] <= 80 ) ",
colors: [[255, 211, 90], [248, 248, 248]] colors: [[255, 211, 90], [248, 248, 248]]
}, },
{ {
id: "GREEN", id: "GREEN",
expression: " ( 81 <= data[0] ) && ( data[0] <= 100 ) ", expression: " ( 80 < data[0] ) ",
colors: [[0, 199, 153], [248, 248, 248]] colors: [[0, 199, 153], [248, 248, 248]]
} }
] ]
......
...@@ -147,17 +147,17 @@ ...@@ -147,17 +147,17 @@
condnFormat: [ condnFormat: [
{ {
id: "RED", id: "RED",
expression: " data[0] <= 60 ", expression: " data[0] < 60 ",
colors: [[252, 101, 101], [248, 248, 248]] colors: [[252, 101, 101], [248, 248, 248]]
}, },
{ {
id: "YELLOW", id: "YELLOW",
expression: " ( 61 <= data[0] ) && ( data[0] <= 80 ) ", expression: " ( 60 <= data[0] ) && ( data[0] <= 80 ) ",
colors: [[255, 211, 90], [248, 248, 248]] colors: [[255, 211, 90], [248, 248, 248]]
}, },
{ {
id: "GREEN", id: "GREEN",
expression: " ( 81 <= data[0] ) && ( data[0] <= 100 ) ", expression: " ( 80 < data[0] ) ",
colors: [[0, 199, 153], [248, 248, 248]] colors: [[0, 199, 153], [248, 248, 248]]
} }
] ]
......
...@@ -135,17 +135,17 @@ ...@@ -135,17 +135,17 @@
condnFormat: [ condnFormat: [
{ {
id: "RED", id: "RED",
expression: " data[0] <= 60 ", expression: " data[0] < 60 ",
colors: [[252, 101, 101], [248, 248, 248]] colors: [[252, 101, 101], [248, 248, 248]]
}, },
{ {
id: "YELLOW", id: "YELLOW",
expression: " ( 61 <= data[0] ) && ( data[0] <= 80 ) ", expression: " ( 60 <= data[0] ) && ( data[0] <= 80 ) ",
colors: [[255, 211, 90], [248, 248, 248]] colors: [[255, 211, 90], [248, 248, 248]]
}, },
{ {
id: "GREEN", id: "GREEN",
expression: " ( 81 <= data[0] ) && ( data[0] <= 100 ) ", expression: " ( 80 < data[0] ) ",
colors: [[0, 199, 153], [248, 248, 248]] colors: [[0, 199, 153], [248, 248, 248]]
} }
] ]
......
...@@ -134,17 +134,17 @@ ...@@ -134,17 +134,17 @@
condnFormat: [ condnFormat: [
{ {
id: "RED", id: "RED",
expression: " data[0] <= 60 ", expression: " data[0] < 60 ",
colors: [[252, 101, 101], [248, 248, 248]] colors: [[252, 101, 101], [248, 248, 248]]
}, },
{ {
id: "YELLOW", id: "YELLOW",
expression: " ( 61 <= data[0] ) && ( data[0] <= 80 ) ", expression: " ( 60 <= data[0] ) && ( data[0] <= 80 ) ",
colors: [[255, 211, 90], [248, 248, 248]] colors: [[255, 211, 90], [248, 248, 248]]
}, },
{ {
id: "GREEN", id: "GREEN",
expression: " ( 81 <= data[0] ) && ( data[0] <= 100 ) ", expression: " ( 80 < data[0] ) ",
colors: [[0, 199, 153], [248, 248, 248]] colors: [[0, 199, 153], [248, 248, 248]]
} }
] ]
......
...@@ -83,17 +83,17 @@ ...@@ -83,17 +83,17 @@
condnFormat: [ condnFormat: [
{ {
id: "RED", id: "RED",
expression: " data[0] <= 60 ", expression: " data[0] < 60 ",
colors: [[252, 101, 101], [248, 248, 248]] colors: [[252, 101, 101], [248, 248, 248]]
}, },
{ {
id: "YELLOW", id: "YELLOW",
expression: " ( 61 <= data[0] ) && ( data[0] <= 80 ) ", expression: " ( 60 <= data[0] ) && ( data[0] <= 80 ) ",
colors: [[255, 211, 90], [248, 248, 248]] colors: [[255, 211, 90], [248, 248, 248]]
}, },
{ {
id: "GREEN", id: "GREEN",
expression: " ( 81 <= data[0] ) && ( data[0] <= 100 ) ", expression: " ( 80 < data[0] ) ",
colors: [[0, 199, 153], [248, 248, 248]] colors: [[0, 199, 153], [248, 248, 248]]
} }
] ]
......
...@@ -70,19 +70,19 @@ ...@@ -70,19 +70,19 @@
tooltip: false, tooltip: false,
cutOutPercentage: 80, cutOutPercentage: 80,
condnFormat: [ condnFormat: [
{ {
id: "RED", id: "RED",
expression: " data[0] <= 60", expression: " data[0] < 60 ",
colors: [[252, 101, 101], [248, 248, 248]] colors: [[252, 101, 101], [248, 248, 248]]
}, },
{ {
id: "YELLOW", id: "YELLOW",
expression: " ( 61 <= data[0] ) && ( data[0] <= 80 )", expression: " ( 60 <= data[0] ) && ( data[0] <= 80 ) ",
colors: [[255, 211, 90], [248, 248, 248]] colors: [[255, 211, 90], [248, 248, 248]]
}, },
{ {
id: "GREEN", id: "GREEN",
expression: " 81 < data[0] ", expression: " ( 80 < data[0] ) ",
colors: [[0, 199, 153], [248, 248, 248]] colors: [[0, 199, 153], [248, 248, 248]]
} }
] ]
......
...@@ -71,17 +71,17 @@ ...@@ -71,17 +71,17 @@
condnFormat: [ condnFormat: [
{ {
id: "RED", id: "RED",
expression: " data[0] <= 60 ", expression: " data[0] < 60 ",
colors: [[252, 101, 101], [248, 248, 248]] colors: [[252, 101, 101], [248, 248, 248]]
}, },
{ {
id: "YELLOW", id: "YELLOW",
expression: " ( 61 < data[0] ) && ( data[0] <= 80 ) ", expression: " ( 60 <= data[0] ) && ( data[0] <= 80 ) ",
colors: [[255, 211, 90], [248, 248, 248]] colors: [[255, 211, 90], [248, 248, 248]]
}, },
{ {
id: "GREEN", id: "GREEN",
expression: " ( 81 < data[0] ) && ( data[0] <= 100 ) ", expression: " ( 80 < data[0] ) ",
colors: [[0, 199, 153], [248, 248, 248]] colors: [[0, 199, 153], [248, 248, 248]]
} }
] ]
......
...@@ -76,17 +76,17 @@ ...@@ -76,17 +76,17 @@
condnFormat: [ condnFormat: [
{ {
id: "RED", id: "RED",
expression: " data[0] <= 60 ", expression: " data[0] < 60 ",
colors: [[252, 101, 101], [248, 248, 248]] colors: [[252, 101, 101], [248, 248, 248]]
}, },
{ {
id: "YELLOW", id: "YELLOW",
expression: " ( 61 <= data[0] ) && ( data[0] <= 80 ) ", expression: " ( 60 <= data[0] ) && ( data[0] <= 80 ) ",
colors: [[255, 211, 90], [248, 248, 248]] colors: [[255, 211, 90], [248, 248, 248]]
}, },
{ {
id: "GREEN", id: "GREEN",
expression: " ( 81 < data[0] ) ", expression: " ( 80 < data[0] ) ",
colors: [[0, 199, 153], [248, 248, 248]] colors: [[0, 199, 153], [248, 248, 248]]
} }
] ]
......
...@@ -75,17 +75,17 @@ ...@@ -75,17 +75,17 @@
condnFormat: [ condnFormat: [
{ {
id: "RED", id: "RED",
expression: " data[0] <= 60 ", expression: " data[0] < 60 ",
colors: [[252, 101, 101], [248, 248, 248]] colors: [[252, 101, 101], [248, 248, 248]]
}, },
{ {
id: "YELLOW", id: "YELLOW",
expression: " ( 61 <= data[0] ) && ( data[0] <= 80 ) ", expression: " ( 60 <= data[0] ) && ( data[0] <= 80 ) ",
colors: [[255, 211, 90], [248, 248, 248]] colors: [[255, 211, 90], [248, 248, 248]]
}, },
{ {
id: "GREEN", id: "GREEN",
expression: " ( 81 < data[0] ) ", expression: " ( 80 < data[0] ) ",
colors: [[0, 199, 153], [248, 248, 248]] colors: [[0, 199, 153], [248, 248, 248]]
} }
] ]
......
...@@ -93,17 +93,17 @@ ...@@ -93,17 +93,17 @@
condnFormat: [ condnFormat: [
{ {
id: "RED", id: "RED",
expression: " data[0] <= 60 ", expression: " data[0] < 60 ",
colors: [[252, 101, 101], [248, 248, 248]] colors: [[252, 101, 101], [248, 248, 248]]
}, },
{ {
id: "YELLOW", id: "YELLOW",
expression: " ( 61 <= data[0] ) && ( data[0] <= 80 ) ", expression: " ( 60 <= data[0] ) && ( data[0] <= 80 ) ",
colors: [[255, 211, 90], [248, 248, 248]] colors: [[255, 211, 90], [248, 248, 248]]
}, },
{ {
id: "GREEN", id: "GREEN",
expression: " ( 81 < data[0] ) ", expression: " ( 80 < data[0] ) ",
colors: [[0, 199, 153], [248, 248, 248]] colors: [[0, 199, 153], [248, 248, 248]]
} }
] ]
......
...@@ -96,17 +96,17 @@ ...@@ -96,17 +96,17 @@
condnFormat: [ condnFormat: [
{ {
id: "RED", id: "RED",
expression: " data[0] <= 60 ", expression: " data[0] < 60 ",
colors: [[252, 101, 101], [248, 248, 248]] colors: [[252, 101, 101], [248, 248, 248]]
}, },
{ {
id: "YELLOW", id: "YELLOW",
expression: " ( 61 <= data[0] ) && ( data[0] <= 80 ) ", expression: " ( 60 <= data[0] ) && ( data[0] <= 80 ) ",
colors: [[255, 211, 90], [248, 248, 248]] colors: [[255, 211, 90], [248, 248, 248]]
}, },
{ {
id: "GREEN", id: "GREEN",
expression: " ( 81 < data[0] ) ", expression: " ( 80 < data[0] ) ",
colors: [[0, 199, 153], [248, 248, 248]] colors: [[0, 199, 153], [248, 248, 248]]
} }
] ]
......
...@@ -33,13 +33,16 @@ ...@@ -33,13 +33,16 @@
<columns> <columns>
<column index="1" type="string" cellType="protected" name="DEALER_NAME"><![CDATA[Dealer Name]]></column> <column index="1" type="string" cellType="protected" name="DEALER_NAME"><![CDATA[Dealer Name]]></column>
<column index="2" type="string" cellType="protected" name="PRODUCT_NAME"><![CDATA[Product Name]]></column> <column index="2" type="string" cellType="protected" name="PRODUCT_NAME"><![CDATA[Product Name]]></column>
<column index="3" type="number" cellType="protected" name="SELL_IN"><![CDATA[Sales In]]></column> <column index="3" type="number" cellType="protected" name="SELL_IN"><![CDATA[Sell-in]]></column>
<column index="4" type="number" cellType="protected" name="SELL_OUT"><![CDATA[Sales Out]]></column> <column index="4" type="number" cellType="protected" name="SELL_OUT"><![CDATA[Sell-out]]></column>
<column index="5" type="number" cellType="protected" name="RUNRATE"><![CDATA[Run Rate]]></column> <column index="5" type="number" cellType="protected" name="RUNRATE"><![CDATA[Run-Rate]]></column>
<column index="6" type="string" cellType="editable" name="ACTION" actiontype="CELL_ACTION_SAVE_TASK" placeholder="Enter action here..." errormessage="Please enter an action." ><![CDATA[Action]]></column> <column index="6" type="string" cellType="editable" name="ACTION" actiontype="CELL_ACTION_SAVE_TASK" placeholder="Enter action here..." errormessage="Please enter an action." ><![CDATA[Action]]></column>
</columns> </columns>
</column_group> </column_group>
<composite_config><![CDATA[{}]]></composite_config> <composite_config><![CDATA[{
is_export: "true",
export_file_name:"<EMP_NAME> - <PRODUCT_NAME> Summary"
}]]></composite_config>
</composite> </composite>
</component> </component>
......
...@@ -32,14 +32,16 @@ ...@@ -32,14 +32,16 @@
<column_group id="1"> <column_group id="1">
<columns> <columns>
<column index="1" type="string" cellType="protected" name="PRODUCT_NAME"><![CDATA[Product Name]]></column> <column index="1" type="string" cellType="protected" name="PRODUCT_NAME"><![CDATA[Product Name]]></column>
<column index="2" type="number" cellType="protected" name="SELL_IN_QTY"><![CDATA[Sales In Quantity]]></column> <column index="2" type="number" cellType="protected" name="SELL_IN_QTY"><![CDATA[Sell-in Quantity]]></column>
<column index="3" type="number" cellType="protected" name="SELL_IN_VALUE"><![CDATA[Sales In Value]]></column> <column index="3" type="number" cellType="protected" name="SELL_IN_VALUE"><![CDATA[Sell-in Value]]></column>
<column index="4" type="number" cellType="protected" name="SELL_OUT_QTY"><![CDATA[Sales Out Quantity]]></column> <column index="4" type="number" cellType="protected" name="SELL_OUT_QTY"><![CDATA[Sell-out Quantity]]></column>
<column index="5" type="number" cellType="protected" name="SELL_OUT_VALUE"><![CDATA[Sales Out Value]]></column> <column index="5" type="number" cellType="protected" name="SELL_OUT_VALUE"><![CDATA[Sell-out Value]]></column>
</columns> </columns>
</column_group> </column_group>
<composite_config><![CDATA[{ <composite_config><![CDATA[{
_sumofKeys: "SELL_IN_QTY,SELL_IN_VALUE,SELL_OUT_QTY,SELL_OUT_VALUE" _sumofKeys: "SELL_IN_QTY,SELL_IN_VALUE,SELL_OUT_QTY,SELL_OUT_VALUE",
is_export: "true",
export_file_name:"<EMP_CODE> - Product Summary"
}]]></composite_config> }]]></composite_config>
</composite> </composite>
</component> </component>
......
...@@ -34,8 +34,6 @@ ...@@ -34,8 +34,6 @@
</filters> </filters>
<page_title><![CDATA[OT Selection - ABM]]></page_title> <page_title><![CDATA[OT Selection - ABM]]></page_title>
<datasource id="1" dataSourceType="datamodel"><![CDATA[OT_SELECTION_ABM_DM]]></datasource> <datasource id="1" dataSourceType="datamodel"><![CDATA[OT_SELECTION_ABM_DM]]></datasource>
<!-- <datasource id="2" dataSourceType="datamodel" filterKey='EMP_CODE' filterExpr=' context["REPORT_TO"] == "$EMP_CODE" ' ><![CDATA[OT_SELECTION_REVIEW_RSM_DM]]></datasource> -->
<view id="1" name="Default" type="flatonly" fixed_refresh="true"> <view id="1" name="Default" type="flatonly" fixed_refresh="true">
<component datasource="1" id="1" type="COMPOSITE"> <component datasource="1" id="1" type="COMPOSITE">
...@@ -79,121 +77,7 @@ ...@@ -79,121 +77,7 @@
info_visible : false, info_visible : false,
table_header : 'OT Connect Details', table_header : 'OT Connect Details',
link_metadata : 'ot_connect_det_table' link_metadata : 'ot_connect_det_table'
}, }
chart_properties: {
chartType: 'percentage',
labels: [''],
options: {
width: 16,
height: 16,
responsive: true,
maintainAspectRatio: false,
tooltip: false,
cutOutPercentage: 0,
condnFormat: [
{
id: "RED",
expression: " data[0] <= 60 ",
colors: [[252, 101, 101], [248, 248, 248]]
},
{
id: "YELLOW",
expression: " ( 61 <= data[0] ) && ( data[0] <= 80 ) ",
colors: [[255, 211, 90], [248, 248, 248]]
},
{
id: "GREEN",
expression: " ( 81 < data[0] ) ",
colors: [[0, 199, 153], [248, 248, 248]]
}
]
}
}
}
]]></composite_config>
</composite>
</component>
<component datasource="2" id="1" type="COMPOSITE">
<component_icon><![CDATA[sellPlanReview.svg]]></component_icon>
<ComponentTitle><![CDATA[]]></ComponentTitle>
<ComponentName><![CDATA[]]></ComponentName>
<component_css><![CDATA[db-col-1]]></component_css>
<component_descr><![CDATA[]]></component_descr>
<obj_name_rights><![CDATA[sell_plan_rsm]]></obj_name_rights>
<layout>
<html><![CDATA[]]></html>
</layout>
<composite>
<composite_id><![CDATA[_composite_rsm_abm_esi_list]]></composite_id>
<composite_message><![CDATA[No data available to display]]></composite_message>
<composite_descr><![CDATA[Sell Planning ESI Summary with Drilldown]]></composite_descr>
<link_metadata><![CDATA[]]></link_metadata>
<column_group id="1">
<columns>
<column id="1" type="string" aggFunction="AVERAGE" groupBy="EMP_CODE"><![CDATA[SELL_IN,SELL_OUT]]></column>
</columns>
</column_group>
<composite_config><![CDATA[
{
component_type: 'PROFILE_CARD_2',
summaryModel: {
image: 'meet_summary.svg',
title: 'Summary',
title_column: 'title',
summary_theme: 'blue',
theme_column: 'summary_theme',
info_visible: false,
selected: true,
link_metadata : 'sell_plan_product_summary',
copykeys : 'REPORT_TO,EMP_CODE'
},
detailModel: {
image_column: 'USER:EMP_CODE',
image_size: 'lg',
title_column: 'EMP_NAME',
header: 'ABM Team ',
header_column: 'header',
filter_columns: 'REPORT_TO,EMP_CODE',
badge_column: 'POSITION_DESCR',
badge_theme: 'blue',
info_text: 'Sell In',
info_column: 'SELL_IN',
sub_info_text: 'Sell Out',
sub_info_column: 'SELL_OUT',
info_visible : true,
link_metadata : 'sell_plan_product_details'
},
chart_properties: {
chartType: 'percentage',
labels: [''],
options: {
width: 16,
height: 16,
responsive: true,
maintainAspectRatio: false,
tooltip: false,
cutOutPercentage: 0,
condnFormat: [
{
id: "RED",
expression: " data[0] <= 60 ",
colors: [[252, 101, 101], [248, 248, 248]]
},
{
id: "YELLOW",
expression: " ( 61 <= data[0] ) && ( data[0] <= 80 ) ",
colors: [[255, 211, 90], [248, 248, 248]]
},
{
id: "GREEN",
expression: " ( 81 < data[0] ) ",
colors: [[0, 199, 153], [248, 248, 248]]
}
]
}
}
} }
]]></composite_config> ]]></composite_config>
</composite> </composite>
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment