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