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.
20 #define BUBBLE_WIDTH 380
22 #define BUBBLE_DATE_PAD 15
23 #define BUBBLE_DATE_HEIGHT 30
25 #define BUBBLE_TOP_PAD 10
26 #define BUBBLE_RIGHT_PAD 15
27 #define BUBBLE_ICON_PAD 6
30 image: "00_messagebubble_bg_receive.png" COMP;
31 image: "00_messagebubble_bg_sent.png" COMP;
36 name: "elm/bubble/base/default";
37 alias: "elm/bubble/base/readmessage";
41 name: "elm.rect.left.pad";
47 min: BUBBLE_DATE_PAD 0;
51 rel1 { relative: 0.0 0.0; }
52 rel2 { relative: 0.0 0.0; }
56 inherit: "default" 0.0;
57 min: BUBBLE_DATE_PAD BUBBLE_DATE_HEIGHT;
62 name: "elm.rect.top.pad";
68 min: 0 BUBBLE_TOP_PAD;
72 rel1 { relative: 0.0 1.0; to_y: "elm.rect.left.pad"; }
73 rel2 { relative: 1.0 1.0; to_y: "elm.rect.left.pad"; }
77 name: "elm.rect.right.pad";
83 min: BUBBLE_RIGHT_PAD 0;
87 rel1 { relative: 1.0 0.0; to: "elm.swallow.content"; }
88 rel2 { relative: 1.0 1.0; to: "elm.swallow.content"; }
92 name: "elm.rect.bottom.pad";
98 min: 0 BUBBLE_TOP_PAD;
101 rel1 { relative: 0.0 1.0; to_y: "elm.rect.icon.bottom.pad"; }
102 rel2 { relative: 1.0 1.0; }
106 name: "elm.rect.icon.top.pad";
111 state: "default" 0.0;
115 rel1 { relative: 0.0 1.0; to: "elm.swallow.content"; }
116 rel2 { relative: 1.0 1.0; to: "elm.swallow.content"; }
120 inherit: "default" 0.0;
121 min: 0 BUBBLE_ICON_PAD;
126 name: "elm.rect.icon.bottom.pad";
131 state: "default" 0.0;
135 rel1 { relative: 0.0 1.0; to: "elm.swallow.icon"; }
136 rel2 { relative: 1.0 1.0; to: "elm.swallow.icon"; }
140 inherit: "default" 0.0;
141 min: 0 BUBBLE_ICON_PAD;
151 state: "default" 0.0;
156 font: "Tizen:style=Roman";
163 rel1 { relative: 1.0 0.0; to: "elm.rect.left.pad"; }
164 rel2 { relative: 1.0 1.0; to: "elm.rect.left.pad"; }
168 inherit: "default" 0.0;
173 name: "elm.image.bg";
177 state: "default" 0.0;
179 rel1 { relative: 0.0 0.0; to_x: "elm.rect.left.pad"; to_y: "elm.rect.top.pad"; }
180 rel2 { relative: 1.0 1.0; to_x: "elm.rect.right.pad"; to_y: "elm.rect.bottom.pad"; }
182 normal: "00_messagebubble_bg_receive.png";
189 name: "elm.rect.bg.pad";
193 state: "default" 0.0;
195 rel1 { relative: 1.0 0.0; to: "elm.image.bg"; }
196 rel2 { relative: 1.0 1.0; to_y: "elm.image.bg"; }
200 name: "elm.swallow.content";
204 state: "default" 0.0;
207 rel1 { relative: 1.0 1.0; to_x: "elm.rect.left.pad"; to_y: "elm.rect.top.pad"; }
208 rel2 { relative: 0.7 1.0; to_y: "elm.rect.top.pad"; }
212 name: "elm.swallow.icon";
215 state: "default" 0.0;
218 rel1 { relative: 0.0 1.0; to: "elm.rect.icon.top.pad"; }
219 rel2 { relative: 0.5 1.0; to_y: "elm.rect.icon.top.pad"; }
223 inherit : "default" 0.0;
224 min: 0 50; //default height of icon
229 name: "elm.swallow.sweep";
232 state: "default" 0.0;
233 rel1 { relative: 0.0 0.0; to_y: "elm.image.bg"; }
234 rel2 { relative: 1.0 1.0; to_y: "elm.image.bg"; }
243 state: "default" 0.0;
256 font: "Helvetica_:style=Bold";
268 signal: "elm,state,text,visible";
270 action: STATE_SET "expand" 0.0;
271 target: "elm.rect.left.pad";
276 signal: "elm,state,text,hidden";
278 action: STATE_SET "default" 0.0;
279 target: "elm.rect.left.pad";
284 signal: "elm,state,icon,visible";
286 action: STATE_SET "expand" 0.0;
287 target: "elm.rect.icon.top.pad";
288 target: "elm.swallow.icon";
289 target: "elm.rect.icon.bottom.pad";
293 signal: "elm,state,icon,hidden";
295 action: STATE_SET "default" 0.0;
296 target: "elm.rect.icon.top.pad";
297 target: "elm.swallow.icon";
298 target: "elm.rect.icon.bottom.pad";
305 name: "elm/bubble/base/sentmessage";
309 name: "elm.rect.right.pad";
314 state: "default" 0.0;
315 min: BUBBLE_DATE_PAD 0;
319 rel1 { relative: 1.0 0.0; }
320 rel2 { relative: 1.0 0.0; }
324 inherit: "default" 0.0;
325 min: BUBBLE_DATE_PAD BUBBLE_DATE_HEIGHT;
330 name: "elm.rect.top.pad";
335 state: "default" 0.0;
336 min: 0 BUBBLE_TOP_PAD;
340 rel1 { relative: 0.0 1.0; to_y: "elm.rect.right.pad"; }
341 rel2 { relative: 1.0 1.0; to_y: "elm.rect.right.pad"; }
345 name: "elm.rect.left.pad";
350 state: "default" 0.0;
351 min: BUBBLE_RIGHT_PAD 0;
355 rel1 { relative: 0.0 0.0; to: "elm.swallow.content"; }
356 rel2 { relative: 0.0 1.0; to: "elm.swallow.content"; }
360 name: "elm.rect.bottom.pad";
365 state: "default" 0.0;
366 min: 0 BUBBLE_TOP_PAD;
369 rel1 { relative: 0.0 1.0; to_y: "elm.rect.icon.bottom.pad"; }
370 rel2 { relative: 1.0 1.0; }
374 name: "elm.rect.icon.top.pad";
379 state: "default" 0.0;
383 rel1 { relative: 0.0 1.0; to: "elm.swallow.content"; }
384 rel2 { relative: 1.0 1.0; to: "elm.swallow.content"; }
388 inherit: "default" 0.0;
389 min: 0 BUBBLE_ICON_PAD;
394 name: "elm.rect.icon.bottom.pad";
399 state: "default" 0.0;
403 rel1 { relative: 0.0 1.0; to: "elm.swallow.icon"; }
404 rel2 { relative: 1.0 1.0; to: "elm.swallow.icon"; }
408 inherit: "default" 0.0;
409 min: 0 BUBBLE_ICON_PAD;
419 state: "default" 0.0;
424 font: "Tizen:style=Roman";
431 rel1 { relative: 0.0 0.0; to: "elm.rect.right.pad"; }
432 rel2 { relative: 0.0 1.0; to: "elm.rect.right.pad"; }
436 inherit: "default" 0.0;
441 name: "elm.image.bg";
445 state: "default" 0.0;
447 rel1 { relative: 0.0 0.0; to_x: "elm.rect.left.pad"; to_y: "elm.rect.top.pad"; }
448 rel2 { relative: 1.0 1.0; to_x: "elm.rect.right.pad"; to_y: "elm.rect.bottom.pad"; }
450 normal: "00_messagebubble_bg_sent.png";
457 name: "elm.rect.bg.pad";
461 state: "default" 0.0;
463 rel1 { relative: 0.0 0.0; to_y: "elm.image.bg"; }
464 rel2 { relative: 0.0 1.0; to: "elm.image.bg"; }
468 name: "elm.swallow.content";
472 state: "default" 0.0;
475 rel1 { relative: 0.3 1.0; to_y: "elm.rect.top.pad"; }
476 rel2 { relative: 0.0 1.0; to_x: "elm.rect.right.pad"; to_y: "elm.rect.top.pad"; }
480 name: "elm.swallow.icon";
483 state: "default" 0.0;
486 rel1 { relative: 0.5 1.0; to_y: "elm.rect.icon.top.pad"; }
487 rel2 { relative: 1.0 1.0; to: "elm.rect.icon.top.pad"; }
491 inherit : "default" 0.0;
492 min: 0 50; //default height of icon
497 name: "elm.swallow.sweep";
500 state: "default" 0.0;
501 rel1 { relative: 0.0 0.0; to_y: "elm.image.bg"; }
502 rel2 { relative: 1.0 1.0; to_y: "elm.image.bg"; }
511 state: "default" 0.0;
524 font: "Helvetica_:style=Bold";
536 signal: "elm,state,text,visible";
538 action: STATE_SET "expand" 0.0;
539 target: "elm.rect.right.pad";
544 signal: "elm,state,text,hidden";
546 action: STATE_SET "default" 0.0;
547 target: "elm.rect.right.pad";
552 signal: "elm,state,icon,visible";
554 action: STATE_SET "expand" 0.0;
555 target: "elm.rect.icon.top.pad";
556 target: "elm.swallow.icon";
557 target: "elm.rect.icon.bottom.pad";
561 signal: "elm,state,icon,hidden";
563 action: STATE_SET "default" 0.0;
564 target: "elm.rect.icon.top.pad";
565 target: "elm.swallow.icon";
566 target: "elm.rect.icon.bottom.pad";
571 group { name: "elm/layout/bubble/readmessage/default";
576 description { state: "default" 0.0;
580 part { name: "elm.padding.left";
583 description { state: "default" 0.0;
584 min: GENLIST_PADDING_5_INC 0;
587 rel1.relative: 0.0 0.0;
590 to_y: "elm.padding.bottom";
595 part { name: "elm.swallow.select_icon";
599 description { state: "default" 0.0;
605 to_x: "elm.padding.left";
609 to_x: "elm.padding.left";
610 to_y: "elm.padding.bottom";
613 description { state: "selectview" 0.0;
614 inherit: "default" 0.0;
618 part { name: "elm.padding.icon1.right";
621 description { state: "default" 0.0;
622 min: GENLIST_PADDING_5_INC 0;
625 color: 0 255 255 255;
628 to_x: "elm.swallow.select_icon";
632 to_x: "elm.swallow.select_icon";
633 to_y: "elm.padding.bottom";
638 part { name: "elm.icon";
642 description { state: "default" 0.0;
645 to_y: "elm.padding.bottom";
648 description { state: "selectview" 0.0;
649 inherit: "default" 0.0;
653 to_x: "elm.padding.icon1.right";
657 to_y: "elm.padding.bottom";
661 part { name: "elm.padding.contents";
664 description { state: "default" 0.0;
668 rel1 { relative: 0.0 1.0; to_y: "elm.icon"; }
669 rel2 { relative: 1.0 1.0; to_y: "elm.icon"; }
672 part { name: "elm.swallow.icon1";
676 description { state: "default" 0.0;
677 min: GENLIST_PADDING_64_INC GENLIST_PADDING_64_INC;
678 max: GENLIST_PADDING_64_INC GENLIST_PADDING_64_INC;
682 rel1 { relative: 0.0223 1.00; to_y: "elm.padding.contents"; }
683 rel2 { relative: 0.0223 1.00; }
685 description { state: "contents_on" 0.0;
686 inherit: "default" 0.0;
690 part { name: "elm.swallow.icon2";
694 description { state: "default" 0.0;
695 min: GENLIST_PADDING_64_INC GENLIST_PADDING_64_INC;
696 max: GENLIST_PADDING_64_INC GENLIST_PADDING_64_INC;
700 rel1 { relative: 1.0 1.00; to_x: "elm.swallow.icon1"; to_y: "elm.padding.contents"; }
701 rel2 { relative: 1.0 1.00; }
703 description { state: "contents_on" 0.0;
704 inherit: "default" 0.0;
708 part { name: "elm.padding.bottom";
711 description { state: "default" 0.0;
712 min: 0 GENLIST_PADDING_24_INC;
715 rel1.relative: 0.0 1.0;
718 description { state: "contents_on" 0.0;
719 inherit: "default" 0.0;
720 min: 0 GENLIST_PADDING_88_INC;
723 part { name: "disclip";
725 description { state: "default" 0.0;
727 description { state: "disabled" 0.0;
728 inherit: "default" 0.0;
729 color: BUBBLE_DISCLIP_COLOR;
734 program { name: "go_disabled";
735 signal: "elm,state,disabled";
737 action: STATE_SET "disabled" 0.0;
740 program { name: "go_enabled";
741 signal: "elm,state,enabled";
743 action: STATE_SET "default" 0.0;
746 program { name: "go_defaultview";
747 signal: "elm,state,select,disable";
749 action: STATE_SET "default" 0.0;
750 //transition: DECELERATE 0.7;
751 target: "elm.swallow.select_icon";
754 program { name: "go_selectview";
755 signal: "elm,state,select,enable";
757 action: STATE_SET "selectview" 0.0;
758 transition: DECELERATE 0.7;
759 target: "elm.swallow.select_icon";
762 program { name: "go_contents_on";
763 signal: "elm,state,contents,enabled";
765 action: STATE_SET "contents_on" 0.0;
766 target: "elm.swallow.icon1";
767 target: "elm.swallow.icon2";
768 target: "elm.padding.bottom";
770 program { name: "go_contents_off";
771 signal: "elm,state,contents,disabled";
773 action: STATE_SET "default" 0.0;
774 target: "elm.swallow.icon1";
775 target: "elm.swallow.icon2";
776 target: "elm.padding.bottom";
781 group { name: "elm/layout/bubble/sentmessage/default";
786 description { state: "default" 0.0;
790 part { name: "elm.padding.left";
793 description { state: "default" 0.0;
794 min: GENLIST_PADDING_5_INC 0;
797 rel1.relative: 0.0 0.0;
800 to_y: "elm.padding.bottom";
805 part { name: "elm.swallow.select_icon";
809 description { state: "default" 0.0;
815 to_x: "elm.padding.left";
819 to_x: "elm.padding.left";
820 to_y: "elm.padding.bottom";
823 description { state: "selectview" 0.0;
824 inherit: "default" 0.0;
828 part { name: "elm.padding.icon1.right";
831 description { state: "default" 0.0;
832 min: GENLIST_PADDING_5_INC 0;
835 color: 0 255 255 255;
838 to_x: "elm.swallow.select_icon";
842 to_x: "elm.swallow.select_icon";
843 to_y: "elm.padding.bottom";
848 part { name: "elm.icon";
852 description { state: "default" 0.0;
853 rel1.relative: 0.24 0.0; //to_y: "elm.rect.top.pad"; }
856 to_y: "elm.padding.bottom";
859 description { state: "selectview" 0.0;
860 inherit: "default" 0.0;
867 part { name: "elm.padding.contents";
870 description { state: "default" 0.0;
874 rel1 { relative: 0.0 1.0; to_y: "elm.icon"; }
875 rel2 { relative: 1.0 1.0; to_y: "elm.icon"; }
878 part { name: "elm.swallow.icon1";
882 description { state: "default" 0.0;
883 min: GENLIST_PADDING_64_INC GENLIST_PADDING_64_INC;
884 max: GENLIST_PADDING_64_INC GENLIST_PADDING_64_INC;
888 rel1 { relative: 0.0 1.00; to_x: "elm.swallow.icon2"; to_y: "elm.padding.contents"; }
889 rel2 { relative: 0.0 1.00; to_x: "elm.swallow.icon2"; }
891 description { state: "contents_on" 0.0;
892 inherit: "default" 0.0;
896 part { name: "elm.swallow.icon2";
900 description { state: "default" 0.0;
901 min: GENLIST_PADDING_64_INC GENLIST_PADDING_64_INC;
902 max: GENLIST_PADDING_64_INC GENLIST_PADDING_64_INC;
906 rel1 { relative: 0.9777 1.00; to_y: "elm.padding.contents"; }
907 rel2 { relative: 0.9777 1.00; }
909 description { state: "contents_on" 0.0;
910 inherit: "default" 0.0;
914 part { name: "elm.padding.bottom";
917 description { state: "default" 0.0;
918 min: 0 GENLIST_PADDING_24_INC;
921 rel1.relative: 0.0 1.0;
924 description { state: "contents_on" 0.0;
925 inherit: "default" 0.0;
926 min: 0 GENLIST_PADDING_88_INC;
929 part { name: "disclip";
931 description { state: "default" 0.0;
933 description { state: "disabled" 0.0;
934 inherit: "default" 0.0;
935 color: BUBBLE_DISCLIP_COLOR;
940 program { name: "go_disabled";
941 signal: "elm,state,disabled";
943 action: STATE_SET "disabled" 0.0;
946 program { name: "go_enabled";
947 signal: "elm,state,enabled";
949 action: STATE_SET "default" 0.0;
952 program { name: "go_defaultview";
953 signal: "elm,state,select,disable";
955 action: STATE_SET "default" 0.0;
956 //transition: DECELERATE 0.7;
957 target: "elm.swallow.select_icon";
960 program { name: "go_selectview";
961 signal: "elm,state,select,enable";
963 action: STATE_SET "selectview" 0.0;
964 //transition: DECELERATE 0.7;
965 target: "elm.swallow.select_icon";
968 program { name: "go_contents_on";
969 signal: "elm,state,contents,enabled";
971 action: STATE_SET "contents_on" 0.0;
972 target: "elm.swallow.icon1";
973 target: "elm.swallow.icon2";
974 target: "elm.padding.bottom";
976 program { name: "go_contents_off";
977 signal: "elm,state,contents,disabled";
979 action: STATE_SET "default" 0.0;
980 target: "elm.swallow.icon1";
981 target: "elm.swallow.icon2";
982 target: "elm.padding.bottom";
987 group { name: "elm/layout/bubble/seperator/default";
992 description { state: "default" 0.0;
993 min: 0 GENLIST_PADDING_24_INC;