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=tizen 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: "bottom_part";
 362             type: SPACER;
 363             scale: 1;
 364             description { state: "default";
 365                rel1.to: "city_list";
 366                rel1.relative: 0 1;
 367                rel2.relative: 1 1;
 368             }
 369             description { state:"next";
 370                inherit: "default";
 371             }
 372          }
 373          part { name: "save_group_bg";
 374             type: RECT;
 375             description{ state: "default";
 376                color: 0 0 0 0;
 377                visible: 0;
 378             }
 379             description{ state:"activated";
 380                color: 0 0 0 126;
 381                visible: 1;
 382             }
 383          }
 384          part { name: "save_group_btn";
 385             type: SWALLOW;
 386             scale: 1;
 387             description { state: "default";
 388                rel1.to: "bottom_part";
 389                rel2.to: "bottom_part";
 390                rel1.relative: 0.25 0.5;
 391                rel2.relative: 0.25 0.5;
 392                fixed: 1 1;
 393                min: 150 50;
 394                align: 0.5 0.5;
 395             }
 396             description { state: "activated";
 397                rel1.relative: 0.5 0.5;
 398                rel2.relative: 0.5 0.5;
 399                min: 350 350;
 400                fixed: 1 1;
 401                align: 0.5 0.5;
 402             }
 403          }
 404          part { name: "new_event_btn";
 405             type: SWALLOW;
 406             scale: 1;
 407             description { state: "default";
 408                rel1.to: "bottom_part";
 409                rel2.to: "bottom_part";
 410                rel1.relative: 0.75 0.5;
 411                rel2.relative: 0.75 0.5;
 412                fixed: 1 1;
 413                min: 150 50;
 414                align: 0.5 0;
 415             }
 416          }
 417       }
 418       programs {
 419
 420 //sequence begin
 421          program { name: "start";
 422             signal: "load";
 423             action: STATE_SET "visible" 0.0;
 424             target: "add_btn";
 425             target: "add_btn_clipper";
 426             target: "add_description";
 427             target: "drawer_btn";
 428             transition: DECELERATE 1;
 429          }
 430          program { name: "page1";
 431             signal: "momentic,state,page1";
 432             script {
 433                run_program(PROGRAM:"go_page1a");
 434                set_int(page_state, -1);
 435             }
 436          }
 437          program { name: "page2";
 438             signal: "momentic,state,page2";
 439             script {
 440                run_program(PROGRAM:"hide_search");
 441                run_program(PROGRAM:"go_page2a");
 442                set_int(page_state, -1);
 443             }
 444          }
 445          program { name: "page_back";
 446             signal: "momentic,state,page,back";
 447             script {
 448                if (get_int(drawer_activate)) {
 449                   run_program(PROGRAM:"drawer_hide");
 450                } else {
 451                   if (get_int(page_state) == 3) {
 452                      //page2_back
 453                      set_int(page_state, -1);
 454                   } else if (get_int(page_state) == 2) {
 455                      run_program(PROGRAM:"page_back_1a");
 456                      run_program(PROGRAM:"page_back_1d");
 457                      set_int(page_state, -1);
 458                   } else if (get_int(page_state) == 1) {
 459                      run_program(PROGRAM:"page_back_0a");
 460                      run_program(PROGRAM:"page_back_0d");
 461                      run_program(PROGRAM:"hide_searchlist");
 462                      run_program(PROGRAM:"show_add_description2");
 463                      run_program(PROGRAM:"next_btn_hide");
 464                      set_int(page_state, -1);
 465                   }
 466                }
 467             }
 468          }
 469 //sequence end
 470
 471 //page 1 back begin
 472          program { name: "page_back_1a";
 473             action: STATE_SET "default" 0.0;
 474             target: "map_base";
 475             target: "map";
 476             target: "city_list";
 477             target: "bottom_part";
 478             transition: DECELERATE 0.75;
 479             after: "page_back_1b";
 480          }
 481          program { name: "page_back_1b";
 482             action: STATE_SET "visible" 0.0;
 483             target: "next_btn";
 484             target: "next_btn_clipper";
 485             target: "searchbar_clipper";
 486             transition: DECELERATE 0.25;
 487             after: "page_back_1c";
 488          }
 489          program { name: "page_back_1c";
 490             script {
 491                set_int(page_state, 1);
 492             }
 493          }
 494          program { name: "page_back_1d";
 495             action: STATE_SET "next" 0.0;
 496             target: "searchbar";
 497          }
 498 //page 1 back end
 499
 500 //page 0 back begin
 501          program { name: "page_back_0a";
 502             action: STATE_SET "default" 0.0;
 503             target: "add_btn";
 504             target: "add_btn_clipper";
 505             target: "add_description";
 506             target: "drawer_btn";
 507             after: "page_back_0b";
 508          }
 509          program { name: "page_back_0b";
 510             action: STATE_SET "visible" 0.0;
 511             target: "add_btn";
 512             target: "add_btn_clipper";
 513             target: "add_description";
 514             target: "drawer_btn";
 515             transition: DECELERATE 1;
 516             after: "page_back_0c";
 517          }
 518          program { name: "page_back_0c";
 519             action: STATE_SET "default" 0.0;
 520             target: "searchbar";
 521          }
 522          program { name: "page_back_0d";
 523             action: STATE_SET "default" 0.0;
 524             target: "add_dim";
 525             target: "searchbar_clipper";
 526             transition: DECELERATE 0.5;
 527             after: "page_back_0e";
 528          }
 529          program { name: "page_back_0e";
 530             script {
 531                set_int(page_state, 0);
 532             }
 533          }
 534 //page 0 back end
 535
 536
 537
 538 //page 1 begin
 539          program { name: "go_page1a";
 540             action: STATE_SET "next" 0.0;
 541             target: "add_btn";
 542             target: "add_btn_clipper";
 543             target: "add_description";
 544             target: "add_dim";
 545             target: "searchbar";
 546             target: "drawer_btn";
 547             transition: DECELERATE 0.25;
 548             after: "go_page1b";
 549          }
 550          program { name: "go_page1b";
 551             action: STATE_SET "visible" 0.0;
 552             target: "searchbar_clipper";
 553             after: "go_page1c";
 554          }
 555          program { name: "go_page1c";
 556             action: SIGNAL_EMIT "momentic,page1,done" "";
 557             after: "go_page1d";
 558          }
 559          program { name: "go_page1d";
 560             script {
 561                set_int(page_state, 1);
 562             }
 563          }
 564 //page 1 end
 565
 566
 567 //search bar begin
 568          program { name: "show_searchbar";
 569             signal: "momentic,state,searchbar,show";
 570             action: STATE_SET "visible" 0.0;
 571             target: "searchbar_clipper";
 572             transition: DECELERATE 0.25;
 573          }
 574          program { name: "hide_searchbar";
 575             signal: "momentic,state,searchbar,hide";
 576             action: STATE_SET "default" 0.0;
 577             target: "searchbar_clipper";
 578             transition: DECELERATE 0.25;
 579          }
 580          program { name: "show_searchlist";
 581             signal: "momentic,state,searchlist,show";
 582             action: STATE_SET "visible" 0.0;
 583             target: "searchlist";
 584             target: "searchlist_bg";
 585             transition: DECELERATE 0.5;
 586          }
 587          program { name: "hide_searchlist";
 588             signal: "momentic,state,searchlist,hide";
 589             action: STATE_SET "default" 0.0;
 590             target: "searchlist";
 591             target: "searchlist_bg";
 592             transition: DECELERATE 0.5;
 593          }
 594          program { name: "hide_search";
 595             signal: "momentic,state,search,hide";
 596             action: STATE_SET "default" 0.0;
 597             target: "searchlist";
 598             target: "searchlist_bg";
 599             transition: DECELERATE 0.5;
 600             after: "hide_searchbar";
 601          }
 602 //search bar end
 603
 604
 605 //description2 begin
 606          program { name: "show_add_description2";
 607             signal: "momentic,state,add_description,show";
 608             action: STATE_SET "default" 0.0;
 609             target: "add_description2";
 610             transition: DECELERATE 0.25;
 611          }
 612          program { name: "hide_add_description2";
 613             signal: "momentic,state,add_description,hide";
 614             action: STATE_SET "hide" 0.0;
 615             target: "add_description2";
 616             transition: DECELERATE 0.25;
 617          }
 618 //description2 end
 619
 620
 621 //page 2 begin
 622          program { name: "go_page2a";
 623             action: STATE_SET "next" 0.0;
 624             target: "next_btn";
 625             target: "next_btn_clipper";
 626             transition: DECELERATE 0.25;
 627             after: "go_page2b";
 628          }
 629          program { name: "go_page2b";
 630             action: STATE_SET "next" 0.0;
 631             target: "map_base";
 632             target: "map";
 633             target: "bottom_part";
 634             transition: DECELERATE 0.75;
 635             after: "go_page2c";
 636          }
 637          program { name: "go_page2c";
 638             script {
 639                set_int(page_state, 2);
 640             }
 641          }
 642 //page 2 end
 643
 644
 645 //next button begin
 646          program { name: "next_btn_show";
 647             signal: "momentic,state,next_btn,show";
 648             action: STATE_SET "visible" 0.0;
 649             target: "next_btn";
 650             target: "next_btn_clipper";
 651             transition: DECELERATE 0.75;
 652          }
 653          program { name: "next_btn_hide";
 654             signal: "momentic,state,next_btn,hide";
 655             action: STATE_SET "default" 0.0;
 656             target: "next_btn";
 657             target: "next_btn_clipper";
 658             transition: DECELERATE 0.75;
 659          }
 660 //next button end
 661
 662
 663 //drawer begin
 664          program { name: "drawer_show";
 665             signal: "momentic,state,drawer,show";
 666             action: STATE_SET "activated" 0.0;
 667             target: "drawer_btn";
 668             target: "drawer_dim";
 669             target: "drawer_bg";
 670             transition: DECELERATE 0.5;
 671          }
 672          program { name: "drawer_hide";
 673             signal: "momentic,state,drawer,hide";
 674             action: STATE_SET "visible" 0.0;
 675             target: "drawer_btn";
 676             target: "drawer_dim";
 677             target: "drawer_bg";
 678             transition: DECELERATE 0.5;
 679          }
 680          program { name: "drawer_clicked";
 681             signal: "mouse,clicked,1";
 682             source: "drawer_btn_event";
 683             script {
 684                if (get_int(drawer_activate) == 0) {
 685                   set_int(drawer_activate, 1);
 686                   run_program(PROGRAM:"drawer_show");
 687                } else {
 688                   set_int(drawer_activate, 0);
 689                   run_program(PROGRAM:"drawer_hide");
 690                }
 691             }
 692          }
 693          program { name: "drawer_clicked2";
 694             signal: "mouse,clicked,1";
 695             source: "drawer_dim";
 696             script {
 697                set_int(drawer_activate, 0);
 698                run_program(PROGRAM:"drawer_hide");
 699             }
 700          }
 701 //drawer end
 702
 703
 704
 705 //save group begin
 706          program {  name: "save_group_activate";
 707             signal: "momentic,state,save_group,activate";
 708             action: STATE_SET "activated" 0.0;
 709             target: "save_group_btn";
 710             target: "save_group_bg";
 711             transition: DECELERATE 0.5;
 712          }
 713          program { name: "save_group_deactivate";
 714             signal: "momentic,state,save_group,deactivate";
 715             action: STATE_SET "default" 0.0;
 716             target: "save_group_btn";
 717             target: "save_group_bg";
 718             transition: DECELERATE 0.5;
 719          }
 720 //save group end
 721       }
 722    }
 723 }