Task TT-75 Implement "Main page loading UI" view
[profile/tv/apps/web/browser.git] / services / SimpleURI / edc / URIEntry.edc
index 684ad2a..1ec64f6 100644 (file)
@@ -1,4 +1,6 @@
-#define URI_WIDTH 994
+#define URI_INPUTBOX_LENGTH 1720
+#define URI_INPUTBOX_LENGTH_SMALL 1460
+#define URI_INPUTBOX_WIDTH 82
 collections {
 group { name: "elm/entry/selection/browser_entry";
     parts {
@@ -7,7 +9,7 @@ group { name: "elm/entry/selection/browser_entry";
             type: RECT;
             mouse_events: 0;
             description { state: "default" 0.0;
-                color: 0 0 128 64;
+                color: 255 255 255 255;
             }
         }
     }
@@ -19,7 +21,7 @@ group { name: "elm/entry/cursor/browser_entry";
             type: RECT;
             mouse_events: 0;
             description { state: "default" 0.0;
-                color: 69 149 255 255;
+                color: 22 120 237 255;
                 min: 2 36;
                 max: 2 36;
                 visible: 0;
@@ -51,17 +53,27 @@ group {
     styles {
         style {
             name: "browser-entry-uri-style-unselected";
-            base: "font=Tizen:style=SVD_Medium font_size="32" wrap=none color=#CCCCCC";
+            base: "font=Sans:style=SVD_Medium font_size="42" wrap=none color=#969696";
         }
         style {
             name: "browser-entry-uri-style-selected";
-            base: "font=Tizen:style=SVD_Medium font_size="32" wrap=none color=#3D3D3D";
+            base: "font=Sans:style=SVD_Medium font_size="42" wrap=none color=#4088d3";
         }
     }
     data {
         item: focus_highlight "off";
     }
     parts {
+
+    part { name: "bg";
+            scale:1;
+            type: RECT;
+            mouse_events: 0;
+            description { state: "default" 0.0;
+                color: 255 255 255 255;
+            }
+        }
+
     part {
             name: "elm.guide";
             scale:1;
@@ -159,52 +171,7 @@ group {
 
     group {
         name: "uri_entry_layout";
-        images {
-            image: "search_searchbar_bg_foc.png" COMP;
-            image: "search_searchbar_bg_nor.png" COMP;
-            image: "ico_search.png" COMP;
-            image: "ico_url.png" COMP;
-        }
         parts {
-            part { name: "bg";
-                mouse_events: 1;
-                scale:1;
-                type: IMAGE;
-                description {
-                    state: "default" 0.0;
-                    visible: 1;
-                    align: 0.0 0.0;
-                    min: 11 11;
-                    max: URI_WIDTH 70;
-                    fixed: 1 1;
-                    rel1 { relative: 0.0 0.0; }
-                    rel2 { relative: 1.0 1.0; }
-                    image.normal: "search_searchbar_bg_nor.png";
-                    image.border: 5 5 5 5;
-                    //image.border_scale: 0;
-                    //image.middle: NONE;
-                    fill {
-                        type: SCALE;
-                        smooth: 0;
-                        origin {
-                            relative: 0 0;
-                            offset: 0 0;
-                        }
-                        size {
-                            relative: 1 1;
-                            offset: 0 0;
-                        }
-                    }
-                }
-                description {
-                    state: "focused" 0.0;
-                    inherit: "default" 0.0;
-                    image.normal: "search_searchbar_bg_foc.png";
-                    //image.border: 5 5 5 5;
-                    //image.border_scale: 0;
-                    //image.middle: NONE;
-                }
-            }
             part {
                 name: "spacer_1";
                 type: SPACER;
@@ -215,52 +182,8 @@ group {
                     rel2 { relative: 0.0 0.0; offset: 15 0; }
                     align: 0.0 0.0;
                     fixed: 1 1;
-                    min: 15 70;
-                    max: 15 70;
-                }
-            }
-            part { name: "uri_icon";
-                type: IMAGE;
-                scale: 1;
-                description {
-                    state: "default" 0.0;
-                    rel1 { relative: 1 0; to: "spacer_1"; }
-                    rel2 { relative: 1 1; to: "spacer_1"; }
-                    align: 0.0 0.0;
-                    fixed: 1 1;
-                    min: 60 70;
-                    max: 60 70;
-                    image.normal: "ico_search.png";
-                    visible: 1;
-                }
-                description {
-                    state: "document" 0.0;
-                    inherit: "default" 0.0;
-                    image.normal: "ico_url.png";
-                }
-                description{
-                    state: "hidden" 0.0;
-                    inherit: "default" 0.0;
-                    visible: 0;
-                }
-            }
-            part { name: "fav_icon";
-                type: SWALLOW;
-                scale: 1;
-                description{
-                    state: "default" 0.0;
-                    rel1 { relative: 0 0; to: "uri_icon";}
-                    rel2 { relative: 1 1; to: "uri_icon";}
-                    align: 0.5 0.5;
-                    fixed: 1 1;
-                    min: 36 36;
-                    max: 36 36;
-                    visible: 0;
-                }
-                description{
-                    state: "visible" 0.0;
-                    inherit: "default" 0.0;
-                    visible: 1;
+                    min: 1 102;
+                    max: 1 102;
                 }
             }
             part { name: "uri_entry_swallow";
@@ -269,13 +192,21 @@ group {
                     description {
                         state: "default" 0.0;
                         visible: 1;
+                       color: 255 255 255 255;
                         align: 0.0 0.0;
-                        min: 889 70;
-                        max: 889 70;
+                        min: URI_INPUTBOX_LENGTH URI_INPUTBOX_WIDTH;
+                        max: URI_INPUTBOX_LENGTH URI_INPUTBOX_WIDTH;
                         fixed: 1 1;
-                        rel1 { relative: 1 0; to: "uri_icon"; }
-                        rel2 { relative: 1 1; to: "uri_icon"; }
+                        rel1 { relative: 1 0; to: "spacer_1"; }
+                        rel2 { relative: 1 1; to: "spacer_1"; }
                     }
+                    description {
+                    state: "moveright" 0.0;
+                    inherit: "default" 0.0;
+                    visible: 1;
+                    min: URI_INPUTBOX_LENGTH_SMALL URI_INPUTBOX_WIDTH;
+                    max: URI_INPUTBOX_LENGTH_SMALL URI_INPUTBOX_WIDTH;
+                  }
                     description {
                         state: "hidden" 0.0;
                         inherit: "default" 0.0;
@@ -294,8 +225,8 @@ group {
                 description {
                     state: "default" 0.0;
                     color: 0 0 0 0;
-                    rel1 { relative: 0 0; to: "bg"; }
-                    rel2 { relative: 1 1; to: "bg"; }
+                    rel1 { relative: 0 0; to: "spacer_1"; }
+                    rel2 { relative: 1 1; to: "spacer_1"; }
                 }
             }
             part { name: "uri_entry_btn";
@@ -305,65 +236,38 @@ group {
                description {
                    state: "default" 0.0;
                     visible: 1;
-                    rel1.to: "bg";
-                    rel2.to: "bg";
+                    rel1.to: "uri_entry_swallow";
+                    rel2.to: "uri_entry_swallow";
                }
-            }
+          }
         }
         programs {
+           program { name: "shiftright_uribarbg";
+               signal: "shiftright_uribg";
+               source: "ui";
+               action: STATE_SET "moveright" 0.0;
+               target: "uri_entry_swallow";
+           } 
+           program { name: "shiftback_uribarbg";
+               signal: "shiftback_uribg";
+               source: "ui";
+               action: STATE_SET "default" 0.0;
+               target: "uri_entry_swallow";
+           } 
             program {
                 name: "mouse_in_entry";
                 source: "over";
                 signal: "mouse,in";
                 action: STATE_SET "focused" 0.0;
-                target: "bg";
+                target: "spacer_1";
             }
             program {
                 name: "mouse_out_entry";
                 source: "over";
                 signal: "mouse,out";
                 action: STATE_SET "default" 0.0;
-                target: "bg";
-            }
-            program{
-                name: "set_search_icon";
-                source: "model";
-                signal: "set_search_icon";
-                script{
-                    set_state(PART:"uri_icon", "default", 0.0);
-                    set_state(PART:"fav_icon", "default", 0.0);
-                }
-            }
-            program {
-                name: "fav_icon_clicked";
-                source: "fav_icon";
-                signal: "mouse,clicked,*";
-                action: SIGNAL_EMIT "slide_websearch" "elm";
-            }
-            program {
-                name: "uri_icon_clicked";
-                source: "uri_icon";
-                signal: "mouse,clicked,*";
-                action: SIGNAL_EMIT "slide_websearch" "elm";
-            }
-            program{
-                name: "set_doc_icon";
-                source: "model";
-                signal: "set_doc_icon";
-                script{
-                    set_state(PART:"uri_icon", "document", 0.0);
-                    set_state(PART:"fav_icon", "default", 0.0);
-                }
-            }
-            program{
-                name: "show_favicon";
-                source: "model";
-                signal: "show_favicon";
-                script{
-                    set_state(PART:"uri_icon", "hidden", 0.0);
-                    set_state(PART:"fav_icon", "visible", 0.0);
-                }
+                target: "spacer_1";
             }
         }
     }
-}
\ No newline at end of file
+}