ug-lockscreen-setting-efl/res/edje/lockscreen-options-colorpick.edc

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