res/edje/mobile/lock_pwd_simple.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 PART_KEYPAD_BUTTON_NUMBER(keypad_button, offx, offy, button_number, button_text) \
  18                         part { \
  19                                 name: keypad_button; \
  20                                 type: RECT; \
  21                                 mouse_events: 1; \
  22                                 repeat_events: 1; \
  23                                 description { \
  24                                         state: "default" 0.0; \
  25                                         color: 0 0 0 0; \
  26                                         rel1 { relative: NUMBER_KEYPAD_REL_W(34+offx) NUMBER_KEYPAD_REL_H(38+312+offy); to:"bg";} \
  27                                         rel2 { relative: NUMBER_KEYPAD_REL_W(34+offx+NUMBER_KEYPAD_BUTTON_WIDTH) NUMBER_KEYPAD_REL_H(38+312+offy+NUMBER_KEYPAD_BUTTON_HEIGHT); to:"bg"; } \
  28                                 } \
  29                                 description { \
  30                                         state: "pressed" 0.0; \
  31                                         inherit: "default" 0.0; \
  32                                 } \
  33                                 description { \
  34                                         state: "hide" 0.0; \
  35                                         visible: 0; \
  36                                 } \
  37                         } \
  38                         part { \
  39                                 name: keypad_button"_feedback"; \
  40                                 type: IMAGE; \
  41                                 repeat_events: 1; \
  42                                 description { \
  43                                         state: "default" 0.0; \
  44                                         rel1.to: keypad_button; \
  45                                         rel2.to: keypad_button; \
  46                                         fixed: 1 1; \
  47                                         image { \
  48                                                 normal: "keypad_press_bg.png"; \
  49                                         } \
  50                                         color_class: "AO018"; \
  51                                         visible: 0; \
  52                                 } \
  53                                 description { \
  54                                         state: "pressed" 0.0; \
  55                                         inherit: "default" 0.0; \
  56                                         visible: 1; \
  57                                 } \
  58                         } \
  59                         part { \
  60                                 name: keypad_button"_number"; \
  61                                 type: TEXT; \
  62                                 effect: "SHADOW"; \
  63                                 mouse_events: 0; \
  64                                 repeat_events: 1; \
  65                                 description { \
  66                                         state: "default" 0.0; \
  67                                         visible: 1; \
  68                                         rel1 { relative: 0.0 (14)/NUMBER_KEYPAD_BUTTON_HEIGHT; to: keypad_button;} \
  69                                         rel2 { relative: 1.0 (14+50)/NUMBER_KEYPAD_BUTTON_HEIGHT; to: keypad_button;} \
  70                                         fixed: 1 1; \
  71                                         align: 0.5 0.5; \
  72                                         color_class: PASS_KEY_NUM_COLOR; \
  73                                         text { \
  74                                                 align: 0.5 0.5; \
  75                                                 size: PASS_KEY_NUM_SIZE; \
  76                                                 text: button_number; \
  77                                                 font: "Tizen:style=Regular"; \
  78                                                 text_class: "tizen"; \
  79                                         } \
  80                                 } \
  81                                 description { \
  82                                         state: "hide" 0.0; \
  83                                         inherit: "default" 0.0; \
  84                                         visible: 0; \
  85                                 } \
  86                                 description { \
  87                                         state: "center" 0.0; \
  88                                         inherit: "default" 0.0; \
  89                                         rel1 { relative: 0.0 0.0; to: keypad_button;} \
  90                                         rel2 { relative: 1.0 1.0; to: keypad_button;} \
  91                                         align: 0.5 0.5; \
  92                                         text { \
  93                                                 align: 0.5 0.5; \
  94                                                 size: PASS_KEY_NUM_SIZE; \
  95                                                 text: button_number; \
  96                                                 font: "Tizen:style=Regular"; \
  97                                                 text_class: "tizen"; \
  98                                         } \
  99                                 } \
 100                         } \
 101                         part { \
 102                                 name: keypad_button"_text"; \
 103                                 type: TEXT; \
 104                                 effect: "SHADOW"; \
 105                                 mouse_events: 0; \
 106                                 repeat_events: 1; \
 107                                 description { \
 108                                         state: "default" 0.0; \
 109                                         visible: 1; \
 110                                         rel1 { relative: 0.0  (14+50+9)/NUMBER_KEYPAD_BUTTON_HEIGHT; to: keypad_button;} \
 111                                         rel2 { relative: 1.0  (14+50+9+26)/NUMBER_KEYPAD_BUTTON_HEIGHT; to: keypad_button;} \
 112                                         fixed: 1 1; \
 113                                         align: 0.5 0.5; \
 114                                         color_class: PASS_KEY_SUB_COLOR; \
 115                                         text { \
 116                                                 size: PASS_KEY_SUB_SIZE; \
 117                                                 text: button_text; \
 118                                                 align: 0.5 0.5; \
 119                                                 font: "Tizen:style=Regular"; \
 120                                                 text_class: "tizen"; \
 121                                         } \
 122                                 } \
 123                                 description { \
 124                                         state: "hide" 0.0; \
 125                                         inherit: "default" 0.0; \
 126                                         visible: 0; \
 127                                 } \
 128                         }
 129
 130 #define PROG_KEYPAD_BUTTON(keypad_button) \
 131                         program { \
 132                                 name: "down_"keypad_button; \
 133                                 signal: "mouse,down,*"; \
 134                                 source: keypad_button; \
 135                                 script { \
 136                                         set_state(PART:keypad_button"_feedback", "pressed", 0.0); \
 137                                         emit("keypad_down", keypad_button); \
 138                                 } \
 139                         } \
 140                         program { \
 141                                 name: "multi_down_"keypad_button; \
 142                                 signal: "multi_down_"keypad_button; \
 143                                 source: keypad_button; \
 144                                 script { \
 145                                         set_state(PART:keypad_button"_feedback", "pressed", 0.0); \
 146                                         emit("keypad_down", keypad_button); \
 147                                 } \
 148                         } \
 149                         program { \
 150                                 name: "ani_"keypad_button; \
 151                                 signal: "ani"; \
 152                                 source: keypad_button; \
 153                                 action: STATE_SET "default" 0.0; \
 154                                 transition: SINUSOIDAL 0.05; \
 155                                 target: keypad_button"_feedback"; \
 156                         } \
 157                         program { \
 158                                 name: "up_"keypad_button; \
 159                                 signal: "mouse,up,1"; \
 160                                 source: keypad_button; \
 161                                 script { \
 162                                         emit("keypad_down_up", keypad_button); \
 163                                         emit("ani", keypad_button); \
 164                                 } \
 165                         } \
 166                         program { \
 167                                 name: "multi_up_"keypad_button; \
 168                                 signal: "multi_up_"keypad_button; \
 169                                 source: keypad_button; \
 170                                 script { \
 171                                         emit("keypad_down_up", keypad_button); \
 172                                         emit("ani", keypad_button); \
 173                                 } \
 174                         } \
 175                         program { \
 176                                 name: "clicked_"keypad_button; \
 177                                 signal: "mouse,clicked,1"; \
 178                                 source: keypad_button; \
 179                                 script { \
 180                                         emit("keypad_down_clicked", keypad_button); \
 181                                 } \
 182                         } \
 183                         program { \
 184                                 name: "multi_clicked_"keypad_button; \
 185                                 signal: "multi_clicked_"keypad_button; \
 186                                 source: keypad_button; \
 187                                 script { \
 188                                         emit("keypad_down_clicked", keypad_button); \
 189                                 } \
 190                         } \
 191
 192
 193 #define PANEL_PART(idx) \
 194         part { \
 195                 name: "dot"idx; \
 196                 type: IMAGE; \
 197                 scale: 1; \
 198                 description { \
 199                         state: "default" 0.0; \
 200                         min: DOT_WIDTH DOT_HEIGHT; \
 201                         max: DOT_WIDTH DOT_HEIGHT; \
 202                         rel1 { relative: NUMBER_KEYPAD_REL_W(105 + idx*(72+14)) NUMBER_KEYPAD_REL_H(38+156); to: "bg"; } \
 203                         rel2 { relative: NUMBER_KEYPAD_REL_W(105 + idx*(72+14)+72) NUMBER_KEYPAD_REL_H(38+156+72); to: "bg"; } \
 204                         fixed: 1 1; \
 205                         image { \
 206                                 normal: "ls_password_dot.png"; \
 207                         } \
 208                         visible: 0; \
 209                 } \
 210                 description { \
 211                         state: "show" 0.0; \
 212                         inherit: "default" 0.0; \
 213                         visible: 1; \
 214                 } \
 215         } \
 216         part { \
 217                 name: "panel"idx; \
 218                 type: TEXT; \
 219                 effect: "SHADOW"; \
 220                 description { \
 221                         state: "default" 0.0; \
 222                         rel1 { relative: NUMBER_KEYPAD_REL_W(105 + idx*(72+14)) NUMBER_KEYPAD_REL_H(38+156); to: "bg"; } \
 223                         rel2 { relative: NUMBER_KEYPAD_REL_W(105 + idx*(72+14)+72) NUMBER_KEYPAD_REL_H(38+156+72); to: "bg"; } \
 224                         fixed: 1 1; \
 225                         text { \
 226                                 size: 68; \
 227                                 font: "Tizen:style=Regular"; \
 228                                 text_class: "tizen"; \
 229                         } \
 230                         visible: 0; \
 231                 } \
 232                 description { \
 233                         state: "show" 0.0; \
 234                         inherit: "default" 0.0; \
 235                         visible: 1; \
 236                 } \
 237         } \
 238
 239 #define INPUT_PROGRAM(idx) \
 240         program { \
 241                 name: "input_show"idx; \
 242                 action: STATE_SET "show" 0.0; \
 243                 source: "keyboard"; \
 244                 signal: "input_show"idx; \
 245                 target: "panel"idx; \
 246         } \
 247         program { \
 248                 name: "input_hide"idx; \
 249                 action: STATE_SET "default" 0.0; \
 250                 source: "keyboard"; \
 251                 signal: "input_hide"idx; \
 252                 target: "panel"idx; \
 253         } \
 254         program { \
 255                 name: "dot_show"idx; \
 256                 action: STATE_SET "show" 0.0; \
 257                 source: "keyboard"; \
 258                 signal: "dot_show"idx; \
 259                 target: "dot"idx; \
 260                 after: "input_hide"idx; \
 261         } \
 262         program { \
 263                 name: "dot_hide"idx; \
 264                 action: STATE_SET "default" 0.0; \
 265                 source: "keyboard"; \
 266                 signal: "dot_hide"idx; \
 267                 target: "dot"idx; \
 268                 after: "input_hide"idx; \
 269         } \
 270
 271
 272 #define PART_DBG(part_name, R, G, B, A) \
 273         part { \
 274                 name: part_name",dbg"; \
 275                 type: RECT; \
 276                 mouse_events: 1; \
 277                 repeat_events: 1; \
 278                 description { \
 279                         state: "default" 0.0; \
 280                         rel1 { relative: 0.0 0.0; to: part_name; } \
 281                         rel2 { relative: 1.0 1.0; to: part_name; } \
 282                         color: R G B A; \
 283                 } \
 284         } \
 285
 286 styles {
 287         style {
 288                 name: "style_simple_title";
 289                 base: "font=Tizen:style=Regular color=#ffffffff color_class=ATO033 font_size=30 wrap=mixed align=center style=shadow shadow_color=#000000bf text_class=ATO033";
 290                 tag: "br" "\n";
 291                 tag: "hilight" "+ color=#ffff";
 292                 tag: "b" "+ color=#ffff";
 293                 tag: "tab" "\t";
 294         }
 295 }
 296
 297         group {
 298                 name: "lock-simple-password";
 299                 images {
 300                         image: "ls_password_dot.png" COMP;
 301                         image: "ls_back_02_nor.png" COMP;
 302                         image: "ls_back_02_press.png" COMP;
 303                         image: "keypad_press_bg.png" COMP;
 304                 }
 305                 parts {
 306                         part {
 307                                 name: "bg";
 308                                 type: SPACER;
 309                                 description {
 310                                         state: "default" 0.0;
 311                                 }
 312                         }
 313                         part {
 314                                 name: "title";
 315                                 type: TEXTBLOCK;
 316                                 effect: "SHADOW";
 317                                 scale: 1;
 318                                 description {
 319                                         state: "default" 0.0;
 320                                         rel1 { relative: NUMBER_KEYPAD_REL_W(14) NUMBER_KEYPAD_REL_H(INDICATOR_SIZE+70); to: "bg"; }
 321                                         rel2 { relative: NUMBER_KEYPAD_REL_W(526) NUMBER_KEYPAD_REL_H((INDICATOR_SIZE+70+42)); to: "bg"; }
 322                                         min: 512 42;
 323                                         fixed: 1 1;
 324                                         color_class: "ATO033";
 325                                         text {
 326                                                 min: 0 1;
 327                                                 align: 0.5 0.5;
 328                                                 style: "style_simple_title";
 329                                                 text: "Enter PIN";
 330                                         }
 331                                 }
 332                                 description {
 333                                         state: "show_title" 0.0;
 334                                         inherit: "default" 0.0;
 335                                         visible: 1;
 336                                 }
 337                                 description {
 338                                         state: "hide_title" 0.0;
 339                                         inherit: "default" 0.0;
 340                                         visible: 0;
 341                                 }
 342                         }
 343
 344                         PANEL_PART(0)
 345                         PANEL_PART(1)
 346                         PANEL_PART(2)
 347                         PANEL_PART(3)
 348
 349                         PART_KEYPAD_BUTTON_NUMBER("1", 0, 0, "1", "");
 350                         PART_KEYPAD_BUTTON_NUMBER("2", NUMBER_KEYPAD_BUTTON_WIDTH+NUMBER_KEYPAD_BUTTON_PAD_X, 0, "2", "ABC");
 351                         PART_KEYPAD_BUTTON_NUMBER("3", 2*(NUMBER_KEYPAD_BUTTON_WIDTH+NUMBER_KEYPAD_BUTTON_PAD_X), 0, "3", "DEF");
 352                         PART_KEYPAD_BUTTON_NUMBER("4", 0, NUMBER_KEYPAD_BUTTON_HEIGHT+NUMBER_KEYPAD_BUTTON_PAD_Y, "4", "GHI");
 353                         PART_KEYPAD_BUTTON_NUMBER("5", NUMBER_KEYPAD_BUTTON_WIDTH+NUMBER_KEYPAD_BUTTON_PAD_X, NUMBER_KEYPAD_BUTTON_HEIGHT+NUMBER_KEYPAD_BUTTON_PAD_Y, "5", "JKL");
 354                         PART_KEYPAD_BUTTON_NUMBER("6", 2*(NUMBER_KEYPAD_BUTTON_WIDTH+NUMBER_KEYPAD_BUTTON_PAD_X), NUMBER_KEYPAD_BUTTON_HEIGHT+NUMBER_KEYPAD_BUTTON_PAD_Y, "6", "MNO");
 355                         PART_KEYPAD_BUTTON_NUMBER("7", 0, 2*(NUMBER_KEYPAD_BUTTON_HEIGHT+NUMBER_KEYPAD_BUTTON_PAD_Y), "7", "PQRS");
 356                         PART_KEYPAD_BUTTON_NUMBER("8", NUMBER_KEYPAD_BUTTON_WIDTH+NUMBER_KEYPAD_BUTTON_PAD_X, 2*(NUMBER_KEYPAD_BUTTON_HEIGHT+NUMBER_KEYPAD_BUTTON_PAD_Y), "8", "TUV");
 357                         PART_KEYPAD_BUTTON_NUMBER("9", 2*(NUMBER_KEYPAD_BUTTON_WIDTH+NUMBER_KEYPAD_BUTTON_PAD_X), 2*(NUMBER_KEYPAD_BUTTON_HEIGHT+NUMBER_KEYPAD_BUTTON_PAD_Y), "9", "WXYZ");
 358                         PART_KEYPAD_BUTTON_NUMBER("0", NUMBER_KEYPAD_BUTTON_WIDTH+NUMBER_KEYPAD_BUTTON_PAD_X, 3*(NUMBER_KEYPAD_BUTTON_HEIGHT+NUMBER_KEYPAD_BUTTON_PAD_Y), "0", "");
 359
 360                         part {
 361                                 name: "Backspace_feedback";
 362                                 type: IMAGE;
 363                                 mouse_events: 1;
 364                                 repeat_events: 1;
 365                                 description {
 366                                         state: "default" 0.0;
 367                                         rel1 {
 368                                                 relative: NUMBER_KEYPAD_REL_W(34+2*(NUMBER_KEYPAD_BUTTON_WIDTH+NUMBER_KEYPAD_BUTTON_PAD_X)) NUMBER_KEYPAD_REL_H(INDICATOR_SIZE+312+3*(NUMBER_KEYPAD_BUTTON_HEIGHT+NUMBER_KEYPAD_BUTTON_PAD_Y));
 369                                                 to: "bg";
 370                                         }
 371                                         rel2 {
 372                                                 relative: NUMBER_KEYPAD_REL_W(34+2*(NUMBER_KEYPAD_BUTTON_WIDTH+NUMBER_KEYPAD_BUTTON_PAD_X)+NUMBER_KEYPAD_BUTTON_WIDTH) NUMBER_KEYPAD_REL_H(INDICATOR_SIZE+312+3*(NUMBER_KEYPAD_BUTTON_HEIGHT+NUMBER_KEYPAD_BUTTON_PAD_Y)+NUMBER_KEYPAD_BUTTON_HEIGHT);
 373                                                 to: "bg";
 374                                         }
 375                                         image {
 376                                                 normal: "keypad_press_bg.png";
 377                                         }
 378                                         color_class: "AO018";
 379                                         visible: 0;
 380                                         color: BUTTON_PRESSED_COLOR;
 381                                 }
 382                                 description {
 383                                         state: "pressed" 0.0;
 384                                         inherit: "default" 0.0;
 385                                         visible: 1;
 386                                 }
 387                                 description {
 388                                         state: "hide" 0.0;
 389                                         inherit: "default" 0.0;
 390                                 }
 391                         }
 392                         part {
 393                                 name: "Backspace";
 394                                 type: IMAGE;
 395                                 scale: 1;
 396                                 repeat_events: 1;
 397                                 description {
 398                                         state: "default" 0.0;
 399                                         rel1.to: "Backspace_feedback";
 400                                         rel2.to: "Backspace_feedback";
 401                                         min: 92 68;
 402                                         max: 92 68;
 403                                         fixed: 1 1;
 404                                         image.normal: "ls_back_02_nor.png";
 405                                         align: 0.5 0.5;
 406                                 }
 407                                 description {
 408                                         state: "pressed" 0.0;
 409                                         inherit: "default" 0.0;
 410                                         image.normal: "ls_back_02_press.png";
 411                                 }
 412                         }
 413                         /* Bottom */
 414                         part {
 415                                 name: "control_panel";
 416                                 type: SWALLOW;
 417                                 description {
 418                                         state: "default" 0.0;
 419                                         rel1 {
 420                                                 relative: 0.0 (INDICATOR_SIZE+312+478)/NUMBER_KEYPAD_PANEL_HEIGHT; to: "bg";
 421                                         }
 422                                         rel2 {
 423                                                 relative: 1.0 1.0; to: "bg";
 424                                         }
 425                                 }
 426                         }
 427                 }
 428                 programs {
 429                         program {
 430                                 name: "init.layout";
 431                                 signal: "load";
 432                                 source: "";
 433                                 script {
 434                                         set_state(PART:"0_number", "center", 0.0);
 435                                 }
 436                         }
 437
 438                         INPUT_PROGRAM(0)
 439                         INPUT_PROGRAM(1)
 440                         INPUT_PROGRAM(2)
 441                         INPUT_PROGRAM(3)
 442
 443                         PROG_KEYPAD_BUTTON("1")
 444                         PROG_KEYPAD_BUTTON("2")
 445                         PROG_KEYPAD_BUTTON("3")
 446                         PROG_KEYPAD_BUTTON("4")
 447                         PROG_KEYPAD_BUTTON("5")
 448                         PROG_KEYPAD_BUTTON("6")
 449                         PROG_KEYPAD_BUTTON("7")
 450                         PROG_KEYPAD_BUTTON("8")
 451                         PROG_KEYPAD_BUTTON("9")
 452                         PROG_KEYPAD_BUTTON("0")
 453                         PROG_KEYPAD_BUTTON("Backspace")
 454                 }
 455                 program {
 456                         name: "show.title";
 457                         signal: "show_title";
 458                         action: STATE_SET "show_title" 0.0;
 459                         source: "title";
 460                         target: "title";
 461                 }
 462                 program {
 463                         name: "hide.title";
 464                         signal: "hide_title";
 465                         action: STATE_SET "hide_title" 0.0;
 466                         source: "title";
 467                         target: "title";
 468                 }
 469         }
 470