edc/browser-multi-window.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 #include "browser-macro.edc"
  19
  20 collections {
  21         group {
  22                 name: "browser/browser-multi-window";
  23                 images {
  24
  25                 }
  26                 parts {
  27                         /* For view change effect. */
  28                         part { name: "rect.bg_clipper";
  29                                 type: RECT;
  30                                 scale: 1;
  31                                 description {
  32                                         state: "default" 0.0;
  33                                         color: 255 255 255 0;
  34                                         rel1 { relative: 0.0 0.0; to: "bg"; }
  35                                         rel2 { relative: 1.0 1.0; to: "bg"; }
  36                                 }
  37                                 description {
  38                                         state: "visible" 0.0;
  39                                         color: 255 255 255 255;
  40                                         rel1 { relative: 0.0 0.0; to: "bg"; }
  41                                         rel2 { relative: 1.0 1.0; to: "bg"; }
  42                                 }
  43                         }
  44                         part { name: "bg2";
  45                                 mouse_events: 1;
  46                                 repeat_events: 0;
  47                                 type: RECT;
  48                                 scale: 1;
  49                                 /* For view change effect. */
  50                                 clip_to: "rect.bg_clipper";
  51                                 description {
  52                                         state: "default" 0.0;
  53                                         align: 0.0 0.0;
  54                                         visible: 1;
  55                                         rel1 { relative: 0.0 0.0; }
  56                                         rel2 { relative: 1.0 1.0; }
  57                                         color: 0 0 0 0;
  58                                 }
  59                                 description {
  60                                         state: "visible" 0.0;
  61                                         inherit: "default" 0.0;
  62                                         color: 0 0 0 180;
  63                                 }
  64                         }
  65                         part { name: "bg";
  66                                 mouse_events: 1;
  67                                 repeat_events: 0;
  68                                 type: RECT;
  69                                 scale: 1;
  70                                 description {
  71                                         state: "default" 0.0;
  72                                         align: 0.0 0.0;
  73                                         visible: 1;
  74                                         rel1 { relative: 0.0 0.0; }
  75                                         rel2 { relative: 1.0 1.0; }
  76                                         color: 0 0 0 0;
  77                                 }
  78                                 description {
  79                                         state: "visible" 0.0;
  80                                         inherit: "default" 0.0;
  81                                         color: 0 0 0 0;
  82                                 }
  83                         }
  84                         /* For view change effect. */
  85                         part { name: "rect.scroller_clipper";
  86                                 type: RECT;
  87                                 scale: 1;
  88                                 description {
  89                                         state: "default" 0.0;
  90                                         color: 255 255 255 255;
  91                                         rel1 { relative: 0.0 0.0; to: "elm.swallow.scroller"; }
  92                                         rel2 { relative: 1.0 1.0; to: "elm.swallow.scroller"; }
  93                                 }
  94                                 description {
  95                                         state: "invisible" 0.0;
  96                                         color: 255 255 255 0;
  97                                         rel1 { relative: 0.0 0.0; to: "elm.swallow.scroller"; }
  98                                         rel2 { relative: 1.0 1.0; to: "elm.swallow.scroller"; }
  99                                 }
 100                         }
 101                         part {
 102                                 name: "elm.swallow.scroller";
 103                                 type: SWALLOW;
 104                                 mouse_events: 1;
 105                                 scale: 1;
 106                                 /* For view change effect. */
 107                                 clip_to: "rect.scroller_clipper";
 108                                 description {
 109                                         state: "default" 0.0;
 110                                         visible: 1;
 111                                         fixed: 1 1;
 112                                         align: 0.0 0.0;
 113                                         rel1 { relative: 0.0 0.2; }
 114                                         rel2 { relative: 1.0 0.9; }
 115                                 }
 116                                 description {
 117                                         state: "invisible" 0.0;
 118                                         inherit: "default" 0.0;
 119                                         visible: 0;
 120                                 }
 121                         }
 122                         /* For view change effect. */
 123                         part { name: "rect.gengrid_clipper";
 124                                 type: RECT;
 125                                 scale: 1;
 126                                 description {
 127                                         state: "default" 0.0;
 128                                         color: 255 255 255 0;
 129                                         rel1 { relative: 0.0 0.0; to: "elm.swallow.gengrid"; }
 130                                         rel2 { relative: 1.0 1.0; to: "elm.swallow.gengrid"; }
 131                                 }
 132                                 description {
 133                                         state: "visible" 0.0;
 134                                         color: 255 255 255 255;
 135                                         rel1 { relative: 0.0 0.0; to: "elm.swallow.gengrid"; }
 136                                         rel2 { relative: 1.0 1.0; to: "elm.swallow.gengrid"; }
 137                                 }
 138                         }
 139                         part {
 140                                 name: "elm.swallow.gengrid";
 141                                 type: SWALLOW;
 142                                 mouse_events: 1;
 143                                 scale: 1;
 144                                 /* For view change effect. */
 145                                 clip_to: "rect.gengrid_clipper";
 146                                 description {
 147                                         state: "default" 0.0;
 148                                         visible: 0;
 149                                         fixed: 1 1;
 150                                         align: 0.0 0.5;
 151                                         rel1 { relative: 0.0 0.05; }
 152                                         rel2 { relative: 1.0 0.95; }
 153                                 }
 154                                 description {
 155                                         state: "visible" 0.0;
 156                                         inherit: "default" 0.0;
 157                                         visible: 1;
 158                                 }
 159                         }
 160 #if 0
 161                         part {
 162                                 name: "elm.swallow.close_multi_window_button";
 163                                 type: SWALLOW;
 164                                 mouse_events: 1;
 165                                 scale: 1;
 166                                 description {
 167                                         state: "default" 0.0;
 168                                         visible: 1;
 169                                         min: 210 69;
 170                                         max: 210 69;
 171                                         fixed: 1 1;
 172                                         align: 1.0 1.0;
 173                                         rel1 { relative: -0.05 0.98; to_x: "elm.swallow.view_change_button"; }
 174                                         rel2 { relative: -0.05 0.98; to_x: "elm.swallow.view_change_button"; }
 175                                 }
 176                         }
 177                         part {
 178                                 name: "elm.swallow.view_change_button";
 179                                 type: SWALLOW;
 180                                 mouse_events: 1;
 181                                 scale: 1;
 182                                 description {
 183                                         state: "default" 0.0;
 184                                         visible: 1;
 185                                         min: 210 69;
 186                                         max: 210 69;
 187                                         fixed: 1 1;
 188                                         align: 0.5 1.0;
 189                                         rel1 { relative: 0.5 0.98; }
 190                                         rel2 { relative: 0.5 0.98; }
 191                                 }
 192                         }
 193                         part {
 194                                 name: "elm.swallow.new_window_button";
 195                                 type: SWALLOW;
 196                                 mouse_events: 1;
 197                                 scale: 1;
 198                                 description {
 199                                         state: "default" 0.0;
 200                                         visible: 1;
 201                                         min: 210 69;
 202                                         max: 210 69;
 203                                         fixed: 1 1;
 204                                         align: 0.0 1.0;
 205                                         rel1 { relative: 1.05 0.98; to_x: "elm.swallow.view_change_button"; }
 206                                         rel2 { relative: 1.05 0.98; to_x: "elm.swallow.view_change_button"; }
 207                                 }
 208                         }
 209 #endif
 210                         part {
 211                                 name: "elm.title";
 212                                 type: TEXT;
 213                                 mouse_events: 1;
 214                                 scale: 1;
 215                                 description {
 216                                         state: "default" 0.0;
 217                                         visible: 1;
 218                                         min: 0 40;
 219                                         fixed: 0 1;
 220                                         align: 0.5 0.0;
 221                                         rel1 { relative: 0.0 1.0; to_x: "bg"; to_y: "elm.swallow.page_control"; }
 222                                         rel2 { relative: 1.0 1.0; to_x: "bg"; to_y: "elm.swallow.page_control"; }
 223                                         text {
 224                                                 font: FONT_ROM;
 225                                                 size: 30;
 226                                                 min: 0 0;
 227                                                 align: 0.5 1.0;
 228                                         }
 229                                         color: 255 255 255 255;
 230                                 }
 231                                 description {
 232                                         state: "invisible" 0.0;
 233                                         inherit: "default" 0.0;
 234                                         visible: 0;
 235                                 }
 236                         }
 237                         part {
 238                                 name: "elm.url";
 239                                 type: TEXT;
 240                                 mouse_events: 1;
 241                                 scale: 1;
 242                                 description {
 243                                         state: "default" 0.0;
 244                                         visible: 1;
 245                                         min: 0 40;
 246                                         fixed: 0 1;
 247                                         align: 0.5 0.0;
 248                                         rel1 { relative: 0.0 1.0; to_x: "bg"; to_y: "elm.title"; }
 249                                         rel2 { relative: 1.0 1.0; to_x: "bg"; to_y: "elm.title"; }
 250                                         text {
 251                                                 font: FONT_ROM;
 252                                                 size: 26;
 253                                                 min: 0 0;
 254                                                 align: 0.5 1.0;
 255                                         }
 256                                         color: 255 255 255 255;
 257                                 }
 258                                 description {
 259                                         state: "invisible" 0.0;
 260                                         inherit: "default" 0.0;
 261                                         visible: 0;
 262                                 }
 263                         }
 264                         part {
 265                                 name: "elm.swallow.page_control";
 266                                 type: SWALLOW;
 267                                 mouse_events: 1;
 268                                 scale: 1;
 269                                 description {
 270                                         state: "default" 0.0;
 271                                         visible: 1;
 272                                         align: 0.5 0.0;
 273                                         fixed: 0 1;
 274                                         rel1 { relative: 0.0 0.0; to_x: "bg"; to_y: "bg"; }
 275                                         rel2 { relative: 1.0 0.0; to_x: "bg"; to_y: "elm.title"; }
 276                                 }
 277                                 description {
 278                                         state: "invisible" 0.0;
 279                                         inherit: "default" 0.0;
 280                                         visible: 0;
 281                                 }
 282                         }
 283                 }
 284
 285                 programs {
 286                         program { name: "show,multi_window";
 287                                 signal: "show,multi_window,signal";
 288                                 action: STATE_SET "visible" 0.0;
 289                                 target: "bg";
 290                         }
 291                         program { name: "show,bg";
 292                                 signal: "show,bg,signal";
 293                                 transition: LINEAR 0.8;
 294                                 action: STATE_SET "visible" 0.0;
 295                                 target: "bg2";
 296                                 target: "rect.bg_clipper";
 297                         }
 298                         program { name: "hide,multi_window";
 299                                 signal: "hide,multi_window,signal";
 300                                 transition: LINEAR 0.2;
 301                                 action: STATE_SET "default" 0.0;
 302                                 target: "bg";
 303                         }
 304                         program { name: "show,grid_mode";
 305                                 signal: "show,grid_mode,signal";
 306                                 action: STATE_SET "invisible" 0.0;
 307                                 //transition: ACCELERATE 0.3;
 308                                 target: "elm.swallow.scroller";
 309                                 target: "elm.title";
 310                                 target: "elm.url";
 311                                 target: "elm.swallow.page_control";
 312                                 target: "rect.scroller_clipper";
 313                         }
 314                         program { name: "show,grid_mode,gengrid";
 315                                 signal: "show,grid_mode,signal";
 316                                 action: STATE_SET "visible" 0.0;
 317                                 target: "elm.swallow.gengrid";
 318                         }
 319                         program { name: "show,grid_mode,clipper";
 320                                 signal: "show,grid_mode,signal";
 321                                 action: STATE_SET "visible" 0.0;
 322                                 //transition: ACCELERATE 0.3;
 323                                 target: "rect.gengrid_clipper";
 324                         }
 325
 326                         program { name: "show,normal_mode";
 327                                 signal: "show,normal_mode,signal";
 328                                 action: STATE_SET "default" 0.0;
 329                                 target: "elm.swallow.scroller";
 330                                 target: "elm.title";
 331                                 target: "elm.url";
 332                                 target: "elm.swallow.page_control";
 333                         }
 334                         program { name: "show,normal_mode,clipper";
 335                                 signal: "show,normal_mode,signal";
 336                                 action: STATE_SET "default" 0.0;
 337                                 //transition: ACCELERATE 0.3;
 338                                 target: "rect.scroller_clipper";
 339                         }
 340                         program { name: "hide,grid_mode,clipper";
 341                                 signal: "show,normal_mode,signal";
 342                                 action: STATE_SET "default" 0.0;
 343                                 //transition: ACCELERATE 0.3;
 344                                 target: "rect.gengrid_clipper";
 345                                 target: "elm.swallow.gengrid";
 346                                 after: "delete,gengrid";
 347                         }
 348                         /* Send "delete,gengrid,signal"
 349                          * to delete gengrid after view change effect */
 350                         program { name: "delete,gengrid";
 351                                 source: "elm.swallow.gengrid";
 352                                 action: SIGNAL_EMIT "delete,gengrid,signal" "";
 353                         }
 354                 }
 355         }
 356
 357         group {
 358                 name: "browser/multi-window/item";
 359                 images{
 360                         image: "multi-window/I01_Btn_delete_01.png" COMP;
 361                         image: "multi-window/I01_Btn_delete_01_press.png" COMP;
 362                 }
 363                 parts {
 364                         part { name: "bg";
 365                                 mouse_events: 0;
 366                                 scale: 1;
 367                                 type: RECT;
 368                                 description {
 369                                         state: "default" 0.0;
 370                                         visible: 1;
 371                                         rel1 { relative: 0.0 0.0; }
 372                                         rel2 { relative: 1.0 1.0; }
 373                                         color: 0 0 0 0;
 374                                 }
 375                         }
 376                         part { name: "rect.clipper";
 377                                 type: RECT;
 378                                 scale: 1;
 379                                 description {
 380                                         state: "default" 0.0;
 381                                         color: 255 255 255 255;
 382                                         rel1 { relative: 1.0 0.0; to_x: "padding,snapshot_left"; }
 383                                         rel2 { relative: 0.0 1.0; to_x: "padding,snapshot_right"; }
 384                                 }
 385                                 description {
 386                                         state: "grey" 0.0;
 387                                         color: 255 255 255 125;
 388                                         rel1 { relative: 1.0 0.0; to_x: "padding,snapshot_left"; }
 389                                         rel2 { relative: 0.0 1.0; to_x: "padding,snapshot_right"; }
 390                                 }
 391                         }
 392                         part { name: "elm.swallow.snapshot";
 393                                 type: SWALLOW;
 394                                 mouse_events: 1;
 395                                 repeat_events: 1;
 396                                 scale: 1;
 397                                 clip_to: "rect.clipper";
 398                                 description {
 399                                         state: "default" 0.0;
 400                                         visible: 1;
 401                                         align: 0.0 0.5;
 402                                         rel1 { relative: 1.0 0.0; to_x: "padding,snapshot_left"; }
 403                                         rel2 { relative: 0.0 1.0; to_x: "padding,snapshot_right"; }
 404                                 }
 405                         }
 406                         part { name: "padding,snapshot_left";
 407                                 type: RECT;
 408                                 mouse_events: 0;
 409                                 repeat_events: 0;
 410                                 scale: 1;
 411                                 description {
 412                                         state: "default" 0.0;
 413                                         min: 22 0;
 414                                         fixed: 1 0;
 415                                         visible: 0;
 416                                         align: 0.0 0.5;
 417                                         rel1 { relative: 0.0 0.0; to: "bg"; }
 418                                         rel2 { relative: 0.0 1.0; to: "bg"; }
 419                                 }
 420                         }
 421                         part { name: "padding,snapshot_right";
 422                                 type: RECT;
 423                                 mouse_events: 0;
 424                                 repeat_events: 0;
 425                                 scale: 1;
 426                                 description {
 427                                         state: "default" 0.0;
 428                                         min: 22 0;
 429                                         fixed: 1 0;
 430                                         visible: 0;
 431                                         align: 1.0 0.5;
 432                                         rel1 { relative: 1.0 0.0; to: "bg"; }
 433                                         rel2 { relative: 1.0 1.0; to: "bg"; }
 434                                 }
 435                         }
 436                         part { name: "elm.image.delete_window";
 437                                 type: IMAGE;
 438                                 mouse_events: 1;
 439                                 repeat_events: 0;
 440                                 scale: 1;
 441                                 description {
 442                                         state: "default" 0.0;
 443                                         visible: 0;
 444                                         min: 75 75;
 445                                         max: 75 75;
 446                                         fixed: 1 1;
 447                                         align: 0.0 0.0;
 448                                         rel1 { relative: 0.0 0.0; to: "elm.swallow.snapshot"; }
 449                                         rel2 { relative: 1.0 1.0; to: "elm.swallow.snapshot"; }
 450                                         image.normal: "multi-window/I01_Btn_delete_01.png";
 451                                 }
 452                                 description {
 453                                         state: "visible" 0.0;
 454                                         inherit: "default" 0.0;
 455                                         visible: 1;
 456                                 }
 457                                 description {
 458                                         state: "pressed" 0.0;
 459                                         inherit: "default" 0.0;
 460                                         visible: 1;
 461                                         image.normal: "multi-window/I01_Btn_delete_01_press.png";
 462                                 }
 463                         }
 464                 }
 465                 programs {
 466                         program { name: "grey,snapshot";
 467                                 signal: "grey,snapshot,signal";
 468                                 action: STATE_SET "grey" 0.0;
 469                                 transition: ACCELERATE 0.3;
 470                                 target: "rect.clipper";
 471                         }
 472                         program { name: "non_grey,snapshot";
 473                                 signal: "non_grey,snapshot,signal";
 474                                 action: STATE_SET "default" 0.0;
 475                                 target: "rect.clipper";
 476                         }
 477                         program { name: "show,delete_window_icon";
 478                                 signal: "show,delete_window_icon,signal";
 479                                 action: STATE_SET "visible" 0.0;
 480                                 target: "elm.image.delete_window";
 481                         }
 482                         program { name: "hide,delete_window_icon";
 483                                 signal: "hide,delete_window_icon,signal";
 484                                 action: STATE_SET "default" 0.0;
 485                                 target: "elm.image.delete_window";
 486                         }
 487                         program {
 488                                 name: "delete_button_press";
 489                                 signal: "mouse,down,1";
 490                                 source: "elm.image.delete_window";
 491                                 script {
 492                                         new st[31];
 493                                         new Float:vl;
 494                                         get_state(PART:"elm.image.delete_window", st, 30, vl);
 495
 496                                         new st_1[31];
 497                                         new Float:vl_1;
 498                                         get_state(PART:"rect.clipper", st_1, 30, vl_1);
 499
 500                                         if (!strcmp(st, "visible") && !strcmp(st_1, "default"))
 501                                                 set_state(PART:"elm.image.delete_window", "pressed", 0.0);
 502                                 }
 503                         }
 504                         program {
 505                                 name: "delete_button_release";
 506                                 signal: "mouse,up,1";
 507                                 source: "elm.image.delete_window";
 508                                 script {
 509                                         new st[31];
 510                                         new Float:vl;
 511                                         get_state(PART:"elm.image.delete_window", st, 30, vl);
 512
 513                                         new st_1[31];
 514                                         new Float:vl_1;
 515                                         get_state(PART:"rect.clipper", st_1, 30, vl_1);
 516
 517                                         if (!strcmp(st, "pressed") && !strcmp(st_1, "default"))
 518                                                 set_state(PART:"elm.image.delete_window", "visible", 0.0);
 519                                 }
 520                         }
 521                 }
 522         }
 523         group {
 524                 name: "browser/multi-window/grid_item";
 525                 images{
 526                         image: "multi-window/I01_Btn_delete_01.png" COMP;
 527                         image: "multi-window/I01_Btn_delete_01_press.png" COMP;
 528                 }
 529                 parts {
 530                         part { name: "bg";
 531                                 mouse_events: 1;
 532                                 type: RECT;
 533                                 scale: 1;
 534                                 description {
 535                                         state: "default" 0.0;
 536                                         visible: 1;
 537                                         fixed: 1 1;
 538                                         rel1 { relative: 0.0 0.0; }
 539                                         rel2 { relative: 1.0 1.0; }
 540                                         color: 0 0 0 0;
 541                                 }
 542                         }
 543                         part { name: "elm.swallow.snapshot";
 544                                 type: SWALLOW;
 545                                 scale: 1;
 546                                 mouse_events: 1;
 547                                 repeat_events: 1;
 548                                 description {
 549                                         state: "default" 0.0;
 550                                         visible: 1;
 551                                         fixed: 1 1;
 552                                         align: 0.0 0.0;
 553                                         rel1 { relative: 0.0 0.0; to: bg; }
 554                                         rel2 { relative: 1.0 1.0; to: bg; }
 555                                 }
 556                         }
 557                         part { name: "delete_icon";
 558                                 type: IMAGE;
 559                                 mouse_events: 1;
 560                                 repeat_events: 0;
 561                                 scale: 1;
 562                                 description {
 563                                         state: "default" 0.0;
 564                                         visible: 0;
 565                                         min: 48 48;
 566                                         max: 48 48;
 567                                         fixed: 1 1;
 568                                         align: 0.0 0.0;
 569                                         rel1 { relative: 0.0 0.0; to: "elm.swallow.snapshot"; }
 570                                         rel2 { relative: 0.0 0.0; to: "elm.swallow.snapshot"; }
 571                                         image.normal: "multi-window/I01_Btn_delete_01.png";
 572                                 }
 573                                 description {
 574                                         state: "pressed" 0.0;
 575                                         inherit: "default" 0.0;
 576                                         visible: 1;
 577                                         image.normal: "multi-window/I01_Btn_delete_01_press.png";
 578                                 }
 579                                 description {
 580                                         state: "visible" 0.0;
 581                                         inherit: "default" 0.0;
 582                                         visible: 1;
 583                                 }
 584                         }
 585                         part { name: "delete_icon_click_area";
 586                                 type: RECT;
 587                                 mouse_events: 1;
 588                                 repeat_events: 0;
 589                                 scale: 1;
 590                                 description {
 591                                         state: "default" 0.0;
 592                                         visible: 0;
 593                                         align: 0.0 0.0;
 594                                         rel1 { relative: -0.3 -0.3; to: "delete_icon"; }
 595                                         rel2 { relative: 1.3 1.3; to: "delete_icon"; }
 596                                         color: 0 0 0 0;
 597                                 }
 598                                 description {
 599                                         state: "visible" 0.0;
 600                                         inherit: "default" 0.0;
 601                                         visible: 1;
 602                                 }
 603                         }
 604                         programs{
 605                                 program { name: "show,delete_icon";
 606                                         signal: "show,delete_icon,signal";
 607                                         action: STATE_SET "visible" 0.0;
 608                                         target: "delete_icon";
 609                                         target: "delete_icon_click_area";
 610                                 }
 611                                 program { name: "hide,delete_icon";
 612                                         signal: "hide,delete_icon,signal";
 613                                         action: STATE_SET "default" 0.0;
 614                                         target: "delete_icon";
 615                                         target: "delete_icon_click_area";
 616                                 }
 617                                 program {
 618                                         name: "delete_button_press";
 619                                         signal: "mouse,down,1";
 620                                         source: "delete_icon_click_area";
 621                                         script {
 622                                                 new st[31];
 623                                                 new Float:vl;
 624                                                 get_state(PART:"delete_icon", st, 30, vl);
 625                                                 if (!strcmp(st, "visible"))
 626                                                         set_state(PART:"delete_icon", "pressed", 0.0);
 627                                         }
 628                                 }
 629                                 program {
 630                                         name: "delete_button_release";
 631                                         signal: "mouse,up,1";
 632                                         source: "delete_icon_click_area";
 633                                         script {
 634                                                 new st[31];
 635                                                 new Float:vl;
 636                                                 get_state(PART:"delete_icon", st, 30, vl);
 637                                                 if (!strcmp(st, "pressed"))
 638                                                         set_state(PART:"delete_icon", "visible", 0.0);
 639                                         }
 640                                 }
 641                         }
 642                 }
 643         }
 644 }