add gengrid item style for photo and video contents

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

1 files changed, 344 insertions, 8 deletions

diff --git a/res/edc/widgets/gengrid.edc b/res/edc/widgets/gengrid.edc
index 3e9a631..789f9da 100644
--- a/res/edc/widgets/gengrid.edc
+++ b/res/edc/widgets/gengrid.edc
@@ -17,8 +17,8 @@
 group {
 	name: "elm/gengrid/item/movie_item/default";
 	data.item: "selectraise" "on";
-	data.item: "texts" "elm.text";
-	data.item: "contents" "elm.swallow.icon";
+	data.item: "texts" "elm.text.title";
+	data.item: "contents" "elm.swallow.thumbnail";
 	data.item: "focus_highlight" "on";
 	parts {
 		part {
@@ -89,7 +89,7 @@ group {
 			}
 		}
 		part {
-			name: "elm.swallow.icon";
+			name: PART_SWALLOW_THUMBNAIL;
 			type: SWALLOW;
 			scale: 1;
 			mouse_events: 1;
@@ -300,7 +300,7 @@ group {
 			}
 		}
 		part {
-			name: "elm.text";
+			name: PART_ELM_TEXT_TITLE;
 			type: TEXT;
 			scale: 1;
 			description {
@@ -346,14 +346,14 @@ group {
 			target: "part_focus2";
 			target: "part_focus3";
 			target: "elm.bg.text";
-			target: "elm.text";
+			target: PART_ELM_TEXT_TITLE;
 			after: "focus,in,anim";
 		}
 		program {
 			name: "focus,in,anim";
 			action: STATE_SET "selected" 0.0;
 			target: "defaultbg";
-			target: "elm.swallow.icon";
+			target: PART_SWALLOW_THUMBNAIL;
 			target: "part_focus1";
 			target: "part_focus2";
 			target: "part_focus3";
@@ -365,7 +365,7 @@ group {
 			signal: "elm,state,unfocused";
 			source: "elm";
 			action: STATE_SET "default" 0.0;
-			target: "elm.text";
+			target: PART_ELM_TEXT_TITLE;
 			after: "focus,out,anim";
 		}
 		program {
@@ -381,7 +381,7 @@ group {
 		program {
 			name: "focus,out,anim,3";
 			action: STATE_SET "default" 0.0;
-			target: "elm.swallow.icon";
+			target: PART_SWALLOW_THUMBNAIL;
 			target: "defaultbg";
 			target: "part_focus1";
 			target: "part_focus2";
@@ -390,3 +390,339 @@ group {
 		}
 	}
 }
+
+group {
+	name: "elm/gengrid/item/gallery_item/default";
+	data.item: "selectraise" "on";
+	data.item: "texts" "elm.text.playtime";
+	data.item: "contents" "elm.swallow.thumbnail elm.swallow.video";
+	data.item: "focus_highlight" "on";
+	parts {
+		part {
+			name: "elm.padding.bottom_right";
+			type: SPACER;
+			scale: 1;
+			description {
+				state: "default" 0.0;
+				rel1.relative: 1.0 1.0;
+				min: 6 6;
+				align: 1.0 1.0;
+				fixed: 1 1;
+			}
+		}
+		part {
+			name: "map";
+			type: RECT;
+			scale: 1;
+			description {
+				state: "default" 0.0;
+				perspective {
+					zplane: 0;
+					focal: 1000;
+				}
+				visible: 0;
+			}
+			description {
+				state: "clicked" 0.0;
+				inherit: "default" 0.0;
+				perspective.zplane: -100;
+			}
+		}
+		part {
+			name: "bg";
+			type: RECT;
+			scale: 1;
+			description {
+				state: "default" 0.0;
+				rel2 {
+					to: "elm.padding.bottom_right";
+					relative: 0.0 0.0;
+				}
+				fixed: 1 1;
+				visible: 0;
+			}
+		}
+		part {
+			name: "defaultbg";
+			scale: 1;
+			type: RECT;
+			mouse_events: 1;
+			description {
+				state : "default" 0.0;
+				rel1.to: "bg";
+				rel2.to: "bg";
+				color: 0 0 0 115;
+				map {
+					perspective_on: 1;
+					perspective: "map";
+				}
+			}
+			description {
+				state: "selected" 0.0;
+				inherit: "default" 0.0;
+				map.on: 1;
+			}
+		}
+		part {
+			name: PART_ELM_SWALLOW_THUMBNAIL;
+			scale: 1;
+			type: SWALLOW;
+			mouse_events: 1;
+			description {
+				state : "default" 0.0;
+				rel1.to: "defaultbg";
+				rel2.to: "defaultbg";
+				map {
+					perspective_on: 1;
+					perspective: "map";
+				}
+			}
+			description {
+				state: "selected" 0.0;
+				inherit: "default" 0.0;
+				map.on: 1;
+			}
+		}
+		part {
+			name: PART_ELM_SWALLOW_VIDEO;
+			scale: 1;
+			type: SWALLOW;
+			description {
+				state: "default" 0.0;
+				rel1.to: "defaultbg";
+				rel2.to: "defaultbg";
+			}
+		}
+		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 3;
+				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";
+					relative: 0.0 1.0;
+				}
+				min: 3 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";
+				min: 3 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: "part_focus4";
+			type: RECT;
+			mouse_events: 0;
+			scale: 1;
+			description {
+				state: "default" 0.0;
+				rel1 {
+					to: "part_focus2";
+					relative: 1.0 1.0;
+				}
+				rel2 {
+					to: "part_focus3";
+					relative: 0.0 1.0;
+				}
+				min: 0 3;
+				align: 0.5 1.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: "padding_playtime";
+			type: SPACER;
+			scale: 1;
+			description {
+				state: "default" 0.0;
+				rel1 {
+					to: "defaultbg";
+					relative: 1.0 1.0;
+				}
+				rel2.to: "defaultbg";
+				min: 12 12;
+				align: 1.0 1.0;
+				fixed: 1 1;
+			}
+		}
+		part {
+			name: PART_ELM_TEXT_PLAYTIME;
+			type: TEXT;
+			scale: 1;
+			description {
+				state: "default" 0.0;
+				rel1.to: "padding_playtime";
+				rel2 {
+					to: "padding_playtime";
+					relative: 0.0 0.0;
+				}
+				text {
+					font: FONT_LIGHT;
+					size: 24;
+					min: 1 0;
+					align: 1.0 1.0;
+				}
+				min: 0 24;
+				align: 1.0 1.0;
+				color: COLOR_TEXT_FOCUS;
+				fixed: 0 1;
+			}
+		}
+	}
+	programs {
+		program {
+			name: "go_active";
+			signal: "elm,state,focused";
+			source: "elm";
+			action: STATE_SET "selected_0" 0.0;
+			target: "part_focus1";
+			target: "part_focus2";
+			target: "part_focus3";
+			target: "part_focus4";
+			after: "focus,in,anim";
+		}
+		program {
+			name: "focus,in,anim";
+			action: STATE_SET "selected" 0.0;
+			target: "defaultbg";
+			target: PART_ELM_SWALLOW_THUMBNAIL;
+			target: "part_focus1";
+			target: "part_focus2";
+			target: "part_focus3";
+			target: "part_focus4";
+			transition: LINEAR 0.17;
+		}
+		program {
+			name: "go_passive";
+			signal: "elm,state,unfocused";
+			source: "elm";
+			action: STATE_SET "selected_0" 0.0;
+			target: "part_focus1";
+			target: "part_focus2";
+			target: "part_focus3";
+			target: "part_focus4";
+			transition: LINEAR 0.17;
+			after: "focus,out,anim";
+		}
+		program {
+			name: "focus,out,anim";
+			action: STATE_SET "default" 0.0;
+			target: PART_ELM_SWALLOW_THUMBNAIL;
+			target: "defaultbg";
+			target: "part_focus1";
+			target: "part_focus2";
+			target: "part_focus3";
+			target: "part_focus4";
+		}
+	}
+}