add edc for view mode ctxpopup

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

7 files changed, 627 insertions, 0 deletions

diff --git a/res/edc/images/btn_option_arrow_dis.png b/res/edc/images/btn_option_arrow_dis.png
new file mode 100644
index 0000000..dc33937
--- /dev/null
+++ b/res/edc/images/btn_option_arrow_dis.png
diff --git a/res/edc/images/btn_option_arrow_foc_up.png b/res/edc/images/btn_option_arrow_foc_up.png
new file mode 100644
index 0000000..f101da0
--- /dev/null
+++ b/res/edc/images/btn_option_arrow_foc_up.png
diff --git a/res/edc/images/btn_option_arrow_nor.png b/res/edc/images/btn_option_arrow_nor.png
new file mode 100644
index 0000000..17bc2c6
--- /dev/null
+++ b/res/edc/images/btn_option_arrow_nor.png
diff --git a/res/edc/images/btn_option_arrow_sel.png b/res/edc/images/btn_option_arrow_sel.png
new file mode 100644
index 0000000..21b5ffa
--- /dev/null
+++ b/res/edc/images/btn_option_arrow_sel.png
diff --git a/res/edc/mediahub-theme.edc b/res/edc/mediahub-theme.edc
index e74c2b6..2c699e5 100644
--- a/res/edc/mediahub-theme.edc
+++ b/res/edc/mediahub-theme.edc
@@ -18,6 +18,7 @@
 
 collections {
 	#include "widgets/button.edc"
+	#include "widgets/ctxpopup.edc"
 	#include "widgets/gengrid.edc"
 	#include "widgets/genlist.edc"
 	#include "widgets/notify.edc"
diff --git a/res/edc/widgets/button.edc b/res/edc/widgets/button.edc
index 116dbfd..60f2caa 100644
--- a/res/edc/widgets/button.edc
+++ b/res/edc/widgets/button.edc
@@ -3816,3 +3816,514 @@ group {
 		}
 	}
 }
