data/quickpanel_activenoti.edc

   1 /*
   2  * Copyright (c) 2009-2015 Samsung Electronics Co., Ltd All Rights Reserved
   3  *
   4  * Licensed under the Apache License, Version 2.0 (the "License");
   5  * you may not use this file except in compliance with the License.
   6  * You may obtain a copy of the License at
   7  *
   8  * http://www.apache.org/licenses/LICENSE-2.0
   9  *
  10  * Unless required by applicable law or agreed to in writing, software
  11  * distributed under the License is distributed on an "AS IS" BASIS,
  12  * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
  13  * See the License for the specific language governing permissions and
  14  * limitations under the License.
  15  *
  16  */
  17
  18 #include "color_classes.edc"
  19
  20 #define ACTIVENOTI_BG_COLOR "AO003"
  21 #define ACTIVENOTI_MAIN_TEXT_HEIGHT_INC 1
  22
  23 #define BOX_ICON_SIZE_W 96
  24 #define BOX_ICON_SIZE_H 96
  25 #define BOX_ICON_BG_SIZE_W 96
  26 #define BOX_ICON_BG_SIZE_H 96
  27
  28 images
  29 {
  30         image: "handler_btn_02.png" COMP;
  31         image: "core_theme_bg_01.png" COMP;
  32         image: "core_list_button_bg.#.png" COMP;
  33 }
  34
  35 collections
  36 {
  37         base_scale: 1.8;
  38
  39         group {
  40                 name: "headsup/base";
  41
  42                 styles {
  43                         style {
  44                                 name: "style_title_text";
  45                                 base: "font=Tizen:style=Bold font_size="33" color=#FFFFFFFF  text_class=tizen wrap=mixed ellipsis=1.0";
  46                         }
  47                 }
  48
  49                 styles {
  50                         style {
  51                                 name: "style_main_text";
  52                                 base: "font=Tizen:style=Regular font_size="29" color=#FFFFFFFF  text_class=tizen wrap=mixed ellipsis=1.0";
  53                         }
  54                 }
  55
  56                 images {
  57                         image: "quick_button_icon_bg.png" COMP;
  58                 }
  59
  60                 parts {
  61                         part {
  62                                 name: "background";
  63                                 type: SWALLOW;
  64                                 scale: 1;
  65                                 description {
  66                                         state: "default" 0.0;
  67                                         align: 0.0 0.0;
  68                                 }
  69                         }
  70
  71                         part {
  72                                 name: "bg";
  73                                 type: IMAGE;
  74                                 description {
  75                                         state: "default" 0.0;
  76                                         align: 0.0 0.0;
  77                                         rel1 {
  78                                                 to: "background";
  79                                         }
  80                                         rel2 {
  81                                                 to: "background";
  82                                         }
  83                                         image {
  84                                                 normal: "core_theme_bg_01.png";
  85                                         }
  86                                 }
  87                         }
  88
  89
  90                         part {
  91                                 name: "bg_img";
  92                                 type: SWALLOW;
  93                                 description {
  94                                         state: "default" 0.0;
  95                                         align: 0.0 0.0;
  96                                         rel1 {
  97                                                 to: "bg";
  98                                         }
  99                                         rel2 {
 100                                                 to: "bg";
 101                                         }
 102                                 }
 103                         }
 104
 105
 106                         part {
 107                                 name: "rect_main";
 108                                 type: RECT;
 109                                 description {
 110                                         state: "default" 0.0;
 111                                         rel1
 112                                         {
 113                                                 relative: 0.0 0.05;
 114                                                 to: "bg";
 115                                         }
 116                                         rel2 {
 117                                                 relative: 1.0 0.6;
 118                                                 to: "bg";
 119                                         }
 120                                         align: 0.0 0.0;
 121                                         visible: 0;
 122                                 }
 123                         }
 124
 125                         part{
 126                                 name: "button.space";
 127                                 type:SPACER;
 128                                 scale: 1;
 129                                 description {
 130                                         state: "default" 0.0;
 131                                         rel1 {
 132                                                 relative: 0.0 0.6;
 133                                                 to: "bg";
 134                                         }
 135                                         rel2 {
 136                                                 relative: 1.0 0.9;
 137                                                 to: "bg";
 138                                         }
 139                                 }
 140                         }
 141
 142                         part{
 143                                 name: "button.swallow";
 144                                 type:SWALLOW;
 145                                 description {
 146                                         state: "default" 0.0;
 147                                         rel1 {
 148                                                 relative: 0.0 0.0;
 149                                                 to: "button.space";
 150                                         }
 151                                         rel2 {
 152                                                 relative: 1.0 1.0;
 153                                                 to: "button.space";
 154                                         }
 155                                         visible: 1;
 156                                 }
 157                                 description {
 158                                         state: "btn_hide" 0.0;
 159                                         inherit: "default" 0.0;
 160                                         visible: 0;
 161                                 }
 162                                 description {
 163                                         state: "btn_show" 0.0;
 164                                         inherit: "default" 0.0;
 165                                 }
 166                         }
 167
 168
 169                         part {
 170                                 name: "rect_handle";
 171                                 type: RECT;
 172                                 mouse_events: 1;
 173                                 description {
 174                                         state: "default" 0.0;
 175                                         align: 0.0 1.0;
 176                                         fixed: 0 1;
 177                                         min: 0 40;
 178                                         rel1 {
 179                                                 relative: 0.0 0.9;
 180                                                 to: "bg";
 181                                         }
 182                                         rel2 {
 183                                                 relative: 1.0 1.0;
 184                                                 to: "bg";
 185                                         }
 186                                         visible: 1;
 187                                         color : 0 0 0 0;
 188                                 }
 189                         }
 190
 191                         part {
 192                                 name: "handle_img";
 193                                 type: IMAGE;
 194                                 mouse_events: 1;
 195                                 description {
 196                                         state: "default" 0.0;
 197                                         max: 40 40;
 198                                         align: 0.5 0.5;
 199                                         rel1 {
 200                                                 to: "rect_handle";
 201                                         }
 202                                         rel2 {
 203                                                 to: "rect_handle";
 204                                         }
 205                                         image {
 206                                                 normal: "handler_btn_02.png";
 207                                         }
 208                                 }
 209                         }
 210
 211
 212                         part {
 213                                 name: "elm.padding.image";
 214                                 type: SPACER;
 215                                 scale: 1;
 216                                 description {
 217                                         state: "default" 0.0;
 218                                         min: 32 0;
 219                                         fixed: 1 0;
 220                                         rel1.to:"rect_main";
 221                                         rel2.to:"rect_main";
 222                                         rel1.relative: 1.0 0.0;
 223                                         rel2.relative: 1.0 1.0;
 224                                         align: 1.0 0.0;
 225                                 }
 226                         }
 227
 228
 229                         // Icon
 230                         part {
 231                                 name: "icon_space";
 232                                 mouse_events: 1;
 233                                 type: RECT;
 234                                 scale: 1;
 235                                 description {
 236                                         state: "default" 0.0;
 237                                         align: 0.0 0.0;
 238                                         rel1 {
 239                                                 relative: 0.03 0.1;
 240                                                 to: "rect_main";
 241                                         }
 242                                         rel2 {
 243                                                 relative: 0.2 0.7;
 244                                                 to: "rect_main";
 245                                         }
 246                                         visible: 0;
 247                                 }
 248                         }
 249
 250                         part {
 251                                 name: "masking";
 252                                 type: IMAGE;
 253                                 precise_is_inside: 1;
 254                                 description {
 255                                         state: "default" 0.0;
 256                                         min : BOX_ICON_BG_SIZE_W BOX_ICON_BG_SIZE_H;
 257                                         fixed : 1 1;
 258                                         rel1 {
 259                                                 relative: 0.5 0.5;
 260                                                 to: "icon_space";
 261                                         }
 262                                         rel2 {
 263                                                 relative: 0.5 0.5;
 264                                                 to: "icon_space";
 265                                         }
 266                                         image.normal: "quick_button_icon_bg.png";
 267                                 }
 268                         }
 269
 270                         part {
 271                                 name: "icon_big";
 272                                 type: SWALLOW;
 273                                 clip_to : "masking";
 274                                 scale: 1;
 275                                 description {
 276                                         state: "default" 0.0;
 277                                         align: 0.5 0.5;
 278                                         min : BOX_ICON_SIZE_W BOX_ICON_SIZE_H;
 279                                         max : BOX_ICON_BG_SIZE_W BOX_ICON_BG_SIZE_W;
 280                                         fixed : 1 1;
 281                                         rel1 {
 282                                                 relative: 0.5 0.5;
 283                                                 to: "icon_space";
 284                                         }
 285                                         rel2 {
 286                                                 relative: 0.5 0.5;
 287                                                 to: "icon_space";
 288                                         }
 289                                 }
 290                         }
 291
 292                         part {
 293                                 name: "icon_badge";
 294                                 type: SWALLOW;
 295                                 description {
 296                                         state: "default" 0.0;
 297                                         align: 0.0 1.0;
 298                                         fixed : 1 1;
 299                                         min : 45 45;
 300                                         rel1 {
 301                                                 relative: 0.6 0.6;
 302                                                 to: "icon_big";
 303                                         }
 304                                         rel2 {
 305                                                 relative: 1.0 1.0;
 306                                                 to: "icon_big";
 307                                         }
 308                                 }
 309                         }
 310
 311
 312                         /*text*/
 313                         part {
 314                                 name: "text_space";
 315                                 type: RECT;
 316                                 description {
 317                                         state: "default" 0.0;
 318                                         align: 0.0 0.5;
 319                                         rel1 {
 320                                                 relative: 0.22 0.0;
 321                                                 to: "rect_main";
 322                                         }
 323                                         rel2 {
 324                                                 relative: 0.98 0.89;
 325                                                 to: "rect_main";
 326                                         }
 327                                         visible: 0;
 328                                 }
 329                         }
 330
 331                         part {
 332                                 name: "subtitle_text";
 333                                 type: TEXTBLOCK;
 334                                 scale: 1;
 335                                 description {
 336                                         state: "default" 0.0;
 337                                         align: 0.0 0.0;
 338                                         fixed: 1 1;
 339                                         text {
 340                                                 style : "style_main_text";
 341                                                 align: 0.0 0.0;
 342                                         }
 343                                         rel1 {
 344                                                 relative: 0.0 0.0;
 345                                                 to: "text_space";
 346                                         }
 347                                         rel2 {
 348                                                 relative: 0.0 0.0;
 349                                                 to: "text_space";
 350                                         }
 351                                 }
 352                                 description {
 353                                         state: "sub_show" 0.0;
 354                                         inherit: "default" 0.0;
 355                                         fixed: 0 0;
 356                                         rel1 {
 357                                                 relative: 0.0 0.0;
 358                                                 to: "text_space";
 359                                         }
 360                                         rel2 {
 361                                                 relative: 1.0 0.25;
 362                                                 to: "text_space";
 363                                         }
 364                                 }
 365                                 description {
 366                                         state: "sub_hide" 0.0;
 367                                         inherit: "default" 0.0;
 368                                 }
 369                         }
 370
 371                         part {
 372                                 name: "title_text";
 373                                 type: TEXTBLOCK;
 374                                 scale: 1;
 375                                 description {
 376                                         state: "default" 0.0;
 377                                         align: 0.0 0.0;
 378                                         text {
 379                                                 style : "style_title_text";
 380                                                 align: 0.0 0.0;
 381                                         }
 382                                         rel1 {
 383                                                 relative: 0.0 0.0;
 384                                                 to: "text_space";
 385                                         }
 386                                         rel2 {
 387                                                 relative: 1.0 0.3;
 388                                                 to: "text_space";
 389                                         }
 390                                 }
 391                                 description {
 392                                         state: "sub_show" 0.0;
 393                                         inherit: "default" 0.0;
 394                                         rel1 {
 395                                                 relative: 0.0 0.3;
 396                                                 to: "text_space";
 397                                         }
 398                                         rel2 {
 399                                                 relative: 1.0 0.6;
 400                                                 to: "text_space";
 401                                         }
 402
 403                                 }
 404                                 description {
 405                                         state: "sub_hide" 0.0;
 406                                         inherit: "default" 0.0;
 407                                 }
 408                         }
 409
 410                         part {
 411                                 name: "content_text";
 412                                 type: TEXTBLOCK;
 413                                 scale: 1;
 414                                 multiline: 1;
 415                                 description {
 416                                         state: "default" 0.0;
 417                                         align: 0.0 0.0;
 418                                         text {
 419                                                 style: "style_main_text";
 420                                                 align: 0.0 0.5;
 421                                         }
 422                                         rel1 {
 423                                                 relative: 0.0 0.3;
 424                                                 to: "text_space";
 425                                         }
 426                                         rel2 {
 427                                                 relative: 1.0 0.9;
 428                                                 to: "text_space";
 429                                         }
 430                                 }
 431                                 description {
 432                                         state: "sub_show" 0.0;
 433                                         inherit: "default" 0.0;
 434                                         rel1 {
 435                                                 relative: 0.0 0.6;
 436                                                 to: "text_space";
 437                                         }
 438                                         rel2 {
 439                                                 relative: 1.0 1.0;
 440                                                 to: "text_space";
 441                                         }
 442                                 }
 443                                 description {
 444                                         state: "sub_hide" 0.0;
 445                                         inherit: "default" 0.0;
 446                                 }
 447                         }
 448
 449                         part {
 450                                 name: "touch";
 451                                 mouse_events: 1;
 452                                 type: RECT;
 453                                 description {
 454                                         state: "default" 0.0;
 455                                         align: 0.0 0.0;
 456                                         rel1 {
 457                                                 relative: 0.0 0.0;
 458                                                 to: "text_space";
 459                                         }
 460                                         rel2 {
 461                                                 relative: 1.0 1.0;
 462                                                 to: "text_space";
 463                                         }
 464                                         color : 0 0 0 0;
 465                                 }
 466                         }
 467                 }
 468
 469
 470                 programs {
 471                         program {
 472                                 name: "pressed_noti";
 473                                 signal: "mouse,clicked,1";
 474                                 source: "touch";
 475                                 action: SIGNAL_EMIT "noti_press" "";
 476                         }
 477
 478                         program {
 479                                 name: "pressed_image";
 480                                 signal: "mouse,clicked,1";
 481                                 source: "icon_big";
 482                                 action: SIGNAL_EMIT "image_press" "";
 483                         }
 484
 485                         program {
 486                                 name: "pressed_handle";
 487                                 signal: "mouse,clicked,1";
 488                                 source: "rect_handle";
 489                                 source: "handle_img";
 490                                 action: SIGNAL_EMIT "del" "";
 491                         }
 492
 493                         program {
 494                                 name: "subtext_show";
 495                                 signal: "sub_show";
 496                                 source: "subtitle_text";
 497                                 action: STATE_SET "sub_show" 0.0;
 498                                 target: "subtitle_text";
 499                                 target: "title_text";
 500                                 target: "content_text";
 501                         }
 502
 503                         program {
 504                                 name: "subtext_hide";
 505                                 signal: "sub_hide";
 506                                 source: "subtitle_text";
 507                                 action: STATE_SET "sub_hide" 0.0;
 508                                 target: "subtitle_text";
 509                                 target: "title_text";
 510                                 target: "content_text";
 511                         }
 512
 513                         program {
 514                                 name: "btn_hide";
 515                                 signal: "btn_hide";
 516                                 source: "button.space";
 517                                 action: STATE_SET "btn_hide" 0.0;
 518                                 target: "button.swallow";
 519                         }
 520
 521                         program {
 522                                 name: "btn_show";
 523                                 signal: "btn_show";
 524                                 source: "button.space";
 525                                 action: STATE_SET "btn_show" 0.0;
 526                                 target: "button.swallow";
 527                         }
 528                 }
 529         }
 530
 531
 532         group {
 533                 name: "button_layout";
 534
 535                 parts {
 536                         part {
 537                                 name: "rect.button";
 538                                 type: RECT;
 539                                 description {
 540                                         state: "default" 0.0;
 541                                         color_class: "ATO006P";
 542                                         align: 0.0 0.0;
 543                                         visible: 0;
 544                                 }
 545                         }
 546
 547                         part {
 548                                 name: "button.bg.img";
 549                                 type:IMAGE;
 550                                 description {
 551                                         state: "default" 0.0;
 552                                         rel1 {
 553                                                 relative: 0.1 0.1;
 554                                                 to: "rect.button";
 555                                         }
 556                                         rel2 {
 557                                                 relative: 0.9 0.9;
 558                                                 to: "rect.button";
 559                                         }
 560                                         color_class: "AO001L1";
 561                                         image {
 562                                                 normal: "core_list_button_bg.#.png";
 563                                         }
 564                                         align: 0.5 0.5;
 565                                 }
 566                                 description {
 567                                         state: "pressed" 0.0;
 568                                         inherit: "default" 0.0;
 569                                         color_class: "AO001L1P";
 570                                 }
 571                         }
 572
 573                         part {
 574                                 name: "content.button.image";
 575                                 type: SWALLOW;
 576                                 description {
 577                                         state: "default" 0.0;
 578                                         align: 0.5 0.5;
 579                                         rel1 {
 580                                                 to: "button.bg.img";
 581                                         }
 582                                         rel2 {
 583                                                 to: "button.bg.img";
 584                                         }
 585                                 }
 586                         }
 587
 588                         part {
 589                                 name: "content.button.text";
 590                                 type: TEXT;
 591                                 scale: 1;
 592                                 description {
 593                                         state: "default" 0.0;
 594                                         align: 0.5 0.5;
 595                                         rel1 {
 596                                                 to: "button.bg.img";
 597                                         }
 598                                         rel2 {
 599                                                 to: "button.bg.img";
 600                                         }
 601                                         text {
 602                                                 font: "Tizen:style=Regular";
 603                                                 size: 30;
 604                                                 text_class: "tizen";
 605                                                 align: 0.5 0.5;
 606                                         }
 607                                 }
 608                         }
 609
 610                         part {
 611                                 name: "touch";
 612                                 mouse_events: 1;
 613                                 type: RECT;
 614                                 description {
 615                                         state: "default" 0.0;
 616                                         align: 0.0 0.0;
 617                                         rel1 {
 618                                                 relative: 0.0 0.0;
 619                                                 to: "rect.button";
 620                                         }
 621                                         rel2 {
 622                                                 relative: 1.0 1.0;
 623                                                 to: "rect.button";
 624                                         }
 625                                         color : 0 0 0 0;
 626                                 }
 627                         }
 628
 629                         programs {
 630                                 program {
 631                                         name: "pressed_button";
 632                                         signal: "mouse,clicked,1";
 633                                         source: "touch";
 634                                         action: SIGNAL_EMIT "button_clicked" "";
 635                                 }
 636
 637                         }
 638
 639                 }
 640         }
 641 }