tools/apps/keyguard/res/edje/keyguard.edc

   1 /*
   2  * Tizen Krate Keyguard Layout
   3  *
   4  * Copyright (c) 2016 Samsung Electronics Co., Ltd All Rights Reserved
   5  *
   6  * Licensed under the Apache License, Version 2.0 (the "License");
   7  * you may not use this file except in compliance with the License.
   8  * You may obtain a copy of the License at
   9  *
  10  * http://www.apache.org/licenses/LICENSE-2.0
  11  *
  12  * Unless required by applicable law or agreed to in writing, software
  13  * distributed under the License is distributed on an "AS IS" BASIS,
  14  * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
  15  * See the License for the specific language governing permissions and
  16  * limitations under the License.
  17  *
  18  */
  19
  20 group { name: "keyguard_layout";
  21         images {
  22                 image: "../images/icon.png" COMP;
  23         }
  24         parts {
  25                 part { name: "bg";
  26                         type: RECT;
  27                         scale: 1;
  28                         description { state: "default" 0.0;
  29                                 color: 55 166 184 255;
  30                                 rel1 { relative : 0.0 0.0;}
  31                                 rel2 { relative : 1.0 1.0;}
  32                         }
  33                 }
  34                 part { name: "bg1";
  35                         type: RECT;
  36                         scale: 1;
  37                         description { state: "default" 0.0;
  38                                 color: 0 0 0 25;
  39                                 rel1 { relative: 0.0 0.0;}
  40                                 rel2 { relative: 1.0 1.0;}
  41                         }
  42                 }
  43                 part { name: "top_padding";
  44                         type: SPACER;
  45                         scale: 1;
  46                         description { state: "default" 0.0;
  47                                 rel1 { relative: 0.0 0.0;}
  48                                 rel2 { relative: 1.0 0.0; offset: 0 160;}
  49                         }
  50                 }
  51                 part { name: "icon_area";
  52                         type: SPACER;
  53                         scale: 1;
  54                         description { state: "default" 0.0;
  55                                 rel1 { relative : 0.0 1.0; to: "top_padding";}
  56                                 rel2 { relative : 1.0 1.0; to: "top_padding"; offset: 0 110;}
  57                         }
  58                 }
  59                 part { name: "icon";
  60                         type:IMAGE;
  61                         scale: 1;
  62                         description { state: "default" 0.0;
  63                                 max: 110 110;
  64                                 min: 110 110;
  65                                 rel1 { relative : 0.0 0.0; to: "icon_area";}
  66                                 rel2 { relative : 1.0 1.0; to: "icon_area";}
  67                                 align: 0.5 0.5;
  68                                 image.normal: "../images/icon.png";
  69                         }
  70                 }
  71                 part { name: "title";
  72                         type: TEXT;
  73                         scale: 1;
  74                         effect: SHADOW;
  75                         description { state: "default" 0.0;
  76                                 color: 255 255 255 255;
  77                                 color3: 85 88 88 255;
  78                                 rel1 { relative: 0.0 1.0; to: "icon_area"; offset: 22 0;}
  79                                 rel2 { relative: 1.0 1.0; to: "icon_area"; offset: -22 150;}
  80                                 text { font: "Tizen:style=Regular"; size: "40"; align: 0.5 0.5; text: "Krate";}
  81                         }
  82                 }
  83                 part { name: "title_bottom_padding";
  84                         type: SPACER;
  85                         scale: 1;
  86                         description { state: "default" 0.0;
  87                                 rel1 { relative: 0.0 1.0; to: "title";}
  88                                 rel2 { relative: 1.0 1.0; to: "title"; offset: 0 20;}
  89                         }
  90                 }
  91                 part { name: "entry_info_text";
  92                         type: TEXT;
  93                         scale: 1;
  94                         description { state: "default" 0.0;
  95                                 color: 255 255 255 255;
  96                                 rel1 { relative: 0.0 1.0; to: "title_bottom_padding";}
  97                                 rel2 { relative: 1.0 1.0; to: "title_bottom_padding"; offset: 0 40;}
  98                                 text { font: "Tizen:style=Regular"; size: "24"; align: 0.0 0.5; text: "Enter password";}
  99                         }
 100                 }
 101                 part { name: "entry_bg";
 102                         type: RECT;
 103                         scale: 1;
 104                         description { state: "default" 0.0;
 105                                 color: 255 255 255 255;
 106                                 rel1 { relative: 0.0 1.0; to: "entry_info_text"; offset: 0 22;}
 107                                 rel2 { relative: 1.0 1.0; to: "entry_info_text"; offset: 0 82;}
 108                         }
 109                 }
 110                 part { name: "entry";
 111                         type: SWALLOW;
 112                         scale: 1;
 113                         description { state: "default" 0.0;
 114                                 rel1 { relative: 0.0 0.0; to: "entry_bg";}
 115                                 rel2 { relative: 1.0 1.0; to: "entry_bg";}
 116                         }
 117                 }
 118                 part { name: "check_top_padding";
 119                         type: SPACER;
 120                         scale: 1;
 121                         description { state: "default" 0.0;
 122                                 rel1 { relative: 0.0 1.0; to: "entry_bg";}
 123                                 rel2 { relative: 1.0 1.0; to: "entry_bg"; offset: 0 22;}
 124                         }
 125                 }
 126                 part { name: "check_area";
 127                         type: SPACER;
 128                         scale: 1;
 129                         description { state: "default" 0.0;
 130                                 rel1 { relative: 0.0 1.0; to: "check_top_padding"; offset: 0 0;}
 131                                 rel2 { relative: 1.0 1.0; to: "check_top_padding"; offset: 0 60;}
 132                         }
 133                 }
 134                 part { name: "check_box";
 135                         type: SWALLOW;
 136                         scale: 1;
 137                         description { state: "default" 0.0;
 138                                 rel1 { relative: 0.0 0.0; to: "check_area";}
 139                                 rel2 { relative: 0.0 1.0; to: "check_area"; offset: 50 0;}
 140                         }
 141                 }
 142                 part { name: "check_text";
 143                         type: TEXT;
 144                         scale: 1;
 145                         description { state: "default" 0.0;
 146                                 rel1 { relative: 1.0 0.0; to: "check_box"; offset: 22 0;}
 147                                 rel2 { relative: 1.0 1.0; to: "check_area"; offset: 0 0;}
 148                                 text { font: "Tizen:style=Regular"; size: "24"; align: 0.0 0.5; text: "Show password";}
 149                                 align: 0.0 0.5;
 150                         }
 151                 }
 152                 part { name: "bottom_text";
 153                         type: TEXT;
 154                         scale: 1;
 155                         description { state: "default" 0.0;
 156                                 color: 255 255 255 255;
 157                                 rel1 { relative: 0.0 1.0; to: "bg"; offset: 22 -160;}
 158                                 rel2 { relative: 1.0 1.0; to: "bg"; offset: -22 0;}
 159                                 text { font: "Tizen:style=Regular"; size: "24"; align: 0.0 0.5; text: "Forgot your Krate unlock method?";}
 160                         }
 161                 }
 162                 programs {
 163                         program { name: "text_clicked_cb";
 164                                 signal: "mouse,clicked,1";
 165                                 source: "bottom_text";
 166                                 action: SIGNAL_EMIT "text_clicked" "layout";
 167                         }
 168                 }
 169         }
 170 }