action_menu: draw menu area

Change-Id: I889e6f550aa8236c8862ada3c9da67925f024523
Signed-off-by: Jehun Lim <jehun.lim@samsung.com>

10 files changed, 364 insertions, 8 deletions

diff --git a/res/edc/images/btn_menu_del_dis.png b/res/edc/images/btn_menu_del_dis.png
new file mode 100644
index 0000000..88254af
--- /dev/null
+++ b/res/edc/images/btn_menu_del_dis.png
diff --git a/res/edc/images/btn_menu_del_foc.png b/res/edc/images/btn_menu_del_foc.png
new file mode 100644
index 0000000..dfdfb40
--- /dev/null
+++ b/res/edc/images/btn_menu_del_foc.png
diff --git a/res/edc/images/btn_menu_del_nor.png b/res/edc/images/btn_menu_del_nor.png
new file mode 100644
index 0000000..169874f
--- /dev/null
+++ b/res/edc/images/btn_menu_del_nor.png
diff --git a/res/edc/images/btn_menu_del_sel.png b/res/edc/images/btn_menu_del_sel.png
new file mode 100644
index 0000000..5dcc990
--- /dev/null
+++ b/res/edc/images/btn_menu_del_sel.png
diff --git a/res/edc/images/btn_menu_favorite_dis.png b/res/edc/images/btn_menu_favorite_dis.png
new file mode 100644
index 0000000..bd9bdd8
--- /dev/null
+++ b/res/edc/images/btn_menu_favorite_dis.png
diff --git a/res/edc/images/btn_menu_favorite_foc.png b/res/edc/images/btn_menu_favorite_foc.png
new file mode 100644
index 0000000..e4915d5
--- /dev/null
+++ b/res/edc/images/btn_menu_favorite_foc.png
diff --git a/res/edc/images/btn_menu_favorite_nor.png b/res/edc/images/btn_menu_favorite_nor.png
new file mode 100644
index 0000000..a472976
--- /dev/null
+++ b/res/edc/images/btn_menu_favorite_nor.png
diff --git a/res/edc/images/btn_menu_favorite_sel.png b/res/edc/images/btn_menu_favorite_sel.png
new file mode 100644
index 0000000..bd2eeee
--- /dev/null
+++ b/res/edc/images/btn_menu_favorite_sel.png
diff --git a/res/edc/view/action_menu.edc b/res/edc/view/action_menu.edc
index 2ba3028..3d6261e 100644
--- a/res/edc/view/action_menu.edc
+++ b/res/edc/view/action_menu.edc
@@ -91,6 +91,23 @@ group {
 			}
 		}
 		part {
+			name: "menu_divider_top";
+			type: RECT;
+			scale: 1;
+			description {
+				state: "default" 0.0;
+				rel1 {
+					to: "tv_btn_area";
+					relative: 0.0 1.0;
+				}
+				rel2.to: "tv_btn_area";
+				min: 0 1;
+				align: 0.5 0.0;
+				color: COLOR_ITEM_DIVIDER;
+				fixed: 0 1;
+			}
+		}
+		part {
 			name: PART_ACTION_MENU_AREA;
 			type: SWALLOW;
 			scale: 1;
@@ -101,14 +118,14 @@ group {
 					relative: 0.0 1.0;
 				}
 				rel2.to: "tv_btn_area";
-				min: 0 251;
+				min: 0 126;
 				align: 0.5 0.0;
 				fixed: 0 1;
 			}
 		}
 		part {
-			name: "padding_favorite_title";
-			type: SPACER;
+			name: "menu_divider_bottom";
+			type: RECT;
 			scale: 1;
 			description {
 				state: "default" 0.0;
@@ -117,24 +134,69 @@ group {
 					relative: 0.0 1.0;
 				}
 				rel2.to: PART_ACTION_MENU_AREA;
-				min: 0 40;
-				align: 0.5 0.0;
+				min: 0 1;
+				align: 0.5 1.0;
+				color: COLOR_ITEM_DIVIDER;
 				fixed: 0 1;
 			}
 		}
 		part {
+			name: "padding_favorite_title_left";
+			type: SPACER;
+			scale: 1;
+			description {
+				state: "default" 0.0;
+				rel1 {
+					to: PART_ACTION_MENU_AREA;
+					relative: 0.0 1.0;
+				}
+				rel2 {
+					to: PART_ACTION_MENU_AREA;
+					relative: 0.0 1.0;
+				}
+				min: 30 40;
+				align: 0.0 0.0;
+				fixed: 1 1;
+			}
+		}
+		part {
+			name: "padding_favorite_title_right";
+			type: SPACER;
+			scale: 1;
+			description {
+				state: "default" 0.0;
+				rel1 {
+					to: PART_ACTION_MENU_AREA;
+					relative: 1.0 1.0;
+				}
+				rel2.to: PART_ACTION_MENU_AREA;
+				min: 30 40;
+				align: 1.0 0.0;
+				fixed: 1 1;
+			}
+		}
+		part {
 			name: PART_ACTION_FAVORITE_TITLE;
 			type: TEXT;
 			scale: 1;
 			description {
 				state: "default" 0.0;
 				rel1 {
-					to: "padding_favorite_title";
+					to: "padding_favorite_title_left";
+					relative: 1.0 1.0;
+				}
+				rel2 {
+					to: "padding_favorite_title_right";
 					relative: 0.0 1.0;
 				}
-				rel2.to: "padding_favorite_title";
+				text {
+					font: FONT_LIGHT;
+					size: 32;
+					align: 0.0 0.5;
+				}
 				min: 0 32;
 				align: 0.5 0.0;
+				color: COLOR_TEXT_INDEX;
 				fixed: 0 1;
 			}
 		}
