res/edje/item.edc

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