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: "drawer_btn.png" COMP;
  12    }
  13    group { name: "map";
  14       parts {
  15          part { name: "map";
  16             type: IMAGE;
  17             scale:1 ;
  18             description { state: "default";
  19                image.normal: "world_map.png";
  20                fixed: 1 1;
  21                min: 443 259;
  22                max: 443 259;
  23             }
  24          }
  25       }
  26    }
  27    group { name: "main";
  28       script {
  29          public drawer_activate = 0;
  30          public page_state = 0;
  31       }
  32 //common
  33       parts {
  34          part { name: "base";
  35             type: RECT;
  36             description { state: "default";
  37             }
  38          }
  39          part { name: "map_base";
  40             type: RECT;
  41             description { state: "default";
  42                rel2.relative: 1 0.51;
  43                color: 246 243 243 255;
  44             }
  45             description { state: "next";
  46                inherit: "default";
  47                rel2.relative: 1 0.45;
  48             }
  49          }
  50          part { name: "map";
  51             type: SWALLOW;
  52             scale:1 ;
  53             description { state: "default";
  54                rel1.to: "map_base";
  55                rel2.to: "map_base";
  56                rel1.relative: 0.0 0.27;
  57                rel2.relative: 1.0 0.90;
  58                fixed: 1 1;
  59             }
  60             description { state: "next";
  61                inherit: "default";
  62                rel1.relative: 0.0 0.10;
  63                rel2.relative: 1.0 0.90;
  64             }
  65          }
  66          part { name: "city_list";
  67             type: SWALLOW;
  68             scale: 1;
  69             description { state: "default";
  70                rel1.to: "map_base";
  71                rel1.relative: 0.0 1.0;
  72             }
  73             description { state: "next";
  74                inherit: "default";
  75                visible: 0;
  76             }
  77          }
  78 // Init
  79          part { name: "add_dim";
  80             type: RECT;
  81             description { state: "default";
  82                rel1.to: "map_base";
  83                rel2.to: "map_base";
  84                color: 0 0 0 50;
  85             }
  86             description { state: "next";
  87                inherit: "default";
  88                color: 0 0 0 0;
  89             }
  90          }
  91          part { name: "add_btn_clipper";
  92             type: RECT;
  93             description { state: "default";
  94                color: 255 255 255 0;
  95             }
  96             description { state: "visible";
  97                color: 255 255 255 255;
  98             }
  99             description { state: "next";
 100                color: 255 255 255 0;
 101             }
 102          }
 103          part { name: "add_btn";
 104             type: SWALLOW;
 105             scale: 1;
 106             clip_to: "add_btn_clipper";
 107             description { state: "default";
 108                rel1.to: "map_base";
 109                rel2.to: "map_base";
 110                rel1.relative: 0.5 0.4;
 111                rel2.relative: 0.5 0.4;
 112                align: 0.5 0.5;
 113                min: 54 54;
 114                fixed: 1 1;
 115                color: 255 255 255 255;
 116             }
 117             description { state: "visible";
 118                inherit: "default";
 119                rel1.relative: 0.5 0.35;
 120                rel2.relative: 0.5 0.35;
 121                color: 255 255 255 255;
 122             }
 123             description { state: "next";
 124                inherit: "visible";
 125                min: 84 84;
 126                color: 255 255 255 0;
 127             }
 128          }
 129          part { name: "add_description";
 130             type: TEXTBLOCK;
 131             scale: 1;
 132             description { state: "default";
 133                rel1.to: "map_base";
 134                rel2.to: "map_base";
 135                rel1.relative: 0.0 0.5;
 136                rel2.relative: 1.0 0.5;
 137                fixed: 1 1;
 138                align: 0 0;
 139                text {
 140                   text: "<b>Add cities,<br>To find best time for your chat.";
 141                   style: "text_style";
 142                   min: 0 1;
 143                }
 144                color: 255 255 255 0;
 145             }
 146             description { state: "visible";
 147                inherit: "default";
 148                rel1.relative: 0.0 0.45;
 149                rel2.relative: 1.0 0.45;
 150                color: 255 255 255 255;
 151             }
 152             description { state: "next";
 153                inherit: "visible";
 154                color: 255 255 255 0;
 155             }
 156          }
 157          part { name: "add_description2";
 158             type: TEXTBLOCK;
 159             scale: 1;
 160             mouse_events: 0;
 161             description { state: "default";
 162                rel1.relative: 0 0.6;
 163                fixed: 1 1;
 164                text {
 165                   text: "<b>After you add cities,<br>they will be shown here.";
 166                   style: "text_style";
 167                   min: 0 1;
 168                }
 169                color: 255 255 255 255;
 170             }
 171             description { state: "hide";
 172                inherit: "default";
 173                color: 255 255 255 0;
 174             }
 175          }
 176          part { name: "drawer_dim";
 177             type: RECT;
 178             description { state: "default";
 179                color: 0 0 0 0;
 180                visible: 0;
 181             }
 182             description { state: "visible";
 183                inherit: "default";
 184             }
 185             description { state: "activated";
 186                color: 0 0 0 75;
 187                visible: 1;
 188             }
 189          }
 190          part { name: "drawer_bg";
 191             type: RECT;
 192             scale: 1;
 193             description { state: "default";
 194                rel1.relative: -0.68 0;
 195                rel2.relative: 0 1;
 196                color: 255 200 0 210;
 197             }
 198             description { state: "visible";
 199                inherit: "default";
 200             }
 201             description { state: "activated";
 202                inherit: "default";
 203                rel1.relative: 0 0;
 204                rel2.relative: 0.68 1;
 205             }
 206          }
 207          part { name: "drawer_content";
 208             type: SWALLOW;
 209             scale: 1;
 210             description { state: "default";
 211                rel1.to: "drawer_bg";
 212                rel2.to: "drawer_bg";
 213                rel1.relative: 0.05 0.01;
 214                rel2.relative: 0.85 0.99;
 215             }
 216          }
 217          part { name: "drawer_btn";
 218             type: IMAGE;
 219             scale: 1;
 220             description { state: "default";
 221                rel1.relative: 0 0.01;
 222                rel2.relative: 0 0.01;
 223                align: 1 0;
 224                min: 35 35;
 225                fixed: 1 1;
 226                image.normal: "drawer_btn.png";
 227             }
 228             description { state: "visible";
 229                inherit: "default";
 230                align: 0 0;
 231                map {
 232                   on: 1;
 233                   rotation.y: 0;
 234                }
 235                color: 255 200 0 210;
 236             }
 237             description { state: "activated";
 238                inherit: "visible";
 239                rel1.relative: 0.6 0.01;
 240                rel2.relative: 0.6 0.01;
 241                map {
 242                   on: 1;
 243                   rotation.z: 180;
 244                }
 245                color: 255 255 255 255;
 246             }
 247             description { state: "next";
 248                inherit: "default";
 249             }
 250          }
 251          part { name: "drawer_btn_event";
 252             type: RECT;
 253             scale: 1;
 254             description { state: "default" 0.0;
 255                rel1.to: "drawer_btn";
 256                rel2.to: "drawer_btn";
 257                fixed: 1 1;
 258                min: 60 60;
 259                align: 1 0;
 260                color: 0 0 0 0;
 261             }
 262          }
 263 // page 1
 264          part { name: "searchlist_bg";
 265             type: IMAGE;
 266             scale: 1;
 267             description { state: "default";
 268                rel1.to: "searchbar";
 269                rel1.relative: 0.0 0.5;
 270                rel2.to_x: "searchbar";
 271                rel2.relative: 1.0 0.015;
 272                rel2.offset: -2 -1;
 273                align: 0.5 0;
 274                fixed: 1 1;
 275                image.normal: "searchlist.png";
 276             }
 277             description { state: "visible";
 278                inherit: "default";
 279                rel2.to: "map";
 280                rel2.relative: 0.97 0.5;
 281             }
 282          }
 283          part { name: "searchlist";
 284             type: SWALLOW;
 285             scale: 1;
 286             description { state: "default";
 287                rel1.to: "searchlist_bg";
 288                rel2.to: "searchlist_bg";
 289             }
 290          }
 291          part { name: "searchbar_clipper";
 292             type: RECT;
 293             scale: 1;
 294             description { state: "default";
 295                rel1.relative: 0.03 0.015;
 296                rel2.relative: 0.97 0.015;
 297                min: 0 35;
 298                align: 0.5 0;
 299                fixed: 1 1;
 300                color: 255 255 255 0;
 301             }
 302             description { state: "visible";
 303                inherit: "default";
 304                color: 255 255 255 255;
 305             }
 306          }
 307          part { name: "searchbar";
 308             type: SWALLOW;
 309             scale: 1;
 310             clip_to: "searchbar_clipper";
 311             description { state: "default";
 312                rel1.to: "searchbar_clipper";
 313                rel2.to: "searchbar_clipper";
 314                visible: 0;
 315             }
 316             description { state: "next";
 317                rel1.to: "searchbar_clipper";
 318                rel2.to: "searchbar_clipper";
 319                visible: 1;
 320             }
 321          }
 322          part { name: "next_btn_clipper";
 323             type: RECT;
 324             description { state: "default";
 325                color: 255 255 255 0;
 326             }
 327             description { state: "visible";
 328                color: 255 255 255 255;
 329             }
 330             description { state: "next";
 331                color: 255 255 255 0;
 332             }
 333          }
 334          part { name: "next_btn";
 335             type: SWALLOW;
 336             scale: 1;
 337             clip_to: "next_btn_clipper";
 338             description { state: "default";
 339                rel1.to: "map";
 340                rel2.to: "map";
 341                rel1.relative: 0.85 0.8;
 342                rel2.relative: 0.85 0.8;
 343                min: 54 54;
 344                fixed: 1 1;
 345                color: 255 255 255 0;
 346                align: 0.5 0.5;
 347             }
 348             description { state: "visible";
 349                inherit: "default";
 350                rel1.relative: 0.9 0.8;
 351                rel2.relative: 0.9 0.8;
 352                color: 255 255 255 255;
 353             }
 354             description { state: "next";
 355                inherit: "visible";
 356                min: 84 84;
 357                color: 255 255 255 0;
 358             }
 359          }
 360 //page 2
 361          part { name: "result_list";
 362             type: SWALLOW;
 363             scale: 1;
 364             description {
 365                state: "default" 0.0;
 366                rel1.to: "city_list";
 367                rel2.to: "city_list";
 368                visible: 0;
 369             }
 370             description { state: "next";
 371                inherit: "default";
 372                rel2.relative: 1.0 0.8;
 373                visible: 1;
 374             }
 375          }
 376          part { name: "bottom_part";
 377             type: SPACER;
 378             scale: 1;
 379             description { state: "default";
 380                rel1.to: "result_list";
 381                rel1.relative: 0 1;
 382                rel2.relative: 1 1;
 383             }
 384             description { state:"next";
 385                inherit: "default";
 386             }
 387          }
 388          part { name: "save_group_bg";
 389             type: RECT;
 390             description{ state: "default";
 391                color: 0 0 0 0;
 392                visible: 0;
 393             }
 394             description{ state:"activated";
 395                color: 0 0 0 126;
 396                visible: 1;
 397             }
 398          }
 399          part { name: "save_group_btn";
 400             type: SWALLOW;
 401             scale: 1;
 402             description { state: "default";
 403                rel1.to: "bottom_part";
 404                rel2.to: "bottom_part";
 405                rel1.relative: 0.25 0.5;
 406                rel2.relative: 0.25 0.5;
 407                fixed: 1 1;
 408                min: 150 50;
 409                align: 0.5 0.5;
 410             }
 411             description { state: "activated";
 412                rel1.relative: 0.5 0.5;
 413                rel2.relative: 0.5 0.5;
 414                min: 350 350;
 415                fixed: 1 1;
 416                align: 0.5 0.5;
 417             }
 418          }
 419          part { name: "new_event_btn";
 420             type: SWALLOW;
 421             scale: 1;
 422             description { state: "default";
 423                rel1.to: "bottom_part";
 424                rel2.to: "bottom_part";
 425                rel1.relative: 0.75 0.5;
 426                rel2.relative: 0.75 0.5;
 427                fixed: 1 1;
 428                min: 150 50;
 429                align: 0.5 0;
 430             }
 431          }
 432       }
 433       programs {
 434
 435 //sequence begin
 436          program { name: "start";
 437             signal: "load";
 438             action: STATE_SET "visible" 0.0;
 439             target: "add_btn";
 440             target: "add_btn_clipper";
 441             target: "add_description";
 442             target: "drawer_btn";
 443             transition: DECELERATE 1;
 444          }
 445          program { name: "page1";
 446             signal: "momentic,state,page1";
 447             script {
 448                run_program(PROGRAM:"go_page1a");
 449                set_int(page_state, -1);
 450             }
 451          }
 452          program { name: "page2";
 453             signal: "momentic,state,page2";
 454             script {
 455                run_program(PROGRAM:"hide_search");
 456                run_program(PROGRAM:"go_page2a");
 457                set_int(page_state, -1);
 458             }
 459          }
 460          program { name: "page_back";
 461             signal: "momentic,state,page,back";
 462             script {
 463                if (get_int(drawer_activate)) {
 464                   run_program(PROGRAM:"drawer_hide");
 465                } else {
 466                   if (get_int(page_state) == 3) {
 467                      //page2_back
 468                      set_int(page_state, -1);
 469                   } else if (get_int(page_state) == 2) {
 470                      run_program(PROGRAM:"page_back_1a");
 471                      run_program(PROGRAM:"page_back_1d");
 472                      set_int(page_state, -1);
 473                   } else if (get_int(page_state) == 1) {
 474                      run_program(PROGRAM:"page_back_0a");
 475                      run_program(PROGRAM:"page_back_0d");
 476                      run_program(PROGRAM:"hide_searchlist");
 477                      run_program(PROGRAM:"show_add_description2");
 478                      run_program(PROGRAM:"next_btn_hide");
 479                      set_int(page_state, -1);
 480                   }
 481                }
 482             }
 483          }
 484 //sequence end
 485
 486 //page 1 back begin
 487          program { name: "page_back_1a";
 488             action: STATE_SET "default" 0.0;
 489             target: "result_list";
 490             target: "map_base";
 491             target: "map";
 492             target: "city_list";
 493             target: "bottom_part";
 494             transition: DECELERATE 0.75;
 495             after: "page_back_1b";
 496          }
 497          program { name: "page_back_1b";
 498             action: STATE_SET "visible" 0.0;
 499             target: "next_btn";
 500             target: "next_btn_clipper";
 501             target: "searchbar_clipper";
 502             transition: DECELERATE 0.25;
 503             after: "page_back_1c";
 504          }
 505          program { name: "page_back_1c";
 506             script {
 507                set_int(page_state, 1);
 508             }
 509          }
 510          program { name: "page_back_1d";
 511             action: STATE_SET "next" 0.0;
 512             target: "searchbar";
 513          }
 514 //page 1 back end
 515
 516 //page 0 back begin
 517          program { name: "page_back_0a";
 518             action: STATE_SET "default" 0.0;
 519             target: "add_btn";
 520             target: "add_btn_clipper";
 521             target: "add_description";
 522             target: "drawer_btn";
 523             after: "page_back_0b";
 524          }
 525          program { name: "page_back_0b";
 526             action: STATE_SET "visible" 0.0;
 527             target: "add_btn";
 528             target: "add_btn_clipper";
 529             target: "add_description";
 530             target: "drawer_btn";
 531             transition: DECELERATE 1;
 532             after: "page_back_0c";
 533          }
 534          program { name: "page_back_0c";
 535             action: STATE_SET "default" 0.0;
 536             target: "searchbar";
 537          }
 538          program { name: "page_back_0d";
 539             action: STATE_SET "default" 0.0;
 540             target: "add_dim";
 541             target: "searchbar_clipper";
 542             transition: DECELERATE 0.5;
 543             after: "page_back_0e";
 544          }
 545          program { name: "page_back_0e";
 546             script {
 547                set_int(page_state, 0);
 548             }
 549          }
 550 //page 0 back end
 551
 552
 553
 554 //page 1 begin
 555          program { name: "go_page1a";
 556             action: STATE_SET "next" 0.0;
 557             target: "add_btn";
 558             target: "add_btn_clipper";
 559             target: "add_description";
 560             target: "add_dim";
 561             target: "searchbar";
 562             target: "drawer_btn";
 563             transition: DECELERATE 0.25;
 564             after: "go_page1b";
 565          }
 566          program { name: "go_page1b";
 567             action: STATE_SET "visible" 0.0;
 568             target: "searchbar_clipper";
 569             after: "go_page1c";
 570          }
 571          program { name: "go_page1c";
 572             action: SIGNAL_EMIT "momentic,page1,done" "";
 573             after: "go_page1d";
 574          }
 575          program { name: "go_page1d";
 576             script {
 577                set_int(page_state, 1);
 578             }
 579          }
 580 //page 1 end
 581
 582
 583 //search bar begin
 584          program { name: "show_searchbar";
 585             signal: "momentic,state,searchbar,show";
 586             action: STATE_SET "visible" 0.0;
 587             target: "searchbar_clipper";
 588             transition: DECELERATE 0.25;
 589          }
 590          program { name: "hide_searchbar";
 591             signal: "momentic,state,searchbar,hide";
 592             action: STATE_SET "default" 0.0;
 593             target: "searchbar_clipper";
 594             transition: DECELERATE 0.25;
 595          }
 596          program { name: "show_searchlist";
 597             signal: "momentic,state,searchlist,show";
 598             action: STATE_SET "visible" 0.0;
 599             target: "searchlist";
 600             target: "searchlist_bg";
 601             transition: DECELERATE 0.5;
 602          }
 603          program { name: "hide_searchlist";
 604             signal: "momentic,state,searchlist,hide";
 605             action: STATE_SET "default" 0.0;
 606             target: "searchlist";
 607             target: "searchlist_bg";
 608             transition: DECELERATE 0.5;
 609          }
 610          program { name: "hide_search";
 611             signal: "momentic,state,search,hide";
 612             action: STATE_SET "default" 0.0;
 613             target: "searchlist";
 614             target: "searchlist_bg";
 615             transition: DECELERATE 0.5;
 616             after: "hide_searchbar";
 617          }
 618 //search bar end
 619
 620
 621 //description2 begin
 622          program { name: "show_add_description2";
 623             signal: "momentic,state,add_description,show";
 624             action: STATE_SET "default" 0.0;
 625             target: "add_description2";
 626             transition: DECELERATE 0.25;
 627          }
 628          program { name: "hide_add_description2";
 629             signal: "momentic,state,add_description,hide";
 630             action: STATE_SET "hide" 0.0;
 631             target: "add_description2";
 632             transition: DECELERATE 0.25;
 633          }
 634 //description2 end
 635
 636
 637 //page 2 begin
 638          program { name: "go_page2a";
 639             action: STATE_SET "next" 0.0;
 640             target: "next_btn";
 641             target: "next_btn_clipper";
 642             transition: DECELERATE 0.25;
 643             after: "go_page2b";
 644          }
 645          program { name: "go_page2b";
 646             action: STATE_SET "next" 0.0;
 647             target: "map_base";
 648             target: "map";
 649             target: "city_list";
 650             target: "result_list";
 651             target: "bottom_part";
 652             transition: DECELERATE 0.75;
 653             after: "go_page2c";
 654          }
 655          program { name: "go_page2c";
 656             script {
 657                set_int(page_state, 2);
 658             }
 659          }
 660 //page 2 end
 661
 662
 663 //next button begin
 664          program { name: "next_btn_show";
 665             signal: "momentic,state,next_btn,show";
 666             action: STATE_SET "visible" 0.0;
 667             target: "next_btn";
 668             target: "next_btn_clipper";
 669             transition: DECELERATE 0.75;
 670          }
 671          program { name: "next_btn_hide";
 672             signal: "momentic,state,next_btn,hide";
 673             action: STATE_SET "default" 0.0;
 674             target: "next_btn";
 675             target: "next_btn_clipper";
 676             transition: DECELERATE 0.75;
 677          }
 678 //next button end
 679
 680
 681 //drawer begin
 682          program { name: "drawer_show";
 683             signal: "momentic,state,drawer,show";
 684             action: STATE_SET "activated" 0.0;
 685             target: "drawer_btn";
 686             target: "drawer_dim";
 687             target: "drawer_bg";
 688             transition: DECELERATE 0.5;
 689          }
 690          program { name: "drawer_hide";
 691             signal: "momentic,state,drawer,hide";
 692             action: STATE_SET "visible" 0.0;
 693             target: "drawer_btn";
 694             target: "drawer_dim";
 695             target: "drawer_bg";
 696             transition: DECELERATE 0.5;
 697          }
 698          program { name: "drawer_clicked";
 699             signal: "mouse,clicked,1";
 700             source: "drawer_btn_event";
 701             script {
 702                if (get_int(drawer_activate) == 0) {
 703                   set_int(drawer_activate, 1);
 704                   run_program(PROGRAM:"drawer_show");
 705                } else {
 706                   set_int(drawer_activate, 0);
 707                   run_program(PROGRAM:"drawer_hide");
 708                }
 709             }
 710          }
 711          program { name: "drawer_clicked2";
 712             signal: "mouse,clicked,1";
 713             source: "drawer_dim";
 714             script {
 715                set_int(drawer_activate, 0);
 716                run_program(PROGRAM:"drawer_hide");
 717             }
 718          }
 719 //drawer end
 720
 721
 722
 723 //save group begin
 724          program {  name: "save_group_activate";
 725             signal: "momentic,state,save_group,activate";
 726             action: STATE_SET "activated" 0.0;
 727             target: "save_group_btn";
 728             target: "save_group_bg";
 729             transition: DECELERATE 0.5;
 730          }
 731          program { name: "save_group_deactivate";
 732             signal: "momentic,state,save_group,deactivate";
 733             action: STATE_SET "default" 0.0;
 734             target: "save_group_btn";
 735             target: "save_group_bg";
 736             transition: DECELERATE 0.5;
 737          }
 738 //save group end
 739       }
 740    }
 741 }