bbf6ea90085287f94970278a86aa6201fa1c3f10
[apps/home/gallery.git] / res / edc / gl-gengrid-item-albums.edc
1 /*
2   * Copyright 2012  Samsung Electronics Co., Ltd
3   *
4   * Licensed under the Flora License, Version 1.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.tizenopensource.org/license
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 /* 14 + 334 + 10 */
18 #define ALBUM_ITEM_W 358
19 /* 26 + 334 */
20 #define ALBUM_ITEM_H 360
21
22 #define ALBUM_W 334
23 #define ALBUM_H 334
24
25 #define ALBUM_GAP_L 12
26 #define ALBUM_GAP_R 12
27 #define ALBUM_GAP_T 26
28
29 #define ALBUM_ICON_W 318
30 #define ALBUM_ICON_H 318
31
32 #define ALBUM_ICON_GAP_L 8
33 #define ALBUM_ICON_GAP_R 8
34 #define ALBUM_ICON_GAP_B 16
35 #define ALBUM_ICON_PAD 3
36
37 #define ALBUM_TEXT_AREA_W 207
38 #define ALBUM_TEXT_AREA_H 102
39 #define ALBUM_TEXT_GAP_L 4
40 #define ALBUM_TEXT_GAP_R 4
41 #define ALBUM_TEXT_NAME_H 32
42 #define ALBUM_TEXT_DATE_H 25
43 #define ALBUM_TEXT_Y 60
44
45 #define ALBUM_RENAME_BTN_W 64
46 #define ALBUM_RENAME_BTN_H 64
47
48 #define ALBUM_CHECKBOX_W 42
49 #define ALBUM_CHECKBOX_H 42
50 #define ALBUM_CHECKBOX_GAP_L 1
51 #define ALBUM_CHECKBOX_GAP_T 8
52
53
54 group {
55         name: "elm/gengrid/item/gallery/albums_view/default";
56
57         data.item: "texts" "elm.text.name elm.text.date elm.text.count";
58         data.item: "contents" "elm.swallow.firsticon elm.swallow.icon elm.swallow.onlyicon elm.swallow.end elm.swallow.check_grid label_bg elm.swallow.rename";
59
60         images {
61                 image: GALLERY_EDC_IMAGE_MAIN_FOLDER_BG COMP;
62         }
63
64         parts {
65                 part {
66                         name: "bg";
67                         type: RECT;
68                         description {
69                                 state: "default" 0.0;
70                                 color: 255 0 0 0;
71                                 rel1 { relative: 0.0 0.0; }
72                                 rel2 { relative: 1.0 1.0; }
73                         }
74                 }
75                 part { name: "icon_bg_img";
76                         type: IMAGE;
77                         mouse_events: 1;
78                         scale : 1;
79                         description {
80                                 min : ALBUM_W ALBUM_H;
81                                 state: "default" 0.0;
82                                 image {
83                                         normal : GALLERY_EDC_IMAGE_MAIN_FOLDER_BG;
84                                 }
85                                 rel1 { relative: ALBUM_GAP_L/ALBUM_ITEM_W ALBUM_GAP_T/ALBUM_ITEM_H; to:"bg"; }
86                                 rel2 { relative: (ALBUM_ITEM_W-ALBUM_GAP_R-1)/ALBUM_ITEM_W 1.0; to:"bg"; }
87                         }
88                 }
89                 part { name: "icon_bg";
90                         type: RECT;
91                         mouse_events: 1;
92                         scale : 1;
93                         description {
94                                 min : ALBUM_ICON_W ALBUM_ICON_H;
95                                 state: "default" 0.0;
96                                 rel1 { relative: ALBUM_ICON_GAP_L/ALBUM_ICON_W 0.0; to:"icon_bg_img"; }
97                                 rel2 { relative: (ALBUM_ICON_W-ALBUM_ICON_GAP_R+2)/ALBUM_ICON_W (ALBUM_ICON_H-ALBUM_ICON_GAP_B+2)/ALBUM_ICON_H; to:"icon_bg_img"; }
98                         }
99                 }
100                 part {
101                         name: "elm.swallow.onlyicon";
102                         type: SWALLOW;
103                         mouse_events: 1;
104                         repeat_events: 1;
105                         description {
106                                 state: "default" 0.0;
107                                 rel1 { relative: (ALBUM_ICON_PAD/ALBUM_ICON_W) (ALBUM_ICON_PAD/ALBUM_ICON_H); to: "icon_bg"; }
108                                 rel2 { relative: (ALBUM_ICON_W-ALBUM_ICON_PAD)/ALBUM_ICON_W (ALBUM_ICON_H-ALBUM_ICON_PAD)/ALBUM_ICON_H; to: "icon_bg"; }
109                         }
110                 }
111                 part {
112                         name: "label_bg";
113                         type: SWALLOW;
114                         mouse_events: 1;
115                         repeat_events: 1;
116                         description {
117                                 state: "default" 0.0;
118                                 rel1 { relative: (ALBUM_ICON_PAD/ALBUM_ICON_W) (ALBUM_ICON_PAD/ALBUM_ICON_H); offset: 0 0; to: "icon_bg"; }
119                                 rel2 { relative: ((ALBUM_ICON_PAD+ALBUM_TEXT_AREA_W-1)/ALBUM_ICON_W) ((ALBUM_ICON_PAD+ALBUM_TEXT_AREA_H-1)/ALBUM_ICON_H); offset: 0 0; to: "icon_bg"; }
120                         }
121                 }
122                 part {
123                         name: "elm.swallow.firsticon";
124                         type: SWALLOW;
125                         mouse_events: 1;
126                         repeat_events: 1;
127                         description {
128                                 state: "default" 0.0;
129                                 rel1 { relative: ((ALBUM_ICON_PAD+ALBUM_TEXT_AREA_W+ALBUM_ICON_PAD)/ALBUM_ICON_W) (ALBUM_ICON_PAD/ALBUM_ICON_H); to: "icon_bg"; }
130                                 rel2 { relative: (ALBUM_ICON_W-ALBUM_ICON_PAD)/ALBUM_ICON_W (ALBUM_TEXT_AREA_H+ALBUM_ICON_PAD)/ALBUM_ICON_H; to: "icon_bg"; }
131                         }
132                 }
133                 part {
134                         name: "elm.swallow.icon";
135                         type: SWALLOW;
136                         mouse_events: 1;
137                         repeat_events: 1;
138                         description {
139                                 state: "default" 0.0;
140                                 rel1 { relative: (ALBUM_ICON_PAD/ALBUM_ICON_W) ((ALBUM_ICON_PAD+ALBUM_TEXT_AREA_H+ALBUM_ICON_PAD)/ALBUM_ICON_H); to: "icon_bg"; }
141                                 rel2 { relative: (ALBUM_ICON_W-ALBUM_ICON_PAD)/ALBUM_ICON_W (ALBUM_ICON_H-ALBUM_ICON_PAD)/ALBUM_ICON_H; to: "icon_bg"; }
142                         }
143                 }
144                 part {
145                         name: "elm.text.date";
146                         type: TEXT;
147                         mouse_events: 1;
148                         repeat_events: 1;
149                         scale: 1;
150                         description {
151                                 state: "default" 0.0;
152                                 rel1 { relative: ALBUM_TEXT_GAP_L/ALBUM_TEXT_AREA_W  ALBUM_TEXT_NAME_H/ALBUM_TEXT_AREA_H; to: "label_bg"; }
153                                 rel2 { relative: (ALBUM_TEXT_AREA_W-ALBUM_TEXT_GAP_L-1)/ALBUM_TEXT_AREA_W  (ALBUM_TEXT_NAME_H+ALBUM_TEXT_DATE_H-1)/ALBUM_TEXT_AREA_H; to: "label_bg"; }
154                                 color: 190 190 190 255;
155                                 text {
156                                         font: "Helvetica Neue:style=Medium";
157                                         size: 22;
158                                         align: 0.0 0.5;
159                                 }
160                         }
161                 }
162                 part {
163                         name: "elm.text.count";
164                         type: TEXT;
165                         mouse_events: 1;
166                         repeat_events: 1;
167                         scale: 1;
168                         description {
169                                 state: "default" 0.0;
170                                 visible: 1;
171                                 rel1 { relative: ((ALBUM_TEXT_GAP_L+1)/ALBUM_TEXT_AREA_W)  ALBUM_TEXT_Y/ALBUM_TEXT_AREA_H; to: "label_bg"; }
172                                 rel2 { relative: (ALBUM_TEXT_AREA_W-ALBUM_TEXT_GAP_L-1)/ALBUM_TEXT_AREA_W  1.0; to: "label_bg"; }
173                                 color: 255 255 255 255;
174                                 text {
175                                         font: "Helvetica Neue:style=Medium";
176                                         size: 38;
177                                         align: 1.0 0.5;
178                                 }
179                         }
180                 }
181                 part {
182                         name: "elm.text.name";
183                         type: TEXT;
184                         mouse_events: 1;
185                         repeat_events: 1;
186                         scale: 1;
187                         description {
188                                 state: "default" 0.0;
189                                 rel1 { relative: (ALBUM_TEXT_GAP_L/ALBUM_TEXT_AREA_W) 0.0; to: "label_bg"; }
190                                 rel2 { relative: (ALBUM_TEXT_AREA_W-ALBUM_TEXT_GAP_L-1)/ALBUM_TEXT_AREA_W (ALBUM_TEXT_NAME_H-1)/ALBUM_TEXT_AREA_H; to: "label_bg"; }
191                                 color: 255 255 255 255;
192                                 text {
193                                         font: "Helvetica Neue:style=Medium";
194                                         size: 28;
195                                         align: 0.0 0.5;
196                                 }
197                         }
198                 }
199                 part {
200                         name: "elm.swallow.rename";
201                         type: SWALLOW;
202                         description {
203                                 state: "default" 0.0;
204                                 min: ALBUM_RENAME_BTN_W ALBUM_RENAME_BTN_H;
205                                 max: ALBUM_RENAME_BTN_W ALBUM_RENAME_BTN_H;
206                                 rel1 { relative: (ALBUM_ICON_W-ALBUM_ICON_PAD-ALBUM_RENAME_BTN_W)/ALBUM_ICON_W (ALBUM_ICON_H-ALBUM_ICON_PAD-ALBUM_RENAME_BTN_H)/ALBUM_ICON_H); to:"icon_bg"; }
207                                 rel2 { relative: (ALBUM_ICON_W-ALBUM_ICON_PAD)/ALBUM_ICON_W (ALBUM_ICON_H-ALBUM_ICON_PAD)/ALBUM_ICON_H); to:"icon_bg"; } //-->GUI_v0.2_110309
208                         }
209                 }
210                 part {
211                         name: "elm.swallow.check_grid";
212                         type: SWALLOW;
213                         mouse_events: 1;
214                         description {
215                                 state: "default" 0.0;
216                                 max : (ALBUM_ICON_W+2) (ALBUM_ICON_H+2);
217                                 rel1 { relative: (ALBUM_ICON_GAP_L-1)/ALBUM_ICON_W 0.0; to:"icon_bg_img"; }
218                                 rel2 { relative: (ALBUM_ICON_W-ALBUM_ICON_GAP_R+3)/ALBUM_ICON_W (ALBUM_ICON_H-ALBUM_ICON_GAP_B+4)/ALBUM_ICON_H; to:"icon_bg_img"; }
219                         }
220                 }
221                 part {
222                         name: "elm.swallow.end";
223                         type: SWALLOW;
224                         description {
225                                 state: "default" 0.0;
226                                 min: ALBUM_CHECKBOX_W ALBUM_CHECKBOX_H;
227                                 max: ALBUM_CHECKBOX_W ALBUM_CHECKBOX_H;
228                                 rel1 { relative: (ALBUM_GAP_L-ALBUM_CHECKBOX_GAP_L)/ALBUM_ITEM_W (ALBUM_GAP_T-ALBUM_CHECKBOX_GAP_T)/ALBUM_ITEM_H; to:"bg"; }
229                                 rel2 { relative: (ALBUM_GAP_L+ALBUM_CHECKBOX_W)/ALBUM_ITEM_W (ALBUM_GAP_T-ALBUM_CHECKBOX_GAP_T+ALBUM_CHECKBOX_H+1)/ALBUM_ITEM_H; to:"bg"; }
230                         }
231                 }
232         }
233 }
234
235 group {
236         name: "elm/gengrid/item/gallery/albums_view_blue/default";
237
238         data.item: "texts" "elm.text.name elm.text.date elm.text.count";
239         data.item: "contents" "elm.swallow.firsticon elm.swallow.icon elm.swallow.onlyicon elm.swallow.end elm.swallow.check_grid label_bg elm.swallow.rename";
240
241         images {
242                 image: GALLERY_EDC_IMAGE_MAIN_FOLDER_BG COMP;
243         }
244
245         parts {
246                 part {
247                         name: "bg";
248                         type: RECT;
249                         description {
250                                 state: "default" 0.0;
251                                 color: 255 0 0 0;
252                                 rel1 { relative: 0.0 0.0; }
253                                 rel2 { relative: 1.0 1.0; }
254                         }
255                 }
256                 part { name: "icon_bg_img";
257                         type: IMAGE;
258                         mouse_events: 1;
259                         scale : 1;
260                         description {
261                                 min : ALBUM_W ALBUM_H;
262                                 state: "default" 0.0;
263                                 image {
264                                         normal : GALLERY_EDC_IMAGE_MAIN_FOLDER_BG;
265                                 }
266                                 rel1 { relative: ALBUM_GAP_L/ALBUM_ITEM_W ALBUM_GAP_T/ALBUM_ITEM_H; to:"bg"; }
267                                 rel2 { relative: (ALBUM_ITEM_W-ALBUM_GAP_R-1)/ALBUM_ITEM_W 1.0; to:"bg"; }
268                         }
269                 }
270                 part { name: "icon_bg";
271                         type: RECT;
272                         mouse_events: 1;
273                         scale : 1;
274                         description {
275                                 min : ALBUM_ICON_W ALBUM_ICON_H;
276                                 state: "default" 0.0;
277                                 rel1 { relative: ALBUM_ICON_GAP_L/ALBUM_ICON_W 0.0; to:"icon_bg_img"; }
278                                 rel2 { relative: (ALBUM_ICON_W-ALBUM_ICON_GAP_R+2)/ALBUM_ICON_W (ALBUM_ICON_H-ALBUM_ICON_GAP_B+2)/ALBUM_ICON_H; to:"icon_bg_img"; }
279                         }
280                 }
281                 part {
282                         name: "elm.swallow.onlyicon";
283                         type: SWALLOW;
284                         mouse_events: 1;
285                         repeat_events: 1;
286                         description {
287                                 state: "default" 0.0;
288                                 rel1 { relative: (ALBUM_ICON_PAD/ALBUM_ICON_W) (ALBUM_ICON_PAD/ALBUM_ICON_H); to: "icon_bg"; }
289                                 rel2 { relative: (ALBUM_ICON_W-ALBUM_ICON_PAD)/ALBUM_ICON_W (ALBUM_ICON_H-ALBUM_ICON_PAD)/ALBUM_ICON_H; to: "icon_bg"; }
290                         }
291                 }
292                 part {
293                         name: "label_bg";
294                         type: SWALLOW;
295                         mouse_events: 1;
296                         repeat_events: 1;
297                                 description {
298                                 state: "default" 0.0;
299                                 rel1 { relative: (ALBUM_ICON_PAD/ALBUM_ICON_W) (ALBUM_ICON_PAD/ALBUM_ICON_H); offset: 0 0; to: "icon_bg"; }
300                                 rel2 { relative: ((ALBUM_ICON_PAD+ALBUM_TEXT_AREA_W-1)/ALBUM_ICON_W) ((ALBUM_ICON_PAD+ALBUM_TEXT_AREA_H-1)/ALBUM_ICON_H); offset: 0 0; to: "icon_bg"; }
301                         }
302                 }
303                 part {
304                         name: "elm.swallow.firsticon";
305                         type: SWALLOW;
306                         mouse_events: 1;
307                         repeat_events: 1;
308                         description {
309                                 state: "default" 0.0;
310                                 rel1 { relative: ((ALBUM_ICON_PAD+ALBUM_TEXT_AREA_W+ALBUM_ICON_PAD)/ALBUM_ICON_W) (ALBUM_ICON_PAD/ALBUM_ICON_H); to: "icon_bg"; }
311                                 rel2 { relative: (ALBUM_ICON_W-ALBUM_ICON_PAD)/ALBUM_ICON_W (ALBUM_TEXT_AREA_H+ALBUM_ICON_PAD)/ALBUM_ICON_H; to: "icon_bg"; }
312                         }
313                 }
314                 part {
315                         name: "elm.swallow.icon";
316                         type: SWALLOW;
317                         mouse_events: 1;
318                         repeat_events: 1;
319                         description {
320                                 state: "default" 0.0;
321                                 rel1 { relative: (ALBUM_ICON_PAD/ALBUM_ICON_W) ((ALBUM_ICON_PAD+ALBUM_TEXT_AREA_H+ALBUM_ICON_PAD)/ALBUM_ICON_H); to: "icon_bg"; }
322                                 rel2 { relative: (ALBUM_ICON_W-ALBUM_ICON_PAD)/ALBUM_ICON_W (ALBUM_ICON_H-ALBUM_ICON_PAD)/ALBUM_ICON_H; to: "icon_bg"; }
323                         }
324                 }
325                 part {
326                         name: "elm.text.date";
327                         type: TEXT;
328                         mouse_events: 1;
329                         repeat_events: 1;
330                         scale: 1;
331                         description {
332                                 state: "default" 0.0;
333                                 rel1 { relative: ALBUM_TEXT_GAP_L/ALBUM_TEXT_AREA_W  ALBUM_TEXT_NAME_H/ALBUM_TEXT_AREA_H; to: "label_bg"; }
334                                 rel2 { relative: (ALBUM_TEXT_AREA_W-ALBUM_TEXT_GAP_L-1)/ALBUM_TEXT_AREA_W  (ALBUM_TEXT_NAME_H+ALBUM_TEXT_DATE_H-1)/ALBUM_TEXT_AREA_H; to: "label_bg"; }
335                                 color: 190 190 190 255;
336                                 text {
337                                         font: "Helvetica Neue:style=Medium";
338                                         size: 22;
339                                         align: 0.0 0.5;
340                                 }
341                         }
342                 }
343                 part {
344                         name: "elm.text.count";
345                         type: TEXT;
346                         mouse_events: 1;
347                         repeat_events: 1;
348                         scale: 1;
349                         description {
350                                 state: "default" 0.0;
351                                 visible: 1;
352                                 rel1 { relative: ((ALBUM_TEXT_GAP_L+1)/ALBUM_TEXT_AREA_W)  ALBUM_TEXT_Y/ALBUM_TEXT_AREA_H; to: "label_bg"; }
353                                 rel2 { relative: (ALBUM_TEXT_AREA_W-ALBUM_TEXT_GAP_L-1)/ALBUM_TEXT_AREA_W  1.0; to: "label_bg"; }
354                                 color: 255 255 255 255;
355                                 text {
356                                         font: "Helvetica Neue:style=Medium";
357                                         size: 38;
358                                         align: 1.0 0.5;
359                                 }
360                         }
361                 }
362                 part {
363                         name: "elm.text.name";
364                         type: TEXT;
365                         mouse_events: 1;
366                         repeat_events: 1;
367                         scale: 1;
368                         description {
369                                 state: "default" 0.0;
370                                 rel1 { relative: (ALBUM_TEXT_GAP_L/ALBUM_TEXT_AREA_W) 0.0; to: "label_bg"; }
371                                 rel2 { relative: (ALBUM_TEXT_AREA_W-ALBUM_TEXT_GAP_L-1)/ALBUM_TEXT_AREA_W (ALBUM_TEXT_NAME_H-1)/ALBUM_TEXT_AREA_H; to: "label_bg"; }
372                                 color: 111 198 235 255;
373                                 text {
374                                         font: "Helvetica Neue:style=Medium";
375                                         size: 28;
376                                         align: 0.0 0.5;
377                                 }
378                         }
379                 }
380                 part {
381                         name: "elm.swallow.rename";
382                         type: SWALLOW;
383                         description {
384                                 state: "default" 0.0;
385                                 min: ALBUM_RENAME_BTN_W ALBUM_RENAME_BTN_H;
386                                 max: ALBUM_RENAME_BTN_W ALBUM_RENAME_BTN_H;
387                                 rel1 { relative: (ALBUM_ICON_W-ALBUM_ICON_PAD-ALBUM_RENAME_BTN_W)/ALBUM_ICON_W (ALBUM_ICON_H-ALBUM_ICON_PAD-ALBUM_RENAME_BTN_H)/ALBUM_ICON_H); to:"icon_bg"; }
388                                 rel2 { relative: (ALBUM_ICON_W-ALBUM_ICON_PAD)/ALBUM_ICON_W (ALBUM_ICON_H-ALBUM_ICON_PAD)/ALBUM_ICON_H); to:"icon_bg"; } //-->GUI_v0.2_110309
389                         }
390                 }
391                 part {
392                         name: "elm.swallow.check_grid";
393                         type: SWALLOW;
394                         mouse_events: 1;
395                         description {
396                                 state: "default" 0.0;
397                                 max : (ALBUM_ICON_W+2) (ALBUM_ICON_H+2);
398                                 rel1 { relative: (ALBUM_ICON_GAP_L-1)/ALBUM_ICON_W 0.0; to:"icon_bg_img"; }
399                                 rel2 { relative: (ALBUM_ICON_W-ALBUM_ICON_GAP_R+3)/ALBUM_ICON_W (ALBUM_ICON_H-ALBUM_ICON_GAP_B+4)/ALBUM_ICON_H; to:"icon_bg_img"; }
400                         }
401                 }
402                 part {
403                         name: "elm.swallow.end";
404                         type: SWALLOW;
405                         description {
406                                 state: "default" 0.0;
407                                 min: ALBUM_CHECKBOX_W ALBUM_CHECKBOX_H;
408                                 max: ALBUM_CHECKBOX_W ALBUM_CHECKBOX_H;
409                                 rel1 { relative: (ALBUM_GAP_L-ALBUM_CHECKBOX_GAP_L)/ALBUM_ITEM_W (ALBUM_GAP_T-ALBUM_CHECKBOX_GAP_T)/ALBUM_ITEM_H; to:"bg"; }
410                                 rel2 { relative: (ALBUM_GAP_L+ALBUM_CHECKBOX_W)/ALBUM_ITEM_W (ALBUM_GAP_T-ALBUM_CHECKBOX_GAP_T+ALBUM_CHECKBOX_H+1)/ALBUM_ITEM_H; to:"bg"; }
411                         }
412                 }
413         }
414 }