3 * Copyright (c) 2012-2013 Samsung Electronics Co., Ltd.
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
9 * http://www.apache.org/licenses/LICENSE-2.0
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.
19 ///////////////////////////////////////////////////////////////////////////////
21 ///////////////////////////////////////////////////////////////////////////////
23 #define DATETIME_FIELD(_pos, prev_part) \
25 name: "picker.padding"#_pos; \
29 description { state: "default" 0.0; \
43 description { state: "enable" 0.0;\
44 inherit: "default" 0.0;\
45 min: DATETIME_FIELD_PICKER_PADDING_SIZE_INC;\
49 name: "field"#_pos".bg"; \
53 description { state: "default" 0.0; \
59 to: "left.padding"#_pos;\
63 to: "right.padding"#_pos;\
65 color: DATETIME_PICKER_BG_COLOR_INC;\
67 description { state: "enable" 0.0;\
68 inherit: "default" 0.0;\
73 name: "left.padding"#_pos; \
77 description { state: "default" 0.0; \
84 to: "picker.padding"#_pos;\
88 to: "picker.padding"#_pos;\
91 description { state: "enable" 0.0;\
92 inherit: "default" 0.0;\
93 min: DATETIME_FIELD_LEFT_PADDING_SIZE_INC;\
102 description { state: "default" 0.0; \
109 to: "left.padding"#_pos;\
113 to: "left.padding"#_pos;\
116 description { state: "enable" 0.0;\
117 inherit: "default" 0.0;\
119 min: DATETIME_FIELD_MIN_SIZE_INC;\
123 name: "separator"#_pos; \
128 state: "default" 0.0;\
141 color: DATETIME_SEPARATOR_TEXT_COLOR_INC;\
143 font: "Tizen:style=Regular";\
144 size: DATETIME_SEPARATOR_TEXT_FONT_SIZE_INC;\
146 text_class: "tizen";\
149 description { state: "enable" 0.0;\
150 inherit: "default" 0.0;\
152 min: DATETIME_SEPARATOR_MIN_SIZE_INC;\
156 name: "right.padding"#_pos; \
161 state: "default" 0.0;\
168 to: "separator"#_pos;\
172 to: "separator"#_pos;\
175 description { state: "enable" 0.0;\
176 inherit: "default" 0.0;\
178 min: DATETIME_FIELD_RIGHT_PADDING_SIZE_INC;\
183 name: "field_"#_pos"enabled";\
184 signal: "field"#_pos",enable";\
186 action: STATE_SET "enable" 0.0;\
187 target: "field"#_pos;\
188 target: "left.padding"#_pos;\
189 target: "right.padding"#_pos;\
190 target: "field"#_pos".bg";\
193 name: "field_"#_pos"disabled";\
194 signal: "field"#_pos",disable";\
196 action: STATE_SET "default" 0.0;\
197 target: "field"#_pos;\
198 target: "left.padding"#_pos;\
199 target: "right.padding"#_pos;\
200 target: "field"#_pos".bg";\
203 name: "separator"#_pos",enabled";\
204 signal: "field"#_pos",separator,enable";\
206 action: STATE_SET "enable" 0.0;\
207 target: "separator"#_pos;\
210 name: "separator"#_pos",disabled";\
211 signal: "field"#_pos",separator,disable";\
213 action: STATE_SET "default" 0.0;\
214 target: "separator"#_pos;\
218 #define DATETIME_DATEPICKER_BG \
220 name: "date.picker.bg"; \
223 description { state: "default" 0.0; \
228 normal: "00_button_01.png";\
229 border: DATETIME_BG_IMAGE_BORDER_INC;\
234 to: "left.padding0";\
238 to: "right.padding2";\
241 description { state: "datefirst" 0.0;\
242 inherit: "default" 0.0;\
245 description { state: "timefirst" 0.0;\
246 inherit: "default" 0.0;\
250 to: "left.padding3";\
254 to: "right.padding5";\
257 description { state: "timefirst24hr" 0.0;\
258 inherit: "default" 0.0;\
262 to: "left.padding2";\
266 to: "right.padding4";\
272 name: "datepicker_starting_field0";\
273 signal: "datepicker,starting,field0";\
275 action: STATE_SET "datefirst" 0.0;\
276 target: "date.picker.bg";\
279 name: "datepicker_starting_field3";\
280 signal: "datepicker,starting,field3";\
282 action: STATE_SET "timefirst" 0.0;\
283 target: "date.picker.bg";\
286 name: "datepicker_starting_field2";\
287 signal: "datepicker,starting,field3";\
289 action: STATE_SET "timefirst24hr" 0.0;\
290 target: "date.picker.bg";\
293 name: "datepicker_starting_field1";\
294 signal: "datepicker,starting,field1";\
296 action: STATE_SET "default" 0.0;\
297 target: "date.picker.bg";\
300 name: "datepicker_starting_field4";\
301 signal: "datepicker,starting,field4";\
303 action: STATE_SET "default" 0.0;\
304 target: "date.picker.bg";\
307 name: "datepicker_starting_field5";\
308 signal: "datepicker,starting,field5";\
310 action: STATE_SET "default" 0.0;\
311 target: "date.picker.bg";\
315 #define DATETIME_TIMEPICKER_BG \
317 name: "time.picker.bg"; \
320 description { state: "default" 0.0; \
325 normal: "00_button_01.png";\
326 border: DATETIME_BG_IMAGE_BORDER_INC;\
331 to: "left.padding3";\
335 to: "right.padding5";\
338 description { state: "datefirst" 0.0;\
339 inherit: "default" 0.0;\
342 description { state: "timefirst" 0.0;\
343 inherit: "default" 0.0;\
347 to: "left.padding0";\
351 to: "right.padding2";\
354 description { state: "timefirst24hr" 0.0;\
355 inherit: "default" 0.0;\
359 to: "left.padding0";\
363 to: "right.padding1";\
369 name: "timepicker_starting_field3";\
370 signal: "timepicker,starting,field3";\
372 action: STATE_SET "datefirst" 0.0;\
373 target: "time.picker.bg";\
376 name: "timepicker_starting_field0";\
377 signal: "timepicker,starting,field0";\
382 get_state(PART:"date.picker.bg", st, 30, vl);\
383 if (!strcmp(st, "timefirst24hr"))\
384 set_state(PART:"time.picker.bg", "timefirst24hr", 0.0);\
386 set_state(PART:"time.picker.bg", "timefirst", 0.0);\
390 name: "timepicker_starting_field1";\
391 signal: "timepicker,starting,field1";\
393 action: STATE_SET "default" 0.0;\
394 target: "time.picker.bg";\
397 name: "timepicker_starting_field2";\
398 signal: "timepicker,starting,field2";\
400 action: STATE_SET "default" 0.0;\
401 target: "time.picker.bg";\
404 name: "timepicker_starting_field4";\
405 signal: "timepicker,starting,field4";\
407 action: STATE_SET "default" 0.0;\
408 target: "time.picker.bg";\
411 name: "timepicker_starting_field5";\
412 signal: "timepicker,starting,field5";\
414 action: STATE_SET "default" 0.0;\
415 target: "time.picker.bg";\
419 #define DATETIME_PICKER_BG_PROGRAMS \
421 name: "datepicker_starting_field2_bg";\
422 signal: "datepicker,starting,field2";\
425 set_state(PART:"picker.padding2", "enable", 0.0);\
426 set_state(PART:"picker.padding3", "default", 0.0);\
430 name: "datepicker_starting_field3_bg";\
431 signal: "datepicker,starting,field3";\
434 set_state(PART:"picker.padding3", "enable", 0.0);\
435 set_state(PART:"picker.padding2", "default", 0.0);\
439 name: "timepicker_starting_field3_bg";\
440 signal: "timepicker,starting,field3";\
443 set_state(PART:"picker.padding3", "enable", 0.0);\
444 set_state(PART:"picker.padding2", "default", 0.0);\
448 name: "timepicker_starting_field0_bg";\
449 signal: "timepicker,starting,field0";\
451 action: STATE_SET "default" 0.0;\
452 target: "picker.padding0";\
455 name: "datepicker_starting_field1_bg";\
456 signal: "datepicker,starting,field1";\
458 action: STATE_SET "default" 0.0;\
459 target: "picker.padding0";\
460 target: "picker.padding2";\
461 target: "picker.padding3";\
464 name: "datepicker_starting_field4_bg";\
465 signal: "datepicker,starting,field4";\
467 action: STATE_SET "default" 0.0;\
468 target: "picker.padding0";\
469 target: "picker.padding2";\
470 target: "picker.padding3";\
473 group { name: "elm/datetime/base/default";
475 image: "00_button_01.png" COMP;
476 image: "00_button_01_press.png" COMP;
484 state: "default" 0.0;
486 min: 0 DATETIME_WIDGET_HEIGHT;
487 max: -1 DATETIME_WIDGET_HEIGHT;
491 name: "left.padding";
497 state: "default" 0.0;
499 min: DATETIME_WIDGET_PADDING_SIZE_INC;
510 name: "right.padding";
516 state: "default" 0.0;
518 min: DATETIME_WIDGET_PADDING_SIZE_INC;
529 //DATETIME_DATEPICKER_BG
530 //DATETIME_TIMEPICKER_BG
532 DATETIME_FIELD(0, "left.padding")
533 DATETIME_FIELD(1, "right.padding0")
534 DATETIME_FIELD(2, "right.padding1")
535 DATETIME_FIELD(3, "right.padding2")
536 DATETIME_FIELD(4, "right.padding3")
537 DATETIME_FIELD(5, "right.padding4")
542 description { state: "default" 0.0;
543 color: 255 255 255 255;
545 description { state: "visible" 0.0;
546 inherit: "default" 0.0;
547 color: 255 255 255 102;
553 description { state: "default" 0.0;
557 description { state: "visible" 0.0;
558 inherit: "default" 0.0;
565 name: "disble_datetime";
566 signal: "elm,state,disabled";
568 action: STATE_SET "visible" 0.0;
573 name: "enable_datetime";
574 signal: "elm,state,enabled";
576 action: STATE_SET "default" 0.0;
580 DATETIME_PICKER_BG_PROGRAMS
584 #define DATETIME_FIELD_STYLE1(_pos, _after) \
586 name: "field"#_pos; \
591 description { state: "default" 0.0; \
598 to: "separator"#_after;\
602 to: "separator"#_after;\
605 description { state: "enable" 0.0;\
606 inherit: "default" 0.0;\
608 min: DATETIME_FIELD_MIN_SIZE_INC;\
613 name: "field_"#_pos"enabled";\
614 signal: "field"#_pos",enable";\
616 action: STATE_SET "enable" 0.0;\
617 target: "field"#_pos;\
620 name: "field_"#_pos"disabled";\
621 signal: "field"#_pos",disable";\
623 action: STATE_SET "default" 0.0;\
624 target: "field"#_pos;\
628 #define DATETIME_SEPARATOR_STYLE1(_pos) \
630 name: "separator"#_pos; \
636 state: "default" 0.0;\
638 min: DATETIME_SEPARATOR_MIN_SIZE_INC;\
639 max: DATETIME_SEPARATOR_MIN_SIZE_INC;\
650 color: DATETIME_SEPARATOR_TEXT_COLOR_INC;\
652 font: "Tizen:style=Regular";\
653 size: DATETIME_SEPARATOR_TEXT_FONT_SIZE_INC;\
655 text_class: "tizen";\
658 description { state: "enable" 0.0;\
659 inherit: "default" 0.0;\
662 description { state: "hide" 0.0;\
663 inherit: "default" 0.0;\
670 name: "separator"#_pos",enabled";\
671 signal: "field"#_pos",separator,enable";\
673 action: STATE_SET "enable" 0.0;\
674 target: "separator"#_pos;\
677 name: "separator"#_pos",disabled";\
678 signal: "field"#_pos",separator,disable";\
683 get_state(PART:"separator"#_pos, st, 30, vl);\
684 if (strcmp(st, "hide")) \
686 set_state(PART:"separator"#_pos, "default", 0.0);\
691 name: "separator"#_pos",hide";\
692 signal: "field"#_pos",disable";\
694 action: STATE_SET "hide" 0.0;\
695 target: "separator"#_pos;\
700 group { name: "elm/datetime/base/style1";
707 state: "default" 0.0;
712 name: "left.padding";
718 state: "default" 0.0;
720 min: DATETIME_LEFT_PADDING_SIZE_INC;
721 max: DATETIME_LEFT_PADDING_SIZE_INC;
738 state: "default" 0.0;
745 to_x: "left.padding";
749 to_x: "left.padding";
752 description { state: "enable" 0.0;
753 inherit: "default" 0.0;
755 min: DATETIME_FIELD_MIN_SIZE_INC;
758 DATETIME_SEPARATOR_STYLE1(0)
759 DATETIME_FIELD_STYLE1(1, 0)
760 DATETIME_SEPARATOR_STYLE1(1)
761 DATETIME_FIELD_STYLE1(2, 1)
762 DATETIME_SEPARATOR_STYLE1(2)
763 DATETIME_FIELD_STYLE1(3, 2)
764 DATETIME_SEPARATOR_STYLE1(3)
765 DATETIME_FIELD_STYLE1(4, 3)
766 DATETIME_SEPARATOR_STYLE1(4)
767 DATETIME_FIELD_STYLE1(5, 4)
768 DATETIME_SEPARATOR_STYLE1(5)
770 name: "right.padding";
776 state: "default" 0.0;
778 min: DATETIME_LEFT_PADDING_SIZE_INC;
779 max: DATETIME_LEFT_PADDING_SIZE_INC;
792 description { state: "default" 0.0;
793 color: 255 255 255 255;
795 description { state: "visible" 0.0;
796 inherit: "default" 0.0;
797 color: 255 255 255 102;
803 description { state: "default" 0.0;
807 description { state: "visible" 0.0;
808 inherit: "default" 0.0;
815 name: "disble_datetime";
816 signal: "elm,state,disabled";
818 action: STATE_SET "visible" 0.0;
823 name: "enable_datetime";
824 signal: "elm,state,enabled";
826 action: STATE_SET "default" 0.0;
831 name: "field0,enabled";
832 signal: "field0,enable";
834 action: STATE_SET "enable" 0.0;
838 name: "field0,disabled";
839 signal: "field0,disable";
841 action: STATE_SET "default" 0.0;
846 group { name: "elm/spinner/base/default";
847 alias: "elm/spinner/base/datetime_popup";
848 alias: "elm/spinner/base/datetime_popup/year";
849 alias: "elm/spinner/base/datetime_popup/month";
850 alias: "elm/spinner/base/datetime_popup/date";
851 alias: "elm/spinner/base/datetime_popup/hour";
852 alias: "elm/spinner/base/datetime_popup/minute";
854 image: "00_picker_arrow_down.png" COMP;
855 image: "00_picker_arrow_up.png" COMP;
856 image: "00_button_01.png" COMP;
857 image: "00_button_01_press.png" COMP;
863 description { state: "default" 0.0;
867 part { name: "up.image";
869 description { state: "default" 0.0;
871 min: SPINNER_UP_DOWN_IMAGE_SIZE_INC;
872 max: SPINNER_UP_DOWN_IMAGE_SIZE_INC;
874 normal: "00_button_01.png";
875 border: SPINNER_UP_DOWN_IMAGE_BORDER_SIZE_INC;
879 description { state: "pressed" 0.0;
880 inherit: "default" 0.0;
881 image.normal: "00_button_01_press.png";
884 part { name: "up.image.arrow";
886 description { state: "default" 0.0;
889 min: SPINNER_UP_DOWN_ARROW_IMAGE_SIZE_INC;
890 max: SPINNER_UP_DOWN_ARROW_IMAGE_SIZE_INC;
891 image.normal: "00_picker_arrow_up.png";
893 description { state: "pressed" 0.0;
894 inherit: "default" 0.0;
895 image.normal: "00_picker_arrow_up.png";
898 part { name: "down.image";
900 description { state: "default" 0.0;
902 min: SPINNER_UP_DOWN_IMAGE_SIZE_INC;
903 max: SPINNER_UP_DOWN_IMAGE_SIZE_INC;
905 normal: "00_button_01.png";
906 border: SPINNER_UP_DOWN_IMAGE_BORDER_SIZE_INC;
910 description { state: "pressed" 0.0;
911 inherit: "default" 0.0;
912 image.normal: "00_button_01_press.png";
915 part { name: "down.image.arrow";
917 description { state: "default" 0.0;
918 rel1.to: "down.image";
919 rel2.to: "down.image";
920 min: SPINNER_UP_DOWN_ARROW_IMAGE_SIZE_INC;
921 max: SPINNER_UP_DOWN_ARROW_IMAGE_SIZE_INC;
922 image.normal: "00_picker_arrow_down.png";
924 description { state: "pressed" 0.0;
925 inherit: "default" 0.0;
926 image.normal: "00_picker_arrow_down.png";
929 part { name: "elm.text";
932 description { state: "default" 0.0;
934 color: SPINNER_ENTRY_TEXT_COLOR_INC;
935 min: 0 SPINNER_TEXT_HEIGHT_INC;
936 max: -1 SPINNER_TEXT_HEIGHT_INC;
938 font: "Tizen:style=Regular";
939 size: SPINNER_ENTRY_TEXT_SIZE_INC;
945 description { state: "active" 0.0;
946 inherit: "default" 0.0;
950 part { name: "button.events";
953 description { state: "default" 0.0;
960 part { name: "elm.swallow.entry";
962 description { state: "default" 0.0;
968 description { state: "active" 0.0;
969 inherit: "default" 0.0;
973 part { name: "up.btn";
977 description { state: "default" 0.0;
983 part { name: "down.btn";
987 description { state: "default" 0.0;
988 rel1.to: "down.image";
989 rel2.to: "down.image";
993 part { name: "disabler";
995 description { state: "default" 0.0;
999 description { state: "disabled" 0.0;
1000 inherit: "default" 0.0;
1006 program { name: "text_show";
1007 signal: "elm,state,text,visible";
1009 action: STATE_SET "visible" 0.0;
1012 program { name: "text_hide";
1013 signal: "elm,state,text,hidden";
1015 action: STATE_SET "default" 0.0;
1018 program { name: "dec_start_signal_emit";
1019 action: SIGNAL_EMIT "elm,action,decrement,start" "";
1021 program { name: "dec_stop_signal_emit";
1022 action: SIGNAL_EMIT "elm,action,decrement,stop" "";
1024 program { name: "inc_start_signal_emit";
1025 action: SIGNAL_EMIT "elm,action,increment,start" "";
1027 program { name: "inc_stop_signal_emit";
1028 action: SIGNAL_EMIT "elm,action,increment,stop" "";
1030 program { name: "dec";
1031 signal: "mouse,down,1*";
1033 action: STATE_SET "pressed" 0.0;
1034 target: "down.image";
1035 target: "down.image.arrow";
1036 after: "dec_start_signal_emit";
1038 program { name: "dec2";
1039 signal: "mouse,up,1";
1041 action: STATE_SET "default" 0.0;
1042 target: "down.image";
1043 target: "down.image.arrow";
1044 after: "dec_stop_signal_emit";
1046 program { name: "inc";
1047 signal: "mouse,down,1*";
1049 action: STATE_SET "pressed" 0.0;
1051 target: "up.image.arrow";
1052 after: "inc_start_signal_emit";
1054 program { name: "inc2";
1055 signal: "mouse,up,1";
1057 action: STATE_SET "default" 0.0;
1059 target: "up.image.arrow";
1060 after: "inc_stop_signal_emit";
1062 program { name: "disable";
1063 signal: "elm,state,disabled";
1065 action: STATE_SET "disabled" 0.0;
1068 program { name: "enable";
1069 signal: "elm,state,enabled";
1071 action: STATE_SET "default" 0.0;
1074 program { name: "active";
1075 signal: "elm,state,active";
1077 action: STATE_SET "active" 0.0;
1079 target: "elm.swallow.entry";
1081 program { name: "inactive";
1082 signal: "elm,state,inactive";
1084 action: STATE_SET "default" 0.0;
1086 target: "elm.swallow.entry";
1088 program { name: "toggle_text";
1089 signal: "mouse,up,1";
1090 source: "button.events";
1091 action: SIGNAL_EMIT "elm,action,entry,toggle" "";
1096 group { name: "elm/spinner/base/datetime_popup/ampm";
1097 inherit: "elm/spinner/base/default";
1100 part { name: "block.events";
1102 description { state: "default" 0.0;
1104 rel1.to: "elm.text";
1105 rel2.to: "elm.text";
1111 group { name: "elm/layout/datetime_popup/date_layout";
1117 description { state: "default" 0.0;
1119 min: DATETIME_POPUP_CONTENT_SIZE_INC;
1120 max: DATETIME_POPUP_CONTENT_SIZE_INC;
1123 part { name: "top.padding";
1126 description { state: "default" 0.0;
1138 part { name: "bottom.padding";
1141 description { state: "default" 0.0;
1153 part { name: "left.padding";
1156 description { state: "default" 0.0;
1158 min: DATETIME_POPUP_CONTENT_LEFT_PADDING_WIDTH_INC 0;
1159 max: DATETIME_POPUP_CONTENT_LEFT_PADDING_WIDTH_INC -1;
1163 to_y: "top.padding";
1168 to_y: "bottom.padding";
1173 part { name: "right.padding";
1176 description { state: "default" 0.0;
1178 min: DATETIME_POPUP_CONTENT_RIGHT_PADDING_WIDTH_INC 0;
1179 max: DATETIME_POPUP_CONTENT_RIGHT_PADDING_WIDTH_INC -1;
1184 to_y: "top.padding";
1189 to_y: "bottom.padding";
1194 part { name: "field0";
1197 description { state: "default" 0.0;
1198 min: DATETIME_POPUP_CONTENT_FIELD_WIDTH_INC 0;
1203 rel2.to: "left.padding";
1207 part { name: "center.padding1";
1210 description { state: "default" 0.0;
1212 min: DATETIME_POPUP_CONTENT_CENTER_PADDING_WIDTH_INC 0;
1213 max: DATETIME_POPUP_CONTENT_CENTER_PADDING_WIDTH_INC -1;
1222 part { name: "field1";
1225 description { state: "default" 0.0;
1226 min: DATETIME_POPUP_CONTENT_FIELD_WIDTH_INC 0;
1229 to: "center.padding1";
1233 to: "center.padding2";
1237 part { name: "center.padding2";
1240 description { state: "default" 0.0;
1242 min: DATETIME_POPUP_CONTENT_CENTER_PADDING_WIDTH_INC 0;
1243 max: DATETIME_POPUP_CONTENT_CENTER_PADDING_WIDTH_INC -1;
1252 part { name: "field2";
1255 description { state: "default" 0.0;
1256 min: DATETIME_POPUP_CONTENT_FIELD_WIDTH_INC 0;
1257 rel1.to: "right.padding";
1260 to: "right.padding";
1268 description { state: "default" 0.0;
1272 description { state: "visible" 0.0;
1273 inherit: "default" 0.0;
1280 group { name: "elm/layout/datetime_popup/time_layout";
1281 inherit: "elm/layout/datetime_popup/date_layout";
1284 part { name: "hour.minute.color";
1287 description { state: "default" 0.0;
1288 rel1.to: "center.padding1";
1289 rel2.to: "center.padding1";
1290 color: DATETIME_POPUP_CONTENT_FIELD_TEXT_COLOR_INC;
1292 font: "Tizen:style=Regular";
1293 size: DATETIME_POPUP_CONTENT_FIELD_TEXT_SIZE_INC;
1295 text_class: "tizen";