edc/browser-view-url-layout.edc

   1 /*
   2   * Copyright 2012  Samsung Electronics Co., Ltd
   3   *
   4   * Licensed under the Flora License, Version 1.0 (the "License");
   5   * you may not use this file except in compliance with the License.
   6   * You may obtain a copy of the License at
   7   *
   8   *    http://www.tizenopensource.org/license
   9   *
  10   * Unless required by applicable law or agreed to in writing, software
  11   * distributed under the License is distributed on an "AS IS" BASIS,
  12   * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
  13   * See the License for the specific language governing permissions and
  14   * limitations under the License.
  15   */
  16
  17 #include "browser-macro.edc"
  18
  19 collections {
  20 ////////////////////////////////////////////////////////////////////////////////////////
  21 // editfield
  22 ////////////////////////////////////////////////////////////////////////////////////////
  23 #define EDITFIELD_TITLE_SIZE_INC 32
  24 //#define EDITFIELD_DEFAULT_MINH_INC 112
  25 // Customize - edit field height
  26 #define EDITFIELD_DEFAULT_MINH_INC 72
  27 //#define EDITFIELD_DEFAULT_TOP1_SINGLE_INC 20
  28 // Customize - entry top margin
  29 // Strangely - (Edit field entry is aligned to top a little, so make the top margin more then bottom)
  30 #define EDITFIELD_DEFAULT_TOP1_SINGLE_INC 5
  31 #define EDITFIELD_DEFAULT_TOP1_MULTI_INC 45
  32 #define EDITFIELD_DEFAULT_TOP2_INC 6
  33 #define EDITFIELD_DEFAULT_LEFT1_INC 0
  34 #define EDITFIELD_DEFAULT_LEFT2_INC 0
  35 #define EDITFIELD_DEFAULT_LEFT3_INC 1
  36
  37 #define EDITFIELD_DEFAULT_RIGHT1_ERASER_SHOW_INC 0 // browser customize
  38
  39 // width of erase icon width and string witdh of "xx/xx"
  40 #define EDITFIELD_DEFAULT_RIGHT1_ERASER_SHOW_INC_FOR_FIND_WORD (EDITFIELD_DEFAULT_ERASER_MINW_INC + 80)
  41
  42 #define EDITFIELD_DEFAULT_RIGHT2_INC 10  // browser customize
  43 //#define EDITFIELD_DEFAULT_BOTTOM1_SINGLE_INC 20
  44 // Customize - entry bottom margin
  45 #define EDITFIELD_DEFAULT_BOTTOM1_SINGLE_INC 0
  46 #define EDITFIELD_DEFAULT_BOTTOM1_MULTI_INC 5
  47 #define EDITFIELD_DEFAULT_BOTTOM2_SINGLE_INC 38
  48 #define EDITFIELD_DEFAULT_BOTTOM2_MULTI_INC 6
  49 #define EDITFIELD_DEFAULT_BOTTOM3_SINGLE_INC 85
  50 #define EDITFIELD_DEFAULT_BOTTOM3_MULTI_INC 60
  51 #define EDITFIELD_TITLE_COLOR_INC 168 168 168 255
  52 #define EDITFIELD_GUIDE_TEXT_COLOR_INC 70 70 70 255
  53 #define ENTRY_TEXT_SIZE_INC 44
  54 // Customize - text color
  55 //#define ENTRY_TEXT_COLOR_INC "#FFFFFF"
  56 #define ENTRY_TEXT_COLOR_WHITE_INC "#FFFFFF"
  57 #define ENTRY_TEXT_COLOR_BLACK_INC "#000000"
  58
  59 #define EDITFIELD_DEFAULT_ERASER_MINW_INC 40
  60 #define EDITFIELD_DEFAULT_ERASER_MINH_INC 40
  61
  62 group { name: "elm/layout/browser-editfield/default";
  63    images {
  64       image: "browser-view-images/url-layout/00_EditField_clear.png" COMP;
  65    }
  66    parts {
  67       part {
  68          name: "base";
  69          type: RECT;
  70          scale: 1;
  71          ignore_flags: ON_HOLD;
  72          description {
  73             state: "default" 0.0;
  74             min: 0 EDITFIELD_DEFAULT_MINH_INC;
  75             color: 0 0 0 0;
  76          }
  77       }
  78       part {
  79          name: "top1";
  80          type: RECT;
  81          scale: 1;
  82          ignore_flags: ON_HOLD;
  83          description {
  84             state: "default" 0.0;
  85             visible: 0;
  86             min: 0 EDITFIELD_DEFAULT_TOP1_SINGLE_INC;
  87             fixed: 1 1;
  88             rel1.relative: 0.0 0.0;
  89             rel2.relative: 1.0 0.0;
  90             align: 0.5 0;
  91          }
  92       }
  93       part {
  94          name: "top2";
  95          type: RECT;
  96          scale: 1;
  97          ignore_flags: ON_HOLD;
  98          description {
  99             state: "default" 0.0;
 100             visible: 0;
 101             min: 0 EDITFIELD_DEFAULT_TOP2_INC;
 102             fixed: 1 1;
 103             rel1.relative: 0.0 0.0;
 104             rel2.relative: 1.0 0.0;
 105             align: 0.5 0;
 106          }
 107       }
 108       part {
 109          name: "left1";
 110          type: RECT;
 111          scale: 1;
 112          ignore_flags: ON_HOLD;
 113          description {
 114             state: "default" 0.0;
 115             visible: 0;
 116             min: EDITFIELD_DEFAULT_LEFT1_INC 0;
 117             fixed: 1 1;
 118             align: 0 0;
 119             rel1.relative : 0.0 0.0;
 120             rel2.relative : 0.0 1.0;
 121          }
 122       }
 123       part {
 124          name: "left2";
 125          type: RECT;
 126          scale: 1;
 127          ignore_flags: ON_HOLD;
 128          description {
 129             state: "default" 0.0;
 130             visible: 0;
 131             min: EDITFIELD_DEFAULT_LEFT2_INC 0;
 132             fixed: 1 1;
 133             align: 0 0;
 134             rel1.relative : 0.0 0.0;
 135             rel2.relative : 0.0 1.0;
 136          }
 137       }
 138       part {
 139          name: "right1";
 140          type: RECT;
 141          scale: 1;
 142          ignore_flags: ON_HOLD;
 143          description {
 144             state: "default" 0.0;
 145             visible: 0;
 146             min: EDITFIELD_DEFAULT_RIGHT1_ERASER_SHOW_INC 0;
 147             fixed: 1 1;
 148             align: 1 0;
 149             rel1.relative : 1.0 0.0;
 150             rel2.relative : 1.0 1.0;
 151          }
 152          description {
 153             state: "find_word" 0.0;
 154             inherit: "default" 0.0;
 155             min: EDITFIELD_DEFAULT_RIGHT1_ERASER_SHOW_INC_FOR_FIND_WORD 0;
 156          }
 157       }
 158       part {
 159          name: "right2";
 160          type: RECT;
 161          scale: 1;
 162          ignore_flags: ON_HOLD;
 163          description {
 164             state: "default" 0.0;
 165             visible: 0;
 166             min: EDITFIELD_DEFAULT_RIGHT2_INC 0;
 167             fixed: 1 1;
 168             align: 1 0;
 169             rel1.relative : 1.0 0.0;
 170             rel2.relative : 1.0 1.0;
 171          }
 172       }
 173       part {
 174          name: "bottom1";
 175          type: RECT;
 176          scale: 1;
 177          ignore_flags: ON_HOLD;
 178          description {
 179             state: "default" 0.0;
 180             visible: 0;
 181             min: 0 EDITFIELD_DEFAULT_BOTTOM1_SINGLE_INC;
 182             fixed: 1 1;
 183             align: 0 1;
 184             rel1.relative: 0.0 1.0;
 185          }
 186       }
 187       part {
 188          name: "bottom2";
 189          type: RECT;
 190          scale: 1;
 191          ignore_flags: ON_HOLD;
 192          description {
 193             state: "default" 0.0;
 194             visible: 0;
 195             min: 0 EDITFIELD_DEFAULT_BOTTOM2_SINGLE_INC;
 196             fixed: 0 1;
 197             rel1.relative: 0.0 1.0;
 198             align: 0 1;
 199          }
 200       }
 201       part {
 202          name: "bottom3";
 203          type: RECT;
 204          scale: 1;
 205          ignore_flags: ON_HOLD;
 206          description {
 207             state: "default" 0.0;
 208             visible: 0;
 209             min: 0 EDITFIELD_DEFAULT_BOTTOM3_SINGLE_INC;
 210             fixed: 0 1;
 211             rel1.relative: 0.0 1.0;
 212             align: 0 1;
 213          }
 214       }
 215       part {
 216          name: "elm.guidetext";
 217          type: TEXT;
 218          scale: 1;
 219          ignore_flags: ON_HOLD;
 220          description {
 221             state: "default" 0.0;
 222             align: 0.0 0.0;
 223             fixed: 1 1;
 224             rel1.to: "elm.swallow.content";
 225             rel2.to: "elm.swallow.content";
 226             color: EDITFIELD_GUIDE_TEXT_COLOR_INC;
 227             text {
 228                font: "SLP:style=Roman";
 229                size: ENTRY_TEXT_SIZE_INC;
 230                min: 0 0;
 231                align: 0.0 0.5;
 232             }
 233          }
 234          description {
 235             state: "hidden" 0.0;
 236             inherit: "default" 0.0;
 237             visible: 0;
 238          }
 239       }
 240       part {
 241          name: "elm.swallow.content";
 242          type: SWALLOW;
 243          scale: 1;
 244          ignore_flags: ON_HOLD;
 245          description {
 246             state: "default" 0.0;
 247             min: 0 40;
 248             rel1 {
 249                relative : 1.0 1.0;
 250                to_x: "left1";
 251                to_y: "top1";
 252             }
 253             rel2 {
 254                relative : 0.0 0.0;
 255                to_x: "right1";
 256                to_y: "bottom1";
 257             }
 258             align: 0.0 0.5;
 259          }
 260       }
 261       part {
 262          name: "eraser_image";
 263          scale: 1;
 264          description {
 265             state: "default" 0.0;
 266             visible: 0;
 267             min: EDITFIELD_DEFAULT_ERASER_MINW_INC EDITFIELD_DEFAULT_ERASER_MINH_INC;
 268             fixed: 1 1;
 269             align: 1 0.5;
 270             rel1 {
 271                relative: 0.0 0.0;
 272                to_x : "right2";
 273                to_y : "bottom2";
 274             }
 275             rel2 {
 276                relative: 0.0 0.0;
 277                to_x : "right2";
 278                to_y : "bottom2";
 279             }
 280             image {
 281                normal: "browser-view-images/url-layout/00_EditField_clear.png";
 282                border: 10 10 10 10;
 283                border_scale: 1;
 284             }
 285          }
 286          description {
 287             state: "elm.eraser.show" 0.0;
 288             inherit: "default" 0.0;
 289             visible: 1;
 290          }
 291       }
 292       part {
 293          name: "eraser";
 294          mouse_events: 1;
 295          ignore_flags: ON_HOLD;
 296          description {
 297             state: "default" 0.0;
 298             visible: 0;
 299             color: 0 0 0 0;
 300             rel1 {
 301                relative: 0.0 0.0;
 302                to_x : "eraser_image";
 303                to_y : "bottom3";
 304             }
 305          }
 306          description {
 307             state: "elm.eraser.show" 0.0;
 308             inherit: "default" 0.0;
 309             visible: 1;
 310          }
 311       }
 312    }
 313    programs {
 314       program {
 315          name: "find_word_editfield";
 316          signal: "find_word,signal";
 317          source: "elm";
 318          action: STATE_SET "find_word" 0.0;
 319          target: "right1";
 320       }
 321       program {
 322          name: "guidetext_show";
 323          signal: "elm,state,guidetext,show";
 324          source: "elm";
 325          action: STATE_SET "default" 0.0;
 326          target: "elm.guidetext";
 327       }
 328       program {
 329          name: "guidetext_hide";
 330          signal: "elm,state,guidetext,hide";
 331          source: "elm";
 332          action: STATE_SET "hidden" 0.0;
 333          target: "elm.guidetext";
 334       }
 335       program {
 336          name: "eraser_show";
 337          signal: "elm,state,eraser,show";
 338          source: "elm";
 339          action: STATE_SET "elm.eraser.show" 0.0;
 340          target: "eraser_image";
 341          target: "eraser";
 342       }
 343       program {
 344          name: "eraser_hide";
 345          signal: "elm,state,eraser,hide";
 346          source: "elm";
 347          action: STATE_SET "default" 0.0;
 348          target: "eraser_image";
 349          target: "eraser";
 350       }
 351       program {
 352          name: "eraser_clicked";
 353          signal: "mouse,clicked,1";
 354          source: "eraser";
 355          action: SIGNAL_EMIT "elm,eraser,clicked" "elm";
 356       }
 357    }
 358 }
 359
 360 ////////////////////////////////////////////////////////////////////////////////////////
 361 // url layout
 362 ////////////////////////////////////////////////////////////////////////////////////////
 363         group {
 364                 name: "browser/url_layout";
 365                 images {
 366                         image: "browser-view-images/url-layout/naviframe_optionheader.png" COMP;
 367                         image: "browser-view-images/url-layout/I01_Icons_http.png" COMP;
 368                 }
 369                 parts {
 370                         part { name: "backgournd";
 371                                 mouse_events: 1;
 372                                 repeat_events: 0;
 373                                 type: IMAGE;
 374                                 scale: 1;
 375                                 description {
 376                                         state: "default" 0.0;
 377                                         visible: 1;
 378                                         min: 0 150;
 379                                         fixed: 0 1;
 380                                         align: 0.0 0.0;
 381                                         rel1 { relative: 0.0 0.0; }
 382                                         rel2 { relative: 1.0 1.0; }
 383                                         image {
 384                                                 normal: "browser-view-images/url-layout/naviframe_optionheader.png";
 385                                                 border: 1 1 2 1;
 386                                                 border_scale: 1;
 387                                         }
 388                                 }
 389                         }
 390                         part { name: "bg";
 391                                 mouse_events: 1;
 392                                 repeat_events: 0;
 393                                 type: RECT;
 394                                 scale: 1;
 395                                 description {
 396                                         state: "default" 0.0;
 397                                         visible: 1;
 398                                         min: 0 106;
 399                                         align: 0.0 0.0;
 400                                         rel1 { relative: 0.0 1.0; to_y: "title_text"; }
 401                                         rel2 { relative: 1.0 1.0; }
 402                                         color: 255 255 255 255;  // white
 403                                 }
 404                         }
 405                         part {
 406                                 name: "navigationbar_bg";
 407                                 type: IMAGE;
 408                                 mouse_events: 0;
 409                                 scale: 1;
 410                                 description {
 411                                         state: "default" 0.0;
 412                                         align: 0.0 0.0;
 413                                         rel1 { relative: 0.0 0.0; to: bg; }
 414                                         rel2 { relative: 1.0 1.0; to: bg; }
 415                                         image {
 416                                                 normal: "browser-view-images/url-layout/naviframe_optionheader.png";
 417                                                 border: 1 1 2 1;
 418                                                 border_scale: 1;
 419                                         }
 420                                 }
 421                         }
 422                         part {
 423                                 name: "secure_icon";
 424                                 type: IMAGE;
 425                                 mouse_events: 0;
 426                                 scale: 1;
 427                                 description {
 428                                         state: "default" 0.0;
 429                                         visible: 0;
 430                                         min: 0 0;
 431                                         max: 0 0;
 432                                         fixed: 1 1;
 433                                         align: 1.0 0.5;
 434                                         rel1 { relative: 0.0 0.0; to: "title_text"; }
 435                                         rel2 { relative: 0.0 1.0; to: "title_text"; }
 436                                         image {
 437                                                 normal: "browser-view-images/url-layout/I01_Icons_http.png";
 438                                         }
 439                                 }
 440                                 description {
 441                                         state: "visible" 0.0;
 442                                         inherit: "default" 0.0;
 443                                         visible: 1;
 444                                         min: 30 30;
 445                                         max: 30 30;
 446                                 }
 447                         }
 448                         part { name: "padding,title_text,left";
 449                                 mouse_events: 0;
 450                                 type: RECT;
 451                                 scale: 1;
 452                                 description {
 453                                         state: "default" 0.0;
 454                                         visible: 0;
 455                                         min: 30 0;
 456                                         fixed: 1 0;
 457                                         align: 0.0 0.5;
 458                                         rel1 { relative: 0.0 0.0; to_y: "title_text"; }
 459                                         rel2 { relative: 0.0 1.0; to_y: "title_text"; }
 460                                 }
 461                         }
 462                         part { name: "padding,title_text,right";
 463                                 mouse_events: 0;
 464                                 type: RECT;
 465                                 scale: 1;
 466                                 description {
 467                                         state: "default" 0.0;
 468                                         visible: 0;
 469                                         min: 30 0;
 470                                         fixed: 1 0;
 471                                         align: 1.0 0.5;
 472                                         rel1 { relative: 1.0 0.0; to_y: "title_text"; }
 473                                         rel2 { relative: 1.0 1.0; to_y: "title_text"; }
 474                                 }
 475                         }
 476                         part {
 477                                 name: "title_text";
 478                                 type: TEXT;
 479                                 scale: 1;
 480                                 mouse_events: 0;
 481                                 description {
 482                                         state: "default" 0.0;
 483                                         visible: 1;
 484                                         fixed: 0 1;
 485                                         min: 0 44;
 486                                         max: 999999 44;
 487                                         align: 0.5 0.0;
 488                                         text { font: FONT_ROM;
 489                                                 size: 34;
 490                                                 min: 0 0;
 491                                                 max: 1 0;
 492                                                 align: 0.5 1.0;
 493                                         }
 494                                         color: 255 255 255 255;
 495                                         rel1 { relative: 1.0 0.0; to_x: "padding,title_text,left"; }
 496                                         rel2 { relative: 0.0 1.0; to_x: "padding,title_text,right"; }
 497                                 }
 498                         }
 499                         part { name: "padding,cancel,left";
 500                                 mouse_events: 0;
 501                                 type: RECT;
 502                                 scale: 1;
 503                                 description {
 504                                         state: "default" 0.0;
 505                                         visible: 0;
 506                                         min: 15 0;
 507                                         fixed: 1 0;
 508                                         align: 1.0 0.5;
 509                                         rel1 { relative: 0.0 0.0; to: "elm.swallow.cancel"; }
 510                                         rel2 { relative: 0.0 1.0; to: "elm.swallow.cancel"; }
 511                                 }
 512                         }
 513                         part { name: "padding,url,top";
 514                                 mouse_events: 0;
 515                                 type: RECT;
 516                                 scale: 1;
 517                                 description {
 518                                         state: "default" 0.0;
 519                                         visible: 0;
 520                                         min: 0 16;
 521                                         fixed: 0 1;
 522                                         align: 0.5 0.0;
 523                                         rel1 { relative: 0.0 0.0; to: "bg"; }
 524                                         rel2 { relative: 1.0 0.0; to: "bg"; }
 525                                 }
 526                         }
 527                         part { name: "padding,url,left";
 528                                 mouse_events: 0;
 529                                 type: RECT;
 530                                 scale: 1;
 531                                 description {
 532                                         state: "default" 0.0;
 533                                         visible: 0;
 534                                         min: 16 0;
 535                                         fixed: 1 0;
 536                                         align: 0.0 0.5;
 537                                         rel1 { relative: 0.0 0.0; to: "bg"; }
 538                                         rel2 { relative: 0.0 1.0; to: "bg"; }
 539                                 }
 540                         }
 541                         part {
 542                                 name: "elm.swallow.url";
 543                                 type: SWALLOW;
 544                                 mouse_events: 1;
 545                                 scale: 1;
 546                                 description {
 547                                         state: "default" 0.0;
 548                                         visible: 1;
 549                                         min: 0 74;
 550                                         fixed: 0 1;
 551                                         align: 0.0 0.0;
 552                                         rel1 { relative: 1.0 1.0; to_x: "padding,url,left"; to_y: "padding,url,top"; }
 553                                         rel2 { relative: 0.0 1.0; to_x: "padding,reader_icon,left"; to_y: "padding,url,top"; }
 554                                 }
 555                                 description {
 556                                         state: "edit_mode_state" 0.0;
 557                                         inherit: "default" 0.0;
 558                                         rel1 { relative: 1.0 1.0; to_x: "padding,url,left"; to_y: "padding,url,top"; }
 559                                         rel2 { relative: 0.0 1.0; to_x: "padding,cancel,left"; to_y: "padding,url,top"; }
 560                                 }
 561                         }
 562                         part { name: "padding,reader_icon,left";
 563                                 mouse_events: 0;
 564                                 type: RECT;
 565                                 scale: 1;
 566                                 description {
 567                                         state: "default" 0.0;
 568                                         visible: 0;
 569                                         min: 16 0;
 570                                         fixed: 1 0;
 571                                         align: 1.0 0.5;
 572                                         rel1 { relative: 0.0 0.0; to_x: "elm.swallow.reader_icon"; to_y: "navigationbar_bg"; }
 573                                         rel2 { relative: 0.0 1.0; to_x: "elm.swallow.reader_icon"; to_y: "navigationbar_bg"; }
 574                                 }
 575                         }
 576                         part {
 577                                 name: "elm.swallow.reader_icon";
 578                                 type: SWALLOW;
 579                                 mouse_events: 1;
 580                                 repeat_events: 0;
 581                                 scale: 1;
 582                                 description {
 583                                         state: "default" 0.0;
 584                                         visible: 1;
 585                                         min: 74 74;
 586                                         max: 74 74;
 587                                         fixed: 1 1;
 588                                         align: 0.0 0.5;
 589                                         rel1 { relative: 1.0 0.0; to: "navigationbar_bg"; }
 590                                         rel2 { relative: 1.0 1.0; to: "navigationbar_bg"; }
 591                                 }
 592                                 description {
 593                                         state: "show_reader_icon" 0.0;
 594                                         inherit: "default" 0.0;
 595                                         align: 1.0 0.5;
 596                                         rel1 { relative: 0.0 0.0; to_x: "padding,cancel,right"; to_y: "navigationbar_bg"; }
 597                                         rel2 { relative: 0.0 1.0; to_x: "padding,cancel,right"; to_y: "navigationbar_bg"; }
 598                                 }
 599                         }
 600                         part { name: "padding,cancel,right";
 601                                 mouse_events: 0;
 602                                 type: RECT;
 603                                 scale: 1;
 604                                 description {
 605                                         state: "default" 0.0;
 606                                         visible: 0;
 607                                         min: 16 0;
 608                                         fixed: 1 0;
 609                                         align: 1.0 0.5;
 610                                         rel1 { relative: 1.0 0.0; to: "navigationbar_bg"; }
 611                                         rel2 { relative: 1.0 1.0; to: "navigationbar_bg"; }
 612                                 }
 613                         }
 614                         part {
 615                                 name: "elm.swallow.cancel";
 616                                 type: SWALLOW;
 617                                 mouse_events: 1;
 618                                 repeat_events: 0;
 619                                 scale: 1;
 620                                 description {
 621                                         state: "default" 0.0;
 622                                         visible: 1;
 623                                         min: 165 72;
 624                                         max: 165 72;
 625                                         fixed: 1 1;
 626                                         align: 0.0 0.5;
 627                                         rel1 { relative: 1.0 0.0; to_x: navigationbar_bg; to_y: "navigationbar_bg"; }
 628                                         rel2 { relative: 1.0 1.0; to_x: navigationbar_bg; to_y: "navigationbar_bg"; }
 629                                 }
 630                                 description {
 631                                         state: "edit_mode_state" 0.0;
 632                                         inherit: "default" 0.0;
 633                                         align: 1.0 0.5;
 634                                         rel1 { relative: 0.0 0.0; to_x: "padding,cancel,right"; to_y: "navigationbar_bg"; }
 635                                         rel2 { relative: 0.0 1.0; to_x: "padding,cancel,right"; to_y: "navigationbar_bg"; }
 636                                 }
 637                         }
 638                 }
 639                 programs {
 640                         program { name: "show,secure_icon";
 641                                 signal: "show,secure_icon,signal";
 642                                 action: STATE_SET "visible" 0.0;
 643                                 target: "secure_icon";
 644                         }
 645                         program { name: "hide,secure_icon";
 646                                 signal: "hide,secure_icon,signal";
 647                                 action: STATE_SET "default" 0.0;
 648                                 target: "secure_icon";
 649                         }
 650                         program { name: "edit,url,on";
 651                                 signal: "edit,url,on,signal";
 652                                 action: STATE_SET "edit_mode_state" 0.0;
 653                                 target: "elm.swallow.url";
 654                                 after: "cancel_button,show";
 655                         }
 656                         program { name: "cancel_button,show";
 657                                 action: STATE_SET "edit_mode_state" 0.0;
 658                                 transition: DECELERATE 0.5;
 659                                 target: "elm.swallow.cancel";
 660                         }
 661                         program { name: "show,reader_icon";
 662                                 signal: "show,reader_icon,signal";
 663                                 action: STATE_SET "show_reader_icon" 0.0;
 664                                 transition: DECELERATE 0.5;
 665                                 target: "elm.swallow.reader_icon";
 666                         }
 667                         program { name: "hide,reader_icon";
 668                                 signal: "hide,reader_icon,signal";
 669                                 action: STATE_SET "default" 0.0;
 670                                 transition: DECELERATE 0.5;
 671                                 target: "elm.swallow.reader_icon";
 672                         }
 673                         program { name: "hide,reader_icon_no_ani";
 674                                 signal: "hide,reader_icon_no_ani,signal";
 675                                 action: STATE_SET "default" 0.0;
 676                                 target: "elm.swallow.reader_icon";
 677                         }
 678                         program { name: "edit,url,off";
 679                                 signal: "edit,url,off,signal";
 680                                 action: STATE_SET "default" 0.0;
 681                                 transition: ACCELERATE 0.5;
 682                                 target: "elm.swallow.url";
 683                                 target: "elm.swallow.cancel";
 684                         }
 685                 }
 686         }
 687
 688         group {
 689                 name: "elm/browser/urlentry/default";
 690                 images {
 691                         image: "browser-view-images/url-layout/00_search_input_field_bg.png" COMP;
 692                         image: "browser-view-images/url-layout/00_search_input_field_bg_black.png" COMP;
 693                         image: "browser-view-images/url-layout/41_browser_search_icon_refresh.png" COMP;
 694                         image: "browser-view-images/url-layout/icon_stop.png" COMP;
 695                         image: "icon/00_close_icon.png" COMP;
 696                         image: "browser-view-images/url-layout/I01_Icons_RSS.png" COMP;
 697                 }
 698
 699                 parts {
 700                         part { name: "bg";
 701                                 mouse_events: 0;
 702                                 type: RECT;
 703                                 scale: 1;
 704                                 description {
 705                                         state: "default" 0.0;
 706                                         visible: 1;
 707                                         fixed: 0 1;
 708                                         rel1 { relative: 0.0 0.0; }
 709                                         rel2 { relative: 1.0 1.0; }
 710                                         color: 0 0 0 0;
 711                                 }
 712                         }
 713                         part {
 714                                 name: "bg_image";
 715                                 type: IMAGE;
 716                                 scale: 1;
 717                                 mouse_events: 0;
 718                                 description {
 719                                         state: "default" 0.0;
 720                                         fixed: 0 1;
 721                                         rel1 {relative: 0.0 0.0; offset: 0 0; }
 722                                         rel2 {relative: 1.0 1.0; offset: 0 0; }
 723                                         image.normal: "browser-view-images/url-layout/00_search_input_field_bg.png";
 724                                         image.border: 5 5 5 5;
 725                                 }
 726                                 description {
 727                                         state: "black" 0.0;
 728                                         inherit: "default" 0.0;
 729                                         image.normal: "browser-view-images/url-layout/00_search_input_field_bg_black.png";
 730                                         image.border: 5 5 5 5;
 731                                 }
 732                         }
 733                         part {
 734                                 name: "elm.swallow.progressbar";
 735                                 type: SWALLOW;
 736                                 scale: 1;
 737                                 mouse_events: 0;
 738                                 description {
 739                                         state: "default" 0.0;
 740                                         visible: 0;
 741                                 }
 742                                 description {
 743                                         state: "loading_on" 0.0;
 744                                         visible: 1;
 745                                         rel1 {relative: 0.0 0.0; offset: 0 0; }
 746                                         rel2 {relative: 1.0 1.0; offset: 0 0; }
 747                                 }
 748                         }
 749                         PADDING("padding.favicon.left", 9, 0, 1, 0, 0.0, 0.5,
 750                                         0.0, 0.0, 0.0, 1.0, bg, bg)
 751                         PADDING("padding.favicon.right", 9, 0, 1, 0, 0.0, 0.5,
 752                                         1.0, 0.0, 1.0, 1.0, elm.swallow.favicon, elm.swallow.favicon)
 753                         part { name: "elm.swallow.favicon";
 754                                 mouse_events: 0;
 755                                 type: SWALLOW;
 756                                 scale: 1;
 757                                 description {
 758                                         state: "default" 0.0;
 759                                         visible: 0;
 760                                         min: 0 45;
 761                                         max: 0 45;
 762                                         fixed: 1 1;
 763                                         align: 0.0 0.5;
 764                                         rel1 { relative: 1.0 0.0; to_x: padding.favicon.left; to_y: bg; }
 765                                         rel2 { relative: 1.0 1.0; to_x: padding.favicon.left; to_y: bg; }
 766                                 }
 767                                 description {
 768                                         state: "visible" 0.0;
 769                                         inherit: "default" 0.0;
 770                                         visible: 1;
 771                                         min: 45 45;
 772                                         max: 45 45;
 773                                 }
 774                         }
 775                         part { name: "elm.swallow.rss_icon";
 776                                 mouse_events: 0;
 777                                 type: IMAGE;
 778                                 scale: 1;
 779                                 description {
 780                                         state: "default" 0.0;
 781                                         visible: 0;
 782                                         min: 0 45;
 783                                         max: 0 45;
 784                                         fixed: 1 1;
 785                                         align: 0.0 0.5;
 786                                         rel1 { relative: 1.0 0.0; to: "elm.swallow.favicon"; }
 787                                         rel2 { relative: 1.0 1.0; to: "elm.swallow.favicon"; }
 788                                         image.normal: "browser-view-images/url-layout/I01_Icons_RSS.png";
 789                                 }
 790                                 description {
 791                                         state: "visible" 0.0;
 792                                         inherit: "default" 0.0;
 793                                         visible: 1;
 794                                         min: 45 45;
 795                                         max: 45 45;
 796                                 }
 797                         }
 798                         PADDING("padding.progress.left", 9, 0, 1, 0, 1.0, 0.5,
 799                                         0.0, 0.0, 0.0, 1.0, elm.swallow.progress, elm.swallow.progress)
 800                         part { name: "elm.swallow.progress";
 801                                 mouse_events: 0;
 802                                 type: SWALLOW;
 803                                 scale: 1;
 804                                 description {
 805                                         state: "default" 0.0;
 806                                         visible: 0;
 807                                 }
 808                                 description {
 809                                         state: "loading_on" 0.0;
 810                                         visible: 1;
 811                                         min: 60 60;
 812                                         max: 60 60;
 813                                         fixed: 1 1;
 814                                         align: 1.0 0.5;
 815                                         rel1 { relative: 0.0 0.0; to_x: elm.image.refresh_stop; to_y: bg; }
 816                                         rel2 { relative: 0.0 1.0; to_x: elm.image.refresh_stop; to_y: bg; }
 817                                 }
 818                         }
 819                         PADDING("padding.refreshstop.left", 9, 0, 1, 0, 1.0, 0.5,
 820                                         0.0, 0.0, 0.0, 1.0, elm.image.refresh_stop, elm.image.refresh_stop)
 821                         PADDING("padding.refreshstop.right", 9, 0, 1, 0, 1.0, 0.5,
 822                                         1.0, 0.0, 1.0, 1.0, bg, bg)
 823                         part { name: "elm.rect.refresh_stop";
 824                                 mouse_events: 1;
 825                                 type: RECT;
 826                                 scale: 1;
 827                                 description {
 828                                         state: "default" 0.0;
 829                                         visible: 1;
 830                                         min: 75 60;
 831                                         max: 75 60;
 832                                         fixed: 1 1;
 833                                         align: 0.5 0.5;
 834                                         rel1 { relative: 0.0 0.0; to: "elm.image.refresh_stop"; }
 835                                         rel2 { relative: 1.0 1.0; to: "elm.image.refresh_stop"; }
 836                                         color: 0 0 0 0;
 837                                 }
 838                         }
 839                         part { name: "elm.image.refresh_stop";
 840                                 mouse_events: 0;
 841                                 type: IMAGE;
 842                                 scale: 1;
 843                                 description {
 844                                         state: "default" 0.0;
 845                                         visible: 1;
 846                                         min: 45 45;
 847                                         max: 45 45;
 848                                         fixed: 1 1;
 849                                         align: 1.0 0.5;
 850                                         rel1 { relative: 0.0 0.0; to_x: padding.refreshstop.right; to_y: bg; }
 851                                         rel2 { relative: 0.0 1.0; to_x: padding.refreshstop.right; to_y: bg; }
 852                                         image.normal: "browser-view-images/url-layout/41_browser_search_icon_refresh.png";
 853                                 }
 854                                 description {
 855                                         state: "loading_on" 0.0;
 856                                         inherit: "default" 0.0;
 857                                         image.normal: "browser-view-images/url-layout/icon_stop.png";
 858                                 }
 859                                 description {
 860                                         state: "edit_url" 0.0;
 861                                         inherit: "default" 0.0;
 862                                         image.normal: "icon/00_close_icon.png";
 863                                 }
 864                         }
 865                         part { name: "padding,rss_icon,right";
 866                                 mouse_events: 0;
 867                                 type: RECT;
 868                                 scale: 1;
 869                                 description {
 870                                         state: "default" 0.0;
 871                                         visible: 0;
 872                                         min: 7 0;
 873                                         fixed: 1 0;
 874                                         align: 0.0 0.5;
 875                                         rel1 { relative: 1.0 0.0; to: "elm.swallow.rss_icon"; }
 876                                         rel2 { relative: 1.0 1.0; to: "elm.swallow.rss_icon"; }
 877                                 }
 878                         }
 879                         part { name: "elm.swallow.entry";
 880                                 mouse_events: 1;
 881                                 type: SWALLOW;
 882                                 scale: 1;
 883                                 description {
 884                                         state: "default" 0.0;
 885                                         visible: 1;
 886                                         align: 0.0 0.5;
 887                                         rel1 { relative: 1.0 0.0; to_x: "padding,rss_icon,right"; to_y: bg; }
 888                                         rel2 { relative: 0.0 1.0; to_x: padding.refreshstop.left; to_y: bg; }
 889                                 }
 890                                 description {
 891                                         state: "loading_on" 0.0;
 892                                         visible: 1;
 893                                         rel1 { relative: 1.0 0.0; to_x: "padding,rss_icon,right"; to_y: bg; }
 894                                         rel2 { relative: 0.0 1.0; to_x: padding.progress.left; to_y: bg; }
 895                                 }
 896                         }
 897                         part { name: "block_entry";
 898                                 mouse_events: 1;
 899                                 repeat_events: 0;
 900                                 type: RECT;
 901                                 scale: 1;
 902                                 description {
 903                                         state: "default" 0.0;
 904                                         visible: 0;
 905                                         align: 0.0 0.0;
 906                                         rel1 { relative: 0.0 0.0; to: "elm.swallow.entry"; }
 907                                         rel2 { relative: 1.0 1.0; to: "elm.swallow.entry"; }
 908                                         color: 0 0 0 0;
 909                                 }
 910                                 description {
 911                                         state: "block" 0.0;
 912                                         inherit: "default" 0.0;
 913                                         visible: 1;
 914                                 }
 915                         }
 916                         part { name: "padding,rss_icon,left_margin";
 917                                 mouse_events: 0;
 918                                 type: RECT;
 919                                 scale: 1;
 920                                 description {
 921                                         state: "default" 0.0;
 922                                         visible: 0;
 923                                         min: 45 0;
 924                                         fixed: 1 0;
 925                                         align: 1.0 0.5;
 926                                         rel1 { relative: 0.0 0.0; to: "elm.swallow.rss_icon"; }
 927                                         rel2 { relative: 0.0 1.0; to: "elm.swallow.rss_icon"; }
 928                                 }
 929                         }
 930                         part { name: "padding,rss_icon,right_margin";
 931                                 mouse_events: 0;
 932                                 type: RECT;
 933                                 scale: 1;
 934                                 description {
 935                                         state: "default" 0.0;
 936                                         visible: 0;
 937                                         min: 45 0;
 938                                         fixed: 1 0;
 939                                         align: 0.0 0.5;
 940                                         rel1 { relative: 1.0 0.0; to: "elm.swallow.rss_icon"; }
 941                                         rel2 { relative: 1.0 1.0; to: "elm.swallow.rss_icon"; }
 942                                 }
 943                         }
 944                 }
 945                 programs {
 946                         program { name: "disable_entry";
 947                                 signal: "disable_entry,signal";
 948                                 action: STATE_SET "block" 0.0;
 949                                 target: "block_entry";
 950                         }
 951                         program { name: "black_theme";
 952                                 signal: "black_theme,signal";
 953                                 action: STATE_SET "black" 0.0;
 954                                 target: "bg_image";
 955                         }
 956                         program { name: "rss_on";
 957                                 signal: "rss,on,signal";
 958                                 action: STATE_SET "visible" 0.0;
 959                                 target: "elm.swallow.rss_icon";
 960                         }
 961                         program { name: "rss_off";
 962                                 signal: "rss,off,signal";
 963                                 action: STATE_SET "default" 0.0;
 964                                 target: "elm.swallow.rss_icon";
 965                         }
 966                         program { name: "loading_on";
 967                                 signal: "loading,on,signal";
 968                                 action: STATE_SET "loading_on" 0.0;
 969                                 target: "elm.swallow.progress";
 970                                 target: "elm.swallow.progressbar";
 971                                 target: "elm.image.refresh_stop";
 972                                 target: "elm.swallow.entry";
 973                         }
 974                         program { name: "loading_off";
 975                                 signal: "loading,off,signal";
 976                                 action: STATE_SET "default" 0.0;
 977                                 target: "elm.swallow.progress";
 978                                 target: "elm.swallow.progressbar";
 979                                 target: "elm.image.refresh_stop";
 980                                 target: "elm.swallow.entry";
 981                         }
 982                         program { name: "refresh_stop";
 983                                 source: "elm.rect.refresh_stop";
 984                                 signal: "mouse,clicked,1";
 985                                 action: SIGNAL_EMIT "refresh_stop" "EDJ";
 986                         }
 987                         program { name: "hide_progress";
 988                                 action: STATE_SET "default" 0.0;
 989                                 target: "elm.swallow.progress";
 990                                 target: "elm.swallow.progressbar";
 991                                 target: "elm.swallow.entry";
 992                         }
 993                         program { name: "edit,url,on";
 994                                 signal: "edit,url,on,signal";
 995                                 action: STATE_SET "edit_url" 0.0;
 996                                 target: "elm.image.refresh_stop";
 997                                 after: "hide_progress";
 998                         }
 999                         program { name: "edit,url,off";
1000                                 signal: "edit,url,off,signal";
1001                                 script {
1002                                         new st[31];
1003                                         new Float:vl;
1004                                         get_state(PART:"elm.swallow.progress", st, 30, vl);
1005                                         if (!strcmp(st, "loading_on"))
1006                                                 set_state(PART:"elm.image.refresh_stop", "loading_on", 0.0);
1007                                         else
1008                                                 set_state(PART:"elm.image.refresh_stop", "default", 0.0);
1009                                 }
1010                         }
1011                         program { name: "show,favicon";
1012                                 signal: "show,favicon,signal";
1013                                 action: STATE_SET "visible" 0.0;
1014                                 target: "elm.swallow.favicon";
1015                         }
1016                         program { name: "hide,favicon";
1017                                 signal: "hide,favicon,signal";
1018                                 action: STATE_SET "default" 0.0;
1019                                 target: "elm.swallow.favicon";
1020                         }
1021                 }
1022         }
1023
1024         group {
1025                 name: "browser-view/option_header";
1026                 parts {
1027                         part { name: "elm.swallow.url_layout";
1028                                 mouse_events: 1;
1029                                 type: SWALLOW;
1030                                 scale: 1;
1031                                 description {
1032                                         state: "default" 0.0;
1033                                         visible: 1;
1034                                         align: 0.0 0.0;
1035                                         rel1 { relative: 0.0 0.0; }
1036                                         rel2 { relative: 1.0 1.0; }
1037                                 }
1038                                 description {
1039                                         state: "invisible" 0.0;
1040                                         inherit: "default" 0.0;
1041                                         visible: 0;
1042                                 }
1043                         }
1044                         /* For change effect. */
1045                         part { name: "rect.find_word_layout";
1046                                 type: RECT;
1047                                 scale: 1;
1048                                 description {
1049                                         state: "default" 0.0;
1050                                         color: 255 255 255 0;
1051                                         rel1 { relative: 0.0 0.0; to: "elm.swallow.find_word_layout"; }
1052                                         rel2 { relative: 1.0 1.0; to: "elm.swallow.find_word_layout"; }
1053                                 }
1054                                 description {
1055                                         state: "visible" 0.0;
1056                                         color: 255 255 255 255;
1057                                         rel1 { relative: 0.0 0.0; to: "elm.swallow.find_word_layout"; }
1058                                         rel2 { relative: 1.0 1.0; to: "elm.swallow.find_word_layout"; }
1059                                 }
1060                         }
1061                         part { name: "elm.swallow.find_word_layout";
1062                                 mouse_events: 1;
1063                                 repeat_events: 0;
1064                                 type: SWALLOW;
1065                                 scale: 1;
1066                                 /* For change effect. */
1067                                 clip_to: "rect.find_word_layout";
1068                                 description {
1069                                         state: "default" 0.0;
1070                                         visible: 0;
1071                                         align: 0.0 0.0;
1072                                         rel1 { relative: 0.0 0.0; }
1073                                         rel2 { relative: 1.0 1.0; }
1074                                 }
1075                                 description {
1076                                         state: "visible" 0.0;
1077                                         inherit: "default" 0.0;
1078                                         visible: 1;
1079                                 }
1080                         }
1081                 }
1082                 programs {
1083                         program { name: "show,find_word_layout,clipper";
1084                                 signal: "show,find_word_layout,signal";
1085                                 transition: ACCELERATE 0.3;
1086                                 action: STATE_SET "visible" 0.0;
1087                                 target: "rect.find_word_layout";
1088                                 target: "elm.swallow.find_word_layout";
1089                         }
1090                         program { name: "hide,find_word_layout,clipper";
1091                                 signal: "hide,find_word_layout,signal";
1092                                 transition: ACCELERATE 0.3;
1093                                 action: STATE_SET "default" 0.0;
1094                                 target: "rect.find_word_layout";
1095                                 target: "elm.swallow.find_word_layout";
1096                         }
1097                 }
1098         }
1099 }