[Genlst] Add focused UI
[platform/core/uifw/efl-theme-tizen.git] / themes / widgets / genlist / genlist_groupindex.edc
1 /*
2  * efl-theme-tizen
3  * Copyright (c) 2012-2013 Samsung Electronics Co., Ltd.
4  *
5  * Licensed under the Apache License, Version 2.0 (the License);
6  * you may not use this file except in compliance with the License.
7  * You may obtain a copy of the License at
8  *
9  *     http://www.apache.org/licenses/LICENSE-2.0
10  *
11  * Unless required by applicable law or agreed to in writing, software
12  * distributed under the License is distributed on an AS IS BASIS,
13  * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
14  * See the License for the specific language governing permissions and
15  * limitations under the License.
16  */
17
18
19 /*
20  * vim:ts=3:expandtab
21 */
22
23 #define GROUPINDEX_PADDING_SIZE_LEFT 26
24 #define GROUPINDEX_PADDING_SIZE_RIGHT 26
25 #define GROUPINDEX_TEXT_HEIGHT 38
26 #define GROUPINDEX_ICON_SIZE 64
27
28
29 #define GENLIST_PART_INDEX_BG \
30       GENLIST_PART_RECT("bg",  \
31          description { state: "default" 0.0; \
32             color: GENLIST_GROUPINDEX_LIST_BG_COLOR; \
33          } \
34          description { state: "selected" 0.0; \
35             inherit: "default" 0.0; \
36             color: GENLIST_GROUPINDEX_LIST_PRESS_COLOR; \
37          } \
38          description { state: "disabled" 0.0; \
39             inherit: "default" 0.0; \
40             color: GENLIST_GROUPINDEX_LIST_BG_COLOR; \
41          } \
42       )
43
44  // group index
45 #define GENLIST_DESCRIPTION_INDEX_LIST \
46    description { state: "selected" 0.0; \
47       inherit: "default" 0.0; \
48       color: GENLIST_GROUPINDEX_LIST_FOCUS_COLOR; \
49    }
50
51 #define GENLIST_PART_INDEX_LINE(LEFT, RIGHT, TOP, BOTTOM) \
52          GENLIST_PART_RECT("index_line", \
53             GENLIST_DESCRIPTION(LEFT, RIGHT, TOP, BOTTOM, \
54                color: GENLIST_GROUPINDEX_LINE_COLOR; \
55                min: 0 4; \
56                max: -1 4; \
57             ) \
58             description { state: "selected" 0.0; \
59                inherit: "default" 0.0; \
60                color: GENLIST_GROUPINDEX_LINE_FOCUS_COLOR; \
61             } \
62          )
63
64 // Group Index
65 #define GENLIST_PARAM_INDEX_LIST \
66    color: GENLIST_GROUPINDEX_LIST_COLOR; \
67    text { \
68       align: 0 0.5; \
69       min: 0 1; \
70       font: "Tizen:style=Bold"; \
71       size: GENLIST_GROUPINDEX_LIST_SIZE; \
72       text_class: "list_item"; \
73    }
74
75 // 2.1.1
76    group { GENLIST_NAME("groupindex/default")
77       alias: "elm/genlist/item/grouptitle/default";
78       alias: "elm/genlist/item_odd/grouptitle/default";
79       alias: "elm/genlist/item_compress/grouptitle/default";
80       alias: "elm/genlist/item_compress_odd/grouptitle/default";
81       alias: "elm/genlist/tree/grouptitle/default";
82       alias: "elm/genlist/tree_odd/grouptitle/default";
83       alias: "elm/genlist/tree_compress/grouptitle/default";
84       alias: "elm/genlist/tree_compress_odd/grouptitle/default";
85       GENLIST_PROLOG
86
87       data.item: "texts" "elm.text";
88
89       parts {
90          GENLIST_PART_BASE
91          GENLIST_PART_INDEX_BG
92          GENLIST_PART_PADDING_LEFT_SIZE(GROUPINDEX_PADDING_SIZE_LEFT)
93          GENLIST_PART_PADDING_RIGHT_SIZE(GROUPINDEX_PADDING_SIZE_RIGHT)
94          GENLIST_PART_PADDING_TOP_SIZE(20)
95          GENLIST_PART_PADDING_BOTTOM_SIZE(14)
96          GENLIST_PART_TEXT("elm.text",
97             GENLIST_DESCRIPTION_LRT("elm.padding.left", "elm.padding.right", "elm.padding.top",
98                GENLIST_PARAM_INDEX_LIST
99                min: 0 GROUPINDEX_TEXT_HEIGHT;
100                fixed: 0 1;
101             )
102             GENLIST_DESCRIPTION_INDEX_LIST
103          )
104          GENLIST_PART_INDEX_LINE("elm.padding.left", "elm.padding.right", "elm.text", "elm.padding.bottom")
105          GENLIST_PART_FOCUS
106       }
107       programs {
108          GENLIST_PROGRAM_DISABLED( target: "elm.text"; target: "index_line"; )
109          GENLIST_PROGRAM_SELECT( target: "elm.text"; target: "index_line"; target: "bg"; )
110          GENLIST_PROGRAM_FOCUS
111       }
112    }
113
114 //2.1.3
115    group { GENLIST_NAME("groupindex.icon/default")
116       alias: "elm/genlist/item/grouptitle.icon/default";
117       alias: "elm/genlist/item_odd/grouptitle.icon/default";
118       alias: "elm/genlist/item_compress/grouptitle.icon/default";
119       alias: "elm/genlist/item_compress_odd/grouptitle.icon/default";
120       alias: "elm/genlist/tree/grouptitle.icon/default";
121       alias: "elm/genlist/tree_odd/grouptitle.icon/default";
122       alias: "elm/genlist/tree_compress/grouptitle.icon/default";
123       alias: "elm/genlist/tree_compress_odd/grouptitle.icon/default";
124       GENLIST_PROLOG
125
126       data.item: "texts" "elm.text";
127       data.item: "contents" "elm.icon";
128
129       parts {
130          GENLIST_PART_BASE
131          GENLIST_PART_INDEX_BG
132          GENLIST_PART_PADDING_LEFT_SIZE(GROUPINDEX_PADDING_SIZE_LEFT)
133          GENLIST_PART_PADDING_RIGHT_SIZE(GROUPINDEX_PADDING_SIZE_RIGHT)
134          GENLIST_PART_PADDING_TOP_SIZE(6)
135          GENLIST_PART_PADDING_BOTTOM_SIZE(6)
136          GENLIST_PART_ICON("elm.icon",
137             GENLIST_DESCRIPTION_LTB("elm.padding.left",
138                "elm.padding.top", "elm.padding.bottom",
139                min: GROUPINDEX_ICON_SIZE GROUPINDEX_ICON_SIZE;
140                max: GROUPINDEX_ICON_SIZE GROUPINDEX_ICON_SIZE;
141                fixed: 1 0;
142             )
143          )
144          GENLIST_PART_PADDING_L_SIZE("elm.padding.icon.right", "elm.icon", 16)
145          GENLIST_PART_TEXT("elm.text",
146             GENLIST_DESCRIPTION_LRT("elm.padding.icon.right", "elm.padding.right", "elm.padding.top",
147                GENLIST_PARAM_INDEX_LIST
148                min: 0 GROUPINDEX_TEXT_HEIGHT;
149                fixed: 0 1;
150             )
151             GENLIST_DESCRIPTION_INDEX_LIST
152          )
153          GENLIST_PART_INDEX_LINE("elm.padding.icon.right", "elm.padding.right", "elm.text", "elm.padding.bottom")
154          GENLIST_PART_FOCUS
155       }
156       programs {
157          GENLIST_PROGRAM_DISABLED( target: "elm.text"; target: "index_line"; )
158          GENLIST_PROGRAM_SELECT( target: "elm.text"; target: "index_line"; target: "bg"; )
159          GENLIST_PROGRAM_FOCUS
160       }
161    }
162
163 #if 0
164 //2.1.4
165    group { name: "elm/genlist/tree/groupindex.expandable/default";
166       alias: "elm/genlist/tree_odd/groupindex.expandable/default";
167       data.item: "stacking" "above";
168       data.item: "selectraise" "on";
169       data.item: "texts" "elm.text";
170       data.item: "treesize" "GENLIST_TREESIZE_DEFAULT";
171       images {
172          image: "00_index list_bg.png" COMP;
173          image: "00_indexlist_icon_closed.png" COMP;
174          image: "00_indexlist_icon_opened.png" COMP;
175          image: "00_indexlist_icon_line.png" COMP;
176       }
177       parts {
178          GENLIST_PART_DISCLIP
179          GENLIST_PART_BG_NORMAL
180          GENLIST_PART_BASE
181          GENLIST_PART_BOTTOM_LINE
182          GENLIST_PART_PADDING_LEFT
183          GENLIST_PART_PADDING_RIGHT_EDIT
184          //GENLIST_PART_TEXT_INDEX_LIST("elm.text", "elm.padding.left", "elm.divider")
185          part { name: "elm.divider";
186             scale: 1;
187             GENLIST_DESCRIPTION_R("elm.padding.arrow.left",
188                min: 2 68;
189                max: 2 68;
190                fixed: 1 1;
191                image.normal: "00_indexlist_icon_line.png";
192             )
193          }
194          GENLIST_PART_PADDING_R_SIZE("elm.padding.arrow.left", "arrow", 23)
195          part { name: "arrow";
196             ignore_flags: ON_HOLD;
197             mouse_events: 0;
198             scale: 1;
199             GENLIST_DESCRIPTION_R("elm.padding.right",
200                min: 42 42;
201                max: 42 42;
202                fixed: 1 1;
203                image.normal: "00_indexlist_icon_opened.png";
204             )
205             description { state: "active" 0.0;
206                inherit: "default" 0.0;
207                image.normal: "00_indexlist_icon_closed.png";
208             }
209          }
210       }
211       programs {
212          GENLIST_PROGRAM_DISABLED
213          GENLIST_PROGRAM_SELECT_BOTTOMLINE( target: "elm.text";)
214          GENLIST_PROOGRAM_EXPAND("arrow", target: "arrow"; )
215       }
216    }
217
218 //2.1.5
219    group { name: "elm/genlist/tree/groupindex.expandable.icon/default";
220       alias: "elm/genlist/tree_odd/groupindex.expandable.icon/default";
221       data.item: "stacking" "above";
222       data.item: "selectraise" "on";
223       data.item: "texts" "elm.text";
224       data.item: "treesize" "GENLIST_TREESIZE_DEFAULT";
225       data.item: "contents" "elm.icon";
226       images {
227          image: "00_indexlist_icon_closed.png" COMP;
228          image: "00_indexlist_icon_opened.png" COMP;
229          image: "00_indexlist_icon_line.png" COMP;
230          image: "00_index list_bg.png" COMP;
231       }
232       parts {
233          GENLIST_PART_DISCLIP
234          GENLIST_PART_BG_NORMAL
235          GENLIST_PART_BASE
236          GENLIST_PART_BOTTOM_LINE
237          GENLIST_PART_PADDING_LEFT
238          GENLIST_PART_PADDING_RIGHT_EDIT
239          GENLIST_PART_ICON("elm.icon", GENLIST_DESCRIPTION_L("elm.padding.left", ))
240          GENLIST_PART_PADDING_L_SIZE("elm.padding.icon.right", "elm.icon", GENLIST_PADDING_SIZE_DEFAULT)
241          //GENLIST_PART_TEXT_INDEX_LIST("elm.text", "elm.padding.icon.right", "elm.divider")
242          part { name: "elm.divider";
243             scale: 1;
244             GENLIST_DESCRIPTION_R("elm.padding.arrow.left",
245                min: 2 68;
246                max: 2 68;
247                fixed: 1 1;
248                image.normal: "00_indexlist_icon_line.png";
249             )
250          }
251          GENLIST_PART_PADDING_R_SIZE("elm.padding.arrow.left", "arrow", 23)
252          part { name: "arrow";
253             ignore_flags: ON_HOLD;
254             mouse_events: 0;
255             scale: 1;
256             GENLIST_DESCRIPTION_R("elm.padding.right",
257                min: 42 42;
258                max: 42 42;
259                fixed: 1 1;
260                image.normal: "00_indexlist_icon_opened.png";
261             )
262             description { state: "active" 0.0;
263                inherit: "default" 0.0;
264                image.normal: "00_indexlist_icon_closed.png";
265             }
266          }
267       }
268       programs {
269          GENLIST_PROGRAM_DISABLED
270          GENLIST_PROGRAM_SELECT_BOTTOMLINE( target: "elm.text";)
271          GENLIST_PROOGRAM_EXPAND("arrow", target: "arrow"; )
272       }
273    }
274
275 // FIXME: it seems that belows are not used anymore.
276    group { name : "elm/genlist/item/groupindex.readmessage/default";
277       alias: "elm/genlist/item_odd/groupindex.readmessage/default";
278       alias: "elm/genlist/item_compress/groupindex.readmessage/default";
279       alias: "elm/genlist/item_compress_odd/groupindex.readmessage/default";
280       alias : "elm/genlist/item/grouptitle.readmessage/default";
281       alias: "elm/genlist/item_odd/grouptitle.readmessage/default";
282       alias: "elm/genlist/item_compress/grouptitle.readmessage/default";
283       alias: "elm/genlist/item_compress_odd/grouptitle.readmessage/default";
284
285       data.item: "stacking" "above";
286       data.item: "selectraise" "on";
287       data.item: "texts" "elm.text";
288       data.item: "treesize" "GENLIST_TREESIZE_DEFAULT";
289
290       parts {
291          part { name: "base";
292             type: RECT;
293             repeat_events: 1;
294             scale: 1;
295             description { state: "default" 0.0;
296                min: 0 GENLIST_HEIGHT_62_INC;
297                color: GENLIST_LIST_BG_COLOR;
298             }
299          }
300          GENLIST_PART_PADDING_LEFT_SIZE( GENLIST_PADDING_24_INC )
301          GENLIST_PART_PADDING_RIGHT_EDIT
302          part { name: "text_base";
303             type: RECT;
304             repeat_events: 1;
305             scale: 1;
306             description { state: "default" 0.0;
307                color: GENLIST_PART_BUBBLE_DATE_BG_COLOR_INC;
308                rel2.relative: 1.0 0.62;
309             }
310          }
311          part { name: "elm.text";
312             type: TEXT;
313             scale: 1;
314             description { state: "default" 0.0;
315                rel1 {
316                   relative: 1.0 0.0;
317                   to_x: "elm.padding.left";
318                   to_y: "text_base";
319                }
320                rel2 {
321                   relative: 0.0 1.0;
322                   to_x: "elm.padding.right";
323                   to_y: "text_base";
324                }
325                color: GENLIST_TEXT_COLOR_BUBBLE_READ_MESSAGE;
326                text {
327                   font: "Tizen:style=Regular";
328                   size: GENLIST_FONT_28_INC;
329                   min: 0 1;
330                   align: 0.0 0.5;
331                   text_class: "list_item";
332                }
333             }
334          }
335       }
336       programs {
337       }
338    }
339    group { name : "elm/genlist/item/groupindex.sentmessage/default";
340       alias: "elm/genlist/item_odd/groupindex.sentmessage/default";
341       alias: "elm/genlist/item_compress/groupindex.sentmessage/default";
342       alias: "elm/genlist/item_compress_odd/groupindex.sentmessage/default";
343       alias : "elm/genlist/item/grouptitle.sentmessage/default";
344       alias: "elm/genlist/item_odd/grouptitle.sentmessage/default";
345       alias: "elm/genlist/item_compress/grouptitle.sentmessage/default";
346       alias: "elm/genlist/item_compress_odd/grouptitle.sentmessage/default";
347
348       data.item: "stacking" "above";
349       data.item: "selectraise" "on";
350       data.item: "texts" "elm.text";
351       data.item: "treesize" "GENLIST_TREESIZE_DEFAULT";
352
353       parts {
354          part { name: "base";
355             type: RECT;
356             repeat_events: 1;
357             scale: 1;
358             description { state: "default" 0.0;
359                min: 0 GENLIST_HEIGHT_62_INC;
360                color: GENLIST_LIST_BG_COLOR;
361             }
362          }
363          GENLIST_PART_PADDING_LEFT_SIZE( GENLIST_PADDING_24_INC )
364          GENLIST_PART_PADDING_RIGHT_EDIT
365          part { name: "text_base";
366             type: RECT;
367             repeat_events: 1;
368             scale: 1;
369             description { state: "default" 0.0;
370                color: GENLIST_PART_BUBBLE_DATE_BG_COLOR_INC;
371                rel2.relative: 1.0 0.62;
372             }
373          }
374          part { name: "elm.text";
375             type: TEXT;
376             scale: 1;
377             description { state: "default" 0.0;
378                rel1 {
379                   relative: 1.0 0.0;
380                   to_x: "elm.padding.left";
381                   to_y: "text_base";
382                }
383                rel2 {
384                   relative: 0.0 1.0;
385                   to_x: "elm.padding.right";
386                   to_y: "text_base";
387                }
388                color: GENLIST_TEXT_COLOR_BUBBLE_READ_MESSAGE;
389                text {
390                   font: "Tizen:style=Regular";
391                   size: GENLIST_FONT_28_INC;
392                   min: 0 1;
393                   align: 1.0 0.5;
394                   text_class: "list_item";
395                }
396             }
397          }
398       }
399       programs {
400       }
401    }
402
403    /////////// will be removed ////////
404    group { name : "elm/genlist/item/groupindex.dialogue/default";
405       alias: "elm/genlist/item_odd/groupindex.dialogue/default";
406       alias: "elm/genlist/item_compress/groupindex.dialogue/default";
407       alias: "elm/genlist/item_compress_odd/groupindex.dialogue/default";
408       alias : "elm/genlist/item/grouptitle.dialogue/default";
409       alias: "elm/genlist/item_odd/grouptitle.dialogue/default";
410       alias: "elm/genlist/item_compress/grouptitle.dialogue/default";
411       alias: "elm/genlist/item_compress_odd/grouptitle.dialogue/default";
412
413       data.item: "stacking" "above";
414       data.item: "selectraise" "on";
415       data.item: "texts" "elm.text";
416       data.item: "treesize" "GENLIST_TREESIZE_DEFAULT";
417
418       parts {
419          GENLIST_PART_BASE__( GENLIST_HEIGHT_65_INC )
420          GENLIST_PART_PADDING_LEFT
421          GENLIST_PART_PADDING_RIGHT_EDIT
422
423          part { name: "elm.text";
424             type: TEXT;
425             scale: 1;
426             description { state: "default" 0.0;
427                rel1 {
428                   relative: 1.0 0.5;
429                   to_x: "elm.padding.left";
430                }
431                rel2 {
432                   relative: 0.0 1.0;
433                   to_x: "elm.padding.right";
434                }
435                color: GENLIST_DIALOGUE_GROUP_TITLE_COLOR;
436                text {
437                   font: "Tizen:style=Medium";
438                   size: GENLIST_FONT_28_INC;
439                   min: 0 1;
440                   align: 0.0 0.0;
441                   text_class: "list_item";
442                }
443             }
444          }
445          part { name: "bottom_line";
446             type: RECT;
447             description { state: "default" 0.0;
448                min: 0 1;
449                fixed: 0 1;
450                color: GENLIST_LIST_LINE1_COLOR;
451                rel1 {
452                   relative: 0.0 1.0;
453                   offset: 0 -1;
454                }
455             }
456          }
457          GENLIST_PART_DISCLIP
458       }
459    }
460    group { name : "elm/genlist/item/groupindex.dialogue.seperator/default";
461       alias: "elm/genlist/item_odd/groupindex.dialogue.seperator/default";
462       alias: "elm/genlist/item_compress/groupindex.dialogue.seperator/default";
463       alias: "elm/genlist/item_compress_odd/groupindex.dialogue.seperator/default";
464       alias : "elm/genlist/item/grouptitle.dialogue.seperator/default";
465       alias: "elm/genlist/item_odd/grouptitle.dialogue.seperator/default";
466       alias: "elm/genlist/item_compress/grouptitle.dialogue.seperator/default";
467       alias: "elm/genlist/item_compress_odd/grouptitle.dialogue.seperator/default";
468
469       data.item: "stacking" "above";
470       data.item: "selectraise" "on";
471       data.item: "treesize" "GENLIST_TREESIZE_DEFAULT";
472
473       parts {
474          GENLIST_PART_BASE__( GENLIST_HEIGHT_33_INC )
475          part { name: "bottom_line";
476             type: RECT;
477             description { state: "default" 0.0;
478                min: 0 1;
479                fixed: 0 1;
480                color: GENLIST_LIST_LINE1_COLOR;
481                rel1 {
482                   relative: 0.0 1.0;
483                   offset: 0 -1;
484                }
485             }
486          }
487          GENLIST_PART_DISCLIP
488       }
489    }
490    /////////////////////////////////////////////////
491 #endif