edc/browser-view-main.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
  18 /* color define */
  19 #define BROWSER_COLOR_WHITE 255 255 255 255
  20
  21 /* image define */
  22 // grey bg color
  23 #define BROWSER_IMAGE_CONTENT_BG "browser-view-images/41_browser_new_win_bg.png"
  24
  25 #define BROWSER_WAITING_PROGRESS_SIZE 90 90
  26 #define BROWSER_FLOATING_BACKWARD_BUTTON_SIZE 120 124
  27 #define BROWSER_CONTROL_BAR_HEIGHT 114
  28
  29 collections {
  30         group {
  31                 name: "browser/browser-view-main";
  32                 images {
  33                         image: BROWSER_IMAGE_CONTENT_BG COMP;
  34                 }
  35                 parts {
  36                         part { name: "bg";
  37                                 mouse_events: 0;
  38                                 scale: 1;
  39                                 type: RECT;
  40                                 description {
  41                                         state: "default" 0.0;
  42                                         visible: 1;
  43                                         align: 0.0 0.0;
  44                                         rel1 { relative: 0.0 0.0; }
  45                                         rel2 { relative: 1.0 1.0; }
  46                                         color: BROWSER_COLOR_WHITE;
  47                                 }
  48                         }
  49                         part {
  50                                 name: "contents_bg";
  51                                 type: IMAGE;
  52                                 mouse_events: 0;
  53                                 scale: 1;
  54                                 description {
  55                                         state: "default" 0.0;
  56                                         visible: 0;
  57                                         align: 0.0 0.0;
  58                                         rel1 { relative: 0.0 0.0; to: "bg"; }
  59                                         rel2 { relative: 1.0 1.0; to: "bg"; }
  60                                         image.normal: BROWSER_IMAGE_CONTENT_BG;
  61                                 }
  62                                 description {
  63                                         state: "visible" 0.0;
  64                                         inherit: "default" 0.0;
  65                                         visible: 1;
  66                                 }
  67                         }
  68                         part {
  69                                 name: "elm.swallow.content";
  70                                 type: SWALLOW;
  71                                 mouse_events: 1;
  72                                 scale: 1;
  73                                 description {
  74                                         state: "default" 0.0;
  75                                         visible: 1;
  76                                         align: 0.0 0.0;
  77                                         fixed: 1 1;
  78                                         rel1 { relative: 0.0 0.0; to: "contents_bg"; }
  79                                         rel2 { relative: 1.0 0.0; to: "elm.swallow.control_bar"; }
  80                                 }
  81                                 description {
  82                                         state: "full_screen" 0.0;
  83                                         inherit: "default" 0.0;
  84                                         rel1 { relative: 0.0 0.0; to: "contents_bg"; }
  85                                         rel2 { relative: 1.0 1.0; to: "contents_bg"; }
  86                                 }
  87                         }
  88                         part {
  89                                 name: "elm.swallow.scissorbox";
  90                                 type: SWALLOW;
  91                                 mouse_events: 1;
  92                                 repeat_events: 0;
  93                                 scale: 1;
  94                                 description {
  95                                         state: "default" 0.0;
  96                                         visible: 0;
  97                                         align: 0.0 0.0;
  98                                         rel1 { relative: 0.0 0.0; to: "elm.swallow.content"; }
  99                                         rel2 { relative: 1.0 1.0; to: "elm.swallow.content"; }
 100                                 }
 101                                 description {
 102                                         state: "visible" 0.0;
 103                                         inherit: "default" 0.0;
 104                                         visible: 1;
 105                                 }
 106                         }
 107                         /* ifdef ZOOM_BUTTON */
 108                         part {
 109                                 name: "elm.swallow.zoom_out_button";
 110                                 type: SWALLOW;
 111                                 mouse_events: 1;
 112                                 repeat_events: 0;
 113                                 scale: 1;
 114                                 description {
 115                                         state: "default" 0.0;
 116                                         visible: 0;
 117                                         min: 56 56;
 118                                         max: 56 56;
 119                                         fixed: 1 1;
 120                                         align: 1.0 1.0;
 121                                         rel1 { relative: 0.4 -0.5; to_y: "elm.swallow.control_bar"; }
 122                                         rel2 { relative: 0.4 -0.5; to_y: "elm.swallow.control_bar"; }
 123                                 }
 124                                 description {
 125                                         state: "visible" 0.0;
 126                                         inherit: "default" 0.0;
 127                                         visible: 1;
 128                                 }
 129                         }
 130                         part {
 131                                 name: "elm.swallow.zoom_in_button";
 132                                 type: SWALLOW;
 133                                 mouse_events: 1;
 134                                 repeat_events: 0;
 135                                 scale: 1;
 136                                 description {
 137                                         state: "default" 0.0;
 138                                         visible: 0;
 139                                         min: 56 56;
 140                                         max: 56 56;
 141                                         fixed: 1 1;
 142                                         align: 0.0 1.0;
 143                                         rel1 { relative: 0.6 -0.5; to_y: "elm.swallow.control_bar"; }
 144                                         rel2 { relative: 0.6 -0.5; to_y: "elm.swallow.control_bar"; }
 145                                 }
 146                                 description {
 147                                         state: "visible" 0.0;
 148                                         inherit: "default" 0.0;
 149                                         visible: 1;
 150                                 }
 151                         }
 152                         /* endif ZOOM_BUTTON */
 153                         part {
 154                                 name: "padding,url_layout";  // padding
 155                                 type: RECT;
 156                                 mouse_events: 0;
 157                                 scale: 1;
 158                                 description {
 159                                         state: "default" 0.0;
 160                                         visible: 0;
 161                                         min: 0 74;
 162 //                                      min: 0 150;
 163                                         fixed: 0 1;
 164                                         align: 0.0 0.0;
 165                                         rel1 { relative: 0.0 0.0; to: "contents_bg"; }
 166                                         rel2 { relative: 1.0 0.0; to: "contents_bg"; }
 167                                         color: 0 0 0 0;
 168                                 }
 169                         }
 170                         part {
 171                                 name: "elm.swallow.waiting_progress";
 172                                 type: SWALLOW;
 173                                 mouse_events: 0;
 174                                 scale: 1;
 175                                 description {
 176                                         state: "default" 0.0;
 177                                         visible: 1;
 178                                         align: 0.5 0.5;
 179                                         min: BROWSER_WAITING_PROGRESS_SIZE;
 180                                         max: BROWSER_WAITING_PROGRESS_SIZE;
 181                                         rel1 { relative: 0.0 0.0; to_x: contents_bg; to_y: "padding,url_layout"; }
 182                                         rel2 { relative: 1.0 1.0; to: contents_bg; }
 183                                 }
 184                                 description {
 185                                         state: "unvisible" 0.0;
 186                                         inherit: "default" 0.0;
 187                                         visible: 0;
 188                                 }
 189                         }
 190                         part {
 191                                 name: "most_visited_sites_bg";
 192                                 type: RECT;
 193                                 mouse_events: 1;
 194                                 scale: 1;
 195                                 description {
 196                                         state: "default" 0.0;
 197                                         visible: 0;
 198                                         align: 0.0 0.0;
 199                                         rel1 { relative: 0.0 0.0; to: "elm.swallow.most_visited_sites"; }
 200                                         rel2 { relative: 1.0 1.0; to: "elm.swallow.most_visited_sites"; }
 201                                         color: 38 38 38 255;
 202                                 }
 203                                 description {
 204                                         state: "visible" 0.0;
 205                                         inherit: "default" 0.0;
 206                                         visible: 1;
 207                                 }
 208                         }
 209                         part {
 210                                 name: "padding,most_visited_sites_bottom";
 211                                 type: RECT;
 212                                 mouse_events: 1;
 213                                 repeat_events: 0;
 214                                 scale: 1;
 215                                 description {
 216                                         state: "default" 0.0;
 217                                         visible: 0;
 218                                         min: 0 BROWSER_CONTROL_BAR_HEIGHT;
 219                                         align: 0.5 1.0;
 220                                         rel1 { relative: 0.0 1.0; }
 221                                         rel2 { relative: 1.0 1.0; }
 222                                 }
 223                         }
 224                         part {
 225                                 name: "elm.swallow.most_visited_sites";
 226                                 type: SWALLOW;
 227                                 mouse_events: 1;
 228                                 scale: 1;
 229                                 description {
 230                                         state: "default" 0.0;
 231                                         visible: 0;
 232                                         align: 0.0 0.0;
 233                                         rel1 { relative: 0.0 0.0; to: "elm.rect.content_dim"; }
 234                                         rel2 { relative: 1.0 0.0; to: "padding,most_visited_sites_bottom"; }
 235                                 }
 236                                 description {
 237                                         state: "visible" 0.0;
 238                                         inherit: "default" 0.0;
 239                                         visible: 1;
 240                                 }
 241                         }
 242                         part {
 243                                 name: "elm.rect.content_dim";
 244                                 type: RECT;
 245                                 mouse_events: 1;
 246                                 repeat_events: 0;
 247                                 scale: 1;
 248                                 description {
 249                                         state: "default" 0.0;
 250                                         visible: 0;
 251                                         align: 0.0 0.0;
 252                                         rel1 { relative: 0.0 1.0; to_y: "padding,url_layout"; }
 253                                         rel2 { relative: 1.0 1.0; }
 254                                         color: 20 20 20 170;
 255                                 }
 256                                 description {
 257                                         state: "visible" 0.0;
 258                                         inherit: "default" 0.0;
 259                                         visible: 1;
 260                                 }
 261                         }
 262                         part {
 263                                 name: "elm.swallow.most_visited";
 264                                 type: SWALLOW;
 265                                 mouse_events: 1;
 266                                 repeat_events: 0;
 267                                 scale: 1;
 268                                 description {
 269                                         state: "default" 0.0;
 270                                         visible: 0;
 271                                         align: 0.0 0.0;
 272                                         rel1 { relative: 0.0 0.0; to: "elm.rect.content_dim"; }
 273                                         rel2 { relative: 1.0 0.0; to: "elm.rect.content_dim"; }
 274                                 }
 275                                 description {
 276                                         state: "visible" 0.0;
 277                                         inherit: "default" 0.0;
 278                                         visible: 1;
 279                                 }
 280                         }
 281                         part {
 282                                 name: "elm.rect.control_bar_bg";
 283                                 type: RECT;
 284                                 mouse_events: 0;
 285                                 repeat_events: 0;
 286                                 scale: 1;
 287                                 description {
 288                                         state: "default" 0.0;
 289                                         visible: 1;
 290                                         align: 0.0 0.0;
 291                                         rel1 { relative: 0.0 0.0; to: "elm.swallow.control_bar"; }
 292                                         rel2 { relative: 1.0 1.0; to: "elm.swallow.control_bar"; }
 293                                         color: 255 255 255 255;
 294                                 }
 295                         }
 296                         part {
 297                                 name: "elm.swallow.control_bar";
 298                                 type: SWALLOW;
 299                                 mouse_events: 1;
 300                                 repeat_events: 0;
 301                                 scale: 1;
 302                                 description {
 303                                         state: "default" 0.0;
 304                                         visible: 1;
 305                                         min: 0 BROWSER_CONTROL_BAR_HEIGHT;
 306                                         fixed: 0 1;
 307                                         align: 0.5 1.0;
 308                                         rel1 { relative: 0.0 1.0; }
 309                                         rel2 { relative: 1.0 1.0; }
 310                                 }
 311                                 description {
 312                                         state: "invisible" 0.0;
 313                                         inherit: "default" 0.0;
 314                                         align: 0.5 0.0;
 315                                         rel1 { relative: 0.0 1.0; }
 316                                         rel2 { relative: 1.0 1.0; }
 317                                 }
 318                                 description {
 319                                         state: "full_screen" 0.0;
 320                                         inherit: "default" 0.0;
 321                                         visible: 0;
 322                                 }
 323                         }
 324                         part {
 325                                 name: "elm.swallow.multi_window";
 326                                 type: SWALLOW;
 327                                 mouse_events: 1;
 328                                 repeat_events: 0;
 329                                 scale: 1;
 330                                 description {
 331                                         state: "default" 0.0;
 332                                         visible: 0;
 333                                         align: 0.0 0.0;
 334                                         rel1 { relative: 0.0 0.0; to: "elm.swallow.content"; }
 335                                         rel2 { relative: 1.0 1.0; to: "elm.swallow.content"; }
 336                                 }
 337                                 description {
 338                                         state: "visible" 0.0;
 339                                         inherit: "default" 0.0;
 340                                         visible: 1;
 341                                 }
 342                         }
 343                         /* For change effect. */
 344                         part { name: "rect.reader_layout";
 345                                 type: RECT;
 346                                 mouse_events: 0;
 347                                 repeat_events: 0;
 348                                 scale: 1;
 349                                 description {
 350                                         state: "default" 0.0;
 351                                         color: 255 255 255 0;
 352                                         rel1 { relative: 0.0 0.0; to: "elm.swallow.reader"; }
 353                                         rel2 { relative: 1.0 1.0; to: "elm.swallow.reader"; }
 354                                 }
 355                                 description {
 356                                         state: "visible" 0.0;
 357                                         inherit: "default" 0.0;
 358                                         color: 255 255 255 255;
 359                                 }
 360                         }
 361                         part {
 362                                 name: "elm.swallow.reader";
 363                                 type: SWALLOW;
 364                                 mouse_events: 1;
 365                                 repeat_events: 0;
 366                                 scale: 1;
 367                                 /* For change effect. */
 368                                 clip_to: "rect.reader_layout";
 369                                 description {
 370                                         state: "default" 0.0;
 371                                         visible: 0;
 372                                         align: 0.0 0.0;
 373                                         rel1 { relative: 0.0 0.0; to: "contents_bg"; }
 374                                         rel2 { relative: 1.0 1.0; to: "contents_bg"; }
 375                                 }
 376                                 description {
 377                                         state: "visible" 0.0;
 378                                         inherit: "default" 0.0;
 379                                         visible: 1;
 380                                 }
 381                         }
 382                         part { name: "elm.swallow.predictive_history";
 383                                 mouse_events: 1;
 384                                 type: SWALLOW;
 385                                 scale: 1;
 386                                 description {
 387                                         state: "default" 0.0;
 388                                         visible: 0;
 389                                         rel1 { relative: 0.0 0.0; to: "elm.swallow.most_visited"; }
 390                                         rel2 { relative: 1.0 1.0; }
 391                                 }
 392                                 description {
 393                                         state: "visible" 0.0;
 394                                         inherit: "default" 0.0;
 395                                         visible: 1;
 396                                 }
 397                         }
 398                         part {
 399                                 /* In case of my sites guide text, dim the background of screen. */
 400                                 name: "elm.rect.screen_dim";
 401                                 type: RECT;
 402                                 mouse_events: 1;
 403                                 repeat_events: 0;
 404                                 scale: 1;
 405                                 description {
 406                                         state: "default" 0.0;
 407                                         visible: 0;
 408                                         align: 0.0 0.0;
 409                                         rel1 { relative: 0.0 0.0; to: "elm.swallow.multi_window"; }
 410                                         rel2 { relative: 1.0 1.0; to: "elm.swallow.multi_window"; }
 411                                         color: 20 20 20 170;
 412                                 }
 413                                 description {
 414                                         state: "visible" 0.0;
 415                                         inherit: "default" 0.0;
 416                                         visible: 1;
 417                                 }
 418                         }
 419                         part {
 420                                 name: "elm.swallow.mysites_guide";
 421                                 type: SWALLOW;
 422                                 mouse_events: 1;
 423                                 repeat_events: 0;
 424                                 scale: 1;
 425                                 description {
 426                                         state: "default" 0.0;
 427                                         visible: 0;
 428                                         min: 660 375;
 429                                         max: 660 600;
 430                                         fixed: 1 0;
 431                                         align: 0.5 0.6;
 432                                         rel1 { relative: 0.0 0.0; to: "elm.rect.screen_dim"; }
 433                                         rel2 { relative: 1.0 1.0; to: "elm.rect.screen_dim"; }
 434                                 }
 435                                 description {
 436                                         state: "visible" 0.0;
 437                                         inherit: "default" 0.0;
 438                                         visible: 1;
 439                                 }
 440                         }
 441                         part {
 442                                 name: "elm.rect.more_context_bg";
 443                                 type: RECT;
 444                                 mouse_events: 1;
 445                                 repeat_events: 0;
 446                                 scale: 1;
 447                                 description {
 448                                         state: "default" 0.0;
 449                                         visible: 0;
 450                                         align: 0.0 0.0;
 451                                         rel1 { relative: 0.0 0.0; }
 452                                         rel2 { relative: 1.0 1.0; }
 453                                         color: 0 0 0 0;
 454                                 }
 455                                 description {
 456                                         state: "visible" 0.0;
 457                                         inherit: "default" 0.0;
 458                                         visible: 1;
 459                                 }
 460                         }
 461                         part {
 462                                 name: "elm.rect.brightness_top_seg_bg";
 463                                 type: RECT;
 464                                 mouse_events: 1;
 465                                 repeat_events: 0;
 466                                 scale: 1;
 467                                 description {
 468                                         state: "default" 0.0;
 469                                         visible: 0;
 470                                         align: 0.0 0.0;
 471                                         fixed: 0 1;
 472                                         min: 0 BROWSER_CONTROL_BAR_HEIGHT;
 473                                         rel1 { relative: 0.0 0.0; }
 474                                         rel2 { relative: 1.0 0.0; }
 475                                         color: 20 20 20 255;
 476                                 }
 477                                 description {
 478                                         state: "visible" 0.0;
 479                                         inherit: "default" 0.0;
 480                                         visible: 1;
 481                                 }
 482                         }
 483                         part {
 484                                 name: "brightness_title_label";
 485                                 type: TEXT;
 486                                 scale: 1;
 487                                 mouse_events: 0;
 488                                 description {
 489                                         state: "default" 0.0;
 490                                         visible: 0;
 491                                         fixed: 1 1;
 492                                         align: 0.0 0.0;
 493                                         rel1 {relative: 0.1 0.0; to: "elm.rect.brightness_top_seg_bg"; }
 494                                         rel2 {relative: 0.9 0.4; to: "elm.rect.brightness_top_seg_bg"; }
 495                                         text { font: FONT_ROM;
 496                             size: 25;
 497                             min: 0 0;
 498                             align: 0.5 0.5;
 499                     }
 500                     color: 255 255 255 255;
 501                                 }
 502                                 description {
 503                                         state: "visible" 0.0;
 504                                         inherit: "default" 0.0;
 505                                         visible: 1;
 506                                 }
 507                         }
 508                         part { name: "elm.swallow.brightness_top_seg";
 509                                 mouse_events: 1;
 510                                 repeat_events: 0;
 511                                 type: SWALLOW;
 512                                 scale: 1;
 513                                 description {
 514                                         state: "default" 0.0;
 515                                         visible: 0;
 516                                         align: 0.0 0.0;
 517                                         rel1 { relative: 0.1 0.4; to: "elm.rect.brightness_top_seg_bg"; }
 518                                         rel2 { relative: 0.9 0.9; to: "elm.rect.brightness_top_seg_bg"; }
 519                                 }
 520                                 description {
 521                                         state: "visible" 0.0;
 522                                         inherit: "default" 0.0;
 523                                         visible: 1;
 524                                 }
 525                         }
 526                         part {
 527                                 name: "elm.rect.brightness_slider_bg";
 528                                 type: RECT;
 529                                 mouse_events: 1;
 530                                 repeat_events: 0;
 531                                 scale: 1;
 532                                 description {
 533                                         state: "default" 0.0;
 534                                         visible: 0;
 535                                         align: 0.0 0.0;
 536                                         rel1 { relative: 0.0 0.0; to: "elm.swallow.brightness_slider"; }
 537                                         rel2 { relative: 1.0 1.0; to: "elm.swallow.brightness_slider"; }
 538                                         color: 20 20 20 255;
 539                                 }
 540                                 description {
 541                                         state: "visible" 0.0;
 542                                         inherit: "default" 0.0;
 543                                         visible: 1;
 544                                 }
 545                         }
 546                         part { name: "elm.swallow.brightness_slider";
 547                                 mouse_events: 1;
 548                                 repeat_events: 0;
 549                                 type: SWALLOW;
 550                                 scale: 1;
 551                                 description {
 552                                         state: "default" 0.0;
 553                                         visible: 0;
 554                                         min: 0 BROWSER_CONTROL_BAR_HEIGHT;
 555                                         fixed: 0 1;
 556                                         align: 0.0 1.0;
 557                                         rel1 { relative: 0.0 0.0; to: "elm.swallow.control_bar"; }
 558                                         rel2 { relative: 1.0 0.0; to: "elm.swallow.control_bar"; }
 559                                 }
 560                                 description {
 561                                         state: "visible" 0.0;
 562                                         inherit: "default" 0.0;
 563                                         visible: 1;
 564                                 }
 565                         }
 566                 }
 567                 programs {
 568                         /////////////////////////////
 569                         // show / hide brightness layout
 570                         /////////////////////////////
 571                         program { name: "show,brightness_layout";
 572                                 signal: "show,brightness_layout,signal";
 573                                 action: STATE_SET "visible" 0.0;
 574                                 target: "elm.swallow.brightness_slider";
 575                                 target: "elm.rect.brightness_slider_bg";
 576                                 target: "elm.rect.brightness_top_seg_bg";
 577                                 target: "elm.swallow.brightness_top_seg";
 578                                 target: "brightness_title_label";
 579                         }
 580                         program { name: "hide,brightness_layout";
 581                                 signal: "hide,brightness_layout,signal";
 582                                 action: STATE_SET "default" 0.0;
 583                                 target: "elm.swallow.brightness_slider";
 584                                 target: "elm.rect.brightness_slider_bg";
 585                                 target: "elm.rect.brightness_top_seg_bg";
 586                                 target: "elm.swallow.brightness_top_seg";
 587                                 target: "brightness_title_label";
 588                         }
 589
 590                         /////////////////////////////
 591                         // show / hide more context bg
 592                         /////////////////////////////
 593                         program { name: "show,more_context_bg";
 594                                 signal: "show,more_context_bg,signal";
 595                                 action: STATE_SET "visible" 0.0;
 596                                 target: "elm.rect.more_context_bg";
 597                         }
 598                         program { name: "hide,more_context_bg";
 599                                 signal: "hide,more_context_bg,signal";
 600                                 action: STATE_SET "default" 0.0;
 601                                 target: "elm.rect.more_context_bg";
 602                         }
 603
 604                         /////////////////////////////
 605                         // full screen
 606                         /////////////////////////////
 607                         program { name: "enter,full_screen";
 608                                 signal: "enter,full_screen,signal";
 609                                 action: STATE_SET "full_screen" 0.0;
 610                                 target: "elm.swallow.control_bar";
 611                                 target: "elm.swallow.content";
 612                         }
 613                         program { name: "exit,full_screen";
 614                                 signal: "exit,full_screen,signal";
 615                                 action: STATE_SET "default" 0.0;
 616                                 target: "elm.swallow.control_bar";
 617                                 target: "elm.swallow.content";
 618                         }
 619                         /////////////////////////////
 620                         // show / hide scissor box
 621                         /////////////////////////////
 622                         program { name: "show,scissorbox";
 623                                 signal: "show,scissorbox,signal";
 624                                 action: STATE_SET "visible" 0.0;
 625                                 target: "elm.swallow.scissorbox";
 626                         }
 627                         program { name: "hide,scissorbox";
 628                                 signal: "hide,scissorbox,signal";
 629                                 action: STATE_SET "default" 0.0;
 630                                 target: "elm.swallow.scissorbox";
 631                         }
 632                         /* ifdef ZOOM_BUTTON */
 633                         /////////////////////////////
 634                         // show / hide zoom buttons
 635                         /////////////////////////////
 636                         program { name: "show,zoom_buttons";
 637                                 signal: "show,zoom_buttons,signal";
 638                                 action: STATE_SET "visible" 0.0;
 639                                 target: "elm.swallow.zoom_out_button";
 640                                 target: "elm.swallow.zoom_in_button";
 641                         }
 642                         program { name: "hide,zoom_buttons";
 643                                 signal: "hide,zoom_buttons,signal";
 644                                 action: STATE_SET "default" 0.0;
 645                                 target: "elm.swallow.zoom_out_button";
 646                                 target: "elm.swallow.zoom_in_button";
 647                         }
 648                         program { name: "show,zoom_in_buttons";
 649                                 signal: "show,zoom_in_buttons,signal";
 650                                 action: STATE_SET "visible" 0.0;
 651                                 target: "elm.swallow.zoom_in_button";
 652                         }
 653                         program { name: "hide,zoom_in_buttons";
 654                                 signal: "hide,zoom_in_buttons,signal";
 655                                 action: STATE_SET "default" 0.0;
 656                                 target: "elm.swallow.zoom_in_button";
 657                         }
 658                         program { name: "show,zoom_out_buttons";
 659                                 signal: "show,zoom_out_buttons,signal";
 660                                 action: STATE_SET "visible" 0.0;
 661                                 target: "elm.swallow.zoom_out_button";
 662                         }
 663                         program { name: "hide,zoom_out_buttons";
 664                                 signal: "hide,zoom_out_buttons,signal";
 665                                 action: STATE_SET "default" 0.0;
 666                                 target: "elm.swallow.zoom_out_button";
 667                         }
 668                         /* endif ZOOM_BUTTON */
 669
 670                         /////////////////////////////
 671                         // show / hide reader
 672                         /////////////////////////////
 673                         program { name: "show,reader";
 674                                 signal: "show,reader,signal";
 675                                 action: STATE_SET "visible" 0.0;
 676                                 target: "elm.swallow.reader";
 677                         }
 678                         program { name: "show,reader,clipper";
 679                                 signal: "show,reader,signal";
 680                                 transition: ACCELERATE 0.5;
 681                                 action: STATE_SET "visible" 0.0;
 682                                 target: "rect.reader_layout";
 683                         }
 684                         program { name: "hide,reader";
 685                                 signal: "hide,reader,signal";
 686                                 action: STATE_SET "default" 0.0;
 687                                 target: "elm.swallow.reader";
 688                                 target: "rect.reader_layout";
 689                         }
 690
 691                         /////////////////////////////
 692                         // show / hide most visited sites
 693                         /////////////////////////////
 694                         program { name: "show,most_visited_sites";
 695                                 signal: "show,most_visited_sites,signal";
 696                                 action: STATE_SET "visible" 0.0;
 697                                 target: "elm.swallow.most_visited_sites";
 698                                 target: "most_visited_sites_bg";
 699                         }
 700                         program { name: "hide,most_visited_sites";
 701                                 signal: "hide,most_visited_sites,signal";
 702                                 action: STATE_SET "default" 0.0;
 703                                 target: "elm.swallow.most_visited_sites";
 704                                 target: "most_visited_sites_bg";
 705                         }
 706
 707                         /////////////////////////////////////
 708                         // show / hide most visited sites guide text
 709                         /////////////////////////////////////
 710                         program { name: "show,most_visited_sites_guide_text";
 711                                 signal: "show,most_visited_sites_guide_text,signal";
 712                                 action: STATE_SET "visible" 0.0;
 713                                 target: "elm.rect.screen_dim";
 714                                 target: "elm.swallow.mysites_guide";
 715                         }
 716                         program { name: "hide,most_visited_sites_guide_text";
 717                                 signal: "hide,most_visited_sites_guide_text,signal";
 718                                 action: STATE_SET "default" 0.0;
 719                                 target: "elm.rect.screen_dim";
 720                                 target: "elm.swallow.mysites_guide";
 721                         }
 722
 723                         /////////////////////////////
 724                         // url edit mode on/off
 725                         /////////////////////////////
 726                         program { name: "edit,url,on";
 727                                 signal: "edit,url,on,signal";
 728                                 action: STATE_SET "visible" 0.0;
 729                                 target: "elm.rect.content_dim";
 730                                 after: "show,most_visited";
 731                         }
 732                         program { name: "edit,url,off";
 733                                 signal: "edit,url,off,signal";
 734                                 action: STATE_SET "default" 0.0;
 735                                 target: "elm.rect.content_dim";
 736                                 after: "hide,most_visited";
 737                         }
 738
 739                         /////////////////////////////
 740                         // show / hide background dim
 741                         /////////////////////////////
 742                         program { name: "dim,bg";
 743                                 signal: "dim,bg,signal";
 744                                 action: STATE_SET "visible" 0.0;
 745                                 target: "elm.rect.content_dim";
 746                         }
 747                         program { name: "undim,bg";
 748                                 signal: "undim,bg,signal";
 749                                 action: STATE_SET "default" 0.0;
 750                                 target: "elm.rect.content_dim";
 751                         }
 752
 753                         ////////////////////////////////////
 754                         // show / hide most visited swallow
 755                         ////////////////////////////////////
 756                         program { name: "show,most_visited";
 757                                 signal: "show,most_visited,signal";
 758                                 action: STATE_SET "visible" 0.0;
 759                                 target: "elm.swallow.most_visited";
 760                         }
 761                         program { name: "hide,most_visited";
 762                                 signal: "hide,most_visited,signal";
 763                                 action: STATE_SET "default" 0.0;
 764                                 target: "elm.swallow.most_visited";
 765                         }
 766
 767                         ////////////////////////////////////
 768                         // show / hide multiwindow swallow
 769                         ////////////////////////////////////
 770                         program { name: "show,multi_window";
 771                                 signal: "show,multi_window,signal";
 772                                 action: STATE_SET "visible" 0.0;
 773                                 target: "elm.swallow.multi_window";
 774                         }
 775                         program { name: "hide,multi_window";
 776                                 signal: "hide,multi_window,signal";
 777                                 action: STATE_SET "default" 0.0;
 778                                 target: "elm.swallow.multi_window";
 779                         }
 780
 781                         /////////////////////////////
 782                         // control bar show / hide
 783                         /////////////////////////////
 784                         program { name: "show,control_bar";
 785                                 signal: "show,control_bar,signal";
 786                                 transition: LINEAR 0.2;
 787                                 action: STATE_SET "default" 0.0;
 788                                 target: "elm.swallow.control_bar";
 789                         }
 790                         program { name: "hide,control_bar";
 791                                 signal: "hide,control_bar,signal";
 792                                 transition: LINEAR 0.2;
 793                                 action: STATE_SET "invisible" 0.0;
 794                                 target: "elm.swallow.control_bar";
 795                         }
 796                         program { name: "hide,control_bar,no_animation";
 797                                 signal: "hide,control_bar,no_animation,signal";
 798                                 action: STATE_SET "invisible" 0.0;
 799                                 target: "elm.swallow.control_bar";
 800                         }
 801                         program { name: "show,control_bar,no_animation";
 802                                 signal: "show,control_bar,no_animation,signal";
 803                                 action: STATE_SET "default" 0.0;
 804                                 target: "elm.swallow.control_bar";
 805                         }
 806                         /////////////////////////////////////////////////////
 807                         // hide waiting progress bar / show grey background
 808                         /////////////////////////////////////////////////////
 809                         program { name: "hide,waiting_progressbar";
 810                                 signal: "hide,waiting_progressbar,signal";
 811                                 action: STATE_SET "unvisible" 0.0;
 812                                 target: "elm.swallow.waiting_progress";
 813                         }
 814                         program { name: "show,grey_background";
 815                                 signal: "show,grey_background,signal";
 816                                 action: STATE_SET "visible" 0.0;
 817                                 target: "contents_bg";
 818                         }
 819                         program { name: "hide,grey_background";
 820                                 signal: "hide,grey_background,signal";
 821                                 action: STATE_SET "default" 0.0;
 822                                 target: "contents_bg";
 823                         }
 824
 825                         ////////////////////////////////////
 826                         // show / hide predictive history
 827                         ////////////////////////////////////
 828                         program { name: "hide,predictive_history";
 829                                 signal: "hide,predictive_history,signal";
 830                                 action: STATE_SET "default" 0.0;
 831                                 target: "elm.swallow.predictive_history";
 832                         }
 833                         program { name: "show,predictive_history";
 834                                 signal: "show,predictive_history,signal";
 835                                 action: STATE_SET "visible" 0.0;
 836                                 target: "elm.swallow.predictive_history";
 837                         }
 838                 }
 839         }
 840
 841         group {
 842                 name: "browser/browser-view-webview";
 843                 parts {
 844                         part { name: "bg";
 845                                 mouse_events: 0;
 846                                 type: RECT;
 847                                 scale: 1;
 848                                 description {
 849                                         state: "default" 0.0;
 850                                         visible: 1;
 851                                         align: 0.0 0.0;
 852                                         rel1 { relative: 0.0 0.0; }
 853                                         /* The height of url bar layout is 65. */
 854                                         /* The webview size is content height + 65. */
 855                                         rel2 { relative: 1.0 1.0; }
 856                                         color: 0 0 0 0;
 857                                         fixed: 0 1;
 858                                         min: 0 1116;
 859                                 }
 860                                 description {
 861                                         state: "resizable" 0.0;
 862                                         visible: 1;
 863                                         align: 0.0 0.0;
 864                                         rel1 { relative: 0.0 0.0; }
 865                                         /* The height of url bar layout is 65. */
 866                                         /* The webview size is content height + 65. */
 867                                         rel2 { relative: 1.0 1.0; }
 868                                         color: 0 0 0 0;
 869                                 }
 870                         }
 871                         part {
 872                                 name: "elm.swallow.webview";
 873                                 type: SWALLOW;
 874                                 mouse_events: 1;
 875                                 repeat_events: 0;
 876                                 scale: 1;
 877                                 description {
 878                                         state: "default" 0.0;
 879                                         visible: 1;
 880                                         align: 0.0 0.0;
 881                                         rel1 { relative: 0.0 0.0; to: "bg"; }
 882                                         rel2 { relative: 1.0 1.0; to: "bg"; }
 883                                         fixed: 0 1;
 884                                         min: 0 1116;
 885                                 }
 886                                 description {
 887                                         state: "resizable" 0.0;
 888                                         visible: 1;
 889                                         align: 0.0 0.0;
 890                                         rel1 { relative: 0.0 0.0; to: "bg"; }
 891                                         rel2 { relative: 1.0 1.0; to: "bg"; }
 892                                 }
 893                         }
 894                 }
 895                 programs {
 896                         /////////////////////////////
 897                         // show / hide more context bg
 898                         /////////////////////////////
 899                         program { name: "resizable";
 900                                 signal: "resizable,signal";
 901                                 action: STATE_SET "resizable" 0.0;
 902                                 target: "bg";
 903                                 target: "elm.swallow.webview";
 904                         }
 905                         program { name: "unresizable";
 906                                 signal: "unresizable,signal";
 907                                 action: STATE_SET "default" 0.0;
 908                                 target: "bg";
 909                                 target: "elm.swallow.webview";
 910                         }
 911                 }
 912         }
 913 }