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             }
  21          }
  22       }
  23    }
  24    group { name: "main";
  25       script {
  26          public drawer_activate = 0;
  27          public page_state = 0;
  28       }
  29 //common
  30       parts {
  31          part { name: "base";
  32             type: RECT;
  33             description { state: "default";
  34             }
  35          }
  36          part { name: "map_base";
  37             type: RECT;
  38             description { state: "default";
  39                rel2.relative: 1 0.51;
  40                color: 246 243 243 255;
  41             }
  42             description { state: "next";
  43                inherit: "default";
  44                rel2.relative: 1 0.45;
  45             }
  46          }
  47          part { name: "map";
  48             type: SWALLOW;
  49             scale:1 ;
  50             description { state: "default";
  51                rel1.to: "map_base";
  52                rel2.to: "map_base";
  53                rel1.relative: 0.0 0.27;
  54                rel2.relative: 1.0 0.90;
  55                min: 443 259;
  56                max: 443 259;
  57                align: 0.5 0.5;
  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 180 50 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_title";
 208             type: TEXT;
 209             scale: 1;
 210             description { state: "default" 0.0;
 211                rel1.to: "drawer_bg";
 212                rel2.to: "drawer_bg";
 213                rel2.relative: 1 0.1;
 214                text.text: "My Group List";
 215                text.size: 30;
 216                text.font: "Tizen:style="Bold"";
 217                text.text_class: "tizen";
 218                text.align: 0.1 0.25;
 219                text.min: 0 1;
 220                fixed: 0 1;
 221             }
 222          }
 223          part { name: "drawer_line";
 224             type: RECT;
 225             description { state: "default" 0.0;
 226                rel1.to: "drawer_title";
 227                rel2.to: "drawer_title";
 228                rel1.relative: 0.05 0.65;
 229                rel2.relative: 0.95 0.65;
 230                align: 0.5 0;
 231                min: 0 3;
 232                fixed: 0 1;
 233             }
 234          }
 235          part { name: "drawer_content";
 236             type: SWALLOW;
 237             scale: 1;
 238             description { state: "default";
 239                rel1.to: "drawer_line";
 240                rel2.to: "drawer_bg";
 241                rel1.relative: 0 1;
 242                rel2.relative: 0.95 0.99;
 243                rel1.offset: 0 10;
 244                rel2.offset: -1 -11;
 245             }
 246          }
 247          part { name: "drawer_no_result";
 248             type: TEXT;
 249             scale: 1;
 250             description { state: "default" 0.0;
 251                rel1.to: "drawer_line";
 252                rel2.to: "drawer_line";
 253                rel1.relative: 0 1;
 254                rel1.offset: 10 15;
 255                rel2.relative: 1 1;
 256                text.text: "No Groups";
 257                text.size: 20;
 258                text.font: "Tizen:style=Regular";
 259                text.text_class: "tizen";
 260                text.align: 0 0;
 261                text.min: 0 1;
 262                align: 0 0;
 263                fixed: 0 1;
 264             }
 265             description { state: "hide" 0.0;
 266                visible:0;
 267             }
 268          }
 269          part { name: "drawer_btn";
 270             type: IMAGE;
 271             scale: 1;
 272             description { state: "default";
 273                rel1.relative: 0 0.01;
 274                rel2.relative: 0 0.01;
 275                align: 1 0;
 276                min: 35 35;
 277                fixed: 1 1;
 278                image.normal: "drawer_btn.png";
 279             }
 280             description { state: "visible";
 281                inherit: "default";
 282                align: 0 0;
 283                map {
 284                   on: 1;
 285                   rotation.y: 0;
 286                }
 287                color: 255 200 0 210;
 288             }
 289             description { state: "activated";
 290                inherit: "visible";
 291                rel1.relative: 0.6 0.01;
 292                rel2.relative: 0.6 0.01;
 293                map {
 294                   on: 1;
 295                   rotation.z: 180;
 296                }
 297                color: 255 255 255 255;
 298             }
 299             description { state: "next";
 300                inherit: "default";
 301             }
 302          }
 303          part { name: "drawer_btn_event";
 304             type: RECT;
 305             scale: 1;
 306             description { state: "default" 0.0;
 307                rel1.to: "drawer_btn";
 308                rel2.to: "drawer_btn";
 309                fixed: 1 1;
 310                min: 60 60;
 311                align: 1 0;
 312                color: 0 0 0 0;
 313             }
 314          }
 315 // page 1
 316          part { name: "searchlist_bg";
 317             type: IMAGE;
 318             scale: 1;
 319             description { state: "default";
 320                rel1.to: "searchbar";
 321                rel1.relative: 0.0 0.5;
 322                rel2.to_x: "searchbar";
 323                rel2.relative: 1.0 0.015;
 324                rel2.offset: -2 -1;
 325                align: 0.5 0;
 326                fixed: 1 1;
 327                image.normal: "searchlist.png";
 328             }
 329             description { state: "visible";
 330                inherit: "default";
 331                rel2.to: "map";
 332                rel2.relative: 0.97 0.5;
 333             }
 334          }
 335          part { name: "searchlist";
 336             type: SWALLOW;
 337             scale: 1;
 338             description { state: "default";
 339                rel1.to: "searchlist_bg";
 340                rel2.to: "searchlist_bg";
 341             }
 342          }
 343          part { name: "searchbar_clipper";
 344             type: RECT;
 345             scale: 1;
 346             description { state: "default";
 347                rel1.relative: 0.03 0.015;
 348                rel2.relative: 0.97 0.015;
 349                min: 0 35;
 350                align: 0.5 0;
 351                fixed: 1 1;
 352                color: 255 255 255 0;
 353                            visible: 0;
 354             }
 355             description { state: "visible";
 356                inherit: "default";
 357                color: 255 255 255 255;
 358                            visible: 1;
 359             }
 360          }
 361          part { name: "searchbar";
 362             type: SWALLOW;
 363             scale: 1;
 364             clip_to: "searchbar_clipper";
 365             description { state: "default";
 366                rel1.to: "searchbar_clipper";
 367                rel2.to: "searchbar_clipper";
 368                visible: 0;
 369             }
 370             description { state: "next";
 371                rel1.to: "searchbar_clipper";
 372                rel2.to: "searchbar_clipper";
 373                visible: 1;
 374             }
 375          }
 376          part { name: "next_btn_clipper";
 377             type: RECT;
 378             description { state: "default";
 379                color: 255 255 255 0;
 380             }
 381             description { state: "visible";
 382                color: 255 255 255 255;
 383             }
 384             description { state: "next";
 385                color: 255 255 255 0;
 386             }
 387          }
 388          part { name: "next_btn";
 389             type: SWALLOW;
 390             scale: 1;
 391             clip_to: "next_btn_clipper";
 392             description { state: "default";
 393                rel1.to: "map";
 394                rel2.to: "map";
 395                rel1.relative: 0.85 0.8;
 396                rel2.relative: 0.85 0.8;
 397                min: 54 54;
 398                fixed: 1 1;
 399                color: 255 255 255 0;
 400                align: 0.5 0.5;
 401             }
 402             description { state: "visible";
 403                inherit: "default";
 404                rel1.relative: 0.9 0.8;
 405                rel2.relative: 0.9 0.8;
 406                color: 255 255 255 255;
 407             }
 408             description { state: "next";
 409                inherit: "visible";
 410                min: 84 84;
 411                color: 255 255 255 0;
 412             }
 413          }
 414 //page 2
 415          part { name: "bottom_part";
 416             type: SPACER;
 417             scale: 1;
 418             description { state: "default";
 419                rel1.to: "city_list";
 420                rel1.relative: 0 1;
 421                rel2.relative: 1 1;
 422             }
 423             description { state:"next";
 424                inherit: "default";
 425                min: 0 100;
 426                align: 0 1;
 427             }
 428          }
 429          part { name: "save_group_bg";
 430             type: RECT;
 431             description{ state: "default";
 432                color: 0 0 0 0;
 433                visible: 0;
 434             }
 435             description{ state: "next";
 436                inherit: "default";
 437             }
 438             description{ state:"activated";
 439                color: 0 0 0 126;
 440                visible: 1;
 441             }
 442          }
 443          part { name: "save_group_btn";
 444             type: SWALLOW;
 445             scale: 1;
 446             description { state: "default";
 447                rel1.to: "bottom_part";
 448                rel2.to: "bottom_part";
 449                rel1.relative: 0.5 1;
 450                rel2.relative: 0.5 1;
 451                fixed: 1 1;
 452                min: 150 55;
 453                align: 0.5 0;
 454                color: 255 0 0 255;
 455             }
 456             description { state: "next";
 457                inherit: "default";
 458                rel1.relative: 0.5 0.5;
 459                rel2.relative: 0.5 0.5;
 460                align: 0.5 0.5;
 461             }
 462             description { state: "activated";
 463                rel1.relative: 0.5 0.5;
 464                rel2.relative: 0.5 0.5;
 465                align: 0.5 0.5;
 466                min: 350 175;
 467                fixed: 1 1;
 468             }
 469          }
 470          part { name: "new_event_btn";
 471             type: SWALLOW;
 472             scale: 1;
 473             description { state: "default";
 474                rel1.to: "bottom_part";
 475                rel2.to: "bottom_part";
 476                rel1.relative: 0.75 1;
 477                rel2.relative: 0.75 1;
 478                fixed: 1 1;
 479                min: 150 55;
 480                align: 0.5 0;
 481                color: 255 0 0 255;
 482             }
 483             description { state: "next";
 484                inherit: "default";
 485                rel1.relative: 0.75 0.5;
 486                rel2.relative: 0.75 0.5;
 487                align: 0.5 0.5;
 488             }
 489          }
 490       }
 491       programs {
 492
 493 //sequence begin
 494          program { name: "start";
 495             signal: "load";
 496             action: STATE_SET "visible" 0.0;
 497             target: "add_btn";
 498             target: "add_btn_clipper";
 499             target: "add_description";
 500             target: "drawer_btn";
 501             transition: DECELERATE 1;
 502          }
 503          program { name: "page1";
 504             signal: "momentic,state,page1";
 505             script {
 506                run_program(PROGRAM:"go_page1a");
 507                set_int(page_state, -1);
 508             }
 509          }
 510          program { name: "page2";
 511             signal: "momentic,state,page2";
 512             script {
 513                run_program(PROGRAM:"hide_search");
 514                run_program(PROGRAM:"go_page2a");
 515                set_int(page_state, -1);
 516             }
 517          }
 518          program { name: "page_back";
 519             signal: "momentic,state,page,back";
 520             script {
 521                if (get_int(drawer_activate)) {
 522                   run_program(PROGRAM:"drawer_hide");
 523                } else {
 524                   if (get_int(page_state) == 3) {
 525                      //page2_back
 526                      set_int(page_state, -1);
 527                   } else if (get_int(page_state) == 2) {
 528                      run_program(PROGRAM:"page_back_1a");
 529                      run_program(PROGRAM:"page_back_1d");
 530                      set_int(page_state, -1);
 531                   } else if (get_int(page_state) == 1) {
 532                      run_program(PROGRAM:"page_back_0a");
 533                      run_program(PROGRAM:"page_back_0d");
 534                      run_program(PROGRAM:"hide_searchlist");
 535                      run_program(PROGRAM:"show_add_description2");
 536                      run_program(PROGRAM:"next_btn_hide");
 537                      set_int(page_state, -1);
 538                   }
 539                }
 540             }
 541          }
 542 //sequence end
 543
 544 //page 1 back begin
 545          program { name: "page_back_1a";
 546             action: STATE_SET "default" 0.0;
 547             target: "map_base";
 548             target: "map";
 549             target: "city_list";
 550             target: "bottom_part";
 551             target: "save_group_btn";
 552             target: "new_event_btn";
 553             transition: DECELERATE 0.75;
 554             after: "page_back_1b";
 555          }
 556          program { name: "page_back_1b";
 557             action: STATE_SET "visible" 0.0;
 558             target: "next_btn";
 559             target: "next_btn_clipper";
 560             target: "searchbar_clipper";
 561             transition: DECELERATE 0.25;
 562             after: "page_back_1c";
 563          }
 564          program { name: "page_back_1c";
 565             script {
 566                set_int(page_state, 1);
 567             }
 568          }
 569          program { name: "page_back_1d";
 570             action: STATE_SET "next" 0.0;
 571             target: "searchbar";
 572          }
 573 //page 1 back end
 574
 575 //page 0 back begin
 576          program { name: "page_back_0a";
 577             action: STATE_SET "default" 0.0;
 578             target: "add_btn";
 579             target: "add_btn_clipper";
 580             target: "add_description";
 581             target: "drawer_btn";
 582             after: "page_back_0b";
 583          }
 584          program { name: "page_back_0b";
 585             action: STATE_SET "visible" 0.0;
 586             target: "add_btn";
 587             target: "add_btn_clipper";
 588             target: "add_description";
 589             target: "drawer_btn";
 590             transition: DECELERATE 1;
 591             after: "page_back_0c";
 592          }
 593          program { name: "page_back_0c";
 594             action: STATE_SET "default" 0.0;
 595             target: "searchbar";
 596          }
 597          program { name: "page_back_0d";
 598             action: STATE_SET "default" 0.0;
 599             target: "add_dim";
 600             target: "searchbar_clipper";
 601             transition: DECELERATE 0.5;
 602             after: "page_back_0e";
 603          }
 604          program { name: "page_back_0e";
 605             script {
 606                set_int(page_state, 0);
 607             }
 608          }
 609 //page 0 back end
 610
 611
 612 //description1 begin
 613          program { //name: "go_page1a";
 614             signal: "momentic,state,go_result_page";
 615                         after: "go_page1a";
 616          }
 617
 618
 619
 620
 621 //page 1 begin
 622          program { name: "go_page1a";
 623             action: STATE_SET "next" 0.0;
 624             target: "add_btn";
 625             target: "add_btn_clipper";
 626             target: "add_description";
 627             target: "add_dim";
 628             target: "searchbar";
 629             target: "drawer_btn";
 630             transition: DECELERATE 0.25;
 631             after: "go_page1b";
 632          }
 633          program { name: "go_page1b";
 634             action: STATE_SET "visible" 0.0;
 635             target: "searchbar_clipper";
 636             after: "go_page1c";
 637          }
 638          program { name: "go_page1c";
 639             action: SIGNAL_EMIT "momentic,page1,done" "";
 640             after: "go_page1d";
 641          }
 642          program { name: "go_page1d";
 643             script {
 644                set_int(page_state, 1);
 645             }
 646          }
 647 //page 1 end
 648
 649
 650 //search bar begin
 651          program { name: "show_searchbar";
 652             signal: "momentic,state,searchbar,show";
 653             action: STATE_SET "visible" 0.0;
 654             target: "searchbar_clipper";
 655             transition: DECELERATE 0.25;
 656          }
 657          program { name: "hide_searchbar";
 658             signal: "momentic,state,searchbar,hide";
 659             action: STATE_SET "default" 0.0;
 660             target: "searchbar_clipper";
 661             transition: DECELERATE 0.25;
 662          }
 663          program { name: "show_searchlist";
 664             signal: "momentic,state,searchlist,show";
 665             action: STATE_SET "visible" 0.0;
 666             target: "searchlist";
 667             target: "searchlist_bg";
 668             transition: DECELERATE 0.5;
 669          }
 670          program { name: "hide_searchlist";
 671             signal: "momentic,state,searchlist,hide";
 672             action: STATE_SET "default" 0.0;
 673             target: "searchlist";
 674             target: "searchlist_bg";
 675             transition: DECELERATE 0.5;
 676          }
 677          program { name: "hide_search";
 678             signal: "momentic,state,search,hide";
 679             action: STATE_SET "default" 0.0;
 680             target: "searchlist";
 681             target: "searchlist_bg";
 682             transition: DECELERATE 0.5;
 683             after: "hide_searchbar";
 684          }
 685 //search bar end
 686
 687 //description2 begin
 688          program { name: "show_add_description2";
 689             signal: "momentic,state,add_description,show";
 690             action: STATE_SET "default" 0.0;
 691             target: "add_description2";
 692             transition: DECELERATE 0.25;
 693          }
 694          program { name: "hide_add_description2";
 695             signal: "momentic,state,add_description,hide";
 696             action: STATE_SET "hide" 0.0;
 697             target: "add_description2";
 698             transition: DECELERATE 0.25;
 699          }
 700 //description2 end
 701
 702
 703 //page 2 begin
 704          program { name: "go_page2a";
 705             action: STATE_SET "next" 0.0;
 706             target: "next_btn";
 707             target: "next_btn_clipper";
 708             transition: DECELERATE 0.25;
 709             after: "go_page2b";
 710          }
 711          program { name: "go_page2b";
 712             action: STATE_SET "next" 0.0;
 713             target: "map_base";
 714             target: "map";
 715             target: "bottom_part";
 716             target: "save_group_btn";
 717             target: "new_event_btn";
 718             transition: DECELERATE 0.75;
 719             after: "go_page2c";
 720          }
 721          program { name: "go_page2c";
 722             script {
 723                set_int(page_state, 2);
 724             }
 725          }
 726 //page 2 end
 727
 728
 729 //next button begin
 730          program { name: "next_btn_show";
 731             signal: "momentic,state,next_btn,show";
 732             action: STATE_SET "visible" 0.0;
 733             target: "next_btn";
 734             target: "next_btn_clipper";
 735             transition: DECELERATE 0.75;
 736          }
 737          program { name: "next_btn_hide";
 738             signal: "momentic,state,next_btn,hide";
 739             action: STATE_SET "default" 0.0;
 740             target: "next_btn";
 741             target: "next_btn_clipper";
 742             transition: DECELERATE 0.75;
 743          }
 744 //next button end
 745
 746
 747 //drawer begin
 748          program { name: "drawer_show";
 749             signal: "momentic,state,drawer,show";
 750             action: STATE_SET "activated" 0.0;
 751             target: "drawer_btn";
 752             target: "drawer_dim";
 753             target: "drawer_bg";
 754             transition: DECELERATE 0.5;
 755          }
 756          program { name: "drawer_hide";
 757             signal: "momentic,state,drawer,hide";
 758             action: STATE_SET "visible" 0.0;
 759             target: "drawer_btn";
 760             target: "drawer_dim";
 761             target: "drawer_bg";
 762             transition: DECELERATE 0.5;
 763          }
 764          program { name: "drawer_clicked";
 765             signal: "mouse,clicked,1";
 766             source: "drawer_btn_event";
 767             script {
 768                if (get_int(drawer_activate) == 0) {
 769                   set_int(drawer_activate, 1);
 770                   run_program(PROGRAM:"drawer_show");
 771                } else {
 772                   set_int(drawer_activate, 0);
 773                   run_program(PROGRAM:"drawer_hide");
 774                }
 775             }
 776          }
 777          program { name: "drawer_clicked2";
 778             signal: "mouse,clicked,1";
 779             source: "drawer_dim";
 780             script {
 781                set_int(drawer_activate, 0);
 782                run_program(PROGRAM:"drawer_hide");
 783             }
 784          }
 785          program { name: "drawer_no_result_hide";
 786             signal: "momentic,state,drawer,noresult,hide";
 787             action: STATE_SET "hide" 0.0;
 788             target: "drawer_no_result";
 789          }
 790          program { name: "drawer_no_result_show";
 791             signal: "momentic,state,drawer,noresult,show";
 792             action: STATE_SET "default" 0.0;
 793             target: "drawer_no_result";
 794          }
 795 //drawer end
 796
 797
 798
 799 //save group begin
 800          program {  name: "save_group_activate";
 801             signal: "momentic,state,save_group,activate";
 802             action: STATE_SET "activated" 0.0;
 803             target: "save_group_btn";
 804             target: "save_group_bg";
 805             transition: DECELERATE 0.5;
 806          }
 807          program { name: "save_group_deactivate";
 808             signal: "momentic,state,save_group,deactivate";
 809             action: STATE_SET "next" 0.0;
 810             target: "save_group_btn";
 811             target: "save_group_bg";
 812             transition: DECELERATE 0.5;
 813          }
 814 //save group end
 815       }
 816    }
 817 }