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