set background color to home, user and recent edc
[profile/tv/apps/native/air_home.git] / edje / view / recent.edc
1 /*
2  * Copyright (c) 2015 Samsung Electronics Co., Ltd All Rights Reserved
3  *
4  * Licensed under the Apache License, Version 2.0 (the License);
5  * you may not use this file except in compliance with the License.
6  * You may obtain a copy of the License at
7  *
8  * http://www.apache.org/licenses/LICENSE-2.0
9  *
10  * Unless required by applicable law or agreed to in writing, software
11  * distributed under the License is distributed on an AS IS BASIS,
12  * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
13  * See the License for the specific language governing permissions and
14  * limitations under the License.
15  */
16
17 #include "../../include/defs.h"
18 group {
19         name, GRP_RECENT;
20         parts {
21                 part {
22                         name, "bg";
23                         type, RECT;
24                         scale, 1;
25                         description {
26                                 state, "default" 0.0;
27                                 color, 0 0 0 150;
28                         }
29                 }
30                 part {
31                         name, "guide";
32                         type, RECT;
33                         scale, 1;
34                         description {
35                                 state, "default" 0.0;
36                                 rel1.relative, 0.0 1.0;
37                                 min, 0 528;
38                                 fixed, 1 1;
39                                 align, 0.5 0.0;
40                                 visible, 0;
41                         }
42                         description {
43                                 state, "show" 0.0;
44                                 inherit, "default" 0.0;
45                                 min, 0 0;
46                         }
47                 }
48                 part {
49                         name, "clip";
50                         type, RECT;
51                         description {
52                                 state, "default" 0.0;
53                                 color, 0 0 0 0;
54                         }
55                         description {
56                                 state, "show" 0.0;
57                                 inherit, "default" 0.0;
58                                 color, 255 255 255 255;
59                         }
60                 }
61                 part {
62                         name, "area";
63                         type, RECT;
64                         scale, 1;
65                         clip_to, "clip";
66                         description {
67                                 state, "default" 0.0;
68                                 min, 0 528;
69                                 rel1 {
70                                         to, "guide";
71                                         relative, 0.0 1.0;
72                                 }
73                                 rel2.to, "guide";
74                                 fixed, 0 1;
75                                 align, 0.5 1.0;
76                         }
77                 }
78                 part {
79                         name, "outside.up";
80                         type, RECT;
81                         scale, 1;
82                         description {
83                                 state, "default" 0.0;
84                                 rel2 {
85                                         to, "area";
86                                         relative, 1.0 0.0;
87                                 }
88                                 color, 0 0 0 0;
89                                 fixed, 1 1;
90                         }
91                 }
92                 part {
93                         name, "pad.title";
94                         type, RECT;
95                         scale, 1;
96                         description {
97                                 state, "default" 0.0;
98                                 rel1.to, "area";
99                                 rel2 {
100                                         to, "area";
101                                         relative, 1.0 0.0;
102                                 }
103                                 min, 0 104;
104                                 fixed, 0 1;
105                                 align, 0.5 0.0;
106                         }
107                 }
108                 part {
109                         name, "pad.list";
110                         type, RECT;
111                         scale, 1;
112                         description {
113                                 state, "default" 0.0;
114                                 rel1 {
115                                         to, "pad.title";
116                                         relative, 0.0 1.0;
117                                 }
118                                 rel2.to, "area";
119                                 fixed, 1 1;
120                                 color, 244 244 244 255;
121                         }
122                 }
123                 part {
124                         name, "title";
125                         type, TEXT;
126                         scale, 1;
127                         description {
128                                 state, "default" 0.0;
129                                 rel1.to, "pad.title";
130                                 rel2.to, "pad.title";
131                                 text {
132                                         size, 46;
133                                         font, "TizenSans";
134                                         text, "Recent";
135                                 }
136                                 color, 51 51 51 255;
137                         }
138                 }
139                 part {
140                         name, PART_RECENT_DELETE_ICON;
141                         type, SWALLOW;
142                         scale, 1;
143                         description {
144                                 state, "default" 0.0;
145                                 rel1 {
146                                         to, "pad.title";
147                                         relative, 1.0 0.0;
148                                 }
149                                 rel2.to, "pad.title";
150                                 min, 82 104;
151                                 fixed, 1 1;
152                                 align, 1.0 0.5;
153                         }
154                 }
155                 part {
156                         name, "pad.contents.up";
157                         type, RECT;
158                         scale, 1;
159                         description {
160                                 state, "default" 0.0;
161                                 rel1 {
162                                         to, "pad.title";
163                                         relative, 0.0 1.0;
164                                 }
165                                 rel2 {
166                                         to, "pad.title";
167                                         relative, 0.0 1.0;
168                                 }
169                                 min, 62 62;
170                                 fixed, 1 1;
171                                 align, 0.0 0.0;
172                                 visible, 0;
173                         }
174                 }
175                 part {
176                         name, "pad.contents.down";
177                         type, RECT;
178                         scale, 1;
179                         description {
180                                 state, "default" 0.0;
181                                 rel1 {
182                                         to, "area";
183                                         relative, 1.0 1.0;
184                                 }
185                                 min, 0 62;
186                                 fixed, 1 1;
187                                 align, 1.0 1.0;
188                                 visible, 0;
189                         }
190                 }
191                 part {
192                         name, PART_RECENT_NO_CONTENTS;
193                         type, TEXT;
194                         scale, 1;
195                         description {
196                                 state, "default" 0.0;
197                                 rel1 {
198                                         to, "pad.title";
199                                         relative, 0.0 1.0;
200                                 }
201                                 text {
202                                         size, 32;
203                                         font, "TizenSans";
204                                 }
205                                 fixed, 1 1;
206                                 color, 0 0 0 178;
207                         }
208                 }
209                 part {
210                         name, PART_RECENT_CONTENTS;
211                         type, SWALLOW;
212                         scale, 1;
213                         description {
214                                 state, "default" 0.0;
215                                 rel1 {
216                                         to, "pad.contents.up";
217                                         relative, 1.0 1.0;
218                                 }
219                                 rel2 {
220                                         to, "pad.contents.down";
221                                         relative, 0.0 0.0;
222                                 }
223                                 fixed, 1 1;
224                         }
225                 }
226         }
227         programs {
228                 program {
229                         name, "sig,show";
230                         signal, SIG_SHOW;
231                         source, SRC_PROG;
232                         action, STATE_SET "show" 0.0;
233                         transition, TRANSITION_DECEL;
234                         target, "clip";
235                         target, "guide";
236                         after, "sig,show,done";
237                 }
238                 program {
239                         name, "sig,show,done";
240                         action, SIGNAL_EMIT SIG_SHOW_DONE SRC_EDJE;
241                 }
242                 program {
243                         name, "sig,hide";
244                         signal, SIG_HIDE;
245                         source, SRC_PROG;
246                         action, STATE_SET "default" 0.0;
247                         transition, TRANSITION_DECEL;
248                         target, "clip";
249                         target, "guide";
250                         after, "sig,hide,done";
251                 }
252                 program {
253                         name, "sig,hide,done";
254                         action, SIGNAL_EMIT SIG_HIDE_DONE SRC_EDJE;
255                 }
256                 program {
257                         name, "outside,up,clicked";
258                         source, "outside.up";
259                         signal, "mouse,clicked,1";
260                         action, SIGNAL_EMIT SIG_HIDE SRC_PROG;
261                 }
262         }
263 }
264
265 group {
266         name, GRP_RECENT_DELETE;
267         parts {
268                 part {
269                         name, "bg";
270                         type, RECT;
271                         scale, 1;
272                         description {
273                                 state, "default" 0.0;
274                                 min, 82 104;
275                                 color, 255 255 255 255;
276                         }
277                         description {
278                                 state, "focus" 0.0;
279                                 inherit, "default" 0.0;
280                                 color, 0 119 246 255;
281                         }
282                 }
283                 part {
284                         name, "clip";
285                         type, RECT;
286                         description {
287                                 state, "default" 0.0;
288                                 color, 0 0 0 0;
289                         }
290                         description {
291                                 state, "focus" 0.0;
292                                 inherit, "default" 0.0;
293                                 color, 255 255 255 255;
294                         }
295                 }
296                 part {
297                         name, PART_RECENT_DELETE;
298                         type, SWALLOW;
299                         scale, 1;
300                         description {
301                                 state, "default" 0.0;
302                                 rel1.to, "bg";
303                                 rel2.to, "bg";
304                         }
305                 }
306                 part {
307                         name, PART_RECENT_DELETE_FOCUS;
308                         type, SWALLOW;
309                         scale, 1;
310                         clip_to, "clip";
311                         description {
312                                 state, "default" 0.0;
313                                 rel1.to, PART_RECENT_DELETE;
314                                 rel2.to, PART_RECENT_DELETE;
315                         }
316                 }
317         }
318         programs {
319                 program {
320                         name, "sig,focus";
321                         signal, SIG_FOCUS;
322                         source, SRC_PROG;
323                         action, STATE_SET "focus" 0.0;
324                         transition, TRANSITION_LINEAR;
325                         target, "bg";
326                         target, "clip";
327                 }
328                 program {
329                         name, "sig,unfocus";
330                         signal, SIG_UNFOCUS;
331                         source, SRC_PROG;
332                         action, STATE_SET "default" 0.0;
333                         transition, TRANSITION_LINEAR;
334                         target, "bg";
335                         target, "clip";
336                 }
337         }
338 }
339
340 group {
341         name, GRP_RECENT_PREVIEW;
342         parts {
343                 part {
344                         name, "bg";
345                         type, RECT;
346                         scale, 1;
347                         description {
348                                 state, "default" 0.0;
349                                 min, 378 294;
350                                 color, 113 128 147 255;
351                         }
352                         description {
353                                 state, "focus" 0.0;
354                                 inherit, "default" 0.0;
355                                 color, 0 119 246 255;
356                         }
357                 }
358                 part {
359                         name, "thumbnail";
360                         type, RECT;
361                         scale, 1;
362                         description {
363                                 state, "default" 0.0;
364                                 rel1.to, "bg";
365                                 rel2 {
366                                         to, "bg";
367                                         relative, 1.0 0.0;
368                                 }
369                                 min, 0 198;
370                                 fixed, 0 1;
371                                 align, 0.5 0.0;
372                                 color, 132 147 166 255;
373                         }
374                 }
375                 part {
376                         name, PART_RECENT_THUMBNAIL;
377                         type, SWALLOW;
378                         scale, 1;
379                         description {
380                                 state, "default" 0.0;
381                                 rel1.to, "thumbnail";
382                                 rel2.to, "thumbnail";
383                                 min, 100 100;
384                                 fixed, 1 1;
385                         }
386                 }
387                 part {
388                         name, "border.up";
389                         type, RECT;
390                         scale, 1;
391                         description {
392                                 state, "default" 0.0;
393                                 rel1.to, "thumbnail";
394                                 rel2 {
395                                         to, "thumbnail";
396                                         relative, 1.0 0.0;
397                                 }
398                                 min, 0 3;
399                                 fixed, 0 1;
400                                 align, 0.5 0.0;
401                                 color, 0 0 0 0;
402                         }
403                         description {
404                                 state, "focus" 0.0;
405                                 inherit, "default" 0.0;
406                                 color, 0 119 246 255;
407                         }
408                 }
409                 part {
410                         name, "border.left";
411                         type, RECT;
412                         scale, 1;
413                         description {
414                                 state, "default" 0.0;
415                                 rel1 {
416                                         to, "border.up";
417                                         relative, 0.0 1.0;
418                                 }
419                                 rel2 {
420                                         to, "thumbnail";
421                                         relative, 0.0 1.0;
422                                 }
423                                 min, 3 0;
424                                 fixed, 1 0;
425                                 align, 0.0 0.5;
426                                 color, 0 0 0 0;
427                         }
428                         description {
429                                 state, "focus" 0.0;
430                                 inherit, "default" 0.0;
431                                 color, 0 119 246 255;
432                         }
433                 }
434                 part {
435                         name, "border.right";
436                         type, RECT;
437                         scale, 1;
438                         description {
439                                 state, "default" 0.0;
440                                 rel1 {
441                                         to, "border.up";
442                                         relative, 1.0 1.0;
443                                 }
444                                 rel2.to, "thumbnail";
445                                 min, 3 0;
446                                 fixed, 1 0;
447                                 align, 1.0 0.5;
448                                 color, 0 0 0 0;
449                         }
450                         description {
451                                 state, "focus" 0.0;
452                                 inherit, "default" 0.0;
453                                 color, 0 119 246 255;
454                         }
455                 }
456                 part {
457                         name, "pad.icon";
458                         type, RECT;
459                         scale, 1;
460                         description {
461                                 state, "default" 0.0;
462                                 rel1 {
463                                         to, "thumbnail";
464                                         relative, 0.0 0.0;
465                                 }
466                                 rel2 {
467                                         to, "thumbnail";
468                                         relative, 0.0 0.0;
469                                 }
470                                 min, 4 4;
471                                 fixed, 1 1;
472                                 align, 0.0 0.0;
473                                 visible, 0;
474                         }
475                 }
476                 part {
477                         name, PART_RECENT_ICON;
478                         type, SWALLOW;
479                         scale, 1;
480                         description {
481                                 state, "default" 0.0;
482                                 rel1 {
483                                         to, "pad.icon";
484                                         relative, 1.0 1.0;
485                                 }
486                                 rel2 {
487                                         to, "pad.icon";
488                                         relative, 1.0 1.0;
489                                 }
490                                 min, 60 60;
491                                 fixed, 1 1;
492                                 align, 0.0 0.0;
493                         }
494                 }
495                 part {
496                         name, "pad.text.left";
497                         type, RECT;
498                         scale, 1;
499                         description {
500                                 state, "default" 0.0;
501                                 min, 15 18;
502                                 rel1 {
503                                         to, "thumbnail";
504                                         relative, 0.0 1.0;
505                                 }
506                                 rel2 {
507                                         to, "thumbnail";
508                                         relative, 0.0 1.0;
509                                 }
510                                 fixed, 1 1;
511                                 align, 0.0 0.0;
512                                 visible, 0;
513                         }
514                 }
515                 part {
516                         name, "pad.text.right";
517                         type, RECT;
518                         scale, 1;
519                         description {
520                                 state, "default" 0.0;
521                                 min, 15 18;
522                                 rel1 {
523                                         to, "thumbnail";
524                                         relative, 1.0 1.0;
525                                 }
526                                 rel2 {
527                                         to, "thumbnail";
528                                         relative, 1.0 1.0;
529                                 }
530                                 fixed, 1 1;
531                                 align, 1.0 0.0;
532                                 visible, 0;
533                         }
534                 }
535                 part {
536                         name, PART_RECENT_TITLE;
537                         type, SWALLOW;
538                         scale, 1;
539                         description {
540                                 state, "default" 0.0;
541                                 rel1 {
542                                         to, "pad.text.left";
543                                         relative, 1.0 1.0;
544                                 }
545                                 rel2 {
546                                         to, "pad.text.right";
547                                         relative, 0.0 1.0;
548                                 }
549                                 min, 0 28;
550                                 fixed, 0 1;
551                                 align, 0.5 0.0;
552                         }
553                 }
554                 part {
555                         name, PART_RECENT_SUBTITLE;
556                         type, SWALLOW;
557                         scale, 1;
558                         description {
559                                 state, "default" 0.0;
560                                 rel1 {
561                                         to, PART_RECENT_TITLE;
562                                         relative, 0.0 1.0;
563                                 }
564                                 rel2 {
565                                         to, PART_RECENT_TITLE;
566                                         relative, 1.0 1.0;
567                                 }
568                                 min, 0 24;
569                                 fixed, 0 1;
570                                 align, 0.5 0.0;
571                         }
572                 }
573         }
574         programs {
575                 program {
576                         name, "sig,focus";
577                         signal, SIG_FOCUS;
578                         source, SRC_PROG;
579                         action, STATE_SET "focus" 0.0;
580                         transition, TRANSITION_DECEL;
581                         target, "bg";
582                         target, "border.up";
583                         target, "border.right";
584                         target, "border.left";
585                 }
586                 program {
587                         name, "sig,unfocus";
588                         signal, SIG_UNFOCUS;
589                         source, SRC_PROG;
590                         action, STATE_SET "default" 0.0;
591                         transition, TRANSITION_DECEL;
592                         target, "bg";
593                         target, "border.up";
594                         target, "border.right";
595                         target, "border.left";
596                 }
597         }
598 }
599
600 group {
601         name, GRP_RECENT_ICON;
602         parts {
603                 part {
604                         name, "bg";
605                         type, RECT;
606                         scale, 1;
607                         description {
608                                 state, "default" 0.0;
609                                 min, 236 294;
610                                 color, 113 128 147 255;
611                         }
612                         description {
613                                 state, "focus" 0.0;
614                                 inherit, "default" 0.0;
615                                 color, 0 119 246 255;
616                         }
617                 }
618                 part {
619                         name, "thumbnail";
620                         type, RECT;
621                         scale, 1;
622                         description {
623                                 state, "default" 0.0;
624                                 rel1.to, "bg";
625                                 rel2 {
626                                         to, "bg";
627                                         relative, 1.0 0.0;
628                                 }
629                                 min, 0 198;
630                                 fixed, 0 1;
631                                 align, 0.5 0.0;
632                                 color, 132 147 166 255;
633                         }
634                 }
635                 part {
636                         name, PART_RECENT_THUMBNAIL;
637                         type, SWALLOW;
638                         scale, 1;
639                         description {
640                                 state, "default" 0.0;
641                                 rel1 {
642                                         to, "thumbnail";
643                                         relative, 0.5 0.5;
644                                 }
645                                 rel2 {
646                                         to, "thumbnail";
647                                         relative, 0.5 0.5;
648                                 }
649                                 min, 100 100;
650                                 fixed, 1 1;
651                         }
652                 }
653                 part {
654                         name, "border.up";
655                         type, RECT;
656                         scale, 1;
657                         description {
658                                 state, "default" 0.0;
659                                 rel1.to, "thumbnail";
660                                 rel2 {
661                                         to, "thumbnail";
662                                         relative, 1.0 0.0;
663                                 }
664                                 min, 0 3;
665                                 fixed, 0 1;
666                                 align, 0.5 0.0;
667                                 color, 0 0 0 0;
668                         }
669                         description {
670                                 state, "focus" 0.0;
671                                 inherit, "default" 0.0;
672                                 color, 0 119 246 255;
673                         }
674                 }
675                 part {
676                         name, "border.left";
677                         type, RECT;
678                         scale, 1;
679                         description {
680                                 state, "default" 0.0;
681                                 rel1 {
682                                         to, "border.up";
683                                         relative, 0.0 1.0;
684                                 }
685                                 rel2 {
686                                         to, "thumbnail";
687                                         relative, 0.0 1.0;
688                                 }
689                                 min, 3 0;
690                                 fixed, 1 0;
691                                 align, 0.0 0.5;
692                                 color, 0 0 0 0;
693                         }
694                         description {
695                                 state, "focus" 0.0;
696                                 inherit, "default" 0.0;
697                                 color, 0 119 246 255;
698                         }
699                 }
700                 part {
701                         name, "border.right";
702                         type, RECT;
703                         scale, 1;
704                         description {
705                                 state, "default" 0.0;
706                                 rel1 {
707                                         to, "border.up";
708                                         relative, 1.0 1.0;
709                                 }
710                                 rel2.to, "thumbnail";
711                                 min, 3 0;
712                                 fixed, 1 0;
713                                 align, 1.0 0.5;
714                                 color, 0 0 0 0;
715                         }
716                         description {
717                                 state, "focus" 0.0;
718                                 inherit, "default" 0.0;
719                                 color, 0 119 246 255;
720                         }
721                 }
722                 part {
723                         name, "pad.icon";
724                         type, RECT;
725                         scale, 1;
726                         description {
727                                 state, "default" 0.0;
728                                 rel1 {
729                                         to, "thumbnail";
730                                         relative, 0.0 0.0;
731                                 }
732                                 rel2 {
733                                         to, "thumbnail";
734                                         relative, 0.0 0.0;
735                                 }
736                                 min, 4 4;
737                                 fixed, 1 1;
738                                 align, 0.0 0.0;
739                                 visible, 0;
740                         }
741                 }
742                 part {
743                         name, PART_RECENT_ICON;
744                         type, SWALLOW;
745                         scale, 1;
746                         description {
747                                 state, "default" 0.0;
748                                 rel1 {
749                                         to, "pad.icon";
750                                         relative, 1.0 1.0;
751                                 }
752                                 rel2 {
753                                         to, "pad.icon";
754                                         relative, 1.0 1.0;
755                                 }
756                                 min, 60 60;
757                                 fixed, 1 1;
758                                 align, 0.0 0.0;
759                         }
760                 }
761                 part {
762                         name, "pad.text.left";
763                         type, RECT;
764                         scale, 1;
765                         description {
766                                 state, "default" 0.0;
767                                 min, 15 18;
768                                 rel1 {
769                                         to, "thumbnail";
770                                         relative, 0.0 1.0;
771                                 }
772                                 rel2 {
773                                         to, "thumbnail";
774                                         relative, 0.0 1.0;
775                                 }
776                                 fixed, 1 1;
777                                 align, 0.0 0.0;
778                                 visible, 0;
779                         }
780                 }
781                 part {
782                         name, "pad.text.right";
783                         type, RECT;
784                         scale, 1;
785                         description {
786                                 state, "default" 0.0;
787                                 min, 15 18;
788                                 rel1 {
789                                         to, "thumbnail";
790                                         relative, 1.0 1.0;
791                                 }
792                                 rel2 {
793                                         to, "thumbnail";
794                                         relative, 1.0 1.0;
795                                 }
796                                 fixed, 1 1;
797                                 align, 1.0 0.0;
798                                 visible, 0;
799                         }
800                 }
801                 part {
802                         name, PART_RECENT_TITLE;
803                         type, SWALLOW;
804                         scale, 1;
805                         description {
806                                 state, "default" 0.0;
807                                 rel1 {
808                                         to, "pad.text.left";
809                                         relative, 1.0 1.0;
810                                 }
811                                 rel2 {
812                                         to, "pad.text.right";
813                                         relative, 0.0 1.0;
814                                 }
815                                 min, 0 28;
816                                 fixed, 0 1;
817                                 align, 0.5 0.0;
818                         }
819                 }
820                 part {
821                         name, PART_RECENT_SUBTITLE;
822                         type, SWALLOW;
823                         scale, 1;
824                         description {
825                                 state, "default" 0.0;
826                                 rel1 {
827                                         to, PART_RECENT_TITLE;
828                                         relative, 0.0 1.0;
829                                 }
830                                 rel2 {
831                                         to, PART_RECENT_TITLE;
832                                         relative, 1.0 1.0;
833                                 }
834                                 min, 0 24;
835                                 fixed, 0 1;
836                                 align, 0.5 0.0;
837                         }
838                 }
839         }
840         programs {
841                 program {
842                         name, "sig,focus";
843                         signal, SIG_FOCUS;
844                         source, SRC_PROG;
845                         action, STATE_SET "focus" 0.0;
846                         transition, TRANSITION_DECEL;
847                         target, "bg";
848                         target, "border.up";
849                         target, "border.right";
850                         target, "border.left";
851                 }
852                 program {
853                         name, "sig,unfocus";
854                         signal, SIG_UNFOCUS;
855                         source, SRC_PROG;
856                         action, STATE_SET "default" 0.0;
857                         transition, TRANSITION_DECEL;
858                         target, "bg";
859                         target, "border.up";
860                         target, "border.right";
861                         target, "border.left";
862                 }
863         }
864 }