res/edje/statistics_layout.edc

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