res/edje/momentic.edc

   1 collections {
   2    base_scale: 1.8;
   3    styles {
   4       style { name: "text_style";
   5          base: "font=Tizen font_size=18 text_class=entry color=#646261 valign=0.5 align=center";
   6       }
   7    }
   8    images {
   9       image: "world_map.png" COMP;
  10       image: "searchlist.png" COMP;
  11       image: "city0.png" COMP;
  12       image: "city01.png" COMP;
  13       image: "city1.png" COMP;
  14       image: "city11.png" COMP;
  15       image: "city2.png" COMP;
  16       image: "city21.png" COMP;
  17    }
  18    group { name: "city0";
  19       data.item: "width" "14";
  20       data.item: "height" "12";
  21       parts {
  22          part  { name: "city";
  23             type: IMAGE;
  24             scale: 1;
  25             description { state: "default";
  26                image.normal: "city0.png";
  27                aspect_preference: BOTH;
  28                aspect: 1 1;
  29                min: 14 12;
  30                max: 14 12;
  31                fixed: 1 1;
  32             }
  33          }
  34          part { name: "effect";
  35             type: IMAGE;
  36             description { state: "default";
  37                image.normal: "city01.png";
  38                aspect_preference: BOTH;
  39                aspect: 1 1;
  40                rel1.to: "city";
  41                rel2.to: "city";
  42             }
  43          }
  44       }
  45    }
  46    group {
  47       name: "city1";
  48       data.item: "width" "10";
  49       data.item: "height" "10";
  50       parts {
  51          part { name: "city";
  52             type: IMAGE;
  53             scale: 1;
  54             description { state: "default";
  55                image.normal: "city1.png";
  56                aspect_preference: BOTH;
  57                aspect: 1 1;
  58                min: 10 10;
  59                max: 10 10;
  60                fixed: 1 1;
  61             }
  62          }
  63          part { name: "effect";
  64             type: IMAGE;
  65             description { state: "default";
  66                image.normal: "city11.png";
  67                aspect_preference: BOTH;
  68                aspect: 1 1;
  69                rel1.to: "city";
  70                rel2.to: "city";
  71             }
  72          }
  73       }
  74    }
  75    group { name: "city2";
  76       data.item: "width" "10";
  77       data.item: "height" "10";
  78       parts {
  79          part { name: "city";
  80             type: IMAGE;
  81             scale: 1;
  82             description { state: "default";
  83                image.normal: "city2.png";
  84                aspect_preference: BOTH;
  85                aspect: 1 1;
  86                min: 10 10;
  87                max: 10 10;
  88                fixed: 1 1;
  89             }
  90          }
  91          part { name: "effect";
  92             type: IMAGE;
  93             description { state: "default";
  94                image.normal: "city21.png";
  95                aspect_preference: BOTH;
  96                aspect: 1 1;
  97                rel1.to: "city";
  98                rel2.to: "city";
  99             }
 100          }
 101       }
 102    }
 103    group { name: "map";
 104       parts {
 105          part { name: "map";
 106             type: IMAGE;
 107             scale:1 ;
 108             description { state: "default";
 109                image.normal: "world_map.png";
 110                fixed: 1 1;
 111                min: 443 259;
 112                max: 443 259;
 113             }
 114          }
 115       }
 116    }
 117    group { name: "main";
 118 //common
 119       parts {
 120          part { name: "base";
 121             type: RECT;
 122             description { state: "default";
 123             }
 124          }
 125          part { name: "map_base";
 126             type: RECT;
 127             description { state: "default";
 128                rel2.relative: 1 0.51;
 129                color: 246 243 243 255;
 130             }
 131             description { state: "next";
 132                inherit: "default";
 133                rel2.relative: 1 0.45;
 134             }
 135          }
 136          part { name: "map";
 137             type: SWALLOW;
 138             scale:1 ;
 139             description { state: "default";
 140                rel1.to: "map_base";
 141                rel2.to: "map_base";
 142                rel1.relative: 0.0 0.27;
 143                rel2.relative: 1.0 0.90;
 144                fixed: 1 1;
 145             }
 146             description { state: "next";
 147                inherit: "default";
 148                rel1.relative: 0.0 0.10;
 149                rel2.relative: 1.0 0.90;
 150             }
 151          }
 152          part { name: "city_list";
 153             type: SWALLOW;
 154             scale: 1;
 155             description { state: "default";
 156                rel1.to: "map_base";
 157                rel1.relative: 0.0 1.0;
 158             }
 159             description { state: "next";
 160                inherit: "default";
 161                rel2.relative: 1.0 0.75;
 162             }
 163          }
 164          part { name: "result_list";
 165             type: SWALLOW;
 166             scale: 1;
 167             description { state: "default" 0.0;
 168                rel1.to: "city_list";
 169                rel2.to: "city_list";
 170             }
 171          }
 172 // Init
 173          part { name: "add_dim";
 174             type: RECT;
 175             description { state: "default";
 176                rel1.to: "map_base";
 177                rel2.to: "map_base";
 178                color: 0 0 0 50;
 179             }
 180             description { state: "next";
 181                inherit: "default";
 182                color: 0 0 0 0;
 183             }
 184          }
 185          part { name: "add_btn_clipper";
 186             type: RECT;
 187             description { state: "default";
 188                color: 255 255 255 0;
 189             }
 190             description { state: "visible";
 191                color: 255 255 255 255;
 192             }
 193             description { state: "next";
 194                color: 255 255 255 0;
 195             }
 196          }
 197          part { name: "add_btn";
 198             type: SWALLOW;
 199             scale: 1;
 200             clip_to: "add_btn_clipper";
 201             description { state: "default";
 202                rel1.to: "map_base";
 203                rel2.to: "map_base";
 204                rel1.relative: 0.5 0.4;
 205                rel2.relative: 0.5 0.4;
 206                align: 0.5 0.5;
 207                min: 54 54;
 208                fixed: 1 1;
 209                color: 255 255 255 255;
 210             }
 211             description { state: "visible";
 212                inherit: "default";
 213                rel1.relative: 0.5 0.35;
 214                rel2.relative: 0.5 0.35;
 215                color: 255 255 255 255;
 216             }
 217             description { state: "next";
 218                inherit: "visible";
 219                min: 84 84;
 220                color: 255 255 255 0;
 221             }
 222          }
 223          part { name: "add_description";
 224             type: TEXTBLOCK;
 225             scale: 1;
 226             description { state: "default";
 227                rel1.to: "map_base";
 228                rel2.to: "map_base";
 229                rel1.relative: 0.0 0.5;
 230                rel2.relative: 1.0 0.5;
 231                fixed: 1 1;
 232                align: 0 0;
 233                text {
 234                   text: "<b>Add cities,<br>To find best time for your chat.";
 235                   style: "text_style";
 236                   min: 0 1;
 237                }
 238                color: 255 255 255 0;
 239             }
 240             description { state: "visible";
 241                inherit: "default";
 242                rel1.relative: 0.0 0.45;
 243                rel2.relative: 1.0 0.45;
 244                color: 255 255 255 255;
 245             }
 246             description { state: "next";
 247                inherit: "visible";
 248                color: 255 255 255 0;
 249             }
 250          }
 251          part { name: "add_description2";
 252             type: TEXTBLOCK;
 253             scale: 1;
 254             description { state: "default";
 255                rel1.relative: 0 0.6;
 256                fixed: 1 1;
 257                text {
 258                   text: "<b>After you add cities,<br>they will be shown here.";
 259                   style: "text_style";
 260                   min: 0 1;
 261                }
 262                color: 255 255 255 255;
 263             }
 264             description { state: "hide";
 265                inherit: "default";
 266                color: 255 255 255 0;
 267             }
 268          }
 269 // page 1
 270           part { name: "searchlist_bg";
 271             type: IMAGE;
 272             scale: 1;
 273             description { state: "default";
 274                rel1.relative: 0.03 0.015;
 275                rel2.relative: 0.97 0.015;
 276                align: 0.5 0;
 277                fixed: 1 1;
 278                image.normal: "searchlist.png";
 279                image.border: 10 10 10 10;
 280                image.border_scale: 1;
 281             }
 282             description { state: "visible";
 283                inherit: "default";
 284                rel2.to: "map";
 285                rel2.relative: 0.97 0.5;
 286             }
 287          }
 288          part { name: "searchlist";
 289             type: SWALLOW;
 290             scale: 1;
 291             description { state: "default";
 292                rel1.to: "searchlist_bg";
 293                rel2.to: "searchlist_bg";
 294             }
 295          }
 296          part { name: "searchbar_clipper";
 297             type: RECT;
 298             scale: 1;
 299             description { state: "default";
 300                rel1.relative: 0.03 0.015;
 301                rel2.relative: 0.97 0.015;
 302                min: 0 35;
 303                align: 0.5 0;
 304                fixed: 1 1;
 305                color: 255 255 255 0;
 306             }
 307             description { state: "visible";
 308                inherit: "default";
 309                color: 255 255 255 255;
 310             }
 311          }
 312          part { name: "searchbar";
 313             type: SWALLOW;
 314             scale: 1;
 315             clip_to: "searchbar_clipper";
 316             description { state: "default";
 317                rel1.to: "searchbar_clipper";
 318                rel2.to: "searchbar_clipper";
 319             }
 320          }
 321          part { name: "next_btn_clipper";
 322             type: RECT;
 323             description { state: "default";
 324                color: 255 255 255 0;
 325             }
 326             description { state: "visible";
 327                color: 255 255 255 255;
 328             }
 329             description { state: "next";
 330                color: 255 255 255 0;
 331             }
 332          }
 333          part { name: "next_btn";
 334             type: SWALLOW;
 335             scale: 1;
 336             clip_to: "next_btn_clipper";
 337             description { state: "default";
 338                rel1.to: "map";
 339                rel2.to: "map";
 340                rel1.relative: 0.85 0.8;
 341                rel2.relative: 0.85 0.8;
 342                min: 54 54;
 343                fixed: 1 1;
 344                color: 255 255 255 0;
 345                align: 0.5 0.5;
 346             }
 347             description { state: "visible";
 348                inherit: "default";
 349                rel1.relative: 0.9 0.8;
 350                rel2.relative: 0.9 0.8;
 351                color: 255 255 255 255;
 352             }
 353             description { state: "next";
 354                inherit: "visible";
 355                min: 84 84;
 356                color: 255 255 255 0;
 357             }
 358          }
 359 //page 2
 360          part { name: "best_time";
 361             type: SWALLOW;
 362             scale: 1;
 363             description { state: "default";
 364                rel1.to: "city_list";
 365                rel1.relative: 0 1;
 366                rel2.to: "city_list";
 367                rel2.relative: 1 1;
 368                min: 0 100;
 369                fixed: 1 1;
 370                align: 0.5 0;
 371             }
 372          }
 373          part { name: "bottom_part";
 374             type: SPACER;
 375             scale: 1;
 376             description { state: "default";
 377                rel1.to: "best_time";
 378                rel1.relative: 0 1;
 379                rel2.relative: 1 1;
 380             }
 381             description { state:"next";
 382                inherit: "default";
 383             }
 384          }
 385          part { name: "save_dim";
 386             type: RECT;
 387             description{ state: "default";
 388                color: 0 0 0 0;
 389                visible: 0;
 390             }
 391             description{ state:"next";
 392                color: 0 0 0 126;
 393                visible: 1;
 394             }
 395          }
 396          part { name: "save_group_btn";
 397             type: SWALLOW;
 398             scale: 1;
 399             description { state: "default";
 400                rel1.to: "bottom_part";
 401                rel2.to: "bottom_part";
 402                rel1.relative: 0.25 0.5;
 403                rel2.relative: 0.25 0.5;
 404                fixed: 1 1;
 405                min: 150 50;
 406                align: 0.5 0.5;
 407             }
 408          }
 409          part { name: "new_event_btn";
 410             type: SWALLOW;
 411             scale: 1;
 412             description { state: "default";
 413                rel1.to: "bottom_part";
 414                rel2.to: "bottom_part";
 415                rel1.relative: 0.75 0.5;
 416                rel2.relative: 0.75 0.5;
 417                fixed: 1 1;
 418                min: 150 50;
 419                align: 0.5 0.5;
 420             }
 421          }
 422       }
 423       programs {
 424
 425 //sequence begin
 426          program { name: "start";
 427             signal: "load";
 428             action: STATE_SET "visible" 0.0;
 429             target: "add_btn";
 430             target: "add_btn_clipper";
 431             target: "add_description";
 432             transition: DECELERATE 1;
 433          }
 434          program { name: "page1";
 435             signal: "momentic,state,page1";
 436             script {
 437                run_program(PROGRAM:"go_page1a");
 438             }
 439          }
 440          program { name: "page2";
 441             signal: "momentic,state,page2";
 442             script {
 443                run_program(PROGRAM:"hide_search");
 444                run_program(PROGRAM:"go_page2a");
 445             }
 446          }
 447 //sequence end
 448
 449
 450 //page 1 begin
 451          program { name: "go_page1a";
 452             action: STATE_SET "next" 0.0;
 453             target: "add_btn";
 454             target: "add_btn_clipper";
 455             target: "add_description";
 456             target: "add_dim";
 457             transition: DECELERATE 0.25;
 458             after: "go_page1b";
 459          }
 460          program { name: "go_page1b";
 461             action: STATE_SET "visible" 0.0;
 462             target: "searchbar_clipper";
 463          }
 464 //page 1 end
 465
 466
 467 //search bar begin
 468          program { name: "show_searchbar";
 469             signal: "momentic,state,searchbar,show";
 470             action: STATE_SET "visible" 0.0;
 471             target: "searchbar_clipper";
 472             transition: DECELERATE 0.25;
 473          }
 474          program { name: "hide_searchbar";
 475             signal: "momentic,state,searchbar,hide";
 476             action: STATE_SET "default" 0.0;
 477             target: "searchbar_clipper";
 478             transition: DECELERATE 0.25;
 479          }
 480          program { name: "show_searchlist";
 481             signal: "momentic,state,searchlist,show";
 482             action: STATE_SET "visible" 0.0;
 483             target: "searchlist";
 484             target: "searchlist_bg";
 485             transition: DECELERATE 0.5;
 486          }
 487          program { name: "hide_searchlist";
 488             signal: "momentic,state,searchlist,hide";
 489             action: STATE_SET "default" 0.0;
 490             target: "searchlist";
 491             target: "searchlist_bg";
 492             transition: DECELERATE 0.5;
 493          }
 494          program { name: "hide_search";
 495             signal: "momentic,state,search,hide";
 496             action: STATE_SET "default" 0.0;
 497             target: "searchlist";
 498             target: "searchlist_bg";
 499             transition: DECELERATE 0.5;
 500             after: "hide_searchbar";
 501          }
 502 //search bar end
 503
 504          program { name: "show_add_description2";
 505             signal: "momentic,state,add_description,show";
 506             action: STATE_SET "default" 0.0;
 507             target: "add_description2";
 508             transition: DECELERATE 0.25;
 509          }
 510          program { name: "hide_add_description2";
 511             signal: "momentic,state,add_description,hide";
 512             action: STATE_SET "hide" 0.0;
 513             target: "add_description2";
 514             transition: DECELERATE 0.25;
 515          }
 516
 517
 518 //page 2 begin
 519          program { name: "go_page2a";
 520             action: STATE_SET "next" 0.0;
 521             target: "next_btn";
 522             target: "next_btn_clipper";
 523             transition: DECELERATE 0.25;
 524             after: "go_page2b";
 525          }
 526          program { name: "go_page2b";
 527             action: STATE_SET "next" 0.0;
 528             target: "map_base";
 529             target: "map";
 530             target: "city_list";
 531             target: "bottom_part";
 532             transition: DECELERATE 0.75;
 533          }
 534 //page 2 end
 535
 536
 537 //next button begin
 538          program { name: "next_btn_show";
 539             signal: "momentic,state,next_btn,show";
 540             action: STATE_SET "visible" 0.0;
 541             target: "next_btn";
 542             target: "next_btn_clipper";
 543             transition: DECELERATE 0.75;
 544          }
 545          program { name: "next_btn_hide";
 546             signal: "momentic,state,next_btn,hide";
 547             action: STATE_SET "default" 0.0;
 548             target: "next_btn";
 549             transition: DECELERATE 0.75;
 550          }
 551 //next button end
 552
 553       }
 554    }
 555 }