@@ -164,7 +226,10 @@ group {
 					to: "padding_favorite_area";
 					relative: 0.0 1.0;
 				}
-				rel2.to: "bg";
+				rel2 {
+					to_x: "padding_favorite_area";
+					to_y: "bg";
+				}
 			}
 		}
 	}
diff --git a/res/edc/widgets/button.edc b/res/edc/widgets/button.edc
index 264978a..f6cf990 100644
--- a/res/edc/widgets/button.edc
+++ b/res/edc/widgets/button.edc
@@ -17,6 +17,7 @@
 #define STATE_NORMAL 0
 #define STATE_FOCUSED 1
 #define STATE_SELECTED 2
+#define STATE_DISABLED 3
 
 #define STATE_SHOW 0
 #define STATE_HIDE 1
@@ -2810,3 +2811,293 @@ group {
 		}
 	}
 }
+
+group {
+	name: "elm/button/base/action_btn_favorite";
+	data.item: "focus_highlight" "on";
+	images {
+		image: IMAGE_ACTION_FAVORITE_NOR COMP;
+		image: IMAGE_ACTION_FAVORITE_FOC COMP;
+		image: IMAGE_ACTION_FAVORITE_SEL COMP;
+		image: IMAGE_ACTION_FAVORITE_DIS COMP;
+	}
+	script {
+		public cur_state;
+	}
+	parts {
+		part {
+			name: "bg";
+			type: RECT;
+			scale: 1;
+			description {
+				state: "default" 0.0;
+				min: 125 124;
+			}
+			description {
+				state: "focused" 0.0;
+				inherit: "default" 0.0;
+				color: COLOR_ITEM_FOCUS;
+			}
+			description {
+				state: "selected" 0.0;
+				inherit: "default" 0.0;
+			}
+			description {
+				state: "disabled" 0.0;
+				inherit: "default" 0.0;
+			}
+		}
+		part {
+			name: "divider_right";
+			type: RECT;
+			scale: 1;
+			description {
+				state: "default" 0.0;
+				rel1 {
+					to: "bg";
+					relative: 1.0 0.0;
+				}
+				rel2.to: "bg";
+				min: 1 0;
+				align: 1.0 0.5;
+				color: COLOR_ITEM_DIVIDER;
+				fixed: 1 0;
+			}
+		}
+		part {
+			name: "padding_icon_top";
+			type: SPACER;
+			scale: 1;
+			description {
+				state: "default" 0.0;
+				rel1.to: "bg";
+				rel2 {
+					to: "bg";
+					relative: 1.0 0.0;
+				}
+				min: 0 14;
+				align: 0.5 0.0;
+				fixed: 0 1;
+			}
+		}
+		part {
+			name: "padding_icon_bottom";
+			type: SPACER;
+			scale: 1;
+			description {
+				state: "default" 0.0;
+				rel1 {
+					to: "bg";
+					relative: 0.0 1.0;
+				}
+				rel2.to: "bg";
+				min: 0 50;
+				align: 0.5 1.0;
+				fixed: 0 1;
+			}
+		}
+		part {
+			name: "bg_menu_icon";
+			type: SPACER;
+			scale: 1;
+			description {
+				state: "default" 0.0;
+				rel1 {
+					to: "padding_icon_top";
+					relative: 0.0 1.0;
+				}
+				rel2 {
+					to: "padding_icon_bottom";
+					relative: 1.0 0.0;
+				}
+			}
+		}
+		part {
+			name: "menu_icon";
+			type: IMAGE;
+			scale: 1;
+			description {
+				state: "default" 0.0;
+				rel1 {
+					to: "bg_menu_icon";
+					relative: 0.5 0.5;
+				}
+				rel2 {
+					to: "bg_menu_icon";
+					relative: 0.5 0.5;
+				}
+				image.normal: IMAGE_ACTION_FAVORITE_NOR;
+				min: 60 60;
+				align: 0.5 0.5;
+				fixed: 1 1;
+			}
+			description {
+				state: "focused" 0.0;
+				inherit: "default" 0.0;
+				image.normal: IMAGE_ACTION_FAVORITE_FOC;
+			}
+			description {
+				state: "selected" 0.0;
+				inherit: "default" 0.0;
+				image.normal: IMAGE_ACTION_FAVORITE_SEL;
+			}
+			description {
+				state: "disabled" 0.0;
+				inherit: "default" 0.0;
+				image.normal: IMAGE_ACTION_FAVORITE_DIS;
+			}
+		}
+		part {
+			name: "padding_text";
+			type: SPACER;
+			scale: 1;
+			description {
+				state: "default" 0.0;
+				rel1.to: "padding_icon_bottom";
+				rel2 {
+					to: "padding_icon_bottom";
+					relative: 1.0 0.0;
+				}
+				min: 0 6;
+				align: 0.5 0.5;
+				fixed: 0 1;
+			}
+		}
+		part {
+			name: "elm.text";
+			type: TEXT;
+			scale: 1;
+			description {
+				state: "default" 0.0;
+				rel1 {
+					to: "padding_text";
+					relative: 0.0 1.0;
+				}
+				rel2.to: "padding_text";
+				text {
+					font: FONT_LIGHT;
+					size: 20;
+					align: 0.5 0.5;
+				}
+				min: 0 20;
+				align: 0.5 0.0;
+				color: COLOR_TEXT_MENU;
+				fixed: 0 1;
+			}
+			description {
+				state: "focused" 0.0;
+				inherit: "default" 0.0;
+				color: COLOR_TEXT_FOCUS;
+			}
+			description {
+				state: "selected" 0.0;
+				inherit: "default" 0.0;
+				color: COLOR_ITEM_SELECTED;
+			}
+			description {
+				state: "disabled" 0.0;
+				inherit: "default" 0.0;
+				color: COLOR_TEXT_DISABLED;
+			}
+		}
+	}
+	programs {
+		program {
+			name: "load";
+			signal: "load";
+			source: "";
+			script {
+				set_int(cur_state, STATE_NORMAL);
+			}
+		}
+		program {
+			name: "go_active";
+			signal: "elm,action,focus";
+			source: "elm";
+			action: STATE_SET "focused" 0.0;
+			target: "bg";
+			target: "menu_icon";
+			target: "elm.text";
+			transition: TRANSITION_FOCUS;
+		}
+		program {
+			name: "go_passive";
+			signal: "elm,action,unfocus";
+			source: "elm";
+			action: STATE_SET "default" 0.0;
+			target: "bg";
+			target: "menu_icon";
+			target: "elm.text";
+			transition: TRANSITION_FOCUS;
+		}
+		program {
+			name: SIG_ITEM_SELECTED;
+			signal: SIG_ITEM_SELECTED;
+			source: SIG_SOURCE_SRC;
+			action: STATE_SET "selected" 0.0;
+			target: "bg";
+			target: "menu_icon";
+			target: "elm.text";
+		}
+		program {
+			name: SIG_ITEM_DISABLED;
+			signal: SIG_ITEM_DISABLED;
+			source: SIG_SOURCE_SRC;
+			action: STATE_SET "disabled" 0.0;
+			target: "bg";
+			target: "menu_icon";
+			target: "elm.text";
+		}
+	}
+}
+
+group {
+	name: "elm/button/base/action_btn_delete";
+	inherit: "elm/button/base/action_btn_favorite";
+	images {
+		image: IMAGE_ACTION_DELETE_NOR COMP;
+		image: IMAGE_ACTION_DELETE_FOC COMP;
+		image: IMAGE_ACTION_DELETE_SEL COMP;
+		image: IMAGE_ACTION_DELETE_DIS COMP;
+	}
+	parts {
+		part {
+			name: "menu_icon";
+			description {
+				state: "default" 0.0;
+				image.normal: IMAGE_ACTION_DELETE_NOR;
+			}
+			description {
+				state: "focused" 0.0;
+				inherit: "default" 0.0;
+				image.normal: IMAGE_ACTION_DELETE_FOC;
+			}
+			description {
+				state: "selected" 0.0;
+				inherit: "default" 0.0;
+				image.normal: IMAGE_ACTION_DELETE_SEL;
+			}
+			description {
+				state: "disabled" 0.0;
+				inherit: "default" 0.0;
+				image.normal: IMAGE_ACTION_DELETE_DIS;
+			}
+		}
+	}
+}
+
+group {
+	name: "elm/button/base/action_btn_empty";
+	inherit: "elm/button/base/action_btn_favorite";
+	parts {
+		part {
+			name: "menu_icon";
+			type: RECT;
+			scale: 1;
+			description {
+				state: "default" 0.0;
+				color: 0 0 0 0;
+			}
+		}
+	}
+}