Review comments are taken care. [SearchBar] NBeat Theme ver-0.9 Implementation.
authorPrince Kr Dubey <prince.dubey@samsung.com>
Fri, 4 Mar 2011 09:23:53 +0000 (14:53 +0530)
committerPrince Kr Dubey <prince.dubey@samsung.com>
Tue, 8 Mar 2011 14:58:21 +0000 (20:28 +0530)
Change-Id: Iaaff73c5565e65e40155b3c5a2e7654492fe783a

27 files changed:
themes/groups/editfield.edc
themes/groups/searchbar.edc
themes/images/nbeat-black/00_button_searchbar_normal.png [new file with mode: 0644]
themes/images/nbeat-black/00_button_searchbar_press.png [new file with mode: 0644]
themes/images/nbeat-black/00_search_icon.png [new file with mode: 0644]
themes/images/nbeat-black/00_search_input_field_bg.png [new file with mode: 0644]
themes/images/nbeat-black/00_searchbar_cancel_icon.png [new file with mode: 0644]
themes/images/nbeat-blue/00_button_searchbar_normal.png [new file with mode: 0644]
themes/images/nbeat-blue/00_button_searchbar_press.png [new file with mode: 0644]
themes/images/nbeat-blue/00_search_icon.png [new file with mode: 0644]
themes/images/nbeat-blue/00_search_input_field_bg.png [new file with mode: 0644]
themes/images/nbeat-blue/00_searchbar_cancel_icon.png [new file with mode: 0644]
themes/images/nbeat-green/00_button_searchbar_normal.png [new file with mode: 0644]
themes/images/nbeat-green/00_button_searchbar_press.png [new file with mode: 0644]
themes/images/nbeat-green/00_search_icon.png [new file with mode: 0644]
themes/images/nbeat-green/00_search_input_field_bg.png [new file with mode: 0644]
themes/images/nbeat-green/00_searchbar_cancel_icon.png [new file with mode: 0644]
themes/images/nbeat-purple/00_button_searchbar_normal.png [new file with mode: 0644]
themes/images/nbeat-purple/00_button_searchbar_press.png [new file with mode: 0644]
themes/images/nbeat-purple/00_search_icon.png [new file with mode: 0644]
themes/images/nbeat-purple/00_search_input_field_bg.png [new file with mode: 0644]
themes/images/nbeat-purple/00_searchbar_cancel_icon.png [new file with mode: 0644]
themes/images/nbeat/00_button_searchbar_normal.png [new file with mode: 0644]
themes/images/nbeat/00_button_searchbar_press.png [new file with mode: 0644]
themes/images/nbeat/00_search_icon.png [new file with mode: 0644]
themes/images/nbeat/00_search_input_field_bg.png [new file with mode: 0644]
themes/images/nbeat/00_searchbar_cancel_icon.png [new file with mode: 0644]

