add button and slider edc for recently watched content

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

3 files changed, 611 insertions, 0 deletions

diff --git a/res/edc/images/ic_preview_play.png b/res/edc/images/ic_preview_play.png
new file mode 100644
index 0000000..2c20b3e
--- /dev/null
+++ b/res/edc/images/ic_preview_play.png
diff --git a/res/edc/widgets/button.edc b/res/edc/widgets/button.edc
index 27bbf34..ae8ef37 100644
--- a/res/edc/widgets/button.edc
+++ b/res/edc/widgets/button.edc
@@ -591,3 +591,567 @@ group {
 		}
 	}
 }
+
+group {
+	name: "elm/button/base/base_btn_recent";
+	data.item, "focus_highlight" "on";
+	images {
+		image: IMAGE_PREVIEW_PLAY COMP;
+	}
+	parts {
+		part {
+			name: "bg";
+			scale: 1;
+			description {
+				state: "default" 0.0;
+				min: 740 614;
+			}
+		}
+		part {
+			name: "map";
+			type: RECT;
+			scale: 1;
+			description {
+				state: "default" 0.0;
+				perspective {
+					zplane: 0;
+					focal: 1000;
+				}
+				visible: 0;
+			}
+			description {
+				state: "selected" 0.0;
+				inherit: "default" 0.0;
+				perspective.zplane: -100;
+			}
+		}
+		part {
+			name: PART_RECENT_CONTENT_THUMBNAIL;
+			type: SWALLOW;
+			scale: 1;
+			description {
+				state: "default" 0.0;
+				rel1.to: "bg";
+				rel2 {
+					to: "bg_text";
+					relative: 1.0 0.0;
+				}
+				map {
+					perspective_on: 1;
+					perspective: "map";
+				}
+			}
+			description {
+				state: "selected" 0.0;
+				inherit: "default" 0.0;
+				map.on: 1;
+			}
+		}
+		part {
+			name: "default_image";
+			type: IMAGE;
+			scale: 1;
+			description {
+				state: "default" 0.0;
+				rel1 {
+					to: PART_RECENT_CONTENT_THUMBNAIL;
+					relative: 0.5 0.5;
+				}
+				rel2 {
+					to: PART_RECENT_CONTENT_THUMBNAIL;
+					relative: 0.5 0.5;
+				}
+				image.normal: IMAGE_PREVIEW_PLAY;
+				min: 120 120;
+				fixed: 1 1;
+				map {
+					perspective_on: 1;
+					perspective: "map";
+				}
+			}
+			description {
+				state: "selected" 0.0;
+				inherit: "default" 0.0;
+				map.on: 1;
+			}
+		}
+		part {
+			name: "part_focus1";
+			type: RECT;
+			mouse_events: 0;
+			scale: 1;
+			description {
+				state: "default" 0.0;
+				rel1.to: "bg";
+				rel2 {
+					to: "bg";
+					relative: 1.0 0.0;
+				}
+				min: 0 6;
+				align: 0.5 0.0;
+				color: COLOR_ITEM_FOCUS;
+				fixed: 0 1;
+				visible: 0;
+				map {
+					perspective_on: 1;
+					perspective: "map";
+				}
+			}
+			description {
+				state: "selected" 0.0;
+				inherit: "default" 0.0;
+				map.on: 1;
+				visible: 1;
+			}
+			description {
+				state: "selected_0" 0.0;
+				inherit: "default" 0.0;
+				visible: 1;
+				color: COLOR_ITEM_FOCUS_0;
+			}
+		}
+		part {
+			name: "part_focus2";
+			type: RECT;
+			mouse_events: 0;
+			scale: 1;
+			description {
+				state: "default" 0.0;
+				rel1 {
+					to: "part_focus1";
+					relative: 0.0 1.0;
+				}
+				rel2 {
+					to: "bg_text";
+					relative: 0.0 0.0;
+				}
+				min: 6 0;
+				align: 0.0 0.5;
+				color: COLOR_ITEM_FOCUS;
+				fixed: 1 0;
+				visible: 0;
+				map {
+					perspective_on: 1;
+					perspective: "map";
+				}
+			}
+			description {
+				state: "selected" 0.0;
+				inherit: "default" 0.0;
+				map.on: 1;
+				visible: 1;
+			}
+			description {
+				state: "selected_0" 0.0;
+				inherit: "default" 0.0;
+				visible: 1;
+				color: COLOR_ITEM_FOCUS_0;
+			}
+		}
+		part {
+			name: "part_focus3";
+			type: RECT;
+			mouse_events: 0;
+			scale: 1;
+			description {
+				state: "default" 0.0;
+				rel1 {
+					to: "part_focus1";
+					relative: 1.0 1.0;
+				}
+				rel2 {
+					to: "bg_text";
+					relative: 1.0 0.0;
+				}
+				min: 6 0;
+				align: 1.0 0.5;
+				color: COLOR_ITEM_FOCUS;
+				fixed: 1 0;
+				visible: 0;
+				map {
+					perspective_on: 1;
+					perspective: "map";
+				}
+			}
+			description {
+				state: "selected" 0.0;
+				inherit: "default" 0.0;
+				map.on: 1;
+				visible: 1;
+			}
+			description {
+				state: "selected_0" 0.0;
+				inherit: "default" 0.0;
+				visible: 1;
+				color: COLOR_ITEM_FOCUS_0;
+			}
+		}
+		part {
+			name: "defaultbg_text";
+			type: RECT;
+			scale: 1;
+			description {
+				state: "default" 0.0;
+				rel1 {
+					to: "bg";
+					relative: 0.0 1.0;
+				}
+				rel2.to: "bg";
+				min: 0 198;
+				align: 0.5 1.0;
+				color: COLOR_ITEM_BG;
+				fixed: 0 1;
+				map {
+					perspective_on: 1;
+					perspective: "map";
+				}
+			}
+			description {
+				state: "selected" 0.0;
+				inherit: "default" 0.0;
+				color: COLOR_ITEM_FOCUS;
+				map.on: 1;
+			}
+		}
+		part {
+			name: "bg_text";
+			type: RECT;
+			scale: 1;
+			description {
+				state: "default" 0.0;
+				rel1.to: "defaultbg_text";
+				rel2.to: "defaultbg_text";
+				color: COLOR_ITEM_BG;
+				map {
+					perspective_on: 1;
+					perspective: "map";
+				}
+			}
+			description {
+				state: "selected" 0.0;
+				inherit: "default" 0.0;
+				color: COLOR_ITEM_FOCUS;
+				map.on: 1;
+			}
+			description {
+				state: "selected_0" 0.0;
+				inherit: "default" 0.0;
+				color: COLOR_ITEM_FOCUS_0;
+			}
+		}
+		part {
+			name: "padding_text_left";
+			type: SPACER;
+			scale: 1;
+			description {
+				state: "default" 0.0;
+				rel1.to: "bg_text";
+				rel2 {
+					to: "bg_text";
+					relative: 0.0 0.0;
+				}
+				min: 26 28;
+				align: 0.0 0.0;
+				fixed: 1 1;
+			}
+		}
+		part {
+			name: "padding_text_right";
+			type: SPACER;
+			scale: 1;
+			description {
+				state: "default" 0.0;
+				rel1 {
+					to: "bg_text";
+					relative: 1.0 0.0;
+				}
+				rel2 {
+					to: "bg_text";
+					relative: 1.0 0.0;
+				}
+				min: 26 28;
+				align: 1.0 0.0;
+				fixed: 1 1;
+			}
+		}
+		part {
+			name: PART_RECENT_CONTENT_TITLE;
+			type: TEXT;
+			scale: 1;
+			description {
+				state: "default" 0.0;
+				rel1 {
+					to: "padding_text_left";
+					relative: 1.0 1.0;
+				}
+				rel2 {
+					to: "padding_text_right";
+					relative: 0.0 1.0;
+				}
+				text {
+					font: FONT_LIGHT;
+					size: 36;
+					align: 0.0 0.5;
+				}
+				min: 0 36;
+				align: 0.5 0.0;
+				color: COLOR_TEXT_FOCUS;
+				fixed: 0 1;
+				map {
+					perspective_on: 1;
+					perspective: "map";
+				}
+			}
+			description {
+				state: "selected" 0.0;
+				inherit: "default" 0.0;
+				map.on: 1;
+			}
+			description {
+				state: "selected_0" 0.0;
+				inherit: "selected" 0.0;
+			}
+		}
+		part {
+			name: "padding_text_date";
+			type: SPACER;
+			scale: 1;
+			description {
+				state: "default" 0.0;
+				rel1 {
+					to: PART_RECENT_CONTENT_TITLE;
+					relative: 0.0 1.0;
+				}
+				rel2.to: PART_RECENT_CONTENT_TITLE;
+				min: 0 12;
+				align: 0.5 0.0;
+				fixed: 0 1;
+			}
+		}
+		part {
+			name: PART_RECENT_CONTENT_DATE;
+			type: TEXT;
+			scale: 1;
+			description {
+				state: "default" 0.0;
+				rel1 {
+					to: "padding_text_date";
+					relative: 0.0 1.0;
+				}
+				rel2.to: "padding_text_date";
+				text {
+					font: FONT_LIGHT;
+					size: 28;
+					align: 0.0 0.5;
+				}
+				min: 0 28;
+				align: 0.5 0.0;
+				color: COLOR_TEXT_FOCUS;
+				fixed: 0 1;
+				map {
+					perspective_on: 1;
+					perspective: "map";
+				}
+			}
+			description {
+				state: "selected" 0.0;
+				inherit: "default" 0.0;
+				map.on: 1;
+			}
+			description {
+				state: "selected_0" 0.0;
+				inherit: "selected" 0.0;
+			}
+		}
+		part {
+			name: "padding_text_time";
+			type: SPACER;
+			scale: 1;
+			description {
+				state: "default" 0.0;
+				rel1 {
+					to: PART_RECENT_CONTENT_DATE;
+					relative: 0.0 1.0;
+				}
+				rel2.to: PART_RECENT_CONTENT_DATE;
+				min: 0 34;
+				align: 0.5 0.0;
+				fixed: 0 1;
+			}
+		}
+		part {
+			name: PART_RECENT_CONTENT_PROGRESS;
+			type: TEXT;
+			scale: 1;
+			description {
+				state: "default" 0.0;
+				rel1 {
+					to: "padding_text_time";
+					relative: 0.0 1.0;
+				}
+				rel2 {
+					to: "padding_text_time";
+					relative: 0.0 1.0;
+				}
+				text {
+					font: TEXT_LIGHT;
+					size: 20;
+					align: 0.0 0.5;
+				}
+				min: 100 20;
+				align: 0.0 0.0;
+				fixed: 1 1;
+			}
+		}
+		part {
+			name: PART_RECENT_CONTENT_TOTAL;
+			type: TEXT;
+			scale: 1;
+			description {
+				state: "default" 0.0;
+				rel1 {
+					to: "padding_text_time";
+					relative: 1.0 1.0;
+				}
+				rel2.to: "padding_text_time";
+				text {
+					font: TEXT_LIGHT;
+					size: 20;
+					align: 1.0 0.5;
+				}
+				min: 100 20;
+				align: 1.0 0.0;
+				fixed: 1 1;
+			}
+		}
+		part {
+			name: "padding_slider";
+			type: SPACER;
+			scale: 1;
+			description {
+				state: "default" 0.0;
+				rel1 {
+					to: PART_RECENT_CONTENT_PROGRESS;
+					relative: 0.0 1.0;
+				}
+				rel2.to: PART_RECENT_CONTENT_TOTAL;
+				min: 0 10;
+				align: 0.5 0.0;
+				fixed: 0 1;
+			}
+		}
+		part {
+			name: PART_RECENT_CONTENT_SLIDER;
+			type: SWALLOW;
+			scale: 1;
+			description {
+				state: "default" 0.0;
+				rel1 {
+					to: "padding_slider";
+					relative: 0.0 1.0;
+				}
+				rel2.to: "padding_slider";
+				min: 0 30;
+				align: 0.5 0.0;
+				fixed: 0 1;
+			}
+		}
+		part {
+			name: "event";
+			type: RECT;
+			scale: 1;
+			description {
+				state: "default" 0.0;
+				visible: 0;
+			}
+		}
+	}
+	programs {
+		program {
+			name: "go_active";
+			signal: "elm,action,focus";
+			source: "elm";
+			action: STATE_SET "selected_0" 0.0;
+			target: "part_focus1";
+			target: "part_focus2";
+			target: "part_focus3";
+			target: "bg_text";
+			target: PART_RECENT_CONTENT_TITLE;
+			target: PART_RECENT_CONTENT_DATE;
+			after: "focus,in,anim";
+		}
+		program {
+			name: "focus,in,anim";
+			action: STATE_SET "selected" 0.0;
+			target: PART_RECENT_CONTENT_THUMBNAIL;
+			target: "default_image";
+			target: "part_focus1";
+			target: "part_focus2";
+			target: "part_focus3";
+			target: "bg_text";
+			transition: LINEAR 0.17;
+			after: "focus,in,anim,2";
+		}
+		program {
+			name: "focus,in,anim,2";
+			action: STATE_SET "selected" 0.0;
+			target: "defaultbg_text";
+		}
+		program {
+			name: "go_passive";
+			signal: "elm,action,unfocus";
+			source: "elm";
+			action: STATE_SET "default" 0.0;
+			target: PART_RECENT_CONTENT_TITLE;
+			target: PART_RECENT_CONTENT_DATE;
+			target: "defaultbg_text";
+			after: "focus,out,anim";
+		}
+		program {
+			name: "focus,out,anim";
+			action: STATE_SET "selected_0" 0.0;
+			target: "part_focus1";
+			target: "part_focus2";
+			target: "part_focus3";
+			target: "bg_text";
+			transition: LINEAR 0.17;
+			after: "focus,out,anim,2";
+		}
+		program {
+			name: "focus,out,anim,2";
+			action: STATE_SET "default" 0.0;
+			target: PART_RECENT_CONTENT_THUMBNAIL;
+			target: "default_image";
+			target: "part_focus1";
+			target: "part_focus2";
+			target: "part_focus3";
+			target: "bg_text";
+		}
+		program {
+			name: "button_clicked";
+			signal: "mouse,clicked,1";
+			source: "event";
+			action: SIGNAL_EMIT "elm,action,click" "";
+		}
+		program {
+			name: SIG_BTN_CLICKED;
+			signal: SIG_BTN_CLICKED;
+			source: SIG_SOURCE_SRC;
+			action: STATE_SET "selected" 0.0;
+			target: "map";
+			transition: DECELERATE 0.2;
+			after: "after_selected";
+		}
+		program {
+			name: "after_selected";
+			action: STATE_SET "default" 0.0;
+			target: "map";
+			transition: DECELERATE 0.2;
+			after: "item_selected";
+		}
+		program {
+			name: "item_selected";
+			action: SIGNAL_EMIT SIG_ITEM_SELECTED SIG_SOURCE_EDC;
+		}
+	}
+}
diff --git a/res/edc/widgets/slider.edc b/res/edc/widgets/slider.edc
index 2e0e34c..61a89a4 100644
--- a/res/edc/widgets/slider.edc
+++ b/res/edc/widgets/slider.edc
@@ -194,6 +194,53 @@ group {
 }
 
 group {
+	name: "elm/slider/horizontal/base_recent_progress";
+	inherit: "elm/slider/horizontal/viewer_progress";
+	parts {
+		part {
+			name: "base";
+			scale: 1;
+			type: RECT;
+			description {
+				state: "default" 0.0;
+				rel1 {
+					to: "bg";
+					relative: 0.0 0.0;
+				}
+				rel2 {
+					to: "bg";
+					relative: 1.0 0.0;
+				}
+				min: 0 4;
+				fixed: 0 1;
+				align: 0.0 0.0;
+				color: 255 255 255 51;
+			}
+		}
+		part {
+			name: "glow";
+			mouse_events: 0;
+			scale: 1;
+			type: RECT;
+			description {
+				state: "default" 0.0;
+				rel1.to: "base";
+				rel2 {
+					relative: 0.5 1.0;
+					to_x: "button";
+					to_y: "base";
+				}
+				min: 0 4;
+				max: 99999 4;
+				fixed: 0 1;
+				align: 0.0 1.0;
+				color: COLOR_TEXT_FOCUS;
+			}
+		}
+	}
+}
+
+group {
 	name: "elm/slider/horizontal/progress_indicator/default";
 	alias: "elm/slider/horizontal/popup/default";
 	parts {