[Progressbar] issue image getting invisible for list progressbar. fixed.
[profile/ivi/efl-theme-tizen.git] / themes / groups / index.edc
1 /*
2  *  nBeat-theme
3  *
4  * Copyright (c) 2000 - 2010 Samsung Electronics Co., Ltd.
5  *
6  * Contact: Seokjae Jeong <seok.j.jeong@samsung.com>, Myoungwoon Roy Kim <Myoungwoon.kim@samsung.com>, Jeonghyun Yun <jh0506.yun@samsung.com>, Jaehwan Kim <jae.hwan.kim@samsung.com>, 
7  *              Chuneon Park <chuneon.park@samsung.com>, Juyung Seo <juyung.seo@samsung.com>, Woohyun Jung <wh0705.jung@samsung.com>, Myungjae Lee <mjae.lee@samsung.com>, Hyoyoung Chang <hyoyoung.chang@samsung.com>, 
8  *              Hyunsil Park <hyunsil.park@samsung.com>, Sohyun Kim <anna1014.kim@samsung.com>, Seunggyun Kim <sgyun.kim@samsung.com>
9  * 
10  * This library is free software; you can redistribute it and/or modify it under
11  * the terms of the GNU Lesser General Public License as published by the
12  * Free Software Foundation; either version 2.1 of the License, or (at your option)
13  * any later version.
14  * 
15  * This library is distributed in the hope that it will be useful, but WITHOUT ANY
16  * WARRANTY; without even the implied warranty of MERCHANTABILITY or
17  * FITNESS FOR A PARTICULAR PURPOSE. See the GNU Lesser General Public
18  * License for more details.
19  *
20  * You should have received a copy of the GNU Lesser General Public License
21  * along with this library; if not, write to the Free Software Foundation, Inc., 51
22  * Franklin Street, Fifth Floor, Boston, MA 02110-1301 USA
23  *
24  */
25
26    group { name: "elm/index/base/vertical/default";
27       script {
28          public timer_flag;
29          public index_hide_timer(val) {
30             if (get_int(timer_flag) == 1)
31                run_program(PROGRAM:"index0.inactive");
32             return 0;
33          }
34       }
35       images {
36          image: "00_fast_scroll_popup_bg.png" COMP;
37          image: "01_fast_scroll_first_bg_dim_top.png" COMP;
38          image: "01_fast_scroll_first_bg_dim_middle.png" COMP;
39          image: "01_fast_scroll_first_bg_dim_bottom.png" COMP;
40          image: "01_fast_scroll_second_bg_top.png" COMP;
41          image: "01_fast_scroll_second_bg_middle.png" COMP;
42          image: "01_fast_scroll_second_bg_bottom.png" COMP;
43          image: "00_fast_scroll_rollover_bg.png" COMP;
44          image: "00_fast_scroll_rollover_index_1_bg.png" COMP;
45       }
46       data{
47          item: "min_obj_height" "32";
48          item: "min_1st_level_obj_height" "32";
49          item: "special_char" "*";
50       }
51       parts {
52          part { name: "clip";
53             scale: 1;
54             type: RECT;
55             mouse_events:  0;
56             description { state: "default" 0.0;
57                visible:  0;
58                color: 255 255 255 0;
59             }
60             description { state: "active" 0.0;
61                visible:  1;
62                color: 255 255 255 255;
63             }
64          }
65          part { name: "clip2";
66             scale: 1;
67             type: RECT;
68             mouse_events:  0;
69             clip_to: "clip";
70             description { state: "default" 0.0;
71                visible: 0;
72                color: 255 255 255 0;
73             }
74             description { state: "active" 0.0;
75                visible:  1;
76                color: 255 255 255 255;
77             }
78          }
79          part { name: "elm.dragable.index.1";
80             mouse_events: 0;
81             scale: 1;
82             dragable {
83                x: 0 0 0;
84                y: 1 1 0;
85                confine: "elm.swallow.index.0";
86             }
87             description { state: "default" 0.0;
88                fixed: 1 1;
89                min: 27 38;
90                rel1 {
91                   relative: 0.5  0.5;
92                   offset:   0    0;
93                   to: "elm.swallow.index.0";
94                }
95                rel2 {
96                   relative: 0.5  0.5;
97                   offset:   0    0;
98                   to: "elm.swallow.index.0";
99                }
100             }
101          }
102          part { name: "elm.swallow.index.1.padding.right";
103             type: RECT;
104             scale: 1;
105             description { state: "default" 0.0;
106                min: 70 0;
107                fixed: 1 0;
108                align: 1.0 0.0;
109                rel1 {
110                   relative: 1.0 0.0;
111                   offset: 0 0;
112                }
113                rel2 {
114                   relative: 1.0 0.0;
115                   offset: 0 0;
116                }
117                color: 0 0 0 0;
118             }
119          }
120          part { name: "index.1.bg.image.middle";
121             mouse_events: 0;
122             scale: 1;
123             description { state: "default" 0.0;
124                visible: 0;
125                rel1 {
126                   to: "elm.swallow.index.1";
127                   offset: 0 0;
128                }
129                rel2 {
130                   to: "elm.swallow.index.1";
131                   offset: 0 0;
132                }
133                image {
134                   normal: "00_fast_scroll_rollover_index_1_bg.png";
135                   border: 2 2 2 2;
136                   border_scale: 1;
137                }
138                fill.smooth: 0;
139             }
140             description { state: "active" 0.0;
141                inherit: "default" 0.0;
142                visible: 1;
143             }
144          }
145          part { name: "elm.swallow.index.1";
146             type: SWALLOW;
147             scale: 1;
148             clip_to: "clip2";
149             description { state: "default" 0.0;
150                align: 0.5 0.5;
151                rel1 {
152                   to_y: "elm.dragable.index.1";
153                   relative: 1.0 0.5;
154                   offset: -1 0;
155                }
156                rel2 {
157                   to_y: "elm.dragable.index.1";
158                   relative: 1.0 0.5;
159                   offset: -1 -1;
160                }
161                color: 255 255 255 0;
162             }
163             description { state: "active" 0.0;
164                inherit: "default" 0.0;
165                rel1 {
166                   to_x: "elm.swallow.index.1.padding.right";
167                   relative: 0.0 0.5;
168                   offset: 0 0;
169                }
170                rel2 {
171                   to_x: "elm.swallow.index.1.padding.right";
172                   relative: 0.0 0.5;
173                   offset: 0 -1;
174                }
175                color: 255 255 255 255;
176             }
177          }
178          part { name: "index.0.bg.image.middle";
179             mouse_events: 0;
180             scale: 1;
181             description { state: "default" 0.0;
182                rel1 {
183                   to: "elm.swallow.index.0";
184                   offset: 0 0;
185                }
186                rel2 {
187                   to: "elm.swallow.index.0";
188                   offset: 0 0;
189                }
190                image {
191                   normal: "00_fast_scroll_rollover_bg.png";
192                   border: 2 0 2 2;
193                   border_scale: 1;
194                }
195                fill.smooth: 0;
196                visible: 0;
197                }
198             description { state: "active" 0.0;
199                inherit: "default" 0.0;
200                visible: 1;
201             }
202         }
203         part { name: "elm.swallow.index.0";
204             type: SWALLOW;
205             clip_to: "clip";
206             scale: 1;
207             description { state: "default" 0.0;
208                visible: 1;
209                align: 1.0 0.5;
210                rel1 {
211                   relative: 1.0 0.5;
212                   offset: -1 0;
213                }
214                rel2 {
215                   relative: 1.0 0.5;
216                   offset: -1 0;
217                }
218                color: 255 255 255 50;
219             }
220             description { state: "active" 0.0;
221                inherit: "default" 0.0;
222                color: 255 255 255 255;
223             }
224          }
225          part { name: "button_image_padding";
226             mouse_events: 0;
227             scale: 1;
228             clip_to: "clip";
229             type: RECT;
230             description { state: "default" 0.0;
231                align: 0.0 0.0;
232                min: 0 0;
233                max: 0 0;
234                fixed: 0 1;
235                rel1 {
236                   relative: 0.5 0.5;
237                   offset: 0 0;
238                }
239                rel2 {
240                   relative: 0.5 0.5;
241                   offset: 0 0;
242                }
243             }
244          }
245          part { name: "button_image";
246             scale: 1;
247             clip_to: "clip";
248             description { state: "default" 0.0;
249                align: 0.5 0.5;
250                min: 118 120;
251                fixed: 1 1;
252                rel1 {
253                   to_y: "button_image_padding";
254                   relative: 0.5 1.0;
255                }
256                rel2 {
257                   to_y: "button_image_padding";
258                   relative: 0.5 1.0;
259                   offset: 0 0;
260                }
261                image {
262                   normal: "00_fast_scroll_popup_bg.png";
263                   border: 12 12 12 14;
264                   border_scale: 1;
265                }
266                image.middle: 1;
267             }
268             description { state: "invisible" 0.0;
269                inherit: "default" 0.0;
270                visible: 0;
271             }
272             description { state: "index1" 0.0;
273                inherit: "default" 0.0;
274                min: 165 120;
275                fixed: 1 0;
276                rel1 {
277                   to: "button_image_padding";
278                   relative: 0.5 1.0;
279                }
280                rel2 {
281                   to: "button_image_padding";
282                   relative: 0.5 1.0;
283                }
284             }
285          }
286          part {
287             name: "elm.text";
288             type: "TEXT";
289             effect: SOFT_SHADOW;
290             mouse_events: 0;
291             scale: 1;
292             clip_to: "clip";
293                description {
294                   state: "default" 0.0;
295                   align: 0.90 0.4;
296                   fixed: 1 1;
297                   min: 40 20;
298                   visible: 0;
299                   rel1 {
300                      to: "button_image";
301                      relative: 0.90 0.39;
302                   }
303                   rel2 {
304                      to: "button_image";
305                      relative: 0.90 0.39;
306                   }
307                   color: 88 83 79 255;
308                   color3: 0 0 0 64;
309                   text {
310                      font: "SLP:style=Bold";
311                      size: 78;
312                      min: 1 1;
313                   }
314                }
315             description { state: "visible" 0.0;
316                inherit: "default" 0.0;
317                visible: 1;
318             }
319          }
320          part {
321             name: "elm.text.body";
322             type: "TEXT";
323             effect: SOFT_SHADOW;
324             mouse_events: 0;
325             scale: 1;
326             clip_to: "clip";
327             description {
328                state: "default" 0.0;
329                align: 0.5 0.4;
330                fixed: 1 1;
331                min: 40 20;
332                rel1 {
333                   to: "button_image";
334                   relative: 0.29 0.39;
335                }
336                rel2 {
337                   to: "button_image";
338                   relative: 0.29 0.39;
339                }
340                color: 88 83 79 255;
341                color3: 0 0 0 64;
342                text {
343                   font: "SLP:style=Bold";
344                   size: 78;
345                   min: 1 1;
346                }
347             }
348             description { state: "invisible" 0.0;
349                inherit: "default" 0.0;
350                visible: 0;
351             }
352             description {
353                state: "color_change" 0.0;
354                inherit: "default" 0.0;
355                rel1 {
356                   to: "button_image";
357                   relative: 0.47 0.39;
358                }
359                rel2 {
360                   to: "button_image";
361                   relative: 0.47 0.39;
362                }
363             }
364          }
365          part {
366             name: "elm.text.last";
367             type: "TEXT";
368             effect: SOFT_SHADOW;
369             mouse_events: 0;
370             scale: 1;
371             clip_to: "clip";
372             description {
373                state: "default" 0.0;
374                align: 0.67 0.4;
375                fixed: 1 1;
376                min: 40 20;
377                rel1 {
378                   to: "button_image";
379                   relative: 0.67 0.39;
380                }
381                rel2 {
382                   to: "button_image";
383                   relative: 0.67 0.39;
384                }
385                color: 88 83 79 255;
386                color3: 0 0 0 64;
387                text {
388                   font: "SLP:style=Bold";
389                   size: 78;
390                   min: 1 1;
391                }
392             }
393             description { state: "invisible" 0.0;
394                inherit: "default" 0.0;
395                visible: 0;
396             }
397          }
398          part { name: "elm.dragable.pointer";
399             type: RECT;
400             scale: 1;
401             mouse_events: 0;
402             dragable {
403                x: 1 1 0;
404                y: 1 1 0;
405             }
406             clip_to: "clip";
407             description { state: "default" 0.0;
408                fixed: 1 1;
409                min: 8 8;
410                max: 8 8;
411                rel1 {
412                   relative: 0.0 0.0;
413                   offset:   0 0;
414                }
415                rel2 {
416                   relative: 0.0 0.0;
417                   offset:   0 0;
418                }
419                color: 0 0 0 0;
420             }
421          }
422          part { name: "elm.swallow.event.0.bottom.padding";
423             type: RECT;
424             scale: 1;
425             description { state: "default" 0.0;
426                min: 0 SOFTKEY_H;
427                fixed: 0 1;
428                align: 0.5 1.0;
429                rel1{
430                   relative: 1.0 1.0; offset: 0 0;
431                }
432                color: 0 0 0 0;
433             }
434          }
435          part { name: "elm.swallow.event.0";
436             type: SWALLOW;
437             scale: 1;
438             description { state: "default" 0.0;
439                fixed: 1 1;
440                align: 1.0 0.5;
441                rel1 {
442                   relative: 1.0 0.0;
443                   offset: -1 0;
444                }
445                rel2 {
446                   relative: 1.0 0.0;
447                   offset: -1 -1;
448                   to_y: "elm.swallow.event.0.bottom.padding";
449                }
450             }
451          }
452          part { name: "elm.swallow.event.1";
453             type: SWALLOW;
454             scale: 1;
455             description { state: "default" 0.0;
456                align: 1.0 0.5;
457                fixed: 1 1;
458                rel1 {
459                   to: "elm.swallow.index.1";
460                   relative: 0.0 0.0;
461                   offset: -1 0;
462                }
463                rel2 {
464                   to: "elm.swallow.index.1";
465                   relative: 0.0 1.0;
466                   offset: -1 -1;
467                }
468             }
469          }
470       }
471       programs {
472          program { name: "load";
473             signal: "load";
474             source: "";
475             script {
476                run_program(PROGRAM:"initial.index0.active");
477                run_program(PROGRAM:"button.image.hidden");
478                timer(2.0, "index_hide_timer", 0);
479             }
480          }
481          program { name: "drag2";
482             signal: "drag,set";
483             source: "elm.dragable.index.1";
484             script {
485                new Float:dx;
486                new Float:dy;
487                get_drag(PART:"elm.dragable.index.1", dx, dy);
488                custom_state(PART:"elm.dragable.index.1", "default", 0.0);
489                set_state_val(PART:"elm.dragable.index.1", STATE_ALIGNMENT, 0.5, dy);
490             }
491          }
492          program { name: "first_level_invisible";
493             signal: "hide_first_level";
494             source: "";
495             action: STATE_SET "default" 0.0;
496             target: "elm.text.body";
497             action: STATE_SET "index1" 0.0;
498             target: "button_image";
499             after: "2nd_level_visible";
500          }
501          program { name: "2nd_level_visible";
502             signal: "show_2nd_level";
503             source: "";
504             action: STATE_SET "visible" 0.0;
505             target: "elm.text";
506          }
507          program { name: "first_level_visible";
508             signal: "show_first_level";
509             source: "";
510             action: STATE_SET "default" 0.0;
511             target: "elm.text.last";
512             action: STATE_SET "color_change" 0.0;
513             target: "elm.text.body";
514          }
515          program { name: "2nd_level_invisible";
516             signal: "hide_2nd_level";
517             source: "";
518             action: STATE_SET "default" 0.0;
519             target: "button_image";
520             action: STATE_SET "default" 0.0;
521             target: "elm.text";
522             after: "first_level_visible";
523          }
524          program { name: "index0.active";
525             signal: "elm,state,active";
526             source: "elm";
527             action: STATE_SET "active" 0.0;
528             transition: DECELERATE 0.3;
529             target: "elm.swallow.index.0";
530             target: "clip";
531             target: "index.0.bg.image.middle";
532             after: "disable_timer";
533          }
534          program { name: "initial.index0.active";
535             action: STATE_SET "active" 0.0;
536             transition: DECELERATE 0.3;
537             target: "elm.swallow.index.0";
538             target: "clip";
539             target: "index.0.bg.image.middle";
540             after: "enable_timer";
541          }
542          program { name: "index0.inactive";
543             signal: "elm,state,inactive";
544             source: "elm";
545             action: STATE_SET "default" 0.0;
546             transition: DECELERATE 0.3;
547             target: "elm.swallow.index.0";
548             target: "clip";
549             target: "index.0.bg.image.middle";
550          }
551          program { name: "index1.inactive";
552             signal: "elm,state,level,0";
553             source: "elm";
554             action: STATE_SET "default" 0.0;
555             transition: DECELERATE 0.3;
556             target: "elm.swallow.index.1";
557             target: "clip2";
558             target: "index.1.bg.image.middle";
559          }
560          program { name: "index1.active";
561             signal: "elm,state,level,1";
562             source: "elm";
563             action: STATE_SET "active" 0.0;
564             transition: DECELERATE 0.3;
565             target: "elm.swallow.index.1";
566             target: "clip2";
567             target: "index.1.bg.image.middle";
568          }
569          program { name: "button.image.hidden";
570             signal: "elm,state,button,image,hide";
571             source: "elm";
572             action: STATE_SET "invisible" 0.0;
573             target: "button_image";
574             target: "elm.text.last";
575                  target: "elm.text.body";
576          }               
577          program { name: "disable_timer";
578             script {
579                set_int(timer_flag, 0);
580             }
581          }
582          program { name: "enable_timer";
583             script {
584                set_int(timer_flag, 1);
585             }
586          }
587       }
588    }
589
590    group { name: "elm/index/item/vertical/default";
591       alias: "elm/index/item_odd/vertical/default";
592       data.item: "stacking" "above";
593       data.item: "selectraise" "on";
594       parts {
595          part { name: "elm.text";
596             type: TEXT;
597             mouse_events: 0;
598             scale: 1;
599             description {
600                min: 27 20;
601                align: 0.5 0.5;
602                state: "default" 0.0;
603                rel1 {
604                   relative: 0.0  0.0;
605                }
606                rel2 {
607                   relative: 1.0  1.0;
608                }
609                color: 93 93 93 200;
610                text {
611                   font: "SLP:style=Medium";
612                   size: 14;
613                   min: 1 1;
614                   align: 0.5 0.5;
615                }
616             }
617             description { state: "active" 0.0;
618                inherit: "default" 0.0;
619                color: 58 60 9 255;
620             }
621          }
622       }
623       programs {
624          program { name: "active";
625             signal: "elm,state,active";
626             source: "elm";
627             action: STATE_SET "active" 0.0;
628             transition: DECELERATE 1.0;
629             target: "elm.text";
630          }
631          program { name: "inactive";
632             signal: "elm,state,inactive";
633             source: "elm";
634             action: STATE_SET "default" 0.0;
635             transition: DECELERATE 0.1;
636             target: "elm.text";
637          }
638       }
639    }