ug/ug-gallery-efl/res/edc/gallery-efl-gengrid-item-thumbview.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 #define THUMBNAILS_BG_COLOR             190 189 189 255
  18
  19 /* Grid item background size W: 14+158+6; H: 24+158 */
  20 #define W               178
  21 #define H               182
  22
  23 /* Gap between bg and icon */
  24 #define GAP_BG_L         14
  25 #define GAP_BG_R         6
  26 #define GAP_BG_T         24
  27
  28 /* Gap between icon and shadow */
  29 #define GAP_ICON_L         3
  30 #define GAP_ICON_R         3
  31 #define GAP_ICON_T         0
  32 #define GAP_ICON_B         4
  33
  34 /* Shadow image size */
  35 #define SHADOW_W               (W-GAP_BG_L-GAP_BG_R+GAP_ICON_L+GAP_ICON_R)
  36 #define SHADOW_H               (H-GAP_BG_T+GAP_ICON_B)
  37
  38 /* Gap between bg and shadow */
  39 #define GAP_SHADOW_L         (GAP_BG_L-GAP_ICON_L)
  40 #define GAP_SHADOW_R         (GAP_BG_R-GAP_ICON_R)
  41 #define GAP_SHADOW_T         (GAP_BG_T-GAP_ICON_T)
  42 #define GAP_SHADOW_B         (0+GAP_ICON_B)
  43
  44 /* Thumbnail boundary size */
  45 #define INNER         1
  46
  47 /* Favourites icon boundary size */
  48 #define FAVOR_ICON_W         36
  49 #define FAVOR_ICON_H         38
  50
  51 /* Bookmark icon boundary size */
  52 #define BOOKMARK_ICON_W         30
  53 #define BOOKMARK_ICON_H         38
  54
  55 /* Backgroud size for setting play icon position */
  56 #define PLAY_BG_W         (47+64+47)
  57 #define PLAY_BG_H         (27+64+28)
  58 #define PLAY_W         64
  59 #define PLAY_H         64
  60 #define PLAY_X         47
  61 #define PLAY_Y         27
  62
  63 group {
  64         name: "elm/gengrid/item/thumbnail_view/gallery_efl/default";
  65
  66         data.item: "contents" "elm.swallow.icon elm.swallow.end";
  67
  68         parts {
  69         part {
  70             name: "bg";
  71             type: RECT;
  72             description {
  73                 state: "default" 0.0;
  74                 color: 0 0 0 0;
  75                 rel1 { relative: 0.0 0.0; offset: 0 0;}
  76                 rel2 { relative: 1.0 1.0; offset: 0 0;}
  77             }
  78         }
  79                 part {
  80                         name: "icon_bg";
  81                         type: RECT;
  82                         scale : 1;
  83
  84                         description {
  85                                 state: "default" 0.0;
  86                                 align: 0.5 0.5;
  87                                 visible: 0;
  88                                 color: 0 0 0 0;
  89                                 rel1 { relative: 0.0 0.0;to:"bg"; }
  90                                 rel2 { relative: 1.0 1.0;to:"bg"; }
  91
  92                         }
  93                 }
  94
  95                 part {
  96                         name: "elm.swallow.icon";
  97                         type: SWALLOW;
  98                         mouse_events: 1;
  99                         description {
 100                                 state: "default" 0.0;
 101                                 color: 0 0 0 0;
 102                                 rel1 { relative: 0.0 0.0; to: "icon_bg"; }
 103                                 rel2 { relative: 1.0 1.0; to: "icon_bg"; }
 104                         }
 105                 }
 106         part {
 107             name: "elm.swallow.end";
 108             type: SWALLOW;
 109             description {
 110                 state: "default" 0.0;
 111                 rel1 { relative: 0.0 0.0; to: "elm.swallow.icon"; }
 112                 rel2 { relative: 1.0 1.0; to: "elm.swallow.icon"; }
 113             }
 114         }
 115         }
 116
 117         programs {
 118                 program {
 119                         name: "movedonw_bg";
 120                         signal: "movedown,bg,show";
 121                         source: "bg";
 122                         action: STATE_SET "move_down" 0.0;
 123                         target: "bg";
 124                 }
 125         }
 126 }
 127
 128
 129
 130
 131 group
 132 {
 133         name: "elm/gengrid/photoframe/default_layout";
 134
 135         images {
 136                 image: GE_EDC_IMAGE_THUMB_BG COMP;
 137         }
 138
 139         parts {
 140                 part {
 141                         name: "bg";
 142                         type: RECT;
 143                         description {
 144                                 state: "default" 0.0;
 145                                 rel1 { relative: 0.0 0.0;}
 146                                 rel2 { relative: 1.0 1.0;}
 147                                 color: 0 0 0 0;
 148                         }
 149                         description {
 150                                 state: "shrink" 0.0;
 151                                 rel1 { relative: 0.03 0.03;}
 152                                 rel2 { relative: 0.97 0.97;}
 153                                 color: 0 0 0 0;
 154                         }
 155                 }
 156
 157                 part { name: "icon_bg_img";
 158                         type: IMAGE;
 159                         mouse_events: 1;
 160                         scale : 1;
 161                         description {
 162                                 state: "default" 0.0;
 163                                 image {
 164                                         normal : GE_EDC_IMAGE_THUMB_BG;
 165                                 }
 166                                 rel1 { relative: GAP_SHADOW_L/W GAP_SHADOW_T/H; to: "bg"; }
 167                                 rel2 { relative: (W-GAP_SHADOW_R-1)/W (H+GAP_SHADOW_B-1)/H; to: "bg"; }
 168                         }
 169                 }
 170                 part {
 171                         name: "icon_bg";
 172                         type: RECT;
 173                         description {
 174                                 state: "default" 0.0;
 175                                 color: THUMBNAILS_BG_COLOR;
 176                                 rel1 { relative: GAP_ICON_L/SHADOW_W GAP_ICON_T/SHADOW_H; to: "icon_bg_img"; }
 177                                 rel2 { relative: (SHADOW_W-GAP_ICON_R+2)/SHADOW_W (SHADOW_H-GAP_ICON_B+1)/SHADOW_H; to: "icon_bg_img"; }
 178                         }
 179                 }
 180
 181                 part {
 182                         name: "elm.swallow.icon";
 183                         type: SWALLOW;
 184                         description {
 185                                 state: "default" 0.0;
 186                                 rel1 { relative: (GAP_ICON_L+INNER+0.5)/SHADOW_W (GAP_ICON_T+INNER+1)/SHADOW_H; to: "icon_bg_img"; }
 187                                 rel2 { relative: (SHADOW_W-GAP_ICON_R-INNER+1)/SHADOW_W (SHADOW_H-GAP_ICON_B-INNER+1)/SHADOW_H; to: "icon_bg_img"; }
 188                         }
 189                 }
 190         }
 191
 192         programs {
 193                 program {
 194                         name: "mouse_down_shrink";
 195                         signal: "mouse,down,shrink";
 196                         source: "bg";
 197                         action: STATE_SET "shrink" 0.0;
 198                         target: "bg";
 199                         //after: "expand";
 200                         transition: LINEAR 0.1;
 201                 }
 202                 program {
 203                         name: "mouse_up_expand";
 204                         signal: "mouse,up,expand";
 205                         source: "bg";
 206                         action: STATE_SET "default" 0.0;
 207                         target: "bg";
 208                         transition: LINEAR 0.05;
 209                         after: "shrink,expand,done,icon";
 210                 }
 211
 212                 program {
 213                         name: "shrink";
 214                         signal: "shrink";
 215                         source: "bg";
 216                         action: STATE_SET "shrink" 0.0;
 217                         target: "bg";
 218                         after: "expand";
 219                         transition: LINEAR 0.1;
 220                 }
 221                 program {
 222                         name: "expand";
 223                         action: STATE_SET "default" 0.0;
 224                         target: "bg";
 225                         transition: LINEAR 0.05;
 226                         after: "shrink,expand,done,icon";
 227                 }
 228                 program {
 229                         name: "shrink,expand,done,icon";
 230                         action: SIGNAL_EMIT "shrink,expand,done" "bg";
 231                 }
 232         }
 233 }
 234
 235 group
 236 {
 237         name: "elm/gengrid/photoframe/default_layout_favor";
 238
 239         images {
 240                 image: GE_EDC_IMAGE_THUMB_BG COMP;
 241         }
 242
 243          parts {
 244                 part {
 245                         name: "bg";
 246                         type: RECT;
 247                         description {
 248                                 state: "default" 0.0;
 249                                 rel1 { relative: 0.0 0.0;}
 250                                 rel2 { relative: 1.0 1.0;}
 251                                 color: 0 0 0 0;
 252                         }
 253                         description {
 254                                 state: "shrink" 0.0;
 255                                 rel1 { relative: 0.03 0.03;}
 256                                 rel2 { relative: 0.97 0.97;}
 257                                 color: 0 0 0 0;
 258                         }
 259                 }
 260                 part { name: "icon_bg_img";
 261                         type: IMAGE;
 262                         mouse_events: 1;
 263                         scale : 1;
 264                         description {
 265                                 state: "default" 0.0;
 266                                 image {
 267                                         normal : GE_EDC_IMAGE_THUMB_BG;
 268                                 }
 269                                 rel1 { relative: GAP_SHADOW_L/W GAP_SHADOW_T/H; to: "bg"; }
 270                                 rel2 { relative: (W-GAP_SHADOW_R-1)/W (H+GAP_SHADOW_B-1)/H; to: "bg"; }
 271                         }
 272                 }
 273                 part {
 274                         name: "icon_bg";
 275                         type: RECT;
 276                         description {
 277                                 state: "default" 0.0;
 278                                 color: THUMBNAILS_BG_COLOR;
 279                                 rel1 { relative: GAP_ICON_L/SHADOW_W GAP_ICON_T/SHADOW_H; to: "icon_bg_img"; }
 280                                 rel2 { relative: (SHADOW_W-GAP_ICON_R+2)/SHADOW_W (SHADOW_H-GAP_ICON_B+1)/SHADOW_H; to: "icon_bg_img"; }
 281                         }
 282                 }
 283
 284                 part {
 285                         name: "elm.swallow.icon";
 286                         type: SWALLOW;
 287                         description {
 288                                 state: "default" 0.0;
 289                                 rel1 { relative: (GAP_ICON_L+INNER+0.5)/SHADOW_W (GAP_ICON_T+INNER+1)/SHADOW_H; to: "icon_bg_img"; }
 290                                 rel2 { relative: (SHADOW_W-GAP_ICON_R-INNER+1)/SHADOW_W (SHADOW_H-GAP_ICON_B-INNER+1)/SHADOW_H; to: "icon_bg_img"; }
 291                         }
 292                 }
 293                 part {
 294                         name: "elm.favoricon.bg";
 295                         type: RECT;
 296                         mouse_events: 0;
 297                         scale : 1;
 298
 299                         description {
 300                                 state: "default" 0.0;
 301                                 max: FAVOR_ICON_W FAVOR_ICON_H;
 302                                 visible: 1;
 303                                 color: 0 0 0 130;
 304                                 align: 0.0 1.0;
 305                                 fixed: 0 1;
 306                                 rel1 { relative: (GAP_ICON_L+INNER+0.5)/SHADOW_W (SHADOW_H-GAP_ICON_B-INNER-FAVOR_ICON_H)/SHADOW_H; to: "icon_bg_img"; }
 307                                 rel2 { relative: (GAP_ICON_L+INNER+FAVOR_ICON_W+1)/SHADOW_W (SHADOW_H-GAP_ICON_B-INNER+1)/SHADOW_H; to: "icon_bg_img"; }
 308                         }
 309                 }
 310                 part {
 311                         name: "elm.swallow.favoricon";
 312                         type: SWALLOW;
 313                         scale: 1;
 314                         description {
 315                                 state: "default" 0.0;
 316                                 max: FAVOR_ICON_W FAVOR_ICON_H;
 317                                 align: 0.0 0.5;
 318                                 visible: 1;
 319                                 rel1 { relative: 0.0 0.0; to: "elm.favoricon.bg"; }
 320                                 rel2 { relative: 1.0 1.0; to: "elm.favoricon.bg"; }
 321                         }
 322                 }
 323         }
 324
 325         programs {
 326                 program {
 327                         name: "mouse_down_shrink";
 328                         signal: "mouse,down,shrink";
 329                         source: "bg";
 330                         action: STATE_SET "shrink" 0.0;
 331                         target: "bg";
 332                         //after: "expand";
 333                         transition: LINEAR 0.1;
 334                 }
 335                 program {
 336                         name: "mouse_up_expand";
 337                         signal: "mouse,up,expand";
 338                         source: "bg";
 339                         action: STATE_SET "default" 0.0;
 340                         target: "bg";
 341                         transition: LINEAR 0.05;
 342                         after: "shrink,expand,done,icon";
 343                 }
 344
 345                 program {
 346                         name: "shrink";
 347                         signal: "shrink";
 348                         source: "bg";
 349                         action: STATE_SET "shrink" 0.0;
 350                         target: "bg";
 351                         after: "expand";
 352                         transition: LINEAR 0.1;
 353                 }
 354                 program {
 355                         name: "expand";
 356                         action: STATE_SET "default" 0.0;
 357                         target: "bg";
 358                         transition: LINEAR 0.05;
 359                         after: "shrink,expand,done,icon";
 360                 }
 361                 program {
 362                         name: "shrink,expand,done,icon";
 363                         action: SIGNAL_EMIT "shrink,expand,done" "bg";
 364                 }
 365         }
 366 }
 367
 368 group
 369 {
 370         name: "elm/gengrid/photoframe/default_layout_video";
 371         images {
 372                 image: GE_EDC_IMAGE_BUTTON_PLAY COMP;
 373                 image: GE_EDC_IMAGE_THUMB_BG COMP;
 374         }
 375
 376                 parts {
 377                         part {
 378                         name: "bg";
 379                         type: RECT;
 380                         mouse_events: 1;
 381                         description {
 382                                 state: "default" 0.0;
 383                                 rel1 { relative: 0.0 0.0;}
 384                                 rel2 { relative: 1.0 1.0;}
 385                                 color: 0 0 0 0;
 386                         }
 387                         description {
 388                                 state: "shrink" 0.0;
 389                                 rel1 { relative: 0.03 0.03;}
 390                                 rel2 { relative: 0.97 0.97;}
 391                                 color: 0 0 0 0;
 392                         }
 393                 }
 394                 part { name: "icon_bg_img";
 395                         type: IMAGE;
 396                         mouse_events: 1;
 397                         scale : 1;
 398                         description {
 399                                 state: "default" 0.0;
 400                                 image {
 401                                         normal : GE_EDC_IMAGE_THUMB_BG;
 402                                 }
 403                                 rel1 { relative: GAP_SHADOW_L/W GAP_SHADOW_T/H; to: "bg"; }
 404                                 rel2 { relative: (W-GAP_SHADOW_R-1)/W (H+GAP_SHADOW_B-1)/H; to: "bg"; }
 405                         }
 406                 }
 407                 part {
 408                         name: "icon_bg";
 409                         type: RECT;
 410                         description {
 411                         state: "default" 0.0;
 412                         color: THUMBNAILS_BG_COLOR;
 413                                 rel1 { relative: GAP_ICON_L/SHADOW_W GAP_ICON_T/SHADOW_H; to: "icon_bg_img"; }
 414                                 rel2 { relative: (SHADOW_W-GAP_ICON_R+2)/SHADOW_W (SHADOW_H-GAP_ICON_B+1)/SHADOW_H; to: "icon_bg_img"; }
 415                         }
 416                 }
 417
 418                 part {
 419                         name: "elm.swallow.icon";
 420                         type: SWALLOW;
 421                         description {
 422                                 state: "default" 0.0;
 423                                 rel1 { relative: (GAP_ICON_L+INNER+0.5)/SHADOW_W (GAP_ICON_T+INNER+1)/SHADOW_H; to: "icon_bg_img"; }
 424                                 rel2 { relative: (SHADOW_W-GAP_ICON_R-INNER+1)/SHADOW_W (SHADOW_H-GAP_ICON_B-INNER+1)/SHADOW_H; to: "icon_bg_img"; }
 425                         }
 426                 }
 427                 part {
 428                         name: "elm.text.bg";
 429                         type: RECT;
 430                         mouse_events: 0;
 431                         scale : 1;
 432                         description {
 433                                 state: "default" 0.0;
 434                                 visible: 1;
 435                                 color: 0 0 0 130;
 436                                 align: 0.5 1.0;
 437                                 fixed: 0 1;
 438                                 rel1 { relative: (GAP_ICON_L+INNER+0.5)/SHADOW_W (SHADOW_H-GAP_ICON_B-INNER-FAVOR_ICON_H+1)/SHADOW_H; to: "icon_bg_img"; }
 439                                 rel2 { relative: (SHADOW_W-GAP_ICON_R-INNER+1)/SHADOW_W (SHADOW_H-GAP_ICON_B-INNER+1+0.5)/SHADOW_H; to: "icon_bg_img"; }
 440                         }
 441                 }
 442                 part {
 443                         name: "elm.videoicon_bg";
 444                         type: RECT;
 445                         mouse_events: 0;
 446                         repeat_events: 0;
 447                         scale: 1;
 448                         description {
 449                                 state: "default" 0.0;
 450                                 visible: 0;
 451                                 align: 0.5 0.0;
 452                                 fixed: 1 0;
 453                                 rel1 { relative: 0.0 0.0; to: "elm.swallow.icon";}
 454                                 rel2 { relative: 1.0 0.0; to_x: "elm.swallow.icon"; to_y: "elm.text.bg";}
 455                         }
 456                 }
 457                 part {
 458                         name: "elm.swallow.videoicon";
 459                         type: IMAGE;
 460                         mouse_events: 0;
 461                         repeat_events: 0;
 462                         scale: 1;
 463                         description {
 464                                 state: "default" 0.0;
 465                                 visible: 1;
 466                                 align: 0.5 0.5;
 467                                 aspect: 1.0 1.0;
 468                                 rel1 { relative: PLAY_X/PLAY_BG_W PLAY_Y/PLAY_BG_H; to: "elm.videoicon_bg";}
 469                                 rel2 { relative: (PLAY_X+PLAY_W)/PLAY_BG_W (PLAY_Y+PLAY_H)/PLAY_BG_H; to: "elm.videoicon_bg";}
 470                                 image.normal: GE_EDC_IMAGE_BUTTON_PLAY;
 471                         }
 472                 }
 473                 part {
 474                         name: "elm.text";
 475                         type: TEXT;
 476                         mouse_events: 1;
 477                         repeat_events: 1;
 478                         scale: 1;
 479                         description {
 480                                 state: "default" 0.0;
 481                                 fixed: 1 1;
 482                                 align: 0.5 0.0;
 483                                 rel1 { relative: 0.0  0.0; to: "elm.text.bg"; }
 484                                 rel2 { relative: 1.0  1.0; to: "elm.text.bg"; }
 485                                 color: 255 255 255 255;
 486                                 text {
 487                                         font: "SLP:style=Medium";
 488                                         text_class: "slp_medium";
 489                                         size: 26;
 490                                         align: 0.5 0.5;
 491                                 }
 492                         }
 493                 }
 494         }
 495         programs {
 496                 program {
 497                         name: "mouse_down_shrink";
 498                         signal: "mouse,down,shrink";
 499                         source: "bg";
 500                         action: STATE_SET "shrink" 0.0;
 501                         target: "bg";
 502                         //after: "expand";
 503                         transition: LINEAR 0.1;
 504                 }
 505                 program {
 506                         name: "mouse_up_expand";
 507                         signal: "mouse,up,expand";
 508                         source: "bg";
 509                         action: STATE_SET "default" 0.0;
 510                         target: "bg";
 511                         transition: LINEAR 0.05;
 512                         after: "shrink,expand,done,icon";
 513                 }
 514
 515                 program {
 516                         name: "shrink";
 517                         signal: "shrink";
 518                         source: "bg";
 519                         action: STATE_SET "shrink" 0.0;
 520                         target: "bg";
 521                         after: "expand";
 522                         transition: LINEAR 0.1;
 523                 }
 524                 program {
 525                         name: "expand";
 526                         action: STATE_SET "default" 0.0;
 527                         target: "bg";
 528                         transition: LINEAR 0.05;
 529                         after: "shrink,expand,done,icon";
 530                 }
 531                 program {
 532                         name: "shrink,expand,done,icon";
 533                         action: SIGNAL_EMIT "shrink,expand,done" "bg";
 534                 }
 535         }
 536 }
 537
 538 group
 539 {
 540         name: "elm/gengrid/photoframe/default_layout_video_favor";
 541         images {
 542                 image: GE_EDC_IMAGE_BUTTON_PLAY COMP;
 543                 image: GE_EDC_IMAGE_THUMB_BG COMP;
 544         }
 545
 546         parts {
 547                 part {
 548                         name: "bg";
 549                         type: RECT;
 550                         mouse_events: 1;
 551                         description {
 552                                 state: "default" 0.0;
 553                                 rel1 { relative: 0.0 0.0;}
 554                                 rel2 { relative: 1.0 1.0;}
 555                                 color: 0 0 0 0;
 556                         }
 557                         description {
 558                                 state: "shrink" 0.0;
 559                                 rel1 { relative: 0.03 0.03;}
 560                                 rel2 { relative: 0.97 0.97;}
 561                                 color: 0 0 0 0;
 562                         }
 563                 }
 564                 part { name: "icon_bg_img";
 565                         type: IMAGE;
 566                         mouse_events: 1;
 567                         scale : 1;
 568                         description {
 569                                 state: "default" 0.0;
 570                                 image {
 571                                         normal : GE_EDC_IMAGE_THUMB_BG;
 572                                 }
 573                                 rel1 { relative: GAP_SHADOW_L/W GAP_SHADOW_T/H; to: "bg"; }
 574                                 rel2 { relative: (W-GAP_SHADOW_R-1)/W (H+GAP_SHADOW_B-1)/H; to: "bg"; }
 575                         }
 576                 }
 577                 part {
 578                         name: "icon_bg";
 579                         type: RECT;
 580                         description {
 581                                 state: "default" 0.0;
 582                                 color: THUMBNAILS_BG_COLOR;
 583                                 rel1 { relative: GAP_ICON_L/SHADOW_W GAP_ICON_T/SHADOW_H; to: "icon_bg_img"; }
 584                                 rel2 { relative: (SHADOW_W-GAP_ICON_R+2)/SHADOW_W (SHADOW_H-GAP_ICON_B+1)/SHADOW_H; to: "icon_bg_img"; }
 585                         }
 586                 }
 587
 588                 part {
 589                         name: "elm.swallow.icon";
 590                         type: SWALLOW;
 591                         description {
 592                                 state: "default" 0.0;
 593                                 rel1 { relative: (GAP_ICON_L+INNER+0.5)/SHADOW_W (GAP_ICON_T+INNER+1)/SHADOW_H; to: "icon_bg_img"; }
 594                                 rel2 { relative: (SHADOW_W-GAP_ICON_R-INNER+1)/SHADOW_W (SHADOW_H-GAP_ICON_B-INNER+1)/SHADOW_H; to: "icon_bg_img"; }
 595                         }
 596                 }
 597                 part {
 598                         name: "elm.text.bg";
 599                         type: RECT;
 600                         mouse_events: 0;
 601                         scale : 1;
 602
 603                         description {
 604                                 state: "default" 0.0;
 605                                 visible: 1;
 606                                 color: 0 0 0 130;
 607                                 min: 0 24;
 608                                 align: 0.5 1.0;
 609                                 fixed: 0 1;
 610                                 rel1 { relative: (GAP_ICON_L+INNER+0.5)/SHADOW_W (SHADOW_H-GAP_ICON_B-INNER-FAVOR_ICON_H+1)/SHADOW_H; to: "icon_bg_img"; }
 611                                 rel2 { relative: (SHADOW_W-GAP_ICON_R-INNER+1)/SHADOW_W (SHADOW_H-GAP_ICON_B-INNER+1+0.5)/SHADOW_H; to: "icon_bg_img"; }
 612                         }
 613
 614                 }
 615                 part {
 616                         name: "elm.videoicon_bg";
 617                         type: RECT;
 618                         mouse_events: 0;
 619                         repeat_events: 0;
 620                         scale: 1;
 621                         description {
 622                                 state: "default" 0.0;
 623                                 visible: 0;
 624                                 align: 0.5 0.0;
 625                                 fixed: 1 0;
 626                                 rel1 { relative: 0.0 0.0; to: "elm.swallow.icon";}
 627                                 rel2 { relative: 1.0 0.0; to_x: "elm.swallow.icon"; to_y: "elm.text.bg";}
 628                         }
 629                 }
 630                 part {
 631                         name: "elm.swallow.videoicon";
 632                         type: IMAGE;
 633                         mouse_events: 0;
 634                         repeat_events: 0;
 635                         scale: 1;
 636                         description {
 637                                 state: "default" 0.0;
 638                                 visible: 1;
 639                                 align: 0.5 0.5;
 640                                 aspect: 1.0 1.0;
 641                                 rel1 { relative: PLAY_X/PLAY_BG_W PLAY_Y/PLAY_BG_H; to: "elm.videoicon_bg";}
 642                                 rel2 { relative: (PLAY_X+PLAY_W)/PLAY_BG_W (PLAY_Y+PLAY_H)/PLAY_BG_H; to: "elm.videoicon_bg";}
 643                                 image.normal: GE_EDC_IMAGE_BUTTON_PLAY;
 644                         }
 645                 }
 646                 part {
 647                         name: "favoricon_bg";
 648                         type: RECT;
 649                         scale: 1;
 650                         description {
 651                                 state: "default" 0.0;
 652                                 align: 0.0 0.5;
 653                                 fixed: 1 1;
 654                                 visible: 0;
 655                                 min: FAVOR_ICON_W FAVOR_ICON_H;
 656                                 max: FAVOR_ICON_W FAVOR_ICON_H;
 657                                 rel1 { relative: 0.0 0.0; to: "elm.text.bg"; }
 658                                 rel2 { relative: 0.0 1.0; to: "elm.text.bg"; }
 659                         }
 660                 }
 661                 part {
 662                         name: "elm.swallow.favoricon";
 663                         type: SWALLOW;
 664                         scale: 1;
 665                         description {
 666                                 state: "default" 0.0;
 667                                 align: 0.5 0.5;
 668                                 rel1 { relative: 0.0 0.0; to: "favoricon_bg"; }
 669                                 rel2 { relative: 1.0 1.0; to: "favoricon_bg"; }
 670                         }
 671                 }
 672                 part {
 673                         name: "elm.text";
 674                         type: TEXT;
 675                         mouse_events: 1;
 676                         repeat_events: 1;
 677                         scale: 1;
 678                         description {
 679                                 state: "default" 0.0;
 680                                 min: 0 20;
 681                                 fixed: 1 1;
 682                                 align: 0.5 0.5;
 683                                 rel1 { relative: 0.9  0.0; to_x: "elm.swallow.favoricon"; to_y: "elm.text.bg"; }
 684                                 rel2 { relative: 1.0  1.0; to: "elm.text.bg"; }
 685                                 color: 255 255 255 255;
 686                                 text {
 687                                         font: "SLP:style=Medium";
 688                                         text_class: "slp_medium";
 689                                         size: 26;
 690                                         align: 0.5 0.5;
 691                                 }
 692                         }
 693                 }
 694         }
 695         programs {
 696                 program {
 697                         name: "mouse_down_shrink";
 698                         signal: "mouse,down,shrink";
 699                         source: "bg";
 700                         action: STATE_SET "shrink" 0.0;
 701                         target: "bg";
 702                         //after: "expand";
 703                         transition: LINEAR 0.1;
 704                 }
 705                 program {
 706                         name: "mouse_up_expand";
 707                         signal: "mouse,up,expand";
 708                         source: "bg";
 709                         action: STATE_SET "default" 0.0;
 710                         target: "bg";
 711                         transition: LINEAR 0.05;
 712                         after: "shrink,expand,done,icon";
 713                 }
 714
 715                 program {
 716                         name: "shrink";
 717                         signal: "shrink";
 718                         source: "bg";
 719                         action: STATE_SET "shrink" 0.0;
 720                         target: "bg";
 721                         after: "expand";
 722                         transition: LINEAR 0.1;
 723                 }
 724                 program {
 725                         name: "expand";
 726                         action: STATE_SET "default" 0.0;
 727                         target: "bg";
 728                         transition: LINEAR 0.05;
 729                         after: "shrink,expand,done,icon";
 730                 }
 731                 program {
 732                         name: "shrink,expand,done,icon";
 733                         action: SIGNAL_EMIT "shrink,expand,done" "bg";
 734                 }
 735         }
 736 }
 737
 738 group
 739 {
 740         name: "elm/gengrid/photoframe/default_layout_video_bookmark";
 741         images {
 742                 image: GE_EDC_IMAGE_BUTTON_PLAY COMP;
 743                 image: GE_EDC_IMAGE_THUMB_BG COMP;
 744         }
 745
 746         parts {
 747                 part {
 748                         name: "bg";
 749                         type: RECT;
 750                         mouse_events: 1;
 751                         description {
 752                                 state: "default" 0.0;
 753                                 rel1 { relative: 0.0 0.0;}
 754                                 rel2 { relative: 1.0 1.0;}
 755                                 color: 0 0 0 0;
 756                         }
 757                         description {
 758                                 state: "shrink" 0.0;
 759                                 rel1 { relative: 0.03 0.03;}
 760                                 rel2 { relative: 0.97 0.97;}
 761                                 color: 0 0 0 0;
 762                         }
 763                 }
 764                 part { name: "icon_bg_img";
 765                         type: IMAGE;
 766                         mouse_events: 1;
 767                         scale : 1;
 768                         description {
 769                                 state: "default" 0.0;
 770                                 image {
 771                                         normal : GE_EDC_IMAGE_THUMB_BG;
 772                                 }
 773                                 rel1 { relative: GAP_SHADOW_L/W GAP_SHADOW_T/H; to: "bg"; }
 774                                 rel2 { relative: (W-GAP_SHADOW_R-1)/W (H+GAP_SHADOW_B-1)/H; to: "bg"; }
 775                         }
 776                 }
 777                 part {
 778                         name: "icon_bg";
 779                         type: RECT;
 780                         description {
 781                                 state: "default" 0.0;
 782                                 color: THUMBNAILS_BG_COLOR;
 783                                 rel1 { relative: GAP_ICON_L/SHADOW_W GAP_ICON_T/SHADOW_H; to: "icon_bg_img"; }
 784                                 rel2 { relative: (SHADOW_W-GAP_ICON_R+2)/SHADOW_W (SHADOW_H-GAP_ICON_B+1)/SHADOW_H; to: "icon_bg_img"; }
 785                         }
 786                 }
 787
 788                 part {
 789                         name: "elm.swallow.icon";
 790                         type: SWALLOW;
 791                         description {
 792                                 state: "default" 0.0;
 793                                 rel1 { relative: (GAP_ICON_L+INNER+0.5)/SHADOW_W (GAP_ICON_T+INNER+1)/SHADOW_H; to: "icon_bg_img"; }
 794                                 rel2 { relative: (SHADOW_W-GAP_ICON_R-INNER+1)/SHADOW_W (SHADOW_H-GAP_ICON_B-INNER+1)/SHADOW_H; to: "icon_bg_img"; }
 795                         }
 796                 }
 797                 part {
 798                         name: "elm.text.bg";
 799                         type: RECT;
 800                         mouse_events: 0;
 801                         scale : 1;
 802
 803                         description {
 804                                 state: "default" 0.0;
 805                                 visible: 1;
 806                                 color: 0 0 0 130;
 807                                 min: 0 24;
 808                                 align: 0.5 1.0;
 809                                 fixed: 0 1;
 810                                 rel1 { relative: (GAP_ICON_L+INNER+0.5)/SHADOW_W (SHADOW_H-GAP_ICON_B-INNER-FAVOR_ICON_H+1)/SHADOW_H; to: "icon_bg_img"; }
 811                                 rel2 { relative: (SHADOW_W-GAP_ICON_R-INNER+1)/SHADOW_W (SHADOW_H-GAP_ICON_B-INNER+1+0.5)/SHADOW_H; to: "icon_bg_img"; }
 812                         }
 813                 }
 814                 part {
 815                         name: "elm.videoicon_bg";
 816                         type: RECT;
 817                         mouse_events: 0;
 818                         repeat_events: 0;
 819                         scale: 1;
 820                         description {
 821                                 state: "default" 0.0;
 822                                 visible: 0;
 823                                 align: 0.5 0.0;
 824                                 fixed: 1 0;
 825                                 rel1 { relative: 0.0 0.0; to: "elm.swallow.icon";}
 826                                 rel2 { relative: 1.0 0.0; to_x: "elm.swallow.icon"; to_y: "elm.text.bg";}
 827                         }
 828                 }
 829                 part {
 830                         name: "elm.swallow.videoicon";
 831                         type: IMAGE;
 832                         mouse_events: 0;
 833                         repeat_events: 0;
 834                         scale: 1;
 835                         description {
 836                                 state: "default" 0.0;
 837                                 min: 40 40;
 838                                 visible: 1;
 839                                 align: 0.5 0.5;
 840                                 aspect: 1.0 1.0;
 841                                 rel1 { relative: PLAY_X/PLAY_BG_W PLAY_Y/PLAY_BG_H; to: "elm.videoicon_bg";}
 842                                 rel2 { relative: (PLAY_X+PLAY_W)/PLAY_BG_W (PLAY_Y+PLAY_H)/PLAY_BG_H; to: "elm.videoicon_bg";}
 843                                 image.normal: GE_EDC_IMAGE_BUTTON_PLAY;
 844                         }
 845                 }
 846                 part {
 847                         name: "bookmarkicon_bg";
 848                         type: RECT;
 849                         scale: 1;
 850                         description {
 851                                 state: "default" 0.0;
 852                                 min: BOOKMARK_ICON_W BOOKMARK_ICON_H;
 853                                 max: BOOKMARK_ICON_W BOOKMARK_ICON_H;
 854                                 align: 0.0 0.5;
 855                                 fixed: 1 1;
 856                                 visible: 0;
 857                                 rel1 { relative: 0.0 0.0; to: "elm.text.bg"; }
 858                                 rel2 { relative: 0.0 1.0; to: "elm.text.bg"; }
 859                         }
 860                 }
 861                 part {
 862                         name: "elm.swallow.bookmarkicon";
 863                         type: SWALLOW;
 864                         scale: 1;
 865                         description {
 866                                 state: "default" 0.0;
 867                                 align: 0.5 0.5;
 868                                 visible: 1;
 869                                 rel1 { relative: 0.0 0.0; to: "bookmarkicon_bg"; }
 870                                 rel2 { relative: 1.0 1.0; to: "bookmarkicon_bg"; }
 871                         }
 872                 }
 873                 part {
 874                         name: "elm.text";
 875                         type: TEXT;
 876                         mouse_events: 1;
 877                         repeat_events: 1;
 878                         scale: 1;
 879                         description {
 880                                 state: "default" 0.0;
 881                                 min: 0 20;
 882                                 fixed: 1 1;
 883                                 align: 0.5 0.5;
 884                                 rel1 { relative: 0.9  0.0; to_x: "elm.swallow.bookmarkicon"; to_y: "elm.text.bg"; }
 885                                 rel2 { relative: 1.0  1.0; to: "elm.text.bg"; }
 886                                 color: 255 255 255 255;
 887                                 text {
 888                                         font: "SLP:style=Medium";
 889                                         text_class: "slp_medium";
 890                                         size: 26;
 891                                         align: 0.5 0.5;
 892                                 }
 893                         }
 894                 }
 895         }
 896         programs {
 897                 program {
 898                         name: "mouse_down_shrink";
 899                         signal: "mouse,down,shrink";
 900                         source: "bg";
 901                         action: STATE_SET "shrink" 0.0;
 902                         target: "bg";
 903                         //after: "expand";
 904                         transition: LINEAR 0.1;
 905                 }
 906                 program {
 907                         name: "mouse_up_expand";
 908                         signal: "mouse,up,expand";
 909                         source: "bg";
 910                         action: STATE_SET "default" 0.0;
 911                         target: "bg";
 912                         transition: LINEAR 0.05;
 913                         after: "shrink,expand,done,icon";
 914                 }
 915
 916                 program {
 917                         name: "shrink";
 918                         signal: "shrink";
 919                         source: "bg";
 920                         action: STATE_SET "shrink" 0.0;
 921                         target: "bg";
 922                         after: "expand";
 923                         transition: LINEAR 0.1;
 924                 }
 925                 program {
 926                         name: "expand";
 927                         action: STATE_SET "default" 0.0;
 928                         target: "bg";
 929                         transition: LINEAR 0.05;
 930                         after: "shrink,expand,done,icon";
 931                 }
 932                 program {
 933                         name: "shrink,expand,done,icon";
 934                         action: SIGNAL_EMIT "shrink,expand,done" "bg";
 935                 }
 936         }
 937 }
 938
 939 group
 940 {
 941         name: "elm/gengrid/photoframe/default_layout_video_favor_bookmark";
 942         images {
 943                 image: GE_EDC_IMAGE_BUTTON_PLAY COMP;
 944                 image: GE_EDC_IMAGE_THUMB_BG COMP;
 945         }
 946
 947         parts {
 948                 part {
 949                         name: "bg";
 950                         type: RECT;
 951                         mouse_events: 1;
 952                         description {
 953                                 state: "default" 0.0;
 954                                 rel1 { relative: 0.0 0.0;}
 955                                 rel2 { relative: 1.0 1.0;}
 956                                 color: 0 0 0 0;
 957                         }
 958                         description {
 959                                 state: "shrink" 0.0;
 960                                 rel1 { relative: 0.03 0.03;}
 961                                 rel2 { relative: 0.97 0.97;}
 962                                 color: 0 0 0 0;
 963                         }
 964                 }
 965                 part { name: "icon_bg_img";
 966                         type: IMAGE;
 967                         mouse_events: 1;
 968                         scale : 1;
 969                         description {
 970                                 state: "default" 0.0;
 971                                 image {
 972                                         normal : GE_EDC_IMAGE_THUMB_BG;
 973                                 }
 974                                 rel1 { relative: GAP_SHADOW_L/W GAP_SHADOW_T/H; to: "bg"; }
 975                                 rel2 { relative: (W-GAP_SHADOW_R-1)/W (H+GAP_SHADOW_B-1)/H; to: "bg"; }
 976                         }
 977                 }
 978                 part {
 979                         name: "icon_bg";
 980                         type: RECT;
 981                         description {
 982                                 state: "default" 0.0;
 983                                 color: THUMBNAILS_BG_COLOR;
 984                                 rel1 { relative: GAP_ICON_L/SHADOW_W GAP_ICON_T/SHADOW_H; to: "icon_bg_img"; }
 985                                 rel2 { relative: (SHADOW_W-GAP_ICON_R+2)/SHADOW_W (SHADOW_H-GAP_ICON_B+1)/SHADOW_H; to: "icon_bg_img"; }
 986                         }
 987                 }
 988
 989                 part {
 990                         name: "elm.swallow.icon";
 991                         type: SWALLOW;
 992                         description {
 993                                 state: "default" 0.0;
 994                                 rel1 { relative: (GAP_ICON_L+INNER+0.5)/SHADOW_W (GAP_ICON_T+INNER+1)/SHADOW_H; to: "icon_bg_img"; }
 995                                 rel2 { relative: (SHADOW_W-GAP_ICON_R-INNER+1)/SHADOW_W (SHADOW_H-GAP_ICON_B-INNER+1)/SHADOW_H; to: "icon_bg_img"; }
 996                         }
 997                 }
 998                 part {
 999                         name: "elm.text.bg";
1000                         type: RECT;
1001                         mouse_events: 0;
1002                         scale : 1;
1003
1004                         description {
1005                                 state: "default" 0.0;
1006                                 visible: 1;
1007                                 color: 0 0 0 130;
1008                                 min: 0 24;
1009                                 align: 0.5 1.0;
1010                                 fixed: 0 1;
1011                                 rel1 { relative: (GAP_ICON_L+INNER+0.5)/SHADOW_W (SHADOW_H-GAP_ICON_B-INNER-FAVOR_ICON_H+1)/SHADOW_H; to: "icon_bg_img"; }
1012                                 rel2 { relative: (SHADOW_W-GAP_ICON_R-INNER+1)/SHADOW_W (SHADOW_H-GAP_ICON_B-INNER+1+0.5)/SHADOW_H; to: "icon_bg_img"; }
1013                         }
1014                 }
1015                 part {
1016                         name: "elm.videoicon_bg";
1017                         type: RECT;
1018                         mouse_events: 0;
1019                         repeat_events: 0;
1020                         scale: 1;
1021                         description {
1022                                 state: "default" 0.0;
1023                                 visible: 0;
1024                                 align: 0.5 0.0;
1025                                 fixed: 1 0;
1026                                 rel1 { relative: 0.0 0.0; to: "elm.swallow.icon";}
1027                                 rel2 { relative: 1.0 0.0; to_x: "elm.swallow.icon"; to_y: "elm.text.bg";}
1028                         }
1029                 }
1030                 part {
1031                         name: "elm.swallow.videoicon";
1032                         type: IMAGE;
1033                         mouse_events: 0;
1034                         repeat_events: 0;
1035                         scale: 1;
1036                         description {
1037                                 state: "default" 0.0;
1038                                 min: 40 40;
1039                                 visible: 1;
1040                                 align: 0.5 0.5;
1041                                 aspect: 1.0 1.0;
1042                                 rel1 { relative: PLAY_X/PLAY_BG_W PLAY_Y/PLAY_BG_H; to: "elm.videoicon_bg";}
1043                                 rel2 { relative: (PLAY_X+PLAY_W)/PLAY_BG_W (PLAY_Y+PLAY_H)/PLAY_BG_H; to: "elm.videoicon_bg";}
1044                                 image.normal: GE_EDC_IMAGE_BUTTON_PLAY;
1045                         }
1046                 }
1047                 part {
1048                         name: "favoricon_bg";
1049                         type: RECT;
1050                         scale: 1;
1051                         description {
1052                                 state: "default" 0.0;
1053                                 min: FAVOR_ICON_W FAVOR_ICON_H;
1054                                 max: FAVOR_ICON_W FAVOR_ICON_H;
1055                                 align: 0.0 0.5;
1056                                 fixed: 1 1;
1057                                 visible: 0;
1058                                 rel1 { relative: 0.0 0.0; to: "elm.text.bg"; }
1059                                 rel2 { relative: 0.0 1.0; to: "elm.text.bg"; }
1060                         }
1061                 }
1062                 part {
1063                         name: "elm.swallow.favoricon";
1064                         type: SWALLOW;
1065                         scale: 1;
1066                         description {
1067                                 state: "default" 0.0;
1068                                 align: 0.5 0.5;
1069                                 visible: 1;
1070                                 rel1 { relative: 0.0 0.0; to: "favoricon_bg"; }
1071                                 rel2 { relative: 1.0 1.0; to: "favoricon_bg"; }
1072                         }
1073                 }
1074                 part {
1075                         name: "bookmarkicon_bg";
1076                         type: RECT;
1077                         scale: 1;
1078                         description {
1079                                 state: "default" 0.0;
1080                                 min: BOOKMARK_ICON_W BOOKMARK_ICON_H;
1081                                 max: BOOKMARK_ICON_W BOOKMARK_ICON_H;
1082                                 align: 0.0 1.0;
1083                                 fixed: 1 1;
1084                                 visible: 0;
1085                                 rel1 { relative: 0.8 0.0; to: "favoricon_bg"; }
1086                                 rel2 { relative: 0.8 1.0; to: "favoricon_bg"; }
1087                         }
1088                 }
1089                 part {
1090                         name: "elm.swallow.bookmarkicon";
1091                         type: SWALLOW;
1092                         scale: 1;
1093                         description {
1094                                 state: "default" 0.0;
1095                                 align: 0.5 0.5;
1096                                 visible: 1;
1097                                 rel1 { relative: 0.0 0.0; to: "bookmarkicon_bg"; }
1098                                 rel2 { relative: 1.0 1.0; to: "bookmarkicon_bg"; }
1099                         }
1100                 }
1101                 part {
1102                         name: "elm.text";
1103                         type: TEXT;
1104                         mouse_events: 1;
1105                         repeat_events: 1;
1106                         scale: 1;
1107                         description {
1108                                 state: "default" 0.0;
1109                                 min: 0 20;
1110                                 fixed: 1 1;
1111                                 align: 0.5 0.5;
1112                                 rel1 { relative: 0.9  0.0; to_x: "elm.swallow.bookmarkicon"; to_y: "elm.text.bg"; }
1113                                 rel2 { relative: 1.0  1.0; to: "elm.text.bg"; }
1114                                 color: 255 255 255 255;
1115                                 text {
1116                                         font: "SLP:style=Medium";
1117                                         text_class: "slp_medium";
1118                                         size: 26;
1119                                         align: 0.5 0.5;
1120                                 }
1121                         }
1122                 }
1123         }
1124         programs {
1125                 program {
1126                         name: "mouse_down_shrink";
1127                         signal: "mouse,down,shrink";
1128                         source: "bg";
1129                         action: STATE_SET "shrink" 0.0;
1130                         target: "bg";
1131                         //after: "expand";
1132                         transition: LINEAR 0.1;
1133                 }
1134                 program {
1135                         name: "mouse_up_expand";
1136                         signal: "mouse,up,expand";
1137                         source: "bg";
1138                         action: STATE_SET "default" 0.0;
1139                         target: "bg";
1140                         transition: LINEAR 0.05;
1141                         after: "shrink,expand,done,icon";
1142                 }
1143
1144                 program {
1145                         name: "shrink";
1146                         signal: "shrink";
1147                         source: "bg";
1148                         action: STATE_SET "shrink" 0.0;
1149                         target: "bg";
1150                         after: "expand";
1151                         transition: LINEAR 0.1;
1152                 }
1153                 program {
1154                         name: "expand";
1155                         action: STATE_SET "default" 0.0;
1156                         target: "bg";
1157                         transition: LINEAR 0.05;
1158                         after: "shrink,expand,done,icon";
1159                 }
1160                 program {
1161                         name: "shrink,expand,done,icon";
1162                         action: SIGNAL_EMIT "shrink,expand,done" "bg";
1163                 }
1164         }
1165 }
1166