res/edje/mobile/lock_pwd.edc

   1 /*
   2  * Copyright (c) 2009-2014 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 #define WINDOW_HEIGHT 960
  18 #define WINDOW_WIDTH 540
  19 #define INDICATOR_SIZE 38
  20
  21 /* simple password */
  22 #define NUMBER_KEYPAD_PANEL_WIDTH      WINDOW_WIDTH
  23 #define NUMBER_KEYPAD_PANEL_HEIGHT     WINDOW_HEIGHT
  24 #define NUMBER_KEYPAD_BUTTON_WIDTH     112
  25 #define NUMBER_KEYPAD_BUTTON_HEIGHT    112
  26 #define NUMBER_KEYPAD_BUTTON_PAD_X     68
  27 #define NUMBER_KEYPAD_BUTTON_PAD_Y     10
  28
  29 #define NUMBER_KEYPAD_REL_W(x)         ((x)/NUMBER_KEYPAD_PANEL_WIDTH)
  30 #define NUMBER_KEYPAD_REL_H(y)         ((y)/NUMBER_KEYPAD_PANEL_HEIGHT)
  31 #define NUMBER_KEYPAD_BUTTON_REL_W(x)  ((x)/NUMBER_KEYPAD_BUTTON_WIDTH)
  32 #define NUMBER_KEYPAD_BUTTON_REL_H(y)  ((y)/NUMBER_KEYPAD_BUTTON_HEIGHT)
  33
  34 #define PASS_KEY_NUM_SIZE 54
  35 #define PASS_KEY_SUB_SIZE 24
  36
  37 #define DOT_WIDTH 20
  38 #define DOT_HEIGHT 20
  39
  40 /* simple password - button pressed color */
  41 #define LOCK_TEXT_COLOR         245 245 245 255
  42 #define LOCK_TEXT_COLOR2                0 0 0 0
  43 #define LOCK_TEXT_COLOR3                0 0 0 178
  44 #define BUTTON_PRESSED_COLOR            179 179 179 179
  45
  46 /* complex password */
  47 #define LINE_COLOR "AO021"
  48 #define LINE_SHADOW_COLOR "AO017"
  49 #define INFO_FONT_COLOR "ATO033"
  50 #define PASS_FONT_COLOR "ATO035"
  51 #define PASS_FONT_SIZE 43
  52 #define INFO_FONT_SIZE 30
  53
  54 #define IME_RESIZED 1
  55 #define IME_DOWN 2
  56
  57
  58 collections {
  59         base_scale: 1.7;
  60
  61 #include "lock_pwd_simple.edc"
  62 #include "lock_pwd_complex.edc"
  63
  64         group {
  65                 name: "lock_pwd";
  66                 parts {
  67                         part {
  68                                 name: "bg";
  69                                 type: SPACER;
  70                                 description {
  71                                         state: "default" 0.0;
  72                                         rel1 { relative: 0.0 0.0; }
  73                                         rel2 { relative: 1.0 1.0; }
  74                                 }
  75                         }
  76                         part {
  77                                 name: "sw.bg";
  78                                 type: SWALLOW;
  79                                 description {
  80                                         state: "default" 0.0;
  81                                         rel1 { to: "bg"; }
  82                                         rel2 { to: "bg"; }
  83                                 }
  84                         }
  85                         part {
  86                                 name: "sw.lock_pwd";
  87                                 type: SWALLOW;
  88                                 description {
  89                                         state: "default" 0.0;
  90                                         rel1 { to: "bg"; }
  91                                         rel2 { to: "bg"; }
  92                                 }
  93                         }
  94                 }
  95                 programs {
  96                 }
  97         }
  98
  99         group {
 100                 name: "lock-control-panel";
 101                 parts {
 102                         part {
 103                                 name: "bg";
 104                                 type: SPACER;
 105                                 description {
 106                                         state: "default" 0.0;
 107                                 }
 108                         }
 109                         part {
 110                                 name: "padding.top";
 111                                 type: SPACER;
 112                                 description {
 113                                         state: "default" 0.0;
 114                                         rel1 { relative: 0.0 0.0; to: "bg"; }
 115                                         rel2 { relative: 1.0 0.0; to: "bg"; }
 116                                 }
 117                         }
 118                         part {
 119                                 name: "padding.left";
 120                                 type: SPACER;
 121                                 description {
 122                                         state: "default" 0.0;
 123                                         rel1 { relative: 0.0 0.0; to: "bg"; }
 124                                         rel2 { relative: 40/WINDOW_WIDTH 1.0; to: "bg"; }
 125                                 }
 126                         }
 127                         part {
 128                                 name: "padding.right";
 129                                 type: SPACER;
 130                                 description {
 131                                         state: "default" 0.0;
 132                                         rel1 { relative: (WINDOW_WIDTH - 40)/WINDOW_WIDTH 0.0; to: "bg"; }
 133                                         rel2 { relative: 1.0 1.0; to: "bg"; }
 134                                 }
 135                         }
 136                         part {
 137                                 name: "padding.bottom";
 138                                 type: SPACER;
 139                                 description {
 140                                         state: "default" 0.0;
 141                                         rel1 { relative: 0.0 65/110; to: "bg"; }
 142                                         rel2 { relative: 1.0 1.0; to: "bg"; }
 143                                 }
 144                                 description {
 145                                         state: "button2_visible" 0.0;
 146                                         rel1 { relative: 0.0 84/110; to: "bg"; }
 147                                         rel2 { relative: 1.0 1.0; to: "bg"; }
 148                                 }
 149                         }
 150                         part {
 151                                 name: "button1,bg";
 152                                 type: RECT;
 153                                 scale: 1;
 154                                 mouse_events: 1;
 155                                 repeat_events: 1;
 156                                 description {
 157                                         state: "default" 0.0;
 158                                         fixed: 1 1;
 159                                         rel1 { to: "button1"; offset: -3 0; }
 160                                         rel2 { to: "button1"; offset: 3 0; }
 161                                         visible: 1;
 162                                         min: 1 40;
 163                                         color: 0 0 0 0;
 164                                 }
 165                                 description {
 166                                         state: "pressed" 0.0;
 167                                         fixed: 1 1;
 168                                         rel1 { to: "button1"; offset: -3 0; }
 169                                         rel2 { to: "button1"; offset: 3 0; }
 170                                         visible: 1;
 171                                         color_class: AO018;
 172                                         min: 1 40;
 173                                 }
 174                         }
 175                         part {
 176                                 name: "button1";
 177                                 type: SWALLOW;
 178                                 scale: 1;
 179                                 mouse_events: 1;
 180                                 repeat_events: 1;
 181                                 description {
 182                                         state: "default" 0.0;
 183                                         fixed: 1 1;
 184                                         align: 0.0 0.5;
 185                                         rel1 {
 186                                                 relative: 1.0 0.5;
 187                                                 to_x: "padding.left";
 188                                                 to_y: "bg";
 189                                         }
 190                                         rel2 {
 191                                                 relative: 1.0  0.5;
 192                                                 to_x: "padding.left";
 193                                                 to_y: "bg";
 194                                         }
 195                                 }
 196                                 description {
 197                                         state: "button2_visible" 0.0;
 198                                         inherit: "default";
 199                                         align: 0.0 0.0;
 200                                         rel1 {
 201                                                 relative: 1.0 1.0;
 202                                                 to_x: "padding.left";
 203                                                 to_y: "padding.top";
 204                                         }
 205                                         rel2 {
 206                                                 relative: 1.0 1.0;
 207                                                 to_x: "padding.left";
 208                                                 to_y: "padding.top";
 209                                         }
 210                                 }
 211                         }
 212                         part {
 213                                 name: "button2,bg";
 214                                 type: RECT;
 215                                 scale: 1;
 216                                 mouse_events: 1;
 217                                 repeat_events: 1;
 218                                 description {
 219                                         state: "default" 0.0;
 220                                         visible: 0;
 221                                 }
 222                                 description {
 223                                         state: "pressed" 0.0;
 224                                         rel1 { to: "button2"; offset: -3 0; }
 225                                         rel2 { to: "button2"; offset: 3 0; }
 226                                         visible: 1;
 227                                         color_class: AO018;
 228                                         min: 1 40;
 229                                 }
 230                                 description {
 231                                         state: "button2_visible" 0.0;
 232                                         rel1 { to: "button2"; }
 233                                         rel2 { to: "button2"; }
 234                                         visible: 1;
 235                                         color: 0 0 0 0;
 236                                         min: 1 40;
 237                                 }
 238                         }
 239                         part {
 240                                 name: "button2";
 241                                 type: SWALLOW;
 242                                 scale: 1;
 243                                 mouse_events: 1;
 244                                 repeat_events: 1;
 245                                 description {
 246                                         state: "default" 0.0;
 247                                         visible: 0;
 248                                 }
 249                                 description {
 250                                         state: "button2_visible" 0.0;
 251                                         min: 300 40;
 252                                         max: 300 40;
 253                                         fixed: 1 1;
 254                                         align: 0.0 1.0;
 255                                         rel1 {
 256                                                 relative: 1.0 0.0;
 257                                                 to_x: "padding.left";
 258                                                 to_y: "padding.bottom";
 259                                         }
 260                                         rel2 {
 261                                                 relative: 1.0 0.0;
 262                                                 to_x: "padding.left";
 263                                                 to_y: "padding.bottom";
 264                                         }
 265                                 }
 266                         }
 267                         /* cancel */
 268                         part {
 269                                 name: "button3.clipper";
 270                                 type: RECT;
 271                                 mouse_events: 1;
 272                                 description {
 273                                         state: "default" 0.0;
 274                                         rel1 { to: "button3"; }
 275                                         rel2 { to: "button3"; }
 276                                         color: 255 255 255 255;
 277                                         visible: 1;
 278                                 }
 279                                 description {
 280                                         state: "show" 0.0;
 281                                         inherit: "default" 0.0;
 282                                         color: 178 178 178 178;
 283                                 }
 284                         }
 285                         part {
 286                                 name: "button3";
 287                                 type: SWALLOW;
 288                                 scale: 1;
 289                                 clip_to: "button3.clipper";
 290                                 description {
 291                                         state: "default" 0.0;
 292                                         fixed: 1 1;
 293                                         align: 1.0 0.5;
 294                                         rel1 {
 295                                                 relative: 0.0 0.5;
 296                                                 to_x: "padding.right";
 297                                                 to_y: "bg";
 298                                         }
 299                                         rel2 {
 300                                                 relative: 0.0 0.5;
 301                                                 to_x: "padding.right";
 302                                                 to_y: "bg";
 303                                         }
 304                                 }
 305                         }
 306                         part {
 307                                 name: "button3.block";
 308                                 type: RECT;
 309                                 mouse_events: 1;
 310                                 repeat_events: 0;
 311                                 description {
 312                                         state: "default" 0.0;
 313                                         rel1 { to: "button3"; }
 314                                         rel2 { to: "button3"; }
 315                                         color: 0 0 0 0;
 316                                         visible: 0;
 317                                 }
 318                                 description {
 319                                         state: "show" 0.0;
 320                                         inherit: "default" 0.0;
 321                                         visible: 1;
 322                                 }
 323                         }
 324                 }
 325                 programs {
 326                         program {
 327                                 name: "show,button2";
 328                                 signal: "show,button2";
 329                                 source: "button2";
 330                                 action: STATE_SET "button2_visible" 0.0;
 331                                 target: "padding.bottom";
 332                                 target: "button1";
 333                                 target: "button2";
 334                                 target: "button2,bg";
 335                         }
 336                         program {
 337                                 name: "hide,button2";
 338                                 signal: "hide,button2";
 339                                 source: "button2";
 340                                 action: STATE_SET "default" 0.0;
 341                                 target: "padding.bottom";
 342                                 target: "button1";
 343                                 target: "button2";
 344                                 target: "button2,bg";
 345                         }
 346                         program {
 347                                 name: "button1,clicked";
 348                                 signal: "mouse,clicked,1";
 349                                 source: "button1,bg";
 350                                 action: SIGNAL_EMIT "emg_button" "clicked";
 351                         }
 352                         program {
 353                                 name: "button2,clicked";
 354                                 signal: "mouse,clicked,1";
 355                                 source: "button2,bg";
 356                                 action: SIGNAL_EMIT "account_button" "clicked";
 357                         }
 358                         program {
 359                                 name: "button1,down";
 360                                 signal: "mouse,down,1";
 361                                 source: "button1,bg";
 362                                 action: STATE_SET "pressed" 0.0;
 363                                 target: "button1,bg";
 364                         }
 365                         program {
 366                                 name: "button1,up";
 367                                 signal: "mouse,up,1";
 368                                 source: "button1,bg";
 369                                 action: STATE_SET "default" 0.0;
 370                                 target: "button1,bg";
 371                         }
 372                         program {
 373                                 name: "button2,down";
 374                                 signal: "mouse,down,1";
 375                                 source: "button2,bg";
 376                                 action: STATE_SET "pressed" 0.0;
 377                                 target: "button2,bg";
 378                         }
 379                         program {
 380                                 name: "button2,up";
 381                                 signal: "mouse,up,1";
 382                                 source: "button2,bg";
 383                                 action: STATE_SET "button2_visible" 0.0;
 384                                 target: "button2,bg";
 385                         }
 386                         program {
 387                                 signal: "button3,enable";
 388                                 source: "prog";
 389                                 action: STATE_SET "default" 0.0;
 390                                 target: "button3.clipper";
 391                                 target: "button3.block";
 392                         }
 393                         program {
 394                                 signal: "button3,disable";
 395                                 source: "prog";
 396                                 action: STATE_SET "show" 0.0;
 397                                 target: "button3.clipper";
 398                                 target: "button3.block";
 399                         }
 400                 }
 401         }
 402 }