+
+group {
+	name: "elm/button/base/base_btn_view_mode";
+	data.item: "focus_highlight" "on";
+	images {
+		image: IMAGE_ARROW_UP_NOR COMP;
+		image: IMAGE_ARROW_UP_FOC COMP;
+		image: IMAGE_ARROW_UP_SEL COMP;
+		image: IMAGE_ARROW_UP_DIS COMP;
+	}
+	script {
+		public cur_state;
+	}
+	parts {
+		part {
+			name: "bg";
+			type: RECT;
+			scale: 1;
+			description {
+				state: "default" 0.0;
+				color: COLOR_ITEM_BG;
+			}
+			description {
+				state: "focused" 0.0;
+				inherit: "default" 0.0;
+				color: COLOR_ITEM_FOCUS;
+			}
+			description {
+				state: "selected" 0.0;
+				inherit: "default" 0.0;
+			}
+		}
+		part {
+			name: "border_top";
+			type: RECT;
+			scale: 1;
+			description {
+				state: "default" 0.0;
+				rel2.relative: 1.0 0.0;
+				min: 0 2;
+				align: 0.5 0.0;
+				color: COLOR_TEXT_NORMAL;
+				fixed: 0 1;
+			}
+			description {
+				state: "focused" 0.0;
+				inherit: "default" 0.0;
+				visible: 0;
+			}
+			description {
+				state: "selected" 0.0;
+				inherit: "default" 0.0;
+				color: COLOR_TEXT_SELECTED;
+			}
+			description {
+				state: "disabled" 0.0;
+				inherit: "default" 0.0;
+				color: COLOR_TEXT_DISABLED;
+			}
+		}
+		part {
+			name: "border_left";
+			type: RECT;
+			scale: 1;
+			description {
+				state: "default" 0.0;
+				rel1 {
+					to: "border_top";
+					relative: 0.0 1.0;
+				}
+				rel2 {
+					to: "bg";
+					relative: 0.0 1.0;
+				}
+				min: 2 0;
+				align: 0.0 0.5;
+				color: COLOR_TEXT_NORMAL;
+				fixed: 1 0;
+			}
+			description {
+				state: "focused" 0.0;
+				inherit: "default" 0.0;
+				visible: 0;
+			}
+			description {
+				state: "selected" 0.0;
+				inherit: "default" 0.0;
+				color: COLOR_TEXT_SELECTED;
+			}
+			description {
+				state: "disabled" 0.0;
+				inherit: "default" 0.0;
+				color: COLOR_TEXT_DISABLED;
+			}
+		}
+		part {
+			name: "border_right";
+			type: RECT;
+			scale: 1;
+			description {
+				state: "default" 0.0;
+				rel1 {
+					to: "border_top";
+					relative: 1.0 1.0;
+				}
+				rel2 {
+					to: "bg";
+					relative: 1.0 1.0;
+				}
+				min: 2 0;
+				align: 1.0 0.5;
+				color: COLOR_TEXT_NORMAL;
+				fixed: 1 0;
+			}
+			description {
+				state: "focused" 0.0;
+				inherit: "default" 0.0;
+				visible: 0;
+			}
+			description {
+				state: "selected" 0.0;
+				inherit: "default" 0.0;
+				color: COLOR_TEXT_SELECTED;
+			}
+			description {
+				state: "disabled" 0.0;
+				inherit: "default" 0.0;
+				color: COLOR_TEXT_DISABLED;
+			}
+		}
+		part {
+			name: "border_bottom";
+			type: RECT;
+			scale: 1;
+			description {
+				state: "default" 0.0;
+				rel1 {
+					to: "border_left";
+					relative: 1.0 1.0;
+				}
+				rel2 {
+					to: "border_right";
+					relative: 0.0 1.0;
+				}
+				min: 0 2;
+				align: 0.5 1.0;
+				color: COLOR_TEXT_NORMAL;
+				fixed: 0 1;
+			}
+			description {
+				state: "focused" 0.0;
+				inherit: "default" 0.0;
+				visible: 0;
+			}
+			description {
+				state: "selected" 0.0;
+				inherit: "default" 0.0;
+				color: COLOR_TEXT_SELECTED;
+			}
+			description {
+				state: "disabled" 0.0;
+				inherit: "default" 0.0;
+				color: COLOR_TEXT_DISABLED;
+			}
+		}
+		part {
+			name: "padding_text";
+			type: SPACER;
+			scale: 1;
+			description {
+				state: "default" 0.0;
+				rel2.relative: 0.0 1.0;
+				min: 30 0;
+				align: 0.0 0.5;
+				fixed: 1 0;
+			}
+		}
+		part {
+			name: "elm.text";
+			type: TEXT;
+			scale: 1;
+			description {
+				state: "default" 0.0;
+				rel1 {
+					to: "padding_text";
+					relative: 1.0 0.0;
+				}
+				rel2.to: "padding_text";
+				text {
+					font: FONT_LIGHT;
+					size: 32;
+					align: 0.0 0.5;
+				}
+				min: 134 0;
+				align: 0.0 0.5;
+				color: COLOR_TEXT_NORMAL;
+				fixed: 1 0;
+			}
+			description {
+				state: "focused" 0.0;
+				inherit: "default" 0.0;
+				color: COLOR_TEXT_FOCUS;
+			}
+			description {
+				state: "selected" 0.0;
+				inherit: "default" 0.0;
+				color: COLOR_TEXT_SELECTED;
+			}
+			description {
+				state: "disabled" 0.0;
+				inherit: "default" 0.0;
+				color: COLOR_TEXT_DISABLED;
+			}
+		}
+		part {
+			name: "padding_arrow";
+			type: SPACER;
+			scale: 1;
+			description {
+				state: "default" 0.0;
+				rel1 {
+					to: "elm.text";
+					relative: 1.0 0.0;
+				}
+				rel2 {
+					to: "elm.text";
+					relative: 1.0 0.0;
+				}
+				min: 4 17;
+				align: 0.0 0.0;
+				fixed: 1 1;
+			}
+		}
+		part {
+			name: "part_arrow";
+			type: IMAGE;
+			scale: 1;
+			description {
+				state: "default" 0.0;
+				rel1 {
+					to: "padding_arrow";
+					relative: 1.0 1.0;
+				}
+				rel2.to: "padding_arrow";
+				image.normal: IMAGE_ARROW_UP_NOR;
+				min: 20 30;
+				align: 0.0 0.0;
+				fixed: 1 1;
+			}
+			description {
+				state: "focused" 0.0;
+				inherit: "default" 0.0;
+				image.normal: IMAGE_ARROW_UP_FOC;
+			}
+			description {
+				state: "selected" 0.0;
+				inherit: "default" 0.0;
+				image.normal: IMAGE_ARROW_UP_SEL;
+			}
+			description {
+				state: "disabled" 0.0;
+				inherit: "default" 0.0;
+				image.normal: IMAGE_ARROW_UP_DIS;
+			}
+		}
+		part {
+			name: "event";
+			type: RECT;
+			scale: 1;
+			description {
+				state: "default" 0.0;
+				color: 0 0 0 0;
+			}
+		}
+	}
+	programs {
+		program {
+			name: "load";
+			signal: "load";
+			source: "";
+			script {
+				set_int(cur_state, STATE_NORMAL);
+			}
+		}
+		program {
+			name: "button_clicked";
+			signal: "mouse,clicked,1";
+			source: "event";
+			action: SIGNAL_EMIT "elm,action,click" "";
+		}
+		program {
+			name: "focused";
+			signal: SIG_ELM_FOCUS;
+			source: SIG_SOURCE_ELM;
+			script {
+				set_int(cur_state, STATE_FOCUSED);
+				run_program(PROGRAM:"focus,anim");
+			}
+		}
+		program {
+			name: "focus,anim";
+			action: STATE_SET "focused" 0.0;
+			target: "bg";
+			target: "border_top";
+			target: "border_left";
+			target: "border_right";
+			target: "border_bottom";
+			target: "elm.text";
+			target: "part_arrow";
+			transition: TRANSITION_FOCUS;
+		}
+		program {
+			name: "unfocused";
+			signal: SIG_ELM_UNFOCUS;
+			source: SIG_SOURCE_ELM;
+			script {
+				new state;
+				state = get_int(cur_state);
+				if (state == STATE_SELECTED) {
+					run_program(PROGRAM:"unfocus,sel,anim");
+				} else {
+					run_program(PROGRAM:"unfocus,foc,anim");
+				}
+			}
+		}
+		program {
+			name: "unfocus,sel,anim";
+			action: STATE_SET "selected" 0.0;
+			target: "bg";
+			target: "border_top";
+			target: "border_left";
+			target: "border_right";
+			target: "border_bottom";
+			target: "elm.text";
+			target: "part_arrow";
+			transition: TRANSITION_FOCUS;
+		}
+		program {
+			name: "unfocus,foc,anim";
+			action: STATE_SET "default" 0.0;
+			target: "bg";
+			target: "border_top";
+			target: "border_left";
+			target: "border_right";
+			target: "border_bottom";
+			target: "elm.text";
+			target: "part_arrow";
+			transition: TRANSITION_FOCUS;
+		}
+		program {
+			name: "selected";
+			signal: SIG_BTN_SELECTED;
+			source: SIG_SOURCE_SRC;
+			script {
+				set_int(cur_state, STATE_SELECTED);
+			}
+		}
+		program {
+			name: "disabled";
+			signal: SIG_ELM_DISABLED;
+			source: SIG_SOURCE_ELM;
+			action: STATE_SET "disabled" 0.0;
+			target: "bg";
+			target: "border_top";
+			target: "border_left";
+			target: "border_right";
+			target: "border_bottom";
+			target: "elm.text";
+			target: "part_arrow";
+		}
+	}
+}
+
+group {
+	name: "elm/button/base/base_btn_view_option";
+	inherit: "elm/button/base/base_btn_view_mode";
+	parts {
+		part {
+			name: "bg";
+			type: RECT;
+			scale: 1;
+			description {
+				state: "default" 0.0;
+				min: 218 56;
+			}
+			description {
+				state: "focused" 0.0;
+				inherit: "default" 0.0;
+				color: COLOR_ITEM_FOCUS;
+			}
+			description {
+				state: "selected" 0.0;
+				inherit: "default" 0.0;
+			}
+		}
+		part {
+			name: "border_top";
+			type: RECT;
+			scale: 1;
+			description {
+				state: "default" 0.0;
+				visible: 0;
+			}
+			description {
+				state: "focused" 0.0;
+				inherit: "default" 0.0;
+			}
+			description {
+				state: "selected" 0.0;
+				inherit: "default" 0.0;
+			}
+		}
+		part {
+			name: "border_left";
+			type: RECT;
+			scale: 1;
+			description {
+				state: "default" 0.0;
+				visible: 0;
+			}
+			description {
+				state: "focused" 0.0;
+				inherit: "default" 0.0;
+			}
+			description {
+				state: "selected" 0.0;
+				inherit: "default" 0.0;
+			}
+		}
+		part {
+			name: "border_right";
+			type: RECT;
+			scale: 1;
+			description {
+				state: "default" 0.0;
+				visible: 0;
+			}
+			description {
+				state: "focused" 0.0;
+				inherit: "default" 0.0;
+			}
+			description {
+				state: "selected" 0.0;
+				inherit: "default" 0.0;
+			}
+		}
+		part {
+			name: "border_bottom";
+			type: RECT;
+			scale: 1;
+			description {
+				state: "default" 0.0;
+				visible: 0;
+			}
+			description {
+				state: "focused" 0.0;
+				inherit: "default" 0.0;
+			}
+			description {
+				state: "selected" 0.0;
+				inherit: "default" 0.0;
+			}
+		}
+		part {
+			name: "elm.text";
+			type: TEXT;
+			scale: 1;
+			description {
+				state: "default" 0.0;
+				text {
+					font: FONT_LIGHT;
+					size: 28;
+					align: 0.0 0.5;
+				}
+				min: 158 0;
+				color: COLOR_TEXT_NORMAL;
+			}
+			description {
+				state: "focused" 0.0;
+				inherit: "default" 0.0;
+				color: COLOR_TEXT_FOCUS;
+			}
+			description {
+				state: "selected" 0.0;
+				inherit: "default" 0.0;
+				color: COLOR_TEXT_SELECTED;
+			}
+		}
+		part {
+			name: "part_arrow";
+			type: IMAGE;
+			scale: 1;
+			description {
+				state: "default" 0.0;
+				visible: 0;
+			}
+			description {
+				state: "focused" 0.0;
+				inherit: "default" 0.0;
+			}
+			description {
+				state: "selected" 0.0;
+				inherit: "default" 0.0;
+			}
+			description {
+				state: "disabled" 0.0;
+				inherit: "default" 0.0;
+			}
+		}
+	}
+}
diff --git a/res/edc/widgets/ctxpopup.edc b/res/edc/widgets/ctxpopup.edc
new file mode 100644
index 0000000..1e3b2d7
--- /dev/null
+++ b/res/edc/widgets/ctxpopup.edc
@@ -0,0 +1,115 @@
+/*
+ * Copyright (c) 2015 Samsung Electronics Co., Ltd All Rights Reserved
+ *
+ * Licensed under the Apache License, Version 2.0 (the License);
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ * http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an AS IS BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+
+group {
+	name: "elm/ctxpopup/base/base_ctxpopup_view_mode";
+	data.item: "focus_highlight" "on";
+	parts {
+		part {
+			name: "bg";
+			type: RECT;
+			scale: 1;
+			description {
+				state: "default" 0.0;
+				min: 220 226;
+				color: COLOR_ITEM_BG;
+			}
+		}
+		part {
+			name: "border_top";
+			type: RECT;
+			scale: 1;
+			description {
+				state: "default" 0.0;
+				rel2.relative: 1.0 0.0;
+				min: 0 1;
+				align: 0.5 0.0;
+				color: COLOR_POPUP_BORDER;
+				fixed: 0 1;
+			}
+		}
+		part {
+			name: "border_left";
+			type: RECT;
+			scale: 1;
+			description {
+				state: "default" 0.0;
+				rel1 {
+					to: "border_top";
+					relative: 0.0 1.0;
+				}
+				rel2.relative: 0.0 1.0;
+				min: 1 0;
+				align: 0.0 0.5;
+				color: COLOR_POPUP_BORDER;
+				fixed: 1 0;
+			}
+		}
+		part {
+			name: "border_right";
+			type: RECT;
+			scale: 1;
+			description {
+				state: "default" 0.0;
+				rel1 {
+					to: "border_top";
+					relative: 1.0 1.0;
+				}
+				min: 1 0;
+				align: 1.0 0.5;
+				color: COLOR_POPUP_BORDER;
+				fixed: 1 0;
+			}
+		}
+		part {
+			name: "border_bottom";
+			type: RECT;
+			scale: 1;
+			description {
+				state: "default" 0.0;
+				rel1.relative: 0.0 1.0;
+				min: 0 1;
+				align: 0.5 1.0;
+				color: COLOR_POPUP_BORDER;
+				fixed: 0 1;
+			}
+		}
+		part {
+			name: "elm.swallow.content";
+			type: SWALLOW;
+			scale: 1;
+			description {
+				state: "default" 0.0;
+				rel1 {
+					to: "border_left";
+					relative: 1.0 0.0;
+				}
+				rel2 {
+					to: "border_bottom";
+					relative: 1.0 0.0;
+				}
+			}
+		}
+	}
+	programs {
+		program {
+			name: "hide";
+			signal: SIGNAL_ELM_HIDE;
+			source: SIG_SOURCE_ELM;
+			action: SIGNAL_EMIT "elm,action,hide,finished" "";
+		}
+	}
+}