res/edje/item.edc

   1 #define ITEM_TYPING_WIDTH 442
   2 #define ITEM_TYPING_HEIGHT 30
   3
   4 #define ITEM_SELECTING_WIDTH 480
   5 #define ITEM_SELECTING_HEIGHT 75
   6
   7 #define ITEM_RESULT_WIDTH ITEM_SELECTING_WIDTH
   8 #define ITEM_RESULT_HEIGHT ITEM_SELECTING_HEIGHT
   9
  10 images {
  11         image: "my_status_small.png" COMP;
  12         image: "other_location_blue_small.png" COMP;
  13         image: "other_location_mint_small.png" COMP;
  14         image: "delete_button.png" COMP;
  15 }
  16
  17 collections {
  18         base_scale: 1.8;
  19         group {
  20                 name: "item_typing";
  21                 parts {
  22                         part {
  23                                 name: "bg";
  24                                 type: RECT;
  25                                 description {
  26                                         rel1 { relative: 0.0 0.0; }
  27                                         rel2 { relative: 1.0 1.0; }
  28                                         min: ITEM_TYPING_WIDTH ITEM_TYPING_HEIGHT;
  29                                         color: 247 208 143 255;
  30                                         visible: 1;
  31                                 }
  32                         }
  33                         part {
  34                                 name: "city";
  35                                 type: TEXT;
  36                                 mouse_events: 0;
  37                                 scale: 1;
  38                                 description {
  39                                         state: "default" 0.0;
  40                                         rel1 { relative: 0.0 0.0; to: "city_event"; }
  41                                         rel2 { relative: 1.0 1.0; to: "city_event"; }
  42                                         color: 255 255 255 255;
  43                                         text {
  44                                                 text: "Hong kong";
  45                                                 font: "Tizen:style=LIGHT";
  46                                                 text_class: "tizen";
  47                                                 min: 0 1;
  48                                                 size: 20;
  49                                                 align: 0.0 0.5;
  50                                         }
  51                                         align: 0.0 1.0;
  52                                         visible: 1;
  53                                 }
  54                                 description {
  55                                         state: "press" 0.0;
  56                                         inherit: "default" 0.0;
  57                                         color: 255 255 255 100;
  58                                 }
  59                         }
  60                         part {
  61                                 name: "city_event";
  62                                 type: RECT;
  63                                 mouse_events: 1;
  64                                 scale: 1;
  65                                 description {
  66                                         state: "default" 0.0;
  67                                         rel1 { relative: 73/ITEM_TYPING_WIDTH 0.0; to: "bg"; }
  68                                         rel2 { relative: 400/ITEM_TYPING_WIDTH 1.0; to: "bg"; }
  69                                         align: 0.5 0.5;
  70                                         min: ITEM_SELECTING_HEIGHT ITEM_SELECTING_HEIGHT;
  71                                         fixed: 1 1;
  72                                         color: 0 0 0 0;
  73                                         visible: 1;
  74                                 }
  75                         }
  76                 } //parts
  77                 programs {
  78                         program {
  79                                 signal: "mouse,down,1";
  80                                 source: "city_event";
  81                                 action: SIGNAL_EMIT "down" "item";
  82                                 after: "down,after";
  83                         }
  84                         program {
  85                                 name: "down,after";
  86                                 action: STATE_SET "press" 0.0;
  87                                 target: "city";
  88                         }
  89                         program {
  90                                 signal: "mouse,up,1";
  91                                 source: "city_event";
  92                                 action: SIGNAL_EMIT "up" "item";
  93                                 after: "up,after";
  94                         }
  95                         program {
  96                                 name: "up,after";
  97                                 action: STATE_SET "default" 0.0;
  98                                 target: "city";
  99                         }
 100                 }
 101         }
 102
 103         group {
 104                 name: "item_selecting";
 105                 parts {
 106                         part {
 107                                 name: "bg";
 108                                 type: RECT;
 109                                 description {
 110                                         rel1 { relative: 0.0 0.0; }
 111                                         rel2 { relative: 1.0 1.0; }
 112                                         min: ITEM_SELECTING_WIDTH ITEM_SELECTING_HEIGHT;
 113                                         color: 255 255 255 255;
 114                                         visible: 1;
 115                                 }
 116                         }
 117                         part {
 118                                 name: "mark";
 119                                 type: IMAGE;
 120                                 scale: 1;
 121                                 description {
 122                                         state: "default" 0.0;
 123                                         rel1 { relative: 38/ITEM_SELECTING_WIDTH 0.5; to: "bg"; }
 124                                         rel2 { relative: 38/ITEM_SELECTING_WIDTH 0.5; to: "bg"; }
 125                                         align: 0.5 0.5;
 126                                         min: 14 12;
 127                                         fixed: 1 1;
 128                                         image {
 129                                                 normal: "my_status_small.png";
 130                                         }
 131                                         visible: 1;
 132                                 }
 133                                 description {
 134                                         state: "1" 0.0;
 135                                         inherit: "default" 0.0;
 136                                         min: 14 14;
 137                                         image {
 138                                                 normal: "other_location_blue_small.png";
 139                                         }
 140                                 }
 141                                 description {
 142                                         state: "2" 0.0;
 143                                         inherit: "default" 0.0;
 144                                         min: 14 14;
 145                                         image {
 146                                                 normal: "other_location_mint_small.png";
 147                                         }
 148                                 }
 149                                 description {
 150                                         state: "3" 0.0;
 151                                         inherit: "default" 0.0;
 152                                         min: 14 14;
 153                                         image {
 154                                                 normal: "other_location_blue_small.png";
 155                                         }
 156                                 }
 157                                 description {
 158                                         state: "4" 0.0;
 159                                         inherit: "default" 0.0;
 160                                         min: 14 14;
 161                                         image {
 162                                                 normal: "other_location_mint_small.png";
 163                                         }
 164                                 }
 165                         }
 166                         part {
 167                                 name: "city";
 168                                 type: TEXT;
 169                                 mouse_events: 0;
 170                                 scale: 1;
 171                                 description {
 172                                         state: "default" 0.0;
 173                                         rel1 { relative: 73/ITEM_SELECTING_WIDTH 0.45; to: "bg"; }
 174                                         rel2 { relative: 400/ITEM_SELECTING_WIDTH 0.45; to: "bg"; }
 175                                         color: 197 191 181 255;
 176                                         text {
 177                                                 text: "Seoul, Korea";
 178                                                 font: "Tizen:style=LIGHT";
 179                                                 text_class: "tizen";
 180                                                 min: 0 1;
 181                                                 size: 20;
 182                                                 align: 0.0 1.0;
 183                                         }
 184                                         align: 0.0 1.0;
 185                                         visible: 1;
 186                                 }
 187                         }
 188                         part {
 189                                 name: "gmt";
 190                                 type: TEXT;
 191                                 mouse_events: 0;
 192                                 scale: 1;
 193                                 description {
 194                                         state: "default" 0.0;
 195                                         rel1 { relative: 73/ITEM_SELECTING_WIDTH 0.55; to: "bg"; }
 196                                         rel2 { relative: 400/ITEM_SELECTING_WIDTH 0.55; to: "bg"; }
 197                                         color: 221 218 213 255;
 198                                         text {
 199                                                 text: "GMT + 8";
 200                                                 font: "Tizen:style=LIGHT";
 201                                                 text_class: "tizen";
 202                                                 min: 0 1;
 203                                                 size: 20;
 204                                                 align: 0.0 1.0;
 205                                         }
 206                                         align: 0.0 0.0;
 207                                         visible: 1;
 208                                 }
 209                         }
 210                         part {
 211                                 name: "delete";
 212                                 type: IMAGE;
 213                                 scale: 1;
 214                                 description {
 215                                         state: "default" 0.0;
 216                                         rel1 { relative: 0.5 0.5; to: "delete_event"; }
 217                                         rel2 { relative: 0.5 0.5; to: "delete_event"; }
 218                                         align: 0.5 0.5;
 219                                         min: 34 34;
 220                                         fixed: 1 1;
 221                                         image {
 222                                                 normal: "delete_button.png";
 223                                         }
 224                                         color: 255 255 255 255;
 225                                         visible: 1;
 226                                 }
 227                                 description {
 228                                         state: "press" 0.0;
 229                                         inherit: "default" 0.0;
 230                                         color: 255 255 255 100;
 231                                 }
 232                         }
 233                         part {
 234                                 name: "delete_event";
 235                                 type: RECT;
 236                                 mouse_events: 1;
 237                                 scale: 1;
 238                                 description {
 239                                         state: "default" 0.0;
 240                                         rel1 { relative: 444/ITEM_SELECTING_WIDTH 0.5; to: "bg"; }
 241                                         rel2 { relative: 444/ITEM_SELECTING_WIDTH 0.5; to: "bg"; }
 242                                         align: 0.5 0.5;
 243                                         min: ITEM_SELECTING_HEIGHT ITEM_SELECTING_HEIGHT;
 244                                         fixed: 1 1;
 245                                         color: 0 0 0 0;
 246                                         visible: 1;
 247                                 }
 248                         }
 249                 } //parts
 250                 programs {
 251                         program {
 252                                 signal: "1";
 253                                 source: "mark";
 254                                 action: STATE_SET "1" 0.0;
 255                                 target: "mark";
 256                         }
 257                         program {
 258                                 signal: "2";
 259                                 source: "mark";
 260                                 action: STATE_SET "2" 0.0;
 261                                 target: "mark";
 262                         }
 263                         program {
 264                                 signal: "3";
 265                                 source: "mark";
 266                                 action: STATE_SET "3" 0.0;
 267                                 target: "mark";
 268                         }
 269                         program {
 270                                 signal: "4";
 271                                 source: "mark";
 272                                 action: STATE_SET "4" 0.0;
 273                                 target: "mark";
 274                         }
 275
 276                         program {
 277                                 signal: "mouse,down,1";
 278                                 source: "delete_event";
 279                                 action: SIGNAL_EMIT "delete,down" "item";
 280                                 after: "delete,down,after";
 281                         }
 282                         program {
 283                                 name: "delete,down,after";
 284                                 action: STATE_SET "press" 0.0;
 285                                 target: "delete";
 286                         }
 287                         program {
 288                                 signal: "mouse,up,1";
 289                                 source: "delete_event";
 290                                 action: SIGNAL_EMIT "delete,up" "item";
 291                                 after: "delete,up,after";
 292                         }
 293                         program {
 294                                 name: "delete,up,after";
 295                                 action: STATE_SET "default" 0.0;
 296                                 target: "delete";
 297                         }
 298                 }
 299         }
 300
 301         group {
 302                 name: "item_result";
 303                 parts {
 304                         part {
 305                                 name: "bg";
 306                                 type: RECT;
 307                                 description {
 308                                         rel1 { relative: 0.0 0.0; }
 309                                         rel2 { relative: 1.0 1.0; }
 310                                         min: ITEM_RESULT_WIDTH ITEM_RESULT_HEIGHT;
 311                                         color: 255 255 255 255;
 312                                         visible: 1;
 313                                 }
 314                         }
 315                         part {
 316                                 name: "mark";
 317                                 type: IMAGE;
 318                                 scale: 1;
 319                                 description {
 320                                         state: "default" 0.0;
 321                                         rel1 { relative: 38/ITEM_RESULT_WIDTH 0.25; to: "bg"; }
 322                                         rel2 { relative: 38/ITEM_RESULT_WIDTH 0.25; to: "bg"; }
 323                                         align: 0.5 0.5;
 324                                         min: 14 12;
 325                                         fixed: 1 1;
 326                                         image {
 327                                                 normal: "my_status_small.png";
 328                                         }
 329                                         visible: 1;
 330                                 }
 331                                 description {
 332                                         state: "1" 0.0;
 333                                         inherit: "default" 0.0;
 334                                         min: 14 14;
 335                                         image {
 336                                                 normal: "other_location_blue_small.png";
 337                                         }
 338                                 }
 339                                 description {
 340                                         state: "2" 0.0;
 341                                         inherit: "default" 0.0;
 342                                         min: 14 14;
 343                                         image {
 344                                                 normal: "other_location_mint_small.png";
 345                                         }
 346                                 }
 347                                 description {
 348                                         state: "3" 0.0;
 349                                         inherit: "default" 0.0;
 350                                         min: 14 14;
 351                                         image {
 352                                                 normal: "other_location_blue_small.png";
 353                                         }
 354                                 }
 355                                 description {
 356                                         state: "4" 0.0;
 357                                         inherit: "default" 0.0;
 358                                         min: 14 14;
 359                                         image {
 360                                                 normal: "other_location_mint_small.png";
 361                                         }
 362                                 }
 363                         }
 364                         part {
 365                                 name: "city";
 366                                 type: TEXT;
 367                                 mouse_events: 0;
 368                                 scale: 1;
 369                                 description {
 370                                         state: "default" 0.0;
 371                                         rel1 { relative: 73/ITEM_RESULT_WIDTH 0.25; to: "bg"; }
 372                                         rel2 { relative: 350/ITEM_RESULT_WIDTH 0.25; to: "bg"; }
 373                                         color: 197 191 181 255;
 374                                         text {
 375                                                 text: "Seoul, Korea";
 376                                                 font: "Tizen:style=LIGHT";
 377                                                 text_class: "tizen";
 378                                                 min: 0 1;
 379                                                 size: 20;
 380                                                 align: 0.0 0.5;
 381                                         }
 382                                         align: 0.0 0.5;
 383                                         visible: 1;
 384                                 }
 385                         }
 386                         part {
 387                                 name: "time";
 388                                 type: TEXT;
 389                                 mouse_events: 0;
 390                                 scale: 1;
 391                                 description {
 392                                         state: "default" 0.0;
 393                                         rel1 { relative: 1.0 0.25; to: "city"; }
 394                                         rel2 { relative: 1.0 0.25; to: "bg"; }
 395                                         color: 221 218 213 255;
 396                                         text {
 397                                                 text: "GMT + 8";
 398                                                 font: "Tizen:style=LIGHT";
 399                                                 text_class: "tizen";
 400                                                 min: 0 1;
 401                                                 size: 20;
 402                                                 align: 0.0 1.0;
 403                                         }
 404                                         align: 0.0 0.0;
 405                                         visible: 1;
 406                                 }
 407                         }
 408                         part {
 409                                 name: "graph_base";
 410                                 type: RECT;
 411                                 description {
 412                                         rel1 { relative: 0.1 0.75; to: "bg"; }
 413                                         rel2 { relative: 0.9 0.75; to: "bg";}
 414                                         min: 0 10;
 415                                         color: 221 218 213 255;
 416                                         visible: 1;
 417                                 }
 418                         }
 419                 } //parts
 420         }
 421 } //collections