[Popup] UX ver-1.5 implementation.

Change-Id: Ibb338e85d56dfdbc89142508ce11b21bf377af8f

diff --git a/themes/widgets/popup.edc b/themes/widgets/popup.edc
index 2230ca1..2d88144 100644 (file)
--- a/themes/widgets/popup.edc
+++ b/themes/widgets/popup.edc
@@ -2308,5 +2308,365 @@ group { name: "elm/layout/popup/entrypasswordview";
       }
    }
 }
+
+group { name: "elm/popup/base/content_expand";
+   images {
+      image: "00_popup_title_bg.png" COMP;
+      image: "00_popup_bottom_bg.png" COMP;
+      image: "00_popup_bg.png" COMP;
+   }
+   parts {
+      part { name: "base";
+         type: IMAGE;
+         scale : 1;
+         description { state: "default" 0.0;
+            rel1.to_x: "elm.swallow.content";
+            rel2.to_x: "elm.swallow.content";
+            image {
+               normal: "00_popup_bg.png";
+               border: POPUP_BASE_DEFAULT_BG_DEFAULT_IMAGE_BORDER_INC;
+               border_scale: 1;
+            }
+            align: 0.0 0.0;
+         }
+      }
+      part { name: "elm.bg.title";
+         type: IMAGE;
+         scale : 1;
+         description { state: "default" 0.0;
+            min: 0 64;
+            fixed : 0 1;
+            align: 0.5 0.0;
+            visible: 0;
+            image.normal: "00_popup_title_bg.png";
+            image.border: POPUP_BASE_DEFAULT_TITLE_DEFAULT_IMAGE_BORDER_INC;
+            image.border_scale: 1;
+            rel1.to_x: "base";
+            rel2 {
+               relative: 1.0 0.0;
+               to_x: "base";
+            }
+         }
+         description { state: "visible" 0.0;
+            inherit: "default" 0.0;
+            visible: 1;
+         }
+      }
+      part { name: "left_pad";
+         type: RECT;
+         scale: 1;
+         description { state: "default" 0.0;
+            min: POPUP_BASE_DEFAULT_PADDING_MIN_MAX_INC;
+            max: POPUP_BASE_DEFAULT_PADDING_MIN_MAX_INC;
+            fixed: 1 1;
+            align: 0.0 0.0;
+            visible: 0;
+            rel1.to: "elm.bg.title";
+         }
+      }
+      part { name: "right_pad";
+         type: RECT;
+         scale: 1;
+         description { state: "default" 0.0;
+            min: POPUP_BASE_DEFAULT_PADDING_MIN_MAX_INC;
+            max: POPUP_BASE_DEFAULT_PADDING_MIN_MAX_INC;
+            fixed: 1 1;
+            align: 1.0 1.0;
+            visible: 0;
+            rel2.to: "elm.bg.title";
+         }
+      }
+      part { name: "elm.swallow.title.icon";
+         type: SWALLOW;
+         scale: 1;
+         description { state: "default" 0.0;
+            min: POPUP_BASE_DEFAULT_TITLE_ICON_DEFAULT_MIN_MAX_INC;
+            max: POPUP_BASE_DEFAULT_TITLE_ICON_DEFAULT_MIN_MAX_INC;
+            fixed: 1 1;
+            align: 0.0 0.5;
+            rel1 {
+               to: "left_pad";
+               relative: 1.0 0.0;
+            }
+            rel2 {
+               to: "right_pad";
+               relative: 0.0 1.0;
+            }
+            visible: 0;
+         }
+         description { state: "visible" 0.0;
+            inherit: "default" 0.0;
+            visible: 1;
+         }
+      }
+      part { name: "elm.text.title";
+         type: TEXTBLOCK;
+         scale:1;
+         description { state: "default" 0.0;
+            text {
+              style: "popup_title_style";
+              min: 0 0;
+              max: 0 1;
+              align: 0.5 0.0;
+            }
+            color: POPUP_DEFAULT_TITLE_TEXT_COLOR_INC;
+            visible:0;
+            rel1 {
+               relative: 1.0 0.0;
+               to: "left_pad";
+            }
+            rel2 {
+               relative: 0.0 1.0;
+               to: "right_pad";
+            }
+         }
+         description { state: "visible" 0.0;
+            inherit: "default" 0.0;
+            visible: 1;
+         }
+      }
+      part { name: "elm.swallow.content";
+         type: SWALLOW;
+         scale : 1;
+         description { state: "default" 0.0;
+            fixed: 1 0;
+            rel1.relative: 0.5 0.0;
+            rel2.relative: 0.5 1.0;
+         }
+         description { state: "show_title_area" 0.0;
+            inherit: "default" 0.0;
+            rel1 {
+               relative: 0.5 1.0;
+               to_y: "elm.bg.title";
+            }
+         }
+         description { state: "show_action_area" 0.0;
+            inherit: "default" 0.0;
+            rel2 {
+               relative: 0.5 0.0;
+               to_y: "elm.bg.action_area";
+            }
+         }
+         description { state: "show_action_title_area" 0.0;
+            inherit: "default" 0.0;
+            rel1 {
+               relative: 0.5 1.0;
+               to_y: "elm.bg.title";
+            }
+            rel2 {
+               relative: 0.5 0.0;
+               to_y: "elm.bg.action_area";
+            }
+         }
+      }
+      part { name: "elm.bg.action_area";
+         type: IMAGE;
+         scale : 1;
+         description { state: "default" 0.0;
+            min: 0 96;
+            fixed : 0 1;
+            align: 0.5 1.0;
+            visible: 0;
+            image.normal: "00_popup_bottom_bg.png";
+            image.border: POPUP_BASE_DEFAULT_BUTTON_BG_IMAGE_BORDER_INC;
+            image.border_scale: 1;
+            rel1 {
+               relative: 0.0 1.0;
+               to_x: "base";
+            }
+            rel2.to_x: "base";
+         }
+         description { state: "visible" 0.0;
+            inherit: "default" 0.0;
+            visible: 1;
+         }
+      }
+      part { name: "elm.swallow.action_area";
+         type: SWALLOW;
+         scale : 1;
+         description { state: "default" 0.0;
+            rel1.to: "elm.bg.action_area";
+            rel2.to: "elm.bg.action_area";
+         }
+      }
+   }
+   programs {
+      program { name: show_title_icon;
+         signal: "elm,state,title,icon,visible";
+         source: "elm";
+         action: STATE_SET "visible" 0.0;
+         target: "elm.swallow.title.icon";
+      }
+      program { name: hide_title_icon;
+         signal: "elm,state,title,icon,hidden";
+         source: "elm";
+         action: STATE_SET "default" 0.0;
+         target: "elm.swallow.title.icon";
+      }
+      program { name: show_title_text;
+         signal: "elm,state,title,text,visible";
+         source: "elm";
+         action: STATE_SET "visible" 0.0;
+         target: "elm.text.title";
+      }
+      program { name: hide_title_text;
+         signal: "elm,state,title,text,hidden";
+         source: "elm";
+         action: STATE_SET "default" 0.0;
+         target: "elm.text.title";
+      }
+      program { name: show_title_area;
+         signal: "elm,state,title_area,visible";
+         source: "elm";
+         script {
+            new st[31];
+            new Float:vl;
+            get_state(PART:"elm.swallow.action_area", st, 30, vl);
+            if (!strcmp(st, "visible"))
+              set_state(PART:"elm.swallow.content", "show_action_title_area", 0.0);
+            else
+              set_state(PART:"elm.swallow.content", "show_title_area", 0.0);
+            set_state(PART:"elm.bg.title", "visible", 0.0);
+         }
+      }
+      program { name: hide_title_area;
+         signal: "elm,state,title_area,hidden";
+         source: "elm";
+         action: STATE_SET "default" 0.0;
+         script {
+            new st[31];
+            new Float:vl;
+            get_state(PART:"elm.swallow.action_area", st, 30, vl);
+            if (!strcmp(st, "visible"))
+              set_state(PART:"elm.swallow.content", "show_action_area", 0.0);
+            else
+              set_state(PART:"elm.swallow.content", "default", 0.0);
+            set_state(PART:"elm.bg.title", "default", 0.0);
+         }
+      }
+      program { name: show_action_area;
+         signal: "elm,state,action_area,visible";
+         source: "elm";
+         script {
+            new st[31];
+            new Float:vl;
+            get_state(PART:"elm.bg.title", st, 30, vl);
+            if (!strcmp(st, "visible"))
+              set_state(PART:"elm.swallow.content", "show_action_title_area", 0.0);
+            else
+              set_state(PART:"elm.swallow.content", "show_action_area", 0.0);
+            set_state(PART:"elm.bg.action_area", "visible", 0.0);
+         }
+      }
+      program { name: hide_action_area;
+         signal: "elm,state,action_area,hidden";
+         source: "elm";
+         action: STATE_SET "default" 0.0;
+         script {
+            new st[31];
+            new Float:vl;
+            get_state(PART:"elm.bg.title", st, 30, vl);
+            if (!strcmp(st, "visible"))
+              set_state(PART:"elm.swallow.content", "show_title_area", 0.0);
+            else
+              set_state(PART:"elm.swallow.content", "default", 0.0);
+            set_state(PART:"elm.bg.action_area", "default", 0.0);
+         }
+      }
+   }
+}
+
+group { name: "elm/popup/buttons1/content_expand";
+   data.item: "action_area_height" POPUP_BUTTON_DEFAULT_ACTION_AREA_HEIGHT;
+   parts{
+      part{ name:"actionbtn1";
+         type: SWALLOW;
+         scale : 1;
+         description { state: "default" 0.0;
+            rel1.relative: 0.2 0.1;
+            rel2.relative: 0.8 0.9;
+         }
+      }
+   }
+}
+
+group { name: "elm/popup/buttons2/content_expand";
+   data.item: "action_area_height" POPUP_BUTTON_DEFAULT_ACTION_AREA_HEIGHT;
+   parts{
+      part{ name:"actionbtn1";
+         type: SWALLOW;
+         scale : 1;
+         description { state: "default" 0.0;
+            align: 0.0 0.5;
+            rel1.relative: 0.1 0.1;
+            rel2.relative: 0.45 0.9;
+         }
+      }
+      part{ name:"actionbtn2";
+         type: SWALLOW;
+         scale : 1;
+         description { state: "default" 0.0;
+            align: 0.0 0.5;
+            rel1.relative: 0.55 0.1;
+            rel2.relative: 0.9 0.9;
+         }
+      }
+   }
+}
+
+group { name: "elm/popup/buttons3/content_expand";
+   data.item: "action_area_height" POPUP_BUTTON_DEFAULT_ACTION_AREA_HEIGHT;
+   parts{
+      part{ name:"actionbtn1";
+         type: SWALLOW;
+         scale : 1;
+         description { state: "default" 0.0;
+            align: 0.0 0.5;
+            rel1.relative: 0.05 0.1;
+            rel2.relative: 0.3 0.9;
+         }
+      }
+      part{ name:"actionbtn2";
+         type: SWALLOW;
+         scale : 1;
+         description { state: "default" 0.0;
+            align: 0.0 0.5;
+            rel1.relative: 0.375 0.1;
+            rel2.relative: 0.625 0.9;
+         }
+      }
+      part{ name:"actionbtn3";
+         type: SWALLOW;
+         scale : 1;
+         description { state: "default" 0.0;
+            align: 0.0 0.5;
+            rel1.relative: 0.7 0.1;
+            rel2.relative: 0.95 0.9;
+         }
+      }
+   }
+}
+
+group { name: "elm/popup/item/content_expand";
+   inherit: "elm/popup/item/default";
+   script {
+      public item_state = POPUP_ITEM_STATE_ENABLED;
+   }
+   parts {
+      part { name: "bg";
+         mouse_events: 0;
+         type: RECT;
+         description { state: "default" 0.0;
+            color: 240 240 240 255;
+            min: 620 71;
+            align: 0.5 0.0;
+         }
+         description { state: "clicked" 0.0;
+            color: 190 170 150 255;
+         }
+      }
+   }
+}
+
 #undef POPUP_ITEM_STATE_ENABLED
 #undef POPUP_ITEM_STATE_DISABLED