res/edje/item.edc

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