Item : intial version
[apps/native/sample/adventure.git] / res / edje / item.edc
1 #define ITEM_TYPING_WIDTH 442
2 #define ITEM_TYPING_HEIGHT 30
3
4 #define ITEM_SELECTING_WIDTH 480
5 #define ITEM_SELECTING_HEIGHT 75
6
7 #define ITEM_RESULT_WIDTH ITEM_SELECTING_WIDTH
8 #define ITEM_RESULT_HEIGHT ITEM_SELECTING_HEIGHT
9
10 images {
11         image: "my_status_small.png" COMP;
12         image: "other_location_blue_small.png" COMP;
13         image: "other_location_mint_small.png" COMP;
14         image: "delete_button.png" COMP;
15 }
16
17 collections {
18         group {
19                 name: "item_typing";
20                 parts {
21                         part {
22                                 name: "bg";
23                                 type: RECT;
24                                 description {
25                                         rel1 { relative: 0.0 0.0; }
26                                         rel2 { relative: 1.0 1.0; }
27                                         min: ITEM_TYPING_WIDTH ITEM_TYPING_HEIGHT;
28                                         color: 247 208 143 255;
29                                         visible: 1;
30                                 }
31                         }
32                         part {
33                                 name: "city";
34                                 type: TEXT;
35                                 mouse_events: 0;
36                                 scale: 1;
37                                 description {
38                                         state: "default" 0.0;
39                                         rel1 { relative: 0.0 0.0; to: "city_event"; }
40                                         rel2 { relative: 1.0 1.0; to: "city_event"; }
41                                         color: 255 255 255 255;
42                                         text {
43                                                 text: "Hong kong";
44                                                 font: "Tizen:style=LIGHT";
45                                                 text_class: "tizen";
46                                                 min: 0 1;
47                                                 size: 20;
48                                                 align: 0.0 0.5;
49                                         }
50                                         align: 0.0 1.0;
51                                         visible: 1;
52                                 }
53                                 description {
54                                         state: "press" 0.0;
55                                         inherit: "default" 0.0;
56                                         color: 255 255 255 100;
57                                 }
58                         }
59                         part {
60                                 name: "city_event";
61                                 type: RECT;
62                                 mouse_events: 1;
63                                 scale: 1;
64                                 description {
65                                         state: "default" 0.0;
66                                         rel1 { relative: 73/ITEM_TYPING_WIDTH 0.0; to: "bg"; }
67                                         rel2 { relative: 400/ITEM_TYPING_WIDTH 1.0; to: "bg"; }
68                                         align: 0.5 0.5;
69                                         min: ITEM_SELECTING_HEIGHT ITEM_SELECTING_HEIGHT;
70                                         fixed: 1 1;
71                                         color: 0 0 0 0;
72                                         visible: 1;
73                                 }
74                         }
75                 } //parts
76                 programs {
77                         program {
78                                 signal: "mouse,down,1";
79                                 source: "city_event";
80                                 action: SIGNAL_EMIT "delete,down" "entry";
81                                 after: "delete,down,after";
82                         }   
83                         program {
84                                 name: "delete,down,after";
85                                 action: STATE_SET "press" 0.0;
86                                 target: "city";
87                         }
88                         program {
89                                 signal: "mouse,up,1";
90                                 source: "city_event";
91                                 action: SIGNAL_EMIT "delete,up" "entry";
92                                 after: "delete,up,after";
93                         }
94                         program {
95                                 name: "delete,up,after";
96                                 action: STATE_SET "default" 0.0;
97                                 target: "city";
98                         }
99                 }
100         }
101
102         group {
103                 name: "item_selecting";
104                 parts {
105                         part {
106                                 name: "bg";
107                                 type: RECT;
108                                 description {
109                                         rel1 { relative: 0.0 0.0; }
110                                         rel2 { relative: 1.0 1.0; }
111                                         min: ITEM_SELECTING_WIDTH ITEM_SELECTING_HEIGHT;
112                                         color: 255 255 255 255;
113                                         visible: 1;
114                                 }
115                         }
116                         part {
117                                 name: "mark";
118                                 type: IMAGE;
119                                 scale: 1;
120                                 description {
121                                         state: "default" 0.0;
122                                         rel1 { relative: 38/ITEM_SELECTING_WIDTH 0.5; to: "bg"; }
123                                         rel2 { relative: 38/ITEM_SELECTING_WIDTH 0.5; to: "bg"; }
124                                         align: 0.5 0.5;
125                                         min: 14 12;
126                                         fixed: 1 1;
127                                         image {
128                                                 normal: "my_status_small.png";
129                                         }
130                                         visible: 1;
131                                 }
132                                 description {
133                                         state: "1" 0.0;
134                                         inherit: "default" 0.0;
135                                         min: 14 14;
136                                         image {
137                                                 normal: "other_location_blue_small.png";
138                                         }
139                                 }
140                                 description {
141                                         state: "2" 0.0;
142                                         inherit: "default" 0.0;
143                                         min: 14 14;
144                                         image {
145                                                 normal: "other_location_mint_small.png";
146                                         }
147                                 }
148                                 description {
149                                         state: "3" 0.0;
150                                         inherit: "default" 0.0;
151                                         min: 14 14;
152                                         image {
153                                                 normal: "other_location_blue_small.png";
154                                         }
155                                 }
156                                 description {
157                                         state: "4" 0.0;
158                                         inherit: "default" 0.0;
159                                         min: 14 14;
160                                         image {
161                                                 normal: "other_location_mint_small.png";
162                                         }
163                                 }
164                         }
165                         part {
166                                 name: "city";
167                                 type: TEXT;
168                                 mouse_events: 0;
169                                 scale: 1;
170                                 description {
171                                         state: "default" 0.0;
172                                         rel1 { relative: 73/ITEM_SELECTING_WIDTH 0.45; to: "bg"; }
173                                         rel2 { relative: 400/ITEM_SELECTING_WIDTH 0.45; to: "bg"; }
174                                         color: 197 191 181 255;
175                                         text {
176                                                 text: "Seoul, Korea";
177                                                 font: "Tizen:style=LIGHT";
178                                                 text_class: "tizen";
179                                                 min: 0 1;
180                                                 size: 20;
181                                                 align: 0.0 1.0;
182                                         }
183                                         align: 0.0 1.0;
184                                         visible: 1;
185                                 }
186                         }
187                         part {
188                                 name: "gmt";
189                                 type: TEXT;
190                                 mouse_events: 0;
191                                 scale: 1;
192                                 description {
193                                         state: "default" 0.0;
194                                         rel1 { relative: 73/ITEM_SELECTING_WIDTH 0.55; to: "bg"; }
195                                         rel2 { relative: 400/ITEM_SELECTING_WIDTH 0.55; to: "bg"; }
196                                         color: 221 218 213 255;
197                                         text {
198                                                 text: "GMT + 8";
199                                                 font: "Tizen:style=LIGHT";
200                                                 text_class: "tizen";
201                                                 min: 0 1;
202                                                 size: 20;
203                                                 align: 0.0 1.0;
204                                         }
205                                         align: 0.0 0.0;
206                                         visible: 1;
207                                 }
208                         }
209                         part {
210                                 name: "delete";
211                                 type: IMAGE;
212                                 scale: 1;
213                                 description {
214                                         state: "default" 0.0;
215                                         rel1 { relative: 0.5 0.5; to: "delete_event"; }
216                                         rel2 { relative: 0.5 0.5; to: "delete_event"; }
217                                         align: 0.5 0.5;
218                                         min: 34 34;
219                                         fixed: 1 1;
220                                         image {
221                                                 normal: "delete_button.png";
222                                         }
223                                         color: 255 255 255 255;
224                                         visible: 1;
225                                 }
226                                 description {
227                                         state: "press" 0.0;
228                                         inherit: "default" 0.0;
229                                         color: 255 255 255 100;
230                                 }
231                         }
232                         part {
233                                 name: "delete_event";
234                                 type: RECT;
235                                 mouse_events: 1;
236                                 scale: 1;
237                                 description {
238                                         state: "default" 0.0;
239                                         rel1 { relative: 444/ITEM_SELECTING_WIDTH 0.5; to: "bg"; }
240                                         rel2 { relative: 444/ITEM_SELECTING_WIDTH 0.5; to: "bg"; }
241                                         align: 0.5 0.5;
242                                         min: ITEM_SELECTING_HEIGHT ITEM_SELECTING_HEIGHT;
243                                         fixed: 1 1;
244                                         color: 0 0 0 0;
245                                         visible: 1;
246                                 }
247                         }
248                 } //parts
249                 programs {
250                         program {
251                                 signal: "mouse,down,1";
252                                 source: "delete_event";
253                                 action: SIGNAL_EMIT "delete,down" "entry";
254                                 after: "delete,down,after";
255                         }   
256                         program {
257                                 name: "delete,down,after";
258                                 action: STATE_SET "press" 0.0;
259                                 target: "delete";
260                         }
261                         program {
262                                 signal: "mouse,up,1";
263                                 source: "delete_event";
264                                 action: SIGNAL_EMIT "delete,up" "entry";
265                                 after: "delete,up,after";
266                         }
267                         program {
268                                 name: "delete,up,after";
269                                 action: STATE_SET "default" 0.0;
270                                 target: "delete";
271                         }
272                 }
273         }
274
275         group {
276                 name: "item_result";
277                 parts {
278                         part {
279                                 name: "bg";
280                                 type: RECT;
281                                 description {
282                                         rel1 { relative: 0.0 0.0; }
283                                         rel2 { relative: 1.0 1.0; }
284                                         min: ITEM_RESULT_WIDTH ITEM_RESULT_HEIGHT;
285                                         color: 255 255 255 255;
286                                         visible: 1;
287                                 }
288                         }
289                         part {
290                                 name: "mark";
291                                 type: IMAGE;
292                                 scale: 1;
293                                 description {
294                                         state: "default" 0.0;
295                                         rel1 { relative: 38/ITEM_RESULT_WIDTH 0.5; to: "bg"; }
296                                         rel2 { relative: 38/ITEM_RESULT_WIDTH 0.5; to: "bg"; }
297                                         align: 0.5 0.5;
298                                         min: 14 12;
299                                         fixed: 1 1;
300                                         image {
301                                                 normal: "my_status_small.png";
302                                         }
303                                         visible: 1;
304                                 }
305                                 description {
306                                         state: "1" 0.0;
307                                         inherit: "default" 0.0;
308                                         min: 14 14;
309                                         image {
310                                                 normal: "other_location_blue_small.png";
311                                         }
312                                 }
313                                 description {
314                                         state: "2" 0.0;
315                                         inherit: "default" 0.0;
316                                         min: 14 14;
317                                         image {
318                                                 normal: "other_location_mint_small.png";
319                                         }
320                                 }
321                                 description {
322                                         state: "3" 0.0;
323                                         inherit: "default" 0.0;
324                                         min: 14 14;
325                                         image {
326                                                 normal: "other_location_blue_small.png";
327                                         }
328                                 }
329                                 description {
330                                         state: "4" 0.0;
331                                         inherit: "default" 0.0;
332                                         min: 14 14;
333                                         image {
334                                                 normal: "other_location_mint_small.png";
335                                         }
336                                 }
337                         }
338                         part {
339                                 name: "city";
340                                 type: TEXT;
341                                 mouse_events: 0;
342                                 scale: 1;
343                                 description {
344                                         state: "default" 0.0;
345                                         rel1 { relative: 73/ITEM_RESULT_WIDTH 0.45; to: "bg"; }
346                                         rel2 { relative: 400/ITEM_RESULT_WIDTH 0.45; to: "bg"; }
347                                         color: 197 191 181 255;
348                                         text {
349                                                 text: "Seoul, Korea";
350                                                 font: "Tizen:style=LIGHT";
351                                                 text_class: "tizen";
352                                                 min: 0 1;
353                                                 size: 20;
354                                                 align: 0.0 1.0;
355                                         }
356                                         align: 0.0 1.0;
357                                         visible: 1;
358                                 }
359                         }
360                         part {
361                                 name: "gmt";
362                                 type: TEXT;
363                                 mouse_events: 0;
364                                 scale: 1;
365                                 description {
366                                         state: "default" 0.0;
367                                         rel1 { relative: 73/ITEM_RESULT_WIDTH 0.55; to: "bg"; }
368                                         rel2 { relative: 400/ITEM_RESULT_WIDTH 0.55; to: "bg"; }
369                                         color: 221 218 213 255;
370                                         text {
371                                                 text: "GMT + 8";
372                                                 font: "Tizen:style=LIGHT";
373                                                 text_class: "tizen";
374                                                 min: 0 1;
375                                                 size: 20;
376                                                 align: 0.0 1.0;
377                                         }
378                                         align: 0.0 0.0;
379                                         visible: 1;
380                                 }
381                         }
382                         part {
383                                 name: "delete";
384                                 type: IMAGE;
385                                 scale: 1;
386                                 description {
387                                         state: "default" 0.0;
388                                         rel1 { relative: 0.5 0.5; to: "delete_event"; }
389                                         rel2 { relative: 0.5 0.5; to: "delete_event"; }
390                                         align: 0.5 0.5;
391                                         min: 34 34;
392                                         fixed: 1 1;
393                                         image {
394                                                 normal: "delete_button.png";
395                                         }
396                                         color: 255 255 255 255;
397                                         visible: 1;
398                                 }
399                                 description {
400                                         state: "press" 0.0;
401                                         inherit: "default" 0.0;
402                                         color: 255 255 255 100;
403                                 }
404                         }
405                         part {
406                                 name: "delete_event";
407                                 type: RECT;
408                                 mouse_events: 1;
409                                 scale: 1;
410                                 description {
411                                         state: "default" 0.0;
412                                         rel1 { relative: 444/ITEM_RESULT_WIDTH 0.5; to: "bg"; }
413                                         rel2 { relative: 444/ITEM_RESULT_WIDTH 0.5; to: "bg"; }
414                                         align: 0.5 0.5;
415                                         min: ITEM_RESULT_HEIGHT ITEM_RESULT_HEIGHT;
416                                         fixed: 1 1;
417                                         color: 0 0 0 0;
418                                         visible: 1;
419                                 }
420                         }
421                 } //parts
422                 programs {
423                         program {
424                                 signal: "mouse,down,1";
425                                 source: "delete_event";
426                                 action: SIGNAL_EMIT "delete,down" "entry";
427                                 after: "delete,down,after";
428                         }   
429                         program {
430                                 name: "delete,down,after";
431                                 action: STATE_SET "press" 0.0;
432                                 target: "delete";
433                         }
434                         program {
435                                 signal: "mouse,up,1";
436                                 source: "delete_event";
437                                 action: SIGNAL_EMIT "delete,up" "entry";
438                                 after: "delete,up,after";
439                         }
440                         program {
441                                 name: "delete,up,after";
442                                 action: STATE_SET "default" 0.0;
443                                 target: "delete";
444                         }
445                 }
446         }
447 } //collections