index 9f6a5b6..f341615 100644 (file)
        }
 
 group { name: "elm/editfield/base/searchbar";
+   alias: "elm/editfield/base/searchbar/default";
                images {
                        image: "00_field_btn_delete.png" COMP;
                }
@@ -709,7 +710,7 @@ group { name: "elm/editfield/base/searchbar";
                                description {
                                        state: "elm.eraser.show" 0.0;
                                        inherit: "default" 0.0;
-                                       visible: 1;
+                                       visible: 0;
                                }                               
                        }
                        part { name: "eraser";
@@ -727,7 +728,7 @@ group { name: "elm/editfield/base/searchbar";
                                description {
                                        state: "elm.eraser.show" 0.0;
                                        inherit: "default" 0.0;
-                                       visible: 1;
+                                       visible: 0;
                                }                               
                        }
                }
index c120118..d541475 100644 (file)
@@ -4,8 +4,8 @@
  * Copyright (c) 2000 - 2010 Samsung Electronics Co., Ltd.
  *
  * Contact: Seokjae Jeong <seok.j.jeong@samsung.com>, Myoungwoon Roy Kim <Myoungwoon.kim@samsung.com>, Jeonghyun Yun <jh0506.yun@samsung.com>, Jaehwan Kim <jae.hwan.kim@samsung.com>, 
- *             Chuneon Park <chuneon.park@samsung.com>, Juyung Seo <juyung.seo@samsung.com>, Woohyun Jung <wh0705.jung@samsung.com>, Myungjae Lee <mjae.lee@samsung.com>, Hyoyoung Chang <hyoyoung.chang@samsung.com>, 
- *             Hyunsil Park <hyunsil.park@samsung.com>, Sohyun Kim <anna1014.kim@samsung.com>, Seunggyun Kim <sgyun.kim@samsung.com>
+ * Chuneon Park <chuneon.park@samsung.com>, Juyung Seo <juyung.seo@samsung.com>, Woohyun Jung <wh0705.jung@samsung.com>, Myungjae Lee <mjae.lee@samsung.com>, Hyoyoung Chang <hyoyoung.chang@samsung.com>,
+ * Hyunsil Park <hyunsil.park@samsung.com>, Sohyun Kim <anna1014.kim@samsung.com>, Seunggyun Kim <sgyun.kim@samsung.com>
  * 
  * This library is free software; you can redistribute it and/or modify it under
  * the terms of the GNU Lesser General Public License as published by the
  *
  */
  
-#define MAIN_W 480
-#define MAIN_H 800
+#define MAIN_W 480
+#define MAIN_H 800
 #define CANCEL_BUTTON_W 100
 #define CANCEL_BUTTON_WITH_PADDING_W 110
 #define CANCEL_BUTTON_WITH_DOUBLE_PADDING_W 120
 #define SEARCHBAR_ITEM_H 50
 
 group {
-       name: "elm/searchbar/base/default";
-               images {
-                       image: "search_input_field_bg.png" COMP;
-                       image: "search_icon.png" COMP;
-               }
-               parts {
-                       part { name: "top_padding_rect";
-                               type: RECT;
-                               scale: 1;
-                               description{
-                                       visible: 1;
-                                       state: "default" 0.0;
-                                       min: 0 8;
-                                       fixed: 0 1;
-                                       align: 0 0;
-                                       color: 0 0 0 0;
-                                       rel2.relative: 1.0 0.0;
-                               }
-                               description{
-                                       visible: 1;
-                                       state: "default_without_bd" 0.0;
-                                       min: 0 0;
-                                       fixed: 0 1;
-                                       align: 0 0;
-                                       color: 0 0 0 0;
-                                       rel2.relative: 1.0 0.0;
-                               }
-                       }
-                       part { name: "bottom_padding_rect";
-                               type: RECT;
-                               scale: 1;
-                               description{
-                                       visible: 1;
-                                       state: "default" 0.0;
-                                       min: 0 9;
-                                       fixed: 0 1;
-                                       align: 0 1;
-                                       color: 0 0 0 0;
-                                       rel1.relative: 0.0 1.0;
-                               }
-                               description{
-                                       visible: 1;
-                                       state: "default_without_bd" 0.0;
-                                       min: 0 0;
-                                       fixed: 0 1;
-                                       align: 0 1;
-                                       color: 0 0 0 0;
-                                       rel1.relative: 0.0 1.0;
-                               }
-                       }                               
-                       part {  name: "base_bg";
-                               type: RECT;
-                               scale: 1;
-                               description {
-                                       visible:1;
-                                       min: 0 50;
-                                       fixed: 0 1;
-                                       state: "default" 0.0;
-                                       rel1 { relative: 0.0 1.0; to: "top_padding_rect"; }
-                                       rel2 { relative: 1.0 0.0; to: "bottom_padding_rect"; }
-                                       color: 0 0 0 0;
-                               }
-                       }
-                       part { name: "left_padding_rect";
-                               type: RECT;
-                               scale: 1;
-                               description{
-                                       visible: 0;
-                                       min: 10 0;
-                                       fixed: 1 0;
-                                       align: 0 0;
-                                       rel2.relative: 0.0 1.0;
-                               }
-                       }
-                       part { name: "right_padding_rect";
-                               type: RECT;
-                               scale: 1;
-                               description{
-                                       visible: 0;
-                                       min: 10 0;
-                                       fixed: 1 0;
-                                       align: 1 0;
-                                       rel1.relative: 1.0 0.0;
-                               }
-                       }
-                       part { name: "right_field_and_btn_padding_rect";
-                               type: RECT;
-                               scale: 1;
-                               description{
-                                       visible: 0;
-                                       min: CANCEL_BUTTON_WITH_DOUBLE_PADDING_W 0;
-                                       fixed: 1 0;
-                                       align: 1 0;
-                                       rel1.relative: 1.0 0.0;
-                               }
-                       }
-                       part { name: "right_btn_padding_rect";
-                               type: RECT;
-                               scale: 1;
-                               description{
-                                       visible: 0;
-                                       min: CANCEL_BUTTON_WITH_PADDING_W 0;
-                                       fixed: 1 0;
-                                       align: 1 0;
-                                       rel1.relative: 1.0 0.0;
-                               }
-                       }
-                       part {  name: "inputfield_rect";
-                               type: IMAGE;
-                               scale: 1;
-                               description {
-                                       visible:1;
-                                       state: "default" 0.0;
-                                       align: 0.0 0.5;
-                                       rel1 { relative: 1.0 0.0; to_x: "left_padding_rect"; to_y: "base_bg"; }
-                                       rel2 { relative: 0.0 1.0; to_x: "right_padding_rect"; to_y: "base_bg"; }
-                                       image {
-                                               normal: "search_input_field_bg.png";
-                                               border: 6 6 7 5;
-                                       }
-                               }
-                               description {
-                                       visible:1;
-                                       state: "in" 0.0;
-                                       align: 0.0 0.5;
-                                       rel1 { relative: 1.0 0.0; to_x: "left_padding_rect"; to_y: "base_bg"; }
-                                       rel2 { relative: 0.0 1.0; to_x: "right_field_and_btn_padding_rect"; to_y: "base_bg"; }
-                                       image {
-                                               normal: "search_input_field_bg.png";
-                                               border: 6 6 7 5;
-                                       }
-                               }
-                       }
-                       part { name: "left_icon_padding_rect";
-                               type: RECT;
-                               scale: 1;
-                               description{
-                                       visible: 0;
-                                       min: 10 0;
-                                       fixed: 1 0;
-                                       align: 0 0;
-                                       rel1 { to: "inputfield_rect"; };
-                                       rel2 { relative: 0.0 1.0; to: "inputfield_rect"; };
-                               }
-                       }
-                       part {  name: "search_icon";
-                               type: IMAGE;
-                               scale: 1;
-                               ignore_flags: ON_HOLD;
-                               //mouse_events: 1;
-                               description {
-                                       visible:1;
-                                       min: 30 30;
-                                       fixed: 1 1;
-                                       align: 0 0.5;
-                                       state: "default" 0.0;
-                                       rel1 { relative: 1.0 0.5; to_x: "left_icon_padding_rect"; }
-                                       rel2 { relative: 1.0 0.5; to_x: "left_icon_padding_rect"; }
-                                       image {
-                                               normal: "search_icon.png";
-                                       }
-                               }
-                       }
-                       part { name: "left_text_padding_rect";
-                               type: RECT;
-                               scale: 1;
-                               description{
-                                       visible: 0;
-                                       min: 50 0;
-                                       fixed: 1 0;
-                                       align: 0 0;
-                                       rel1 { to_x: "left_padding_rect"; to_y: "base_bg"; };
-                                       rel2 { relative: 0.0 1.0; to_x: "left_padding_rect"; to_y: "base_bg"; };
-                               }
-                       }
-                       part {  name: "search_textfield";
-                               type: SWALLOW;
-                               mouse_events: 1;
-                               scale: 1;
-                               description {
-                                       visible:1;
-                                       state: "default" 0.0;
-                                       min: 0 30;
-                                       fixed: 0 1;
-                                       align: 0.0 0.5;
-                                       rel1 { relative: 1.0 0.5; to_x: "left_text_padding_rect"; to_y: "inputfield_rect"; };
-                                       rel2 { relative: 0.0 0.5; to_x: "right_padding_rect"; to_y: "inputfield_rect"; };
-                               }
-                               description {
-                                       visible:1;
-                                       state: "in" 0.0;
-                                       min: 0 30;
-                                       fixed: 0 1;
-                                       align: 0.0 0.5;
-                                       rel1 { relative: 1.0 0.5; to_x: "left_text_padding_rect"; to_y: "inputfield_rect"; };
-                                       rel2 { relative: 0.0 0.5; to_x: "right_field_and_btn_padding_rect"; to_y: "inputfield_rect"; };
-                               }
-                               description {
-                                       state: "down" 0.0;
-                                       inherit: "default" 0.0;
-                               }
-                       }
-                       part {  name: "button_cancel";
-                               type: SWALLOW;
-                               mouse_events: 1;
-                               scale: 1;
-                               description {
-                                       visible: 0;
-                                       fixed: 1 1;
-                                       min: CANCEL_BUTTON_W 0;
-                                       align: 0.0 0.5;
-                                       state: "default" 0.0;
-                                       rel1 { relative: 1.0 1.0; to_x: "base_bg"; to_y: "top_padding_rect"; };
-                                       rel2 { relative: 1.0 0.0; to_x: "base_bg"; to_y: "bottom_padding_rect"; };
-                               }
-                               description {
-                                       visible:1;
-                                       state: "in" 0.0;
-                                       min: CANCEL_BUTTON_W 0;
-                                       align: 1.0 0.5;
-                                       rel1 { relative: 0.0 1.0; to_x: "right_btn_padding_rect"; to_y: "top_padding_rect"; };
-                                       rel2 { relative: 0.0 0.0; to_x: "right_padding_rect"; to_y: "bottom_padding_rect"; };
-                               }
-                       }
-               }
-               programs {
-                               program {       name: "cancel_in";
-                                               signal: "CANCELIN";
-                                               source: "PROG";
-                                               action: STATE_SET "in" 0.0;
-                                               target: "button_cancel";
-                                               target: "inputfield_rect";
-                                               target: "search_textfield";
-                                               transition: ACCELERATE 0.4;
-                               }
-                               program {       name: "cancel_out";
-                                               signal: "CANCELOUT";
-                                               source: "PROG";
-                                               action: STATE_SET "default" 0.0;
-                                               target: "button_cancel";
-                                               target: "inputfield_rect";
-                                               target: "search_textfield";
-                                               transition: ACCELERATE 0.4;
-                               }
-                               program {       name: "cancel_show";
-                                               signal: "CANCELSHOW";
-                                               source: "PROG";
-                                               action: STATE_SET "in" 0.0;
-                                               target: "button_cancel";
-                                               target: "inputfield_rect";
-                                               target: "search_textfield";
-                               }
-                               program {       name: "cancel_hide";
-                                               signal: "CANCELHIDE";
-                                               source: "PROG";
-                                               action: STATE_SET "default" 0.0;
-                                               target: "button_cancel";
-                                               target: "inputfield_rect";
-                                               target: "search_textfield";
-                               }
-                               program {       name: "bd_show";
-                                               signal: "BDSHOW";
-                                               source: "PROG";
-                                               action: STATE_SET "default" 0.0;
-                                               target: "top_padding_rect";
-                                               target: "bottom_padding_rect";
-                               }
-                               program {       name: "bd_hide";
-                                               signal: "BDHIDE";
-                                               source: "PROG";
-                                               action: STATE_SET "default_without_bd" 0.0;
-                                               target: "top_padding_rect";
-                                               target: "bottom_padding_rect";
-                               }
-                       program {
-                               name:   "mouse_up";
-                               signal: "mouse,up,1";
-                               source: "search_icon";
-                               action: SIGNAL_EMIT "elm,action,click" "";
-                       }
+   name: "elm/searchbar/base/default";
+      images {
+         image: "00_search_input_field_bg.png" COMP;
+         image: "00_search_icon.png" COMP;
+      }
+      parts {
+         part { name: "top_padding_rect";
+            type: RECT;
+            scale: 1;
+            description{
+               visible: 1;
+               state: "default" 0.0;
+               min: 0 10;
+               fixed: 0 1;
+               align: 0 0;
+               color: 242 238 233 255;
+               rel2.relative: 1.0 0.0;
+            }
+            description{
+               state: "default_without_bd" 0.0;
+               inherit: "default" 0.0;
+               min: 0 0;
+               visible: 0;
+            }
+         }
+         part { name: "bottom_padding_rect";
+            type: RECT;
+            scale: 1;
+            description{
+               visible: 1;
+               state: "default" 0.0;
+               min: 0 10;
+               fixed: 0 1;
+               align: 0 1;
+               color: 242 238 233 255;
+               rel1.relative: 0.0 1.0;
+            }
+            description{
+               state: "default_without_bd" 0.0;
+               inherit: "default" 0.0;
+               min: 0 0;
+               visible: 0;
+            }
+         }
+         part {   name: "base_bg";
+            type: RECT;
+            scale: 1;
+            description {
+               visible:1;
+               min: 0 45;
+               align: 0 0.5;
+               fixed: 0 1;
+               state: "default" 0.0;
+               rel1 { relative: 0.0 1.0; to: "top_padding_rect"; }
+               rel2 { relative: 1.0 0.0; to: "bottom_padding_rect"; }
+               color: 242 238 233 255;
+            }
+         }
+         part { name: "left_padding_rect";
+            type: RECT;
+            scale: 1;
+            description{
+               visible: 1;
+               min: 10 0;
+               fixed: 1 0;
+               align: 0 0;
+               rel2.relative: 0.0 1.0;
+               color: 242 238 233 255;
+            }
+            description{
+               state: "default_without_bd" 0.0;
+               inherit: "default" 0.0;
+               min: 0 0;
+               visible: 0;
+            }
+         }
+         part { name: "right_padding_rect";
+            type: RECT;
+            scale: 1;
+            description{
+               visible: 1;
+               min: 10 0;
+               fixed: 1 0;
+               align: 1 0;
+               rel1.relative: 1.0 0.0;
+               color: 242 238 233 255;
+            }
+            description{
+               state: "default_without_bd" 0.0;
+               inherit: "default" 0.0;
+               min: 0 0;
+               visible: 0;
+            }
+         }
+         part { name: "right_field_and_btn_padding_rect";
+            type: RECT;
+            scale: 1;
+            description{
+               visible: 0;
+               min: CANCEL_BUTTON_WITH_DOUBLE_PADDING_W 0;
+               fixed: 1 0;
+               align: 1 0;
+               rel1.relative: 1.0 0.0;
+            }
+         }
+         part { name: "right_btn_padding_rect";
+            type: RECT;
+            scale: 1;
+            description{
+               visible: 0;
+               min: CANCEL_BUTTON_WITH_PADDING_W 0;
+               fixed: 1 0;
+               align: 1 0;
+               rel1.relative: 1.0 0.0;
+            }
+         }
+         part {   name: "inputfield_rect";
+            type: IMAGE;
+            scale: 1;
+            description {
+               visible:1;
+               state: "default" 0.0;
+               align: 0.0 0.5;
+               rel1 { relative: 1.0 0.0; to_x: "left_padding_rect"; to_y: "base_bg"; }
+               rel2 { relative: 0.0 1.0; to_x: "right_padding_rect"; to_y: "base_bg"; }
+               image {
+                  normal: "00_search_input_field_bg.png";
+                  border: 3 3 3 3;
+               }
+            }
+            description {
+               state: "in" 0.0;
+               inherit: "default" 0.0;
+               rel1 { relative: 1.0 0.0; to_x: "left_padding_rect"; to_y: "base_bg"; }
+               rel2 { relative: 0.0 1.0; to_x: "right_field_and_btn_padding_rect"; to_y: "base_bg"; }
+            }
+         }
+         part { name: "left_icon_padding_rect";
+            type: RECT;
+            scale: 1;
+            description{
+               visible: 0;
+               min: 10 0;
+               fixed: 1 0;
+               align: 0 0;
+               rel1 { to: "inputfield_rect"; };
+               rel2 { relative: 0.0 1.0; to: "inputfield_rect"; };
+            }
+         }
+         part {   name: "search_icon";
+            type: IMAGE;
+            scale: 1;
+            ignore_flags: ON_HOLD;
+            //mouse_events: 1;
+            description {
+               visible:1;
+               min: 25 25;
+               fixed: 1 1;
+               align: 0 0.5;
+               state: "default" 0.0;
+               rel1 { relative: 1.0 0.5; to_x: "left_icon_padding_rect"; }
+               rel2 { relative: 1.0 0.5; to_x: "left_icon_padding_rect"; }
+               image {
+                  normal: "00_search_icon.png";
+               }
+            }
+         }
+         part { name: "left_text_padding_rect";
+            type: RECT;
+            scale: 1;
+            description{
+               visible: 0;
+               min: 50 0;
+               fixed: 1 0;
+               align: 0 0;
+               rel1 { to_x: "left_padding_rect"; to_y: "base_bg"; };
+               rel2 { relative: 0.0 1.0; to_x: "left_padding_rect"; to_y: "base_bg"; };
+            }
+         }
+         part {   name: "search_textfield";
+            type: SWALLOW;
+            mouse_events: 1;
+            scale: 1;
+            description {
+               visible:1;
+               state: "default" 0.0;
+               min: 0 30;
+               fixed: 0 1;
+               align: 0.0 0.5;
+               rel1 { relative: 1.0 0.5; to_x: "left_text_padding_rect"; to_y: "inputfield_rect"; };
+               rel2 { relative: 0.0 0.5; to_x: "right_padding_rect"; to_y: "inputfield_rect"; };
+            }
+            description {
+               visible:1;
+               state: "in" 0.0;
+               min: 0 30;
+               fixed: 0 1;
+               align: 0.0 0.5;
+               rel1 { relative: 1.0 0.5; to_x: "left_text_padding_rect"; to_y: "inputfield_rect"; };
+               rel2 { relative: 0.0 0.5; to_x: "right_field_and_btn_padding_rect"; to_y: "inputfield_rect"; };
+            }
+            description {
+               state: "down" 0.0;
+               inherit: "default" 0.0;
+            }
+         }
+         part {   name: "button_cancel";
+            type: SWALLOW;
+            mouse_events: 1;
+            scale: 1;
+            description {
+               visible: 0;
+               fixed: 1 1;
+               min: CANCEL_BUTTON_W 0;
+               align: 0.0 0.5;
+               state: "default" 0.0;
+               rel1 { relative: 1.0 1.0; to_x: "base_bg"; to_y: "top_padding_rect"; };
+               rel2 { relative: 1.0 0.0; to_x: "base_bg"; to_y: "bottom_padding_rect"; };
+            }
+            description {
+               visible:1;
+               state: "in" 0.0;
+               min: CANCEL_BUTTON_W 0;
+               align: 1.0 0.5;
+               rel1 { relative: 0.0 1.0; to_x: "right_btn_padding_rect"; to_y: "top_padding_rect"; };
+               rel2 { relative: 0.0 0.0; to_x: "right_padding_rect"; to_y: "bottom_padding_rect"; };
+            }
+         }
+      }
+      programs {
+            program {   name: "cancel_in";
+                  signal: "CANCELIN";
+                  source: "PROG";
+                  action: STATE_SET "in" 0.0;
+                  target: "button_cancel";
+                  target: "inputfield_rect";
+                  target: "search_textfield";
+                  transition: ACCELERATE 0.4;
+            }
+            program {   name: "cancel_out";
+                  signal: "CANCELOUT";
+                  source: "PROG";
+                  action: STATE_SET "default" 0.0;
+                  target: "button_cancel";
+                  target: "inputfield_rect";
+                  target: "search_textfield";
+                  transition: ACCELERATE 0.4;
+            }
+            program {   name: "cancel_show";
+                  signal: "CANCELSHOW";
+                  source: "PROG";
+                  action: STATE_SET "in" 0.0;
+                  target: "button_cancel";
+                  target: "inputfield_rect";
+                  target: "search_textfield";
+            }
+            program {   name: "cancel_hide";
+                  signal: "CANCELHIDE";
+                  source: "PROG";
+                  action: STATE_SET "default" 0.0;
+                  target: "button_cancel";
+                  target: "inputfield_rect";
+                  target: "search_textfield";
+            }
+            program {   name: "bd_show";
+                  signal: "BDSHOW";
+                  source: "PROG";
+                  action: STATE_SET "default" 0.0;
+                  target: "top_padding_rect";
+                  target: "bottom_padding_rect";
+                  target: "right_padding_rect";
+                  target: "left_padding_rect";
+            }
+            program {   name: "bd_hide";
+                  signal: "BDHIDE";
+                  source: "PROG";
+                  action: STATE_SET "default_without_bd" 0.0;
+                  target: "top_padding_rect";
+                  target: "bottom_padding_rect";
+                  target: "right_padding_rect";
+                  target: "left_padding_rect";
+            }
+            program {
+               name:   "mouse_up";
+               signal: "mouse,up,1";
+               source: "search_icon";
+            }
+            program {
+               name:   "mouse_click";
+               signal: "mouse,clicked,1";
+               source: "search_icon";
+               action: SIGNAL_EMIT "elm,action,click" "";
+            }
 
-               } // end program
+      } // end program
 } // end group
 
-group {
-       name: "elm/entry/base/search_input";
-       styles
-       {
-               style { name: "entry_search_textblock_style";
-                       base: "font=SLP:style=Medium font_size=24 color=#000000 wrap=none";
-                       tag:  "br" "\n";
-                       tag:  "ps" "ps";
-                       tag:  "tab" "\t";
-                       tag:  "em" "+ font=SLP:style=Oblique";
-                       tag:  "b" "+ font=SLP:style=Bold";
-                       tag:  "link" "+ color=#00000080 underline=on underline_color=#00000080";
-                       tag:  "hilight" "+ font=SLP:style=Bold";
-               }
-
-               style { name: "entry_search_textblock_disabled_style";
-                       base: "font=SLP:style=Medium font_size=24 color=#00000080 wrap=none";
-                       tag:  "br" "\n";
-                       tag:  "ps" "ps";
-                       tag:  "tab" "\t";
-                       tag:  "em" "+ font=SLP:style=Oblique";
-                       tag:  "b" "+ font=SLP:style=Bold";
-                       tag:  "link" "+ color=#800 underline=on underline_color=#8008";
-                       tag:  "hilight" "+ font=SLP:style=Bold";
-               }
-       }
+///////////////////////////////////////////////////////////////////////////////////////
+   group { name: "elm/button/base/searchbar/default";
+      images {
+         image: "00_button_searchbar_normal.png" COMP;
+         image: "00_button_searchbar_press.png" COMP;
+         image: "00_button_01_normal_dim.png" COMP;
+         image: "00_searchbar_cancel_icon.png" COMP;
+      }
+      script {
+         public button_state = 0; //0:enabled, 1: disabled
+      }
+      parts {
+         part { name: "button_image";
+            mouse_events: 1;
+            scale: 1;
+            description { state: "default" 0.0;
+               min: 10 46;
+               max: 120 46;
+               image {
+                  normal: "00_button_searchbar_normal.png";
+                  border: 3 3 3 3;
+                  border_scale: 1;
+               }
+            }
+            description { state: "clicked" 0.0;
+               inherit: "default" 0.0;
+               image.normal: "00_button_searchbar_press.png";
+            }
+            description { state: "disabled" 0.0;
+               inherit:  "default" 0.0;
+               image.normal: "00_button_01_normal_dim.png";
+            }
+            description { state: "focused" 0.0;
+               inherit: "default" 0.0;
+               image.normal: "00_button_searchbar_press.png";
+            }
+         }
+         part {
+            name: "padding_left";
+            type: RECT;
+            scale: 1;
+            mouse_events: 0;
+            description { state: "default" 0.0;
+               align: 0.0 0.0;
+               rel1.relative: 0.0 0.0;
+               rel2.relative: 0.0 1.0;
+               min: 5 5;
+               fixed: 1 0;
+               color: 0 0 0 0;
+            }
+         }
+         part {
+            name: "padding_right";
+            type: RECT;
+            scale: 1;
+            mouse_events: 0;
+            description { state: "default" 0.0;
+               align: 1.0 0.0;
+               rel1.relative: 1.0 0.0;
+               rel2.relative: 1.0 1.0;
+               min: 5 5;
+               fixed: 1 0;
+               color: 0 0 0 0;
+            }
+         }
+         part {
+            name: "padding_top";
+            type: RECT;
+            scale: 1;
+            mouse_events: 0;
+            description { state: "default" 0.0;
+               align: 0.0 0.0;
+               rel1.relative: 0.0 0.0;
+               rel2.relative: 1.0 0.0;
+               min: 5 5;
+               fixed: 0 1;
+               color: 0 0 0 0;
+            }
+         }
+         part {
+            name: "padding_bottom";
+            type: RECT;
+            scale: 1;
+            mouse_events: 0;
+            description { state: "default" 0.0;
+               align: 1.0 1.0;
+               rel1.relative: 0.0 1.0;
+               rel2.relative: 1.0 1.0;
+               min: 5 5;
+               fixed: 0 1;
+               color: 0 0 0 0;
+            }
+         }
+         part {
+            name: "padding_before_text";
+            type: RECT;
+            scale: 1;
+            mouse_events: 0;
+            description { state: "default" 0.0; //when only icon or no icon is there
+               align: 1.0 0.5;
+               rel1 { relative: 1.0 1.0; to_x: "cancel_icon"; to_y: "padding_top"; }
+               rel2 { relative: 1.0 0.0; to_x: "cancel_icon"; to_y: "padding_bottom"; }
+               fixed: 1 0;
+               min: 8 0;
+               color: 0 0 0 0;
+            }
+         }
+         part {
+            name: "cancel_icon";
+            scale: 1;
+            mouse_events: 0;
+            description { state: "default" 0.0;
+               align: 0.0 0.5;
+               min: 24 24;
+               max: 24 24;
+               rel1 {relative: 1.0 1.0; to_x: "padding_left"; to_y: "padding_top"; }
+               rel2 {relative: 1.0 0.0; to_x: "padding_left"; to_y: "padding_bottom"; }
+               image.normal: "00_searchbar_cancel_icon.png";
+            }
+         }
+         part { name: "elm.text";
+            type: TEXT;
+            mouse_events:  0;
+            scale: 1;
+            description { state: "default" 0.0;
+               visible: 0;
+               rel1 { relative: 1.0 1.0; to_x: "padding_before_text"; to_y: "padding_top"; }
+               rel2 { relative: 0.0 0.0; to_x: "padding_right"; to_y:"padding_bottom"; }
+               align: 1.0 0.5;
+               color: 255 255 255 255;
+               text {
+                  font: "SLP:style=Medium";
+                  size: 20;
+                  min:  0 0;
+                  align: 0.5 0.5;
+                  max: 1 0;
+               }
+            }
+            description { state: "visible" 0.0;
+               inherit: "default" 0.0;
+               visible: 1;
+               min: 90 36;
+            }
+            description { state: "clicked" 0.0;
+               inherit: "default" 0.0;
+               visible: 1;
+               min: 0 0;
+               color: 255 255 255 255;
+            }
+            description { state: "disabled" 0.0;
+               inherit: "default" 0.0;
+               color: 0 0 0 128;
+            }
+            description { state: "disabled_visible" 0.0;
+               inherit: "default" 0.0;
+               color: BUTTON_TEXT_STYLE1_DISABLED_COLOR_INC;
+               color3: 0 0 0 0;
+               visible: 1;
+            }
+            description { state: "focused" 0.0;
+               inherit: "default" 0.0;
+               visible: 1;
+               min: 0 0;
+               color: 255 255 255 255;
+            }
+         }
+         part { name: "over2";
+            type: RECT;
+            mouse_events: 1;
+            repeat_events: 1;
+            ignore_flags: ON_HOLD;
+            description { state: "default" 0.0;
+               color: 0 0 0 0;
+            }
+            description { state: "disabled" 0.0;
+               inherit:  "default" 0.0;
+               visible: 0;
+            }
+         }
+         part { name: "over3";
+            type: RECT;
+            mouse_events: 1;
+            repeat_events: 1;
+            description { state: "default" 0.0;
+               color: 0 0 0 0;
+            }
+            description { state: "clicked" 0.0;
+               inherit:  "default" 0.0;
+               visible: 1;
+            }
+         }
+         part { name: "disabler";
+            type: RECT;
+            description { state: "default" 0.0;
+               color: 0 0 0 0;
+               visible: 0;
+            }
+            description { state: "disabled" 0.0;
+               inherit: "default" 0.0;
+               visible: 1;
+            }
+         }
+      }
+      programs {
+         program { name: "button_click";
+            signal: "mouse,down,1";
+            source: "over2";
+            action: SIGNAL_EMIT "elm,action,press" "";
+            after: "button_click_anim";
+         }
+         program { name: "button_click_anim";
+            action: STATE_SET "clicked" 0.0;
+            target: "button_image";
+            after: "text_clicked";
+         }
+         program { name: "text_clicked";
+            script {
+               new st[31];
+               new Float:vl;
+               get_state(PART:"elm.text", st, 30, vl);
+               if (!strcmp(st, "visible"))
+                  set_state(PART:"elm.text", "clicked", 0.0);
+            }
+         }
+         program { name: "button_unpress";
+            action: SIGNAL_EMIT "elm,action,unpress" "";
+         }
+         program { name: "button_mouseout_clicked";
+            signal: "mouse,up,1";
+            source: "over3";
+            script {
+               if(get_int(button_state) !=1)
+                  set_state(PART:"button_image", "default", 0.0);
+            }
+            after: button_unpress;
+         }
+         program { name: "button_click2";
+            signal: "mouse,down,1";
+            source: "over3";
+            action: STATE_SET "clicked" 0.0;
+            target: "over3";
+         }
+         program { name: "button_unclick2";
+            signal: "mouse,clicked,1";
+            source: "over3";
+            action: STATE_SET "default" 0.0;
+            target: "over3";
+         }
+         program { name: "button_unclick3";
+            signal: "mouse,clicked,1";
+            source: "over2";
+            action: SIGNAL_EMIT "elm,action,click" "";
+         }
+         program { name: "text_show";
+            signal: "elm,state,text,visible";
+            source: "elm";
+            action: STATE_SET "visible" 0.0;
+            target: "elm.text";
+         }
+         program { name: "text_hide";
+            signal: "elm,state,text,hidden";
+            source: "elm";
+            action: STATE_SET "default" 0.0;
+            target: "elm.text";
+         }
+         program { name: "disable";
+            signal: "elm,state,disabled";
+            source: "elm";
+            action: STATE_SET "disabled" 0.0;
+            target: "button_image";
+            target: "over2";
+            target: "disabler";
+            after: "disable_text";
+         }
+         program { name: "disable_text";
+            script {
+               new st[31];
+               new Float:vl;
+               get_state(PART:"elm.text", st, 30, vl);
+               if (!strcmp(st, "visible"))
+                  set_state(PART:"elm.text", "disabled_visible", 0.0);
+               else
+                  set_state(PART:"elm.text", "disabled", 0.0);
+               set_int(button_state, 1);
+            }
+         }
+         program { name: "enable";
+            signal: "elm,state,enabled";
+            source: "elm";
+            action: STATE_SET "default" 0.0;
+            target: "button_image";
+            target: "over2";
+            target: "disabler";
+            after: "enable_text";
+         }
+         program { name: "enable_text";
+            script {
+               new st[31];
+               new Float:vl;
+               get_state(PART:"elm.text", st, 30, vl);
+               if (!strcmp(st, "disabled_visible"))
+                  set_state(PART:"elm.text", "visible", 0.0);
+               else
+                  set_state(PART:"elm.text", "default", 0.0);
+               set_int(button_state, 0);
+            }
+         }
+         program { name: "focused";
+            //signal: "elm,action,focus";
+            //source: "elm";
+            action: STATE_SET "focused" 0.0;
+            target: "button_image";
+            target: "elm.text";
+         }
+         program { name: "unfocused";
+            //signal: "elm,action,unfocus";
+            //source: "elm";
+            action: STATE_SET "default" 0.0;
+            target: "button_image";
+            after: "unfocus_text";
+         }
+         program { name: "unfocus_text";
+            action: STATE_SET "visible" 0.0;
+            target: "elm.text";
+         }
+      }
+   }
 
-       parts {
+group {
+   name: "elm/entry/base/search_input";
+   styles
+   {
+      style {  name: "entry_search_textblock_style";
+         base: "font=SLP:style=Roman font_size=20 color=#828282 wrap=none";
+         tag:  "br" "\n";
+         tag:  "ps" "ps";
+         tag:  "tab" "\t";
+         tag:  "em" "+ font=SLP:style=Oblique";
+         tag:  "b" "+ font=SLP:style=Bold";
+         tag:  "link" "+ color=#00000080 underline=on underline_color=#00000080";
+         tag:  "hilight" "+ font=SLP:style=Bold";
+      }
 
-               part {  name: "elm.text";
-                       type: TEXTBLOCK;
-                       mouse_events: 1;
-                       scale: 1;
-                       entry_mode: EDITABLE;
-                       select_mode: EXPLICIT;
-                       //cursor_mode: BEFORE;
-                       multiline: 0;        
-                       source: "elm/entry/selection/search_input"; // selection under
-                       source4: "elm/entry/cursor/search_input"; // cursorover
-                       source5: "elm/entry/anchor/search_input"; // anchor under
-                       description {   state: "default" 0.0;
-                                       fixed: 1 0;
-                                       text {
-                                               style: "entry_search_textblock_style";
-                                               min: 0 1;
-                                       }
-                       }
-                       description {   state: "disabled" 0.0;
-                                       inherit: "default" 0.0;
-                                       text {
-                                               style: "entry_search_textblock_disabled_style";
-                                               min: 0 1;
-                                       }
-                       }
-               }
-       }
-       programs {
+      style { name: "entry_search_textblock_disabled_style";
+         base: "font=SLP:style=Roman font_size=20 color=#00000080 wrap=none";
+         tag:  "br" "\n";
+         tag:  "ps" "ps";
+         tag:  "tab" "\t";
+         tag:  "em" "+ font=SLP:style=Oblique";
+         tag:  "b" "+ font=SLP:style=Bold";
+         tag:  "link" "+ color=#800 underline=on underline_color=#8008";
+         tag:  "hilight" "+ font=SLP:style=Bold";
+      }
+   }
 
-               program {       name: "focus";
-                               signal: "load";
-                               source: "";
-                               action: FOCUS_SET;
-                               target: "elm.text";
-               }
-#if 1
-               program {       name: "disable";
-                               signal: "elm,state,disabled";
-                               source: "elm";
-                               action: STATE_SET "disabled" 0.0;
-                               target: "elm.text";
-               }
-               program {       name: "enable";
-                               signal: "elm,state,enabled";
-                               source: "elm";
-                               action: STATE_SET "default" 0.0;
-                               target: "elm.text";
+   parts {
 
-               }
-#endif
-       } // end program
+      part {   name: "elm.text";
+         type: TEXTBLOCK;
+         mouse_events: 1;
+         scale: 1;
+         entry_mode: EDITABLE;
+         select_mode: EXPLICIT;
+         //cursor_mode: BEFORE;
+         multiline: 0;
+         source: "elm/entry/selection/search_input"; // selection under
+         source4: "elm/entry/cursor/search_input"; // cursorover
+         source5: "elm/entry/anchor/search_input"; // anchor under
+         description {  state: "default" 0.0;
+               fixed: 1 0;
+               text {
+                  style: "entry_search_textblock_style";
+                  min: 0 1;
+               }
+         }
+         description {  state: "disabled" 0.0;
+               inherit: "default" 0.0;
+               text {
+                  style: "entry_search_textblock_disabled_style";
+                  min: 0 1;
+               }
+         }
+      }
+   }
+   programs {
+      program {   name: "focus";
+            signal: "load";
+            source: "";
+            action: FOCUS_SET;
+            target: "elm.text";
+      }
+      program {   name: "disable";
+            signal: "elm,state,disabled";
+            source: "elm";
+            action: STATE_SET "disabled" 0.0;
+            target: "elm.text";
+      }
+      program {   name: "enable";
+            signal: "elm,state,enabled";
+            source: "elm";
+            action: STATE_SET "default" 0.0;
+            target: "elm.text";
+      }
+   } // end program
 } // end group
diff --git a/themes/images/nbeat-black/00_button_searchbar_normal.png b/themes/images/nbeat-black/00_button_searchbar_normal.png
new file mode 100644 (file)
index 0000000..173e3fc
Binary files /dev/null and b/themes/images/nbeat-black/00_button_searchbar_normal.png differ
diff --git a/themes/images/nbeat-black/00_button_searchbar_press.png b/themes/images/nbeat-black/00_button_searchbar_press.png
new file mode 100644 (file)
index 0000000..d7fa9ef
Binary files /dev/null and b/themes/images/nbeat-black/00_button_searchbar_press.png differ
diff --git a/themes/images/nbeat-black/00_search_icon.png b/themes/images/nbeat-black/00_search_icon.png
new file mode 100644 (file)
index 0000000..dc2804a
Binary files /dev/null and b/themes/images/nbeat-black/00_search_icon.png differ
diff --git a/themes/images/nbeat-black/00_search_input_field_bg.png b/themes/images/nbeat-black/00_search_input_field_bg.png
new file mode 100644 (file)
index 0000000..700b4c6
Binary files /dev/null and b/themes/images/nbeat-black/00_search_input_field_bg.png differ
diff --git a/themes/images/nbeat-black/00_searchbar_cancel_icon.png b/themes/images/nbeat-black/00_searchbar_cancel_icon.png
new file mode 100644 (file)
index 0000000..bdbfedd
Binary files /dev/null and b/themes/images/nbeat-black/00_searchbar_cancel_icon.png differ
diff --git a/themes/images/nbeat-blue/00_button_searchbar_normal.png b/themes/images/nbeat-blue/00_button_searchbar_normal.png
new file mode 100644 (file)
index 0000000..173e3fc
Binary files /dev/null and b/themes/images/nbeat-blue/00_button_searchbar_normal.png differ
diff --git a/themes/images/nbeat-blue/00_button_searchbar_press.png b/themes/images/nbeat-blue/00_button_searchbar_press.png
new file mode 100644 (file)
index 0000000..d7fa9ef
Binary files /dev/null and b/themes/images/nbeat-blue/00_button_searchbar_press.png differ
diff --git a/themes/images/nbeat-blue/00_search_icon.png b/themes/images/nbeat-blue/00_search_icon.png
new file mode 100644 (file)
index 0000000..dc2804a
Binary files /dev/null and b/themes/images/nbeat-blue/00_search_icon.png differ
diff --git a/themes/images/nbeat-blue/00_search_input_field_bg.png b/themes/images/nbeat-blue/00_search_input_field_bg.png
new file mode 100644 (file)
index 0000000..700b4c6
Binary files /dev/null and b/themes/images/nbeat-blue/00_search_input_field_bg.png differ
diff --git a/themes/images/nbeat-blue/00_searchbar_cancel_icon.png b/themes/images/nbeat-blue/00_searchbar_cancel_icon.png
new file mode 100644 (file)
index 0000000..bdbfedd
Binary files /dev/null and b/themes/images/nbeat-blue/00_searchbar_cancel_icon.png differ
diff --git a/themes/images/nbeat-green/00_button_searchbar_normal.png b/themes/images/nbeat-green/00_button_searchbar_normal.png
new file mode 100644 (file)
index 0000000..173e3fc
Binary files /dev/null and b/themes/images/nbeat-green/00_button_searchbar_normal.png differ
diff --git a/themes/images/nbeat-green/00_button_searchbar_press.png b/themes/images/nbeat-green/00_button_searchbar_press.png
new file mode 100644 (file)
index 0000000..d7fa9ef
Binary files /dev/null and b/themes/images/nbeat-green/00_button_searchbar_press.png differ
diff --git a/themes/images/nbeat-green/00_search_icon.png b/themes/images/nbeat-green/00_search_icon.png
new file mode 100644 (file)
index 0000000..dc2804a
Binary files /dev/null and b/themes/images/nbeat-green/00_search_icon.png differ
diff --git a/themes/images/nbeat-green/00_search_input_field_bg.png b/themes/images/nbeat-green/00_search_input_field_bg.png
new file mode 100644 (file)
index 0000000..700b4c6
Binary files /dev/null and b/themes/images/nbeat-green/00_search_input_field_bg.png differ
diff --git a/themes/images/nbeat-green/00_searchbar_cancel_icon.png b/themes/images/nbeat-green/00_searchbar_cancel_icon.png
new file mode 100644 (file)
index 0000000..bdbfedd
Binary files /dev/null and b/themes/images/nbeat-green/00_searchbar_cancel_icon.png differ
diff --git a/themes/images/nbeat-purple/00_button_searchbar_normal.png b/themes/images/nbeat-purple/00_button_searchbar_normal.png
new file mode 100644 (file)
index 0000000..173e3fc
Binary files /dev/null and b/themes/images/nbeat-purple/00_button_searchbar_normal.png differ
diff --git a/themes/images/nbeat-purple/00_button_searchbar_press.png b/themes/images/nbeat-purple/00_button_searchbar_press.png
new file mode 100644 (file)
index 0000000..d7fa9ef
Binary files /dev/null and b/themes/images/nbeat-purple/00_button_searchbar_press.png differ
diff --git a/themes/images/nbeat-purple/00_search_icon.png b/themes/images/nbeat-purple/00_search_icon.png
new file mode 100644 (file)
index 0000000..dc2804a
Binary files /dev/null and b/themes/images/nbeat-purple/00_search_icon.png differ
diff --git a/themes/images/nbeat-purple/00_search_input_field_bg.png b/themes/images/nbeat-purple/00_search_input_field_bg.png
new file mode 100644 (file)
index 0000000..700b4c6
Binary files /dev/null and b/themes/images/nbeat-purple/00_search_input_field_bg.png differ
diff --git a/themes/images/nbeat-purple/00_searchbar_cancel_icon.png b/themes/images/nbeat-purple/00_searchbar_cancel_icon.png
new file mode 100644 (file)
index 0000000..bdbfedd
Binary files /dev/null and b/themes/images/nbeat-purple/00_searchbar_cancel_icon.png differ
diff --git a/themes/images/nbeat/00_button_searchbar_normal.png b/themes/images/nbeat/00_button_searchbar_normal.png
new file mode 100644 (file)
index 0000000..173e3fc
Binary files /dev/null and b/themes/images/nbeat/00_button_searchbar_normal.png differ
diff --git a/themes/images/nbeat/00_button_searchbar_press.png b/themes/images/nbeat/00_button_searchbar_press.png
new file mode 100644 (file)
index 0000000..d7fa9ef
Binary files /dev/null and b/themes/images/nbeat/00_button_searchbar_press.png differ
diff --git a/themes/images/nbeat/00_search_icon.png b/themes/images/nbeat/00_search_icon.png
new file mode 100644 (file)
index 0000000..dc2804a
Binary files /dev/null and b/themes/images/nbeat/00_search_icon.png differ
diff --git a/themes/images/nbeat/00_search_input_field_bg.png b/themes/images/nbeat/00_search_input_field_bg.png
new file mode 100644 (file)
index 0000000..700b4c6
Binary files /dev/null and b/themes/images/nbeat/00_search_input_field_bg.png differ
diff --git a/themes/images/nbeat/00_searchbar_cancel_icon.png b/themes/images/nbeat/00_searchbar_cancel_icon.png
new file mode 100644 (file)
index 0000000..bdbfedd
Binary files /dev/null and b/themes/images/nbeat/00_searchbar_cancel_icon.png differ