34cee1ad98c673941ff10bda7bf75ae9568d4302
[apps/native/sample/adventure.git] / res / edje / popup.edc
1 #define ITEM_TYPING_WIDTH 442\r
2 #define ITEM_TYPING_HEIGHT 50\r
3 #define ITEM_TYPING_HEIGHT_SMALL 30\r
4 \r
5 #define ITEM_SELECTING_WIDTH 480\r
6 #define ITEM_SELECTING_HEIGHT 75\r
7 \r
8 #define ITEM_RESULT_WIDTH ITEM_SELECTING_WIDTH\r
9 #define ITEM_RESULT_HEIGHT ITEM_SELECTING_HEIGHT\r
10 \r
11 #define ITEM_GROUP_WIDTH 282\r
12 #define ITEM_GROUP_HEIGHT 40\r
13 \r
14 #define ITEM_PADDING_WIDTH 442\r
15 #define ITEM_PADDING_HEIGHT 30\r
16 \r
17 images {\r
18         image: "my_status_small.png" COMP;\r
19         image: "other_location_blue_small.png" COMP;\r
20         image: "other_location_mint_small.png" COMP;\r
21         image: "delete_button.png" COMP;\r
22         image: "Group_list_delete.png" COMP;\r
23 }\r
24 \r
25 collections {\r
26         base_scale: 1.8;\r
27         group {\r
28                 name: "item_typing";\r
29                 parts {\r
30                         part {\r
31                                 name: "bg";\r
32                                 type: RECT;\r
33                                 description {\r
34                                         state: "default" 0.0;\r
35                                         rel1 { relative: 0.0 0.0; }\r
36                                         rel2 { relative: 1.0 1.0; }\r
37                                         min: ITEM_TYPING_WIDTH ITEM_TYPING_HEIGHT;\r
38                                         //color: 247 208 143 200;\r
39                                         visible: 0;\r
40                                 }\r
41                                 description {\r
42                                         state: "small" 0.0;\r
43                                         inherit: "default" 0.0;\r
44                                         min: ITEM_TYPING_WIDTH ITEM_TYPING_HEIGHT_SMALL;\r
45                                         max: ITEM_TYPING_WIDTH ITEM_TYPING_HEIGHT_SMALL;\r
46                                 }\r
47                         }\r
48                         part {\r
49                                 name: "city";\r
50                                 type: TEXT;\r
51                                 mouse_events: 0;\r
52                                 scale: 1;\r
53                                 description {\r
54                                         state: "default" 0.0;\r
55                                         rel1 { relative: 0.0 0.0; to: "city_event"; }\r
56                                         rel2 { relative: 1.0 1.0; to: "city_event"; }\r
57                                         color: 255 255 255 255;\r
58                                         text {\r
59                                                 text: "";\r
60                                                 font: "Tizen:style=LIGHT";\r
61                                                 text_class: "tizen";\r
62                                                 min: 0 1;\r
63                                                 size: 20;\r
64                                                 align: 0.0 0.5;\r
65                                         }\r
66                                         align: 0.0 1.0;\r
67                                         visible: 1;\r
68                                 }\r
69                                 description {\r
70                                         state: "press" 0.0;\r
71                                         inherit: "default" 0.0;\r
72                                         color: 255 255 255 100;\r
73                                 }\r
74                         }\r
75                         part {\r
76                                 name: "city_event";\r
77                                 type: RECT;\r
78                                 mouse_events: 1;\r
79                                 scale: 1;\r
80                                 description {\r
81                                         state: "default" 0.0;\r
82                                         rel1 { relative: 20/ITEM_TYPING_WIDTH 0.0; to: "bg"; }\r
83                                         rel2 { relative: 400/ITEM_TYPING_WIDTH 1.0; to: "bg"; }\r
84                                         color: 0 0 0 0;\r
85                                         visible: 1;\r
86                                 }\r
87                                 description {\r
88                                         state: "disable" 0.0;\r
89                                         inherit: "default" 0.0;\r
90                                         visible: 0;\r
91                                 }\r
92                         }\r
93                 } //parts\r
94                 programs {\r
95                         program {\r
96                                 signal: "disable";\r
97                                 source: "item";\r
98                                 action: STATE_SET "disable" 0.0;\r
99                                 target: "city_event";\r
100                         }\r
101                         program {\r
102                                 signal: "enable";\r
103                                 source: "item";\r
104                                 action: STATE_SET "default" 0.0;\r
105                                 target: "city_event";\r
106                         }\r
107 \r
108                         program {\r
109                                 signal: "mouse,down,1";\r
110                                 source: "city_event";\r
111                                 action: SIGNAL_EMIT "down" "item";\r
112                                 after: "down,after";\r
113                         }   \r
114                         program {\r
115                                 name: "down,after";\r
116                                 action: STATE_SET "press" 0.0;\r
117                                 target: "city";\r
118                         }\r
119                         program {\r
120                                 signal: "mouse,up,1";\r
121                                 source: "city_event";\r
122                                 action: SIGNAL_EMIT "up" "item";\r
123                                 after: "up,after";\r
124                         }\r
125                         program {\r
126                                 name: "up,after";\r
127                                 action: STATE_SET "default" 0.0;\r
128                                 target: "city";\r
129                         }\r
130                 }\r
131         }\r
132 \r
133         group {\r
134                 name: "item_selecting";\r
135                 parts {\r
136                         part {\r
137                                 name: "bg";\r
138                                 type: RECT;\r
139                                 description {\r
140                                         state: "default" 0.0;\r
141                                         rel1 { relative: 0.0 0.0; }\r
142                                         rel2 { relative: 1.0 1.0; }\r
143                                         min: ITEM_SELECTING_WIDTH ITEM_SELECTING_HEIGHT;\r
144                                         color: 255 255 255 255;\r
145                                         visible: 1;\r
146                                 }\r
147                         }\r
148                         part {\r
149                                 name: "mark";\r
150                                 type: IMAGE;\r
151                                 scale: 1;\r
152                                 description {\r
153                                         state: "default" 0.0;\r
154                                         rel1 { relative: 38/ITEM_SELECTING_WIDTH 0.5; to: "bg"; }\r
155                                         rel2 { relative: 38/ITEM_SELECTING_WIDTH 0.5; to: "bg"; }\r
156                                         align: 0.5 0.5;\r
157                                         min: 14 12;\r
158                                         fixed: 1 1;\r
159                                         image {\r
160                                                 normal: "my_status_small.png";\r
161                                         }\r
162                                         visible: 1;\r
163                                 }\r
164                                 description {\r
165                                         state: "1" 0.0;\r
166                                         inherit: "default" 0.0;\r
167                                         min: 14 14;\r
168                                         image {\r
169                                                 normal: "other_location_blue_small.png";\r
170                                         }\r
171                                 }\r
172                                 description {\r
173                                         state: "2" 0.0;\r
174                                         inherit: "default" 0.0;\r
175                                         min: 14 14;\r
176                                         image {\r
177                                                 normal: "other_location_mint_small.png";\r
178                                         }\r
179                                 }\r
180                                 description {\r
181                                         state: "3" 0.0;\r
182                                         inherit: "default" 0.0;\r
183                                         min: 14 14;\r
184                                         image {\r
185                                                 normal: "other_location_blue_small.png";\r
186                                         }\r
187                                 }\r
188                                 description {\r
189                                         state: "4" 0.0;\r
190                                         inherit: "default" 0.0;\r
191                                         min: 14 14;\r
192                                         image {\r
193                                                 normal: "other_location_mint_small.png";\r
194                                         }\r
195                                 }\r
196                         }\r
197                         part {\r
198                                 name: "city";\r
199                                 type: TEXT;\r
200                                 mouse_events: 0;\r
201                                 scale: 1;\r
202                                 description {\r
203                                         state: "default" 0.0;\r
204                                         rel1 { relative: 73/ITEM_SELECTING_WIDTH 0.5; to: "bg"; }\r
205                                         rel2 { relative: 400/ITEM_SELECTING_WIDTH 0.5; to: "bg"; }\r
206                                         color: 197 191 181 255;\r
207                                         text {\r
208                                                 text: "Seoul, Korea";\r
209                                                 font: "Tizen:style=LIGHT";\r
210                                                 text_class: "tizen";\r
211                                                 min: 0 1;\r
212                                                 size: 20;\r
213                                                 align: 0.0 1.0;\r
214                                         }\r
215                                         align: 0.0 1.0;\r
216                                         visible: 1;\r
217                                 }\r
218                         }\r
219                         part {\r
220                                 name: "gmt";\r
221                                 type: TEXT;\r
222                                 mouse_events: 0;\r
223                                 scale: 1;\r
224                                 description {\r
225                                         state: "default" 0.0;\r
226                                         rel1 { relative: 73/ITEM_SELECTING_WIDTH 0.48; to: "bg"; }\r
227                                         rel2 { relative: 400/ITEM_SELECTING_WIDTH 0.52; to: "bg"; }\r
228                                         color: 221 218 213 255;\r
229                                         text {\r
230                                                 text: "GMT + 8";\r
231                                                 font: "Tizen:style=LIGHT";\r
232                                                 text_class: "tizen";\r
233                                                 min: 0 1;\r
234                                                 size: 20;\r
235                                                 align: 0.0 1.0;\r
236                                         }\r
237                                         align: 0.0 0.0;\r
238                                         visible: 1;\r
239                                 }\r
240                         }\r
241                         part {\r
242                                 name: "bottom_line";\r
243                                 type: RECT;\r
244                                 scale: 0;\r
245                                 description {\r
246                                         state: "default" 0.0;\r
247                                         rel1 { relative: 0.0 1.0; }\r
248                                         rel2 { relative: 1.0 1.0; }\r
249                                         min: 0 1;\r
250                                         align: 0.5 1.0;\r
251                                         fixed: 0 1;\r
252                                         color: 197 191 181 255;\r
253                                         visible: 1;\r
254                                 }\r
255                         }\r
256                         part {\r
257                                 name: "delete";\r
258                                 type: IMAGE;\r
259                                 scale: 1;\r
260                                 description {\r
261                                         state: "default" 0.0;\r
262                                         rel1 { relative: 0.5 0.5; to: "delete_event"; }\r
263                                         rel2 { relative: 0.5 0.5; to: "delete_event"; }\r
264                                         align: 0.5 0.5;\r
265                                         min: 34 34;\r
266                                         fixed: 1 1;\r
267                                         image {\r
268                                                 normal: "delete_button.png";\r
269                                         }\r
270                                         color: 255 255 255 255;\r
271                                         visible: 1;\r
272                                 }\r
273                                 description {\r
274                                         state: "press" 0.0;\r
275                                         inherit: "default" 0.0;\r
276                                         color: 255 255 255 100;\r
277                                 }\r
278                         }\r
279                         part {\r
280                                 name: "delete_event";\r
281                                 type: SWALLOW;\r
282                                 mouse_events: 1;\r
283                                 scale: 1;\r
284                                 description {\r
285                                         state: "default" 0.0;\r
286                                         rel1 { relative: 444/ITEM_SELECTING_WIDTH 0.5; to: "bg"; }\r
287                                         rel2 { relative: 444/ITEM_SELECTING_WIDTH 0.5; to: "bg"; }\r
288                                         align: 0.5 0.5;\r
289                                         min: ITEM_SELECTING_HEIGHT ITEM_SELECTING_HEIGHT;\r
290                                         fixed: 1 1;\r
291                                         visible: 1;\r
292                                 }\r
293                         }\r
294                 } //parts\r
295                 programs {\r
296                         program {\r
297                                 signal: "1";\r
298                                 source: "mark";\r
299                                 action: STATE_SET "1" 0.0;\r
300                                 target: "mark";\r
301                         } \r
302                         program {\r
303                                 signal: "2";\r
304                                 source: "mark";\r
305                                 action: STATE_SET "2" 0.0;\r
306                                 target: "mark";\r
307                         } \r
308                         program {\r
309                                 signal: "3";\r
310                                 source: "mark";\r
311                                 action: STATE_SET "3" 0.0;\r
312                                 target: "mark";\r
313                         } \r
314                         program {\r
315                                 signal: "4";\r
316                                 source: "mark";\r
317                                 action: STATE_SET "4" 0.0;\r
318                                 target: "mark";\r
319                         }\r
320 \r
321                         program {\r
322                                 signal: "mouse,down,1";\r
323                                 source: "delete_event";\r
324                                 action: SIGNAL_EMIT "down" "item";\r
325                                 after: "down,after";\r
326                         }   \r
327                         program {\r
328                                 name: "down,after";\r
329                                 action: STATE_SET "press" 0.0;\r
330                                 target: "delete";\r
331                         }\r
332                         program {\r
333                                 signal: "mouse,up,1";\r
334                                 source: "delete_event";\r
335                                 action: SIGNAL_EMIT "up" "item";\r
336                                 after: "up,after";\r
337                         }\r
338                         program {\r
339                                 name: "up,after";\r
340                                 action: STATE_SET "default" 0.0;\r
341                                 target: "delete";\r
342                         }\r
343                 }\r
344         }\r
345 \r
346         group {\r
347                 name: "item_result";\r
348                 parts {\r
349                         part {\r
350                                 name: "bg";\r
351                                 type: RECT;\r
352                                 description {\r
353                                         state: "default" 0.0;\r
354                                         rel1 { relative: 0.0 0.0; }\r
355                                         rel2 { relative: 1.0 1.0; }\r
356                                         min: ITEM_RESULT_WIDTH ITEM_RESULT_HEIGHT;\r
357                                         color: 255 255 255 255;\r
358                                         visible: 1;\r
359                                 }\r
360                         }\r
361                         part {\r
362                                 name: "mark";\r
363                                 type: IMAGE;\r
364                                 scale: 1;\r
365                                 description {\r
366                                         state: "default" 0.0;\r
367                                         rel1 { relative: 38/ITEM_RESULT_WIDTH 0.25; to: "bg"; }\r
368                                         rel2 { relative: 38/ITEM_RESULT_WIDTH 0.25; to: "bg"; }\r
369                                         align: 0.5 0.5;\r
370                                         min: 14 12;\r
371                                         fixed: 1 1;\r
372                                         image {\r
373                                                 normal: "my_status_small.png";\r
374                                         }\r
375                                         visible: 1;\r
376                                 }\r
377                                 description {\r
378                                         state: "1" 0.0;\r
379                                         inherit: "default" 0.0;\r
380                                         min: 14 14;\r
381                                         image {\r
382                                                 normal: "other_location_blue_small.png";\r
383                                         }\r
384                                 }\r
385                                 description {\r
386                                         state: "2" 0.0;\r
387                                         inherit: "default" 0.0;\r
388                                         min: 14 14;\r
389                                         image {\r
390                                                 normal: "other_location_mint_small.png";\r
391                                         }\r
392                                 }\r
393                                 description {\r
394                                         state: "3" 0.0;\r
395                                         inherit: "default" 0.0;\r
396                                         min: 14 14;\r
397                                         image {\r
398                                                 normal: "other_location_blue_small.png";\r
399                                         }\r
400                                 }\r
401                                 description {\r
402                                         state: "4" 0.0;\r
403                                         inherit: "default" 0.0;\r
404                                         min: 14 14;\r
405                                         image {\r
406                                                 normal: "other_location_mint_small.png";\r
407                                         }\r
408                                 }\r
409                         }\r
410                         part {\r
411                                 name: "city";\r
412                                 type: TEXT;\r
413                                 mouse_events: 0;\r
414                                 scale: 1;\r
415                                 description {\r
416                                         state: "default" 0.0;\r
417                                         rel1 { relative: 73/ITEM_RESULT_WIDTH 0.25; to: "bg"; }\r
418                                         rel2 { relative: 350/ITEM_RESULT_WIDTH 0.25; to: "bg"; }\r
419                                         color: 197 191 181 255;\r
420                                         text {\r
421                                                 text: "Seoul, Korea";\r
422                                                 font: "Tizen:style=LIGHT";\r
423                                                 text_class: "tizen";\r
424                                                 min: 0 1;\r
425                                                 size: 20;\r
426                                                 align: 0.0 0.5;\r
427                                         }\r
428                                         align: 0.0 0.5;\r
429                                         visible: 1;\r
430                                 }\r
431                         }\r
432                         part {\r
433                                 name: "time";\r
434                                 type: TEXT;\r
435                                 mouse_events: 0;\r
436                                 scale: 1;\r
437                                 description {\r
438                                         state: "default" 0.0;\r
439                                         rel1 { relative: 1.0 0.25; to: "city"; }\r
440                                         rel2 { relative: 1.0 0.25; to: "bg"; }\r
441                                         color: 221 218 213 255;\r
442                                         text {\r
443                                                 text: "GMT + 8";\r
444                                                 font: "Tizen:style=LIGHT";\r
445                                                 text_class: "tizen";\r
446                                                 min: 0 1;\r
447                                                 size: 20;\r
448                                                 align: 0.0 1.0;\r
449                                         }\r
450                                         align: 0.0 0.0;\r
451                                         visible: 1;\r
452                                 }\r
453                         }\r
454                         part {\r
455                                 name: "graph_base";\r
456                                 type: RECT;\r
457                                 description {\r
458                                         state: "default" 0.0;\r
459                                         rel1 { relative: 0.1 0.75; to: "bg"; }\r
460                                         rel2 { relative: 0.9 0.75; to: "bg";}\r
461                                         min: 0 10;\r
462                                         color: 221 218 213 255;\r
463                                         visible: 1;\r
464                                 }\r
465                         }\r
466                 } //parts\r
467         }\r
468 \r
469         group {\r
470                 name: "item_group";\r
471                 parts {\r
472                         part {\r
473                                 name: "bg";\r
474                                 type: RECT;\r
475                                 description {\r
476                                         state: "default" 0.0;\r
477                                         rel1 { relative: 0.0 0.0; }\r
478                                         rel2 { relative: 1.0 1.0; }\r
479                                         min: ITEM_GROUP_WIDTH ITEM_GROUP_HEIGHT;\r
480                                         color: 247 208 143 200;\r
481                                         visible: 1;\r
482                                 }\r
483                         }\r
484                         part {\r
485                                 name: "title";\r
486                                 type: TEXT;\r
487                                 mouse_events: 0;\r
488                                 scale: 1;\r
489                                 description {\r
490                                         state: "default" 0.0;\r
491                                         rel1 { relative: 0.0 0.0; to: "title_event"; }\r
492                                         rel2 { relative: 1.0 1.0; to: "title_event"; }\r
493                                         color: 255 255 255 255;\r
494                                         text {\r
495                                                 text: "Momentic time";\r
496                                                 font: "Tizen:style=LIGHT";\r
497                                                 text_class: "tizen";\r
498                                                 min: 0 1;\r
499                                                 size: 20;\r
500                                                 align: 0.0 0.5;\r
501                                         }\r
502                                         align: 0.0 1.0;\r
503                                         visible: 1;\r
504                                 }\r
505                                 description {\r
506                                         state: "press" 0.0;\r
507                                         inherit: "default" 0.0;\r
508                                         color: 255 255 255 100;\r
509                                 }\r
510                         }\r
511                         part {\r
512                                 name: "delete";\r
513                                 type: IMAGE;\r
514                                 scale: 1;\r
515                                 description {\r
516                                         state: "default" 0.0;\r
517                                         rel1 { relative: 0.5 0.5; to: "delete_event"; }\r
518                                         rel2 { relative: 0.5 0.5; to: "delete_event"; }\r
519                                         align: 0.5 0.5;\r
520                                         min: 20 20;\r
521                                         fixed: 1 1;\r
522                                         image {\r
523                                                 normal: "Group_list_delete.png";\r
524                                         }\r
525                                         color: 255 255 255 255;\r
526                                         visible: 1;\r
527                                 }\r
528                                 description {\r
529                                         state: "press" 0.0;\r
530                                         inherit: "default" 0.0;\r
531                                         color: 255 255 255 100;\r
532                                 }\r
533                         }\r
534                         part {\r
535                                 name: "delete_event";\r
536                                 type: SWALLOW;\r
537                                 mouse_events: 1;\r
538                                 scale: 1;\r
539                                 description {\r
540                                         state: "default" 0.0;\r
541                                         rel1 { relative: 250/ITEM_GROUP_WIDTH 0.5; to: "bg"; }\r
542                                         rel2 { relative: 250/ITEM_GROUP_WIDTH 0.5; to: "bg"; }\r
543                                         align: 0.5 0.5;\r
544                                         min: ITEM_SELECTING_HEIGHT ITEM_SELECTING_HEIGHT;\r
545                                         fixed: 1 1;\r
546                                         visible: 1;\r
547                                 }\r
548                         }\r
549                         part {\r
550                                 name: "title_event";\r
551                                 type: RECT;\r
552                                 mouse_events: 1;\r
553                                 scale: 1;\r
554                                 description {\r
555                                         state: "default" 0.0;\r
556                                         rel1 { relative: 20/ITEM_GROUP_WIDTH 0.0; to: "bg"; }\r
557                                         rel2 { relative: 0.0 1.0; to_x: "delete_event"; to_y: "bg"; }\r
558                                         align: 0.5 0.5;\r
559                                         color: 0 0 0 0;\r
560                                         visible: 1;\r
561                                 }\r
562                         }\r
563                 } //parts\r
564                 programs {\r
565                         program {\r
566                                 signal: "mouse,down,1";\r
567                                 source: "delete_event";\r
568                                 action: SIGNAL_EMIT "down" "item";\r
569                                 after: "down,after";\r
570                         }   \r
571                         program {\r
572                                 name: "down,after";\r
573                                 action: STATE_SET "press" 0.0;\r
574                                 target: "delete";\r
575                         }\r
576                         program {\r
577                                 signal: "mouse,up,1";\r
578                                 source: "delete_event";\r
579                                 action: SIGNAL_EMIT "up" "item";\r
580                                 after: "up,after";\r
581                         }\r
582                         program {\r
583                                 name: "up,after";\r
584                                 action: STATE_SET "default" 0.0;\r
585                                 target: "delete";\r
586                         }\r
587 \r
588                         program {\r
589                                 signal: "mouse,down,1";\r
590                                 source: "title_event";\r
591                                 action: SIGNAL_EMIT "down" "item";\r
592                                 after: "down,after";\r
593                         }   \r
594                         program {\r
595                                 name: "down,after";\r
596                                 action: STATE_SET "press" 0.0;\r
597                                 target: "title";\r
598                         }\r
599                         program {\r
600                                 signal: "mouse,up,1";\r
601                                 source: "title_event";\r
602                                 action: SIGNAL_EMIT "up" "item";\r
603                                 after: "up,after";\r
604                         }\r
605                         program {\r
606                                 name: "up,after";\r
607                                 action: STATE_SET "default" 0.0;\r
608                                 target: "title";\r
609                         }\r
610                 }\r
611         }\r
612 \r
613         group {\r
614                 name: "item_padding";\r
615                 parts {\r
616                         part {\r
617                                 name: "bg";\r
618                                 type: RECT;\r
619                                 description {\r
620                                         state: "default" 0.0;\r
621                                         rel1 { relative: 0.0 0.0; }\r
622                                         rel2 { relative: 1.0 1.0; }\r
623                                         min: ITEM_PADDING_WIDTH ITEM_PADDING_HEIGHT;\r
624                                         color: 0 0 0 0;\r
625                                         visible: 1;\r
626                                 }\r
627                         }\r
628                 } //parts\r
629         }\r
630 \r
631 } //collections\r