tizen 2.3.1 release
[framework/uifw/efl-theme-tizen.git] / 2.3-mobile / widgets_default / index.edc
1 group {
2    name: "elm/index/item/horizontal/pagecontrol";
3    alias: "elm/index/item_odd/horizontal/pagecontrol";
4    images {
5       image: "whitetheme/index_pagecontrol_bar_bg0.png" COMP;
6       image: "whitetheme/index_pagecontrol_bar_bg1.png" COMP;
7    }
8    parts {
9       part { name:"bg";
10          type : RECT;
11          scale: 1;
12          description { state: "default" 0.0;
13             min: INDEX_PAGECONTROL_IND_INC;
14             max: INDEX_PAGECONTROL_IND_INC;
15             visible: 0;
16             align: 0.5 0.5;
17          }
18       }
19       part { name: "indicator1";
20          mouse_events: 0;
21          scale: 1;
22          description { state: "default" 0.0;
23             align: 0.5 0.5;
24             fixed: 1 1;
25             rel1.to: "bg";
26             rel2.to: "bg";
27             image {
28                normal: "whitetheme/index_pagecontrol_bar_bg0.png";
29             }
30          }
31          description { state: "active" 0.0;
32             inherit: "default" 0.0;
33             visible: 0;
34          }
35       }
36       part { name: "indicator2";
37          mouse_events: 0;
38          scale: 1;
39          description { state: "default" 0.0;
40             align: 0.5 0.5;
41             fixed: 1 1;
42             min: INDEX_PAGECONTROL_IND_MIN_INC;
43             max: INDEX_PAGECONTROL_IND_MIN_INC;
44             image.normal: "whitetheme/index_pagecontrol_bar_bg1.png";
45             visible: 0;
46          }
47          description { state: "active" 0.0;
48             inherit: "default" 0.0;
49             min: INDEX_PAGECONTROL_IND_INC;
50             max: INDEX_PAGECONTROL_IND_INC;
51             visible: 1;
52          }
53       }
54       part { name: "elm.text";
55          type: TEXT;
56          mouse_events: 0;
57          scale: 1;
58          description { state: "default" 0.0;
59             fixed: 1 1;
60             color: INDEX_PAGECONTROL_FONT_COLOR_INC 0;
61             align: 0.5 0.5;
62             text {
63                font: "Tizen:style=Medium";
64                size: INDEX_PAGECONTROL_FONT_SIZE_INC;
65                min: 0 1;
66                align: 0.5 0.5;
67                text_class: "tizen";
68             }
69             rel1 { to: "indicator2"; }
70             rel2 { to: "indicator2"; }
71          }
72          description { state: "active" 0.0;
73             inherit: "default" 0.0;
74             color: INDEX_PAGECONTROL_FONT_COLOR_INC 255;
75          }
76       }
77    }
78    programs {
79       program { name: "active";
80          signal: "elm,state,active";
81          source: "elm";
82          action: STATE_SET "active" 0.0;
83          target: "indicator1";
84          target: "indicator2";
85          target: "elm.text";
86          transition: LINEAR 0.2;
87       }
88       program { name: "inactive";
89          signal: "elm,state,inactive";
90          source: "elm";
91          action: STATE_SET "default" 0.0;
92          target: "indicator1";
93          target: "indicator2";
94          target: "elm.text";
95          transition: LINEAR 0.2;
96       }
97    }
98 }
99
100 group { name: "elm/index/base/horizontal/default";
101    script {
102       public timer_flag;
103       public index_hide_timer(val) {
104          if (get_int(timer_flag) == 1)
105             run_program(PROGRAM:"index0.inactive");
106          return 0;
107       }
108    }
109    images {
110       image: "whitetheme/index_scroll_popup_bg.png" COMP;
111    }
112    data{
113       item: "min_obj_height" "32";
114       item: "min_1st_level_obj_height" "32";
115       item: "special_char" "*";
116    }
117    parts {
118       part { name: "clip";
119          scale: 1;
120          type: RECT;
121          mouse_events:  0;
122          description { state: "default" 0.0;
123             visible:  0;
124             color: 255 255 255 0;
125          }
126          description { state: "active" 0.0;
127             visible:  1;
128             color: 255 255 255 255;
129          }
130       }
131       part { name: "clip2";
132          scale: 1;
133          type: RECT;
134          mouse_events:  0;
135          clip_to: "clip";
136          description { state: "default" 0.0;
137             visible: 0;
138             color: 255 255 255 0;
139          }
140          description { state: "active" 0.0;
141             visible:  1;
142             color: 255 255 255 255;
143          }
144       }
145       part { name: "elm.dragable.index.1";
146          type: SPACER;
147          mouse_events: 0;
148          scale: 1;
149          dragable {
150             x: 0 0 0;
151             y: 1 1 0;
152             confine: "elm.swallow.index.0";
153          }
154          description { state: "default" 0.0;
155             fixed: 1 1;
156             min: 20 38;
157             rel1 {
158                relative: 0.5  0.5;
159                offset:   0    0;
160                to: "elm.swallow.index.0";
161             }
162             rel2 {
163                relative: 0.5  0.5;
164                offset:   0    0;
165                to: "elm.swallow.index.0";
166             }
167          }
168       }
169       part { name: "elm.swallow.index.1.padding.right";
170          type: SPACER;
171          scale: 1;
172          description { state: "default" 0.0;
173             min: 0 INDEX_LEVEL_PADDING_INC;
174             fixed: 0 1;
175             align: 0 1;
176             rel1 {
177                relative: 0.0 1.0;
178                offset: 0 0;
179             }
180             rel2 {
181                relative: 0.0 1.0;
182                offset: 0 0;
183             }
184          }
185       }
186       part { name: "elm.swallow.index.1";
187          type: SWALLOW;
188          scale: 1;
189          clip_to: "clip2";
190          description { state: "default" 0.0;
191             align: 0.5 0.5;
192             fixed: 1 1;
193             rel1 {
194                to_y: "elm.dragable.index.1";
195                relative: 0.5 1;
196                offset: -1 -1;
197             }
198             rel2 {
199                to_y: "elm.dragable.index.1";
200                relative: 0.5 1;
201                offset: -1 0;
202             }
203             color: 255 255 255 0;
204          }
205          description { state: "active" 0.0;
206             inherit: "default" 0.0;
207             fixed: 1 1;
208             rel1 {
209                to_x: "elm.swallow.index.1.padding.right";
210                relative: 0.0 0.5;
211                offset: 0 0;
212             }
213             rel2 {
214                to_x: "elm.swallow.index.1.padding.right";
215                relative: 0.0 0.5;
216                offset: 0 -1;
217             }
218             color: 255 255 255 255;
219          }
220       }
221      part { name: "elm.swallow.index.0";
222          type: SWALLOW;
223          clip_to: "clip";
224          scale: 1;
225          description { state: "default" 0.0;
226             visible: 1;
227             align: 0.5 1;
228             fixed: 1 1;
229             rel1 {
230                relative: 0.5 1;
231                offset: -1 0;
232             }
233             rel2 {
234                relative: 0.5 1;
235                offset: -1 0;
236             }
237             color: 255 255 255 50;
238          }
239          description { state: "active" 0.0;
240             inherit: "default" 0.0;
241             color: 255 255 255 255;
242          }
243       }
244       part { name: "button_image_padding";
245          type: SPACER;
246          mouse_events: 0;
247          scale: 1;
248          clip_to: "clip";
249          description { state: "default" 0.0;
250             align: 0.0 0.0;
251             min: 0 0;
252             max: 0 0;
253             fixed: 0 1;
254             rel1 {
255                relative: 0.5 0.5;
256                offset: 0 0;
257             }
258             rel2 {
259                relative: 0.5 0.5;
260                offset: 0 0;
261             }
262          }
263       }
264       part { name: "button_image";
265          scale: 1;
266          clip_to: "clip";
267          description { state: "default" 0.0;
268             align: 0.5 0.5;
269             min: INDEX_POPUP_HEIGHT_INC INDEX_POPUP_HEIGHT_INC;
270             fixed: 1 1;
271             rel1 {
272                to: "elm.text";
273                relative: 0.0 0.0;
274             }
275             rel2 {
276                to: "elm.text";
277                relative: 1.0 1.0;
278             }
279             image {
280                normal: "whitetheme/index_scroll_popup_bg.png";
281                border: INDEX_POPUP_BG_NINEPATCH_INC;
282                border_scale: 1;
283             }
284             image.middle: 1;
285          }
286          description { state: "invisible" 0.0;
287             inherit: "default" 0.0;
288             visible: 0;
289          }
290          description { state: "index1" 0.0;
291             inherit: "default" 0.0;
292             min: INDEX_POPUP_HEIGHT_INC INDEX_POPUP_HEIGHT_INC;
293          }
294          description { state: "active" 0.0;
295             inherit: "default" 0.0;
296             visible: 1;
297          }
298       }
299       part { name: "elm.text";
300          type: "TEXT";
301          mouse_events: 0;
302          scale: 1;
303          clip_to: "clip";
304          description { state: "default" 0.0;
305             align: 0.5 0.5;
306             fixed: 1 1;
307             min: 40 20;
308             visible: 0;
309             rel1 {
310                to_y: "button_image_padding";
311                relative: 0.5 1.0;
312             }
313             rel2 {
314                to_y: "button_image_padding";
315                relative: 0.5 1.0;
316             }
317             color: INDEX_POPUP_TEXT_COLOR_INC;
318             color3: 0 0 0 64;
319             text {
320                font: "Tizen:style=Bold";
321                size: INDEX_POPUP_TEXT_SIZE_INC;
322                min: 1 1;
323             }
324          }
325          description { state: "active" 0.0;
326             inherit: "default" 0.0;
327             visible: 1;
328          }
329       }
330       part { name: "elm.dragable.pointer";
331          type: RECT;
332          scale: 1;
333          mouse_events: 0;
334          dragable {
335             x: 1 1 0;
336             y: 1 1 0;
337          }
338          clip_to: "clip";
339          description { state: "default" 0.0;
340             fixed: 1 1;
341             min: 8 8;
342             max: 8 8;
343             rel1 {
344                relative: 0.0 0.0;
345                offset:   0 0;
346             }
347             rel2 {
348                relative: 0.0 0.0;
349                offset:   0 0;
350             }
351             color: 0 0 0 0;
352          }
353       }
354       part { name: "elm.swallow.event.0.bottom.padding";
355          type: SPACER;
356          scale: 1;
357          description { state: "default" 0.0;
358             min: 0 SOFTKEY_H;
359             fixed: 0 1;
360             align: 0.5 1.0;
361             rel1{
362                relative: 1.0 1.0; offset: 0 0;
363             }
364          }
365       }
366       part { name: "elm.swallow.event.0";
367          type: SWALLOW;
368          scale: 1;
369          description { state: "default" 0.0;
370             fixed: 1 1;
371             align: 0.5 1;
372             rel1 {
373                relative: 0 1;
374                offset: 0 -1;
375             }
376             rel2 {
377                relative: 1 1;
378                offset: -1 -1;
379                to_y: "elm.swallow.event.0.bottom.padding";
380             }
381          }
382       }
383
384       part { name: "elm.swallow.event.1";
385          type: SWALLOW;
386          scale: 1;
387          description { state: "default" 0.0;
388             align: 1.0 0.5;
389             fixed: 1 1;
390             rel1 {
391                to: "elm.swallow.index.1";
392                relative: 0.0 0.0;
393                offset: -1 0;
394             }
395             rel2 {
396                to: "elm.swallow.index.1";
397                relative: 0.0 1.0;
398                offset: -1 -1;
399             }
400          }
401       }
402    }
403    programs {
404       program { name: "load";
405          signal: "load";
406          source: "";
407          script {
408             run_program(PROGRAM:"initial.index0.active");
409             run_program(PROGRAM:"button.image.hidden");
410             timer(2.0, "index_hide_timer", 0);
411          }
412       }
413       program { name: "drag2";
414          signal: "drag,set";
415          source: "elm.dragable.index.1";
416          script {
417             new Float:dx;
418             new Float:dy;
419             get_drag(PART:"elm.dragable.index.1", dx, dy);
420             custom_state(PART:"elm.dragable.index.1", "default", 0.0);
421             set_state_val(PART:"elm.dragable.index.1", STATE_ALIGNMENT, 0.5, dy);
422          }
423       }
424       program { name: "index0.active";
425          signal: "elm,state,active";
426          source: "elm";
427          action: STATE_SET "active" 0.0;
428          transition: DECELERATE 0.3;
429          target: "elm.swallow.index.0";
430          target: "clip";
431          after: "disable_timer";
432       }
433       program { name: "initial.index0.active";
434          action: STATE_SET "active" 0.0;
435          transition: DECELERATE 0.3;
436          target: "elm.swallow.index.0";
437          target: "clip";
438          after: "enable_timer";
439       }
440       program { name: "index0.inactive";
441          signal: "elm,state,inactive";
442          source: "elm";
443          action: STATE_SET "default" 0.0;
444          transition: DECELERATE 0.3;
445          target: "elm.swallow.index.0";
446          target: "clip";
447       }
448       program { name: "index1.inactive";
449          signal: "elm,state,level,0";
450          source: "elm";
451          action: STATE_SET "default" 0.0;
452          transition: DECELERATE 0.3;
453          target: "elm.swallow.index.1";
454          target: "clip2";
455       }
456       program { name: "index1.active";
457          signal: "elm,state,level,1";
458          source: "elm";
459          action: STATE_SET "active" 0.0;
460          transition: DECELERATE 0.3;
461          target: "elm.swallow.index.1";
462          target: "clip2";
463       }
464       program { name: "index.active";
465          signal: "elm,indicator,state,active";
466          source: "elm";
467          action: STATE_SET "active" 0.0;
468          transition: DECELERATE 0.5;
469          target: "clip2";
470          target: "elm.swallow.index.0";
471          target: "clip";
472          target: "elm.text";
473          target: "button_image";
474       }
475       program { name: "index.inactive";
476          signal: "elm,indicator,state,inactive";
477          source: "elm";
478          action: STATE_SET "default" 0.0;
479          transition: DECELERATE 0.5;
480          target: "clip2";
481       }
482       program { name: "button.image.hidden";
483          signal: "elm,state,button,image,hide";
484          source: "elm";
485          action: STATE_SET "invisible" 0.0;
486          target: "button_image";
487       }
488       program { name: "disable_timer";
489          script {
490             set_int(timer_flag, 0);
491          }
492       }
493       program { name: "enable_timer";
494          script {
495             set_int(timer_flag, 1);
496          }
497       }
498    }
499 }
500
501 group { name: "elm/index/item/horizontal/default";
502    alias: "elm/index/item_odd/horizontal/default";
503    data.item: "stacking" "above";
504    data.item: "selectraise" "on";
505    images {
506       image: "whitetheme/index_rollover_bg_h.png" COMP;
507    }
508    parts {
509       part { name: "scroll.bg";
510          type: RECT;
511          mouse_events: 0;
512          scale: 1;
513          description {
514             state: "default" 0.0;
515             visible: 1;
516             rel1.to: "elm.text";
517             rel2.to: "elm.text";
518             color: INDEX_SCROLL_BG_COLOR_INC;
519          }
520       }
521       part { name: "top.line";
522          type: RECT;
523          mouse_events: 0;
524          scale: 1;
525          description { state: "default" 0.0;
526             align: 1 0;
527             min: 0 2;
528             fixed: 1 1;
529             rel1 {
530                relative: 0 0;
531             } 
532             rel2 {
533                relative: 1 0;
534             }
535             color: INDEX_LEFT_LINE_COLOR_INC;
536          }
537          description { state: "active" 0.0;
538             inherit: "default" 0.0;
539             rel1 {
540                relative: -0.5 0;
541             } 
542             rel2 {
543                relative: 1.5 0;
544             }
545             color: INDEX_SCROLL_BG_COLOR_INC;
546          }
547       }
548       part { name: "elm.padding.left.line.top";
549          type: SPACER;
550          scale: 1;
551          description { state: "default" 0.0;
552             min: 2 6;
553             align: 0 0;
554             fixed: 1 1;
555             rel1 {
556                relative: 0.0 0.0;
557             }
558             rel2 {
559                relative: 0.0 0.0;
560             }
561          }
562       }
563       part { name: "elm.padding.left.line.bottom";
564          type: SPACER;
565          scale: 1;
566          description { state: "default" 0.0;
567             min: 2 4;
568             align: 0 1;
569             fixed: 1 1;
570             rel1 {
571                relative: 0.0 1.0;
572             }
573             rel2 {
574                relative: 0.0 1.0;
575             }
576          }
577       }
578       part { name: "left.line";
579          type: RECT;
580          scale: 1;
581          description { state: "default" 0.0;
582             rel1 {
583                to: "elm.padding.left.line.top";
584                relative: 0.0 1.0;
585             }
586             rel2 {
587                to: "elm.padding.left.line.bottom";
588                relative: 1.0 0.0;
589             }
590             color: INDEX_BOTTOM_LINE_COLOR_INC;
591          }
592       }
593       part { name: "elm.padding.item.left";
594          type: SPACER;
595          scale:1 ;
596          description { state: "default" 0.0;
597             align: 1 0;
598             min: INDEX_HORIZONTAL_ITEM_WIDTH_INC INDEX_HORIZONTAL_ITEM_HEIGHT_INC-4;
599             fixed: 1 1;
600             rel1 {
601                relative: 0 0;
602             } 
603             rel2 {
604                relative: 0 0;
605             }
606          }
607       }
608       part { name: "elm.padding.item.right";
609          type: SPACER;
610          scale:1 ;
611          description { state: "default" 0.0;
612             align: 0 0;
613             min: INDEX_HORIZONTAL_ITEM_WIDTH_INC INDEX_HORIZONTAL_ITEM_HEIGHT_INC-4;
614             fixed: 1 1;
615             rel1 {
616                relative: 1 0;
617             } 
618             rel2 {
619                relative: 1 0;
620             }
621          }
622       }
623       part { name: "item.bg";
624          mouse_events: 0;
625          scale: 1;
626          description { state: "default" 0.0;
627             visible: 0;
628             rel1 {
629                to: "elm.padding.item.left";
630                relative: 0.5 0.0;
631             }
632             rel2 {
633                to: "elm.padding.item.right";
634                relative: 0.5 1.0;
635             }
636             image {
637                normal: "whitetheme/index_rollover_bg_h.png";
638                border: INDEX_BG_NINEPATCH_INC;
639                border_scale: 1;
640             }
641          }
642          description { state: "active" 0.0;
643             inherit: "default" 0.0;
644             visible: 1;
645          }
646       }
647       part { name: "elm.text";
648          type: TEXT;
649          mouse_events: 0;
650          scale: 1;
651          description { state: "default" 0.0;
652             min: INDEX_HORIZONTAL_ITEM_WIDTH_INC INDEX_HORIZONTAL_ITEM_HEIGHT_INC;
653             align: 0.5 0.5;
654             rel1 {
655                relative: 0.0  0.0;
656             }
657             rel2 {
658                relative: 1.0  1.0;
659             }
660             color: INDEX_ROLLOVER_TEXT_COLOR_INC;
661             text {
662                font: "Tizen:style=Medium";
663                size: INDEX_ROLLOVER_TEXT_SIZE_INC;
664                min: 1 1;
665                align: 0.5 0.5;
666                text_class: "tizen";
667             }
668          }
669          description { state: "active" 0.0;
670             inherit: "default" 0.0;
671             color: INDEX_ROLLOVER_ACTIVE_TEXT_COLOR_INC;
672          }
673       }
674    }
675    programs {
676       program { name: "active";
677          signal: "elm,state,active";
678          source: "elm";
679          action: STATE_SET "active" 0.0;
680          transition: DECELERATE 0.0;
681          target: "elm.text";
682          target: "item.bg";
683          target: "top.line";
684       }
685       program { name: "inactive";
686          signal: "elm,state,inactive";
687          source: "elm";
688          action: STATE_SET "default" 0.0;
689          transition: DECELERATE 0.0;
690          target: "elm.text";
691          target: "item.bg";
692          target: "top.line";
693       }
694    }
695 }
696