Turkey : 0815 Version(Back key hold & unhold)
[apps/native/sample/adventure.git] / 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: "hold";
495                         action: SIGNAL_EMIT "momentic,state,hold" "";
496                  }
497                  program { name: "unhold";
498                         action: SIGNAL_EMIT "momentic,state,unhold" "";
499                  }
500          program { name: "start";
501             signal: "load";
502             action: STATE_SET "visible" 0.0;
503             target: "add_btn";
504             target: "add_btn_clipper";
505             target: "add_description";
506             target: "drawer_btn";
507             transition: DECELERATE 1;
508          }
509          program { name: "page1";
510             signal: "momentic,state,page1";
511             script {
512                run_program(PROGRAM:"go_page1a");
513                            run_program(PROGRAM:"hold");
514                set_int(page_state, -1);
515             }
516          }
517          program { name: "page2";
518             signal: "momentic,state,page2";
519             script {
520                run_program(PROGRAM:"hide_search");
521                run_program(PROGRAM:"go_page2a");
522                            run_program(PROGRAM:"hold");
523                set_int(page_state, -1);
524             }
525          }
526          program { name: "page_back";
527             signal: "momentic,state,page,back";
528             script {
529                if (get_int(drawer_activate)) {
530                   run_program(PROGRAM:"drawer_hide");
531                } else {
532                   if (get_int(page_state) == 3) {
533                      //page2_back
534                                  run_program(PROGRAM:"hold");
535                      set_int(page_state, -1);                     
536                   } else if (get_int(page_state) == 2) {
537                      run_program(PROGRAM:"page_back_1a");
538                      run_program(PROGRAM:"page_back_1d");                     
539                                  run_program(PROGRAM:"hold");
540                      set_int(page_state, -1);                     
541                   } else if (get_int(page_state) == 1) {
542                      run_program(PROGRAM:"page_back_0a");
543                      run_program(PROGRAM:"page_back_0d");
544                      run_program(PROGRAM:"hide_searchlist");
545                      run_program(PROGRAM:"show_add_description2");                     
546                      run_program(PROGRAM:"next_btn_hide");                              
547                                  run_program(PROGRAM:"hold");
548                      set_int(page_state, -1);
549                   }
550                }
551             }
552          }
553 //sequence end
554
555 //page 1 back begin
556          program { name: "page_back_1a";
557             action: STATE_SET "default" 0.0;
558             target: "map_base";
559             target: "map";
560             target: "city_list";
561             target: "bottom_part";
562             target: "save_group_btn";
563             target: "new_event_btn";            
564             transition: DECELERATE 0.75;
565             after: "page_back_1b";
566          }
567          program { name: "page_back_1b";
568             action: STATE_SET "visible" 0.0;
569             target: "next_btn";
570             target: "next_btn_clipper";
571             target: "searchbar_clipper";            
572             transition: DECELERATE 0.25;
573             after: "page_back_1c";
574          }
575          program { name: "page_back_1c";
576             script {
577                            run_program(PROGRAM:"unhold");
578                set_int(page_state, 1);
579             }
580          }
581          program { name: "page_back_1d";
582             action: STATE_SET "next" 0.0;
583             target: "searchbar";
584          }
585 //page 1 back end
586          
587 //page 0 back begin
588          program { name: "page_back_0a";
589             action: STATE_SET "default" 0.0;
590             target: "add_btn";
591             target: "add_btn_clipper";
592             target: "add_description";
593             target: "drawer_btn";            
594             after: "page_back_0b";
595          }
596          program { name: "page_back_0b";
597             action: STATE_SET "visible" 0.0;
598             target: "add_btn";
599             target: "add_btn_clipper";
600             target: "add_description";
601             target: "drawer_btn";
602             transition: DECELERATE 1;            
603             after: "page_back_0c";
604          }
605          program { name: "page_back_0c";
606             action: STATE_SET "default" 0.0;
607             target: "searchbar";
608          }
609          program { name: "page_back_0d";
610             action: STATE_SET "default" 0.0;
611             target: "add_dim";
612             target: "searchbar_clipper";            
613             transition: DECELERATE 0.5;
614             after: "page_back_0e";
615          }
616          program { name: "page_back_0e";
617             script {
618                            run_program(PROGRAM:"unhold");
619                set_int(page_state, 0);
620             }
621          }               
622 //page 0 back end
623         
624          
625 //page 1 begin
626          program { name: "go_page1a";
627             action: STATE_SET "next" 0.0;
628             target: "add_btn";
629             target: "add_btn_clipper";
630             target: "add_description";
631             target: "add_dim";
632             target: "searchbar";            
633             target: "drawer_btn";
634             transition: DECELERATE 0.25;
635             after: "go_page1b";
636          }
637          program { name: "go_page1b";
638             action: STATE_SET "visible" 0.0;
639             target: "searchbar_clipper";
640             after: "go_page1c";
641          }
642          program { name: "go_page1c";
643             action: SIGNAL_EMIT "momentic,page1,done" "";
644             after: "go_page1d";
645          }
646          program { name: "go_page1d";
647             script {
648                            run_program(PROGRAM:"unhold");
649                set_int(page_state, 1);
650             }
651          }            
652 //page 1 end
653          
654          
655 //search bar begin
656          program { name: "show_searchbar";
657             signal: "momentic,state,searchbar,show";
658             action: STATE_SET "visible" 0.0;
659             target: "searchbar_clipper";
660             transition: DECELERATE 0.25;
661          }
662          program { name: "hide_searchbar";
663             signal: "momentic,state,searchbar,hide";
664             action: STATE_SET "default" 0.0;
665             target: "searchbar_clipper";
666             transition: DECELERATE 0.25;
667          }
668          program { name: "show_searchlist";
669             signal: "momentic,state,searchlist,show";
670             action: STATE_SET "visible" 0.0;
671             target: "searchlist";
672             target: "searchlist_bg";            
673             transition: DECELERATE 0.5;
674          }
675          program { name: "hide_searchlist";
676             signal: "momentic,state,searchlist,hide";
677             action: STATE_SET "default" 0.0;
678             target: "searchlist";
679             target: "searchlist_bg";                        
680             transition: DECELERATE 0.5;
681          }
682          program { name: "hide_search";
683             signal: "momentic,state,search,hide";
684             action: STATE_SET "default" 0.0;
685             target: "searchlist";
686             target: "searchlist_bg";
687             transition: DECELERATE 0.5;
688             after: "hide_searchbar";
689          }
690 //search bar end
691          
692 //description2 begin
693          program { name: "show_add_description2";
694             signal: "momentic,state,add_description,show";
695             action: STATE_SET "default" 0.0;
696             target: "add_description2";
697             transition: DECELERATE 0.25;
698          }
699          program { name: "hide_add_description2";
700             signal: "momentic,state,add_description,hide";
701             action: STATE_SET "hide" 0.0;
702             target: "add_description2";
703             transition: DECELERATE 0.25;
704          }
705          program { name: "jump_to_result";
706             signal: "momentic,state,result,show";
707             action: STATE_SET "next" 0.0;
708             target: "add_description";
709             target: "add_btn";
710             target: "add_btn_clipper";
711             transition: DECELERATE 0.25;
712             after: "jump_to_result2";
713          }
714          program { name: "jump_to_result2";
715             action: STATE_SET "next" 0.0;
716             target: "map_base";
717             target: "map";
718             transition: DECELERATE 0.75;
719             after: "go_page2c";
720          }
721          program { name: "jump_to_first";
722             signal: "momentic,state,first,show";
723             action: STATE_SET "visible" 0.0;
724             target: "add_description";
725             target: "add_btn";
726             target: "add_btn_clipper";
727             transition: DECELERATE 0.25;
728          }
729 //description2 end
730
731          
732 //page 2 begin
733          program { name: "go_page2a";
734             action: STATE_SET "next" 0.0;
735             target: "next_btn";
736             target: "next_btn_clipper";
737             transition: DECELERATE 0.25;
738             after: "go_page2b";
739          }
740          program { name: "go_page2b";
741             action: STATE_SET "next" 0.0;
742             target: "map_base";
743             target: "map";
744             target: "bottom_part";
745             target: "save_group_btn";
746             target: "new_event_btn";
747             transition: DECELERATE 0.75;
748             after: "go_page2c";
749          }
750          program { name: "go_page2c";
751             script {
752                            run_program(PROGRAM:"unhold");
753                set_int(page_state, 2);
754             }
755          }               
756 //page 2 end
757          
758
759 //next button begin
760          program { name: "next_btn_show";
761             signal: "momentic,state,next_btn,show";
762             action: STATE_SET "visible" 0.0;
763             target: "next_btn";
764             target: "next_btn_clipper";
765             transition: DECELERATE 0.75;
766          }
767          program { name: "next_btn_hide";
768             signal: "momentic,state,next_btn,hide";
769             action: STATE_SET "default" 0.0;
770             target: "next_btn";
771             target: "next_btn_clipper";
772             transition: DECELERATE 0.75;
773          }
774 //next button end
775          
776          
777 //drawer begin
778          program { name: "drawer_show";
779             signal: "momentic,state,drawer,show";
780             action: STATE_SET "activated" 0.0;
781             target: "drawer_btn";
782             target: "drawer_dim";
783             target: "drawer_bg";
784             transition: DECELERATE 0.5;
785          }
786          program { name: "drawer_hide";
787             signal: "momentic,state,drawer,hide";
788             action: STATE_SET "visible" 0.0;
789             target: "drawer_btn";
790             target: "drawer_dim";
791             target: "drawer_bg";
792             transition: DECELERATE 0.5;
793          }
794          program { name: "drawer_btn_hide";
795             signal: "momentic,state,drawer_btn,hide";
796             action: STATE_SET "default" 0.0;
797             target: "drawer_btn";
798             transition: DECELERATE 0.5;
799          }
800          program { name: "drawer_clicked";
801             signal: "mouse,clicked,1";
802             source: "drawer_btn_event";
803             script {
804                if (get_int(drawer_activate) == 0) {
805                   set_int(drawer_activate, 1);
806                   run_program(PROGRAM:"drawer_show");
807                } else {
808                   set_int(drawer_activate, 0);
809                   run_program(PROGRAM:"drawer_hide");
810                }
811             }
812          }
813          program { name: "drawer_clicked2";
814             signal: "mouse,clicked,1";
815             source: "drawer_dim";
816             script {
817                set_int(drawer_activate, 0);
818                run_program(PROGRAM:"drawer_hide");
819             }
820          }         
821          program { name: "drawer_no_result_hide";
822             signal: "momentic,state,drawer,noresult,hide";
823             action: STATE_SET "hide" 0.0;
824             target: "drawer_no_result";
825          }
826          program { name: "drawer_no_result_show";
827             signal: "momentic,state,drawer,noresult,show";
828             action: STATE_SET "default" 0.0;
829             target: "drawer_no_result";
830          }
831 //drawer end
832          
833          
834          
835 //save group begin
836          program {  name: "save_group_activate";
837             signal: "momentic,state,save_group,activate";
838             action: STATE_SET "next" 0.0;
839             target: "save_group_btn";
840             target: "bottom_part";
841             transition: DECELERATE 0.5;
842          }
843          program { name: "save_group_deactivate";
844             signal: "momentic,state,save_group,deactivate";
845             action: STATE_SET "default" 0.0;
846             target: "save_group_btn";
847             target: "bottom_part";
848             transition: DECELERATE 0.5;
849          }
850 //save group end     
851       }
852    }
853 }