data/quickpanel_listbox.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 //#define DEBUG
  19 //#define DEBUG_TEXT
  20
  21         styles {
  22                 style {
  23                         name: "ongoing_content_text";
  24                         base: "font=Tizen:style=Roman text_class=tizen align=left valign=top font_size=28 linegap=-6 ellipsis=1.0 color=#828384FF wrap=mixed";
  25                 }
  26         }
  27
  28         group {
  29                 name: "quickpanel/listitem/default";
  30
  31                 images {
  32                         image: "quick_icon_bg_02.png" COMP;
  33                 }
  34
  35                 script {
  36                         public ctnt_shown;
  37                         public ctnt_multiline_shown;
  38                 }
  39
  40                 parts {
  41                         part { name: "base";
  42                                 type: RECT;
  43                                 repeat_events: 1;
  44                                 scale: 1;
  45                                 description {
  46                                         state: "default" 0.0;
  47                                         min: 0 QP_THEME_LIST_ITEM_ONGOING_HEIGHT + QP_THEME_LIST_ITEM_ONGOING_SEPERATOR_HEIGHT;
  48                                         max: 9999 QP_THEME_LIST_ITEM_ONGOING_HEIGHT + QP_THEME_LIST_ITEM_ONGOING_SEPERATOR_HEIGHT;
  49                                         rel1 {
  50                                                 relative: 0.0 0.0;
  51                                         }
  52                                         rel2 {
  53                                                 relative: 1.0 0.0;
  54                                         }
  55                                         align: 0.0 0.0;
  56                                         color: QP_THEME_BG_COLOR;
  57                                         visible: QP_THEME_BG_VISIBILITY;
  58                                 }
  59                         }
  60                         part { name: "bg_image";
  61                                 mouse_events: 0;
  62                                 description {
  63                                         state: "default" 0.0;
  64                                         rel1.to:"base";
  65                                         rel2.to:"base";
  66                                         color: QP_THEME_NOTI_BG_COLOR;
  67                                 }
  68                                 description {
  69                                         state: "selected" 0.0;
  70                                         inherit: "default" 0.0;
  71                                         color: QP_THEME_NOTI_BG_COLOR;
  72                                 }
  73                         }
  74                         part { name: "elm.padding.top";
  75                                 type: RECT;
  76                                 scale: 1;
  77                                 description {
  78                                         state: "default" 0.0;
  79                                         min: 0 16 + QP_THEME_LIST_ITEM_ONGOING_SEPERATOR_HEIGHT;
  80                                         fixed: 0 1;
  81                                         visible: 0;
  82                                         rel1.to:"base";
  83                                         rel2.to:"base";
  84                                         rel1.relative: 0.0 0.0;
  85                                         rel2.relative: 1.0 0.0;
  86                                         align: 0.0 0.0;
  87                                 }
  88                         }
  89                         part { name: "elm.padding.top.text.contents";
  90                                 type: RECT;
  91                                 scale: 1;
  92                                 description {
  93                                         state: "default" 0.0;
  94                                         min: 0 61 + QP_THEME_LIST_ITEM_ONGOING_SEPERATOR_HEIGHT;
  95                                         fixed: 0 1;
  96                                         visible: 0;
  97                                         rel1.to:"base";
  98                                         rel2.to:"base";
  99                                         rel1.relative: 0.0 0.0;
 100                                         rel2.relative: 1.0 0.0;
 101                                         align: 0.0 0.0;
 102                                 }
 103                         }
 104                         part { name: "elm.padding.bottom.mutiline.content";
 105                                 type: RECT;
 106                                 scale: 1;
 107                                 description {
 108                                         state: "default" 0.0;
 109                                         min: 0 0;
 110                                         fixed: 0 1;
 111                                         visible: 0;
 112                                         rel1.to:"base";
 113                                         rel2.to:"base";
 114                                         rel1.relative: 0.0 1.0;
 115                                         align: 0.0 1.0;
 116                                 }
 117                         }
 118                         part { name: "elm.padding.bottom.time";
 119                                 type: RECT;
 120                                 scale: 1;
 121                                 description {
 122                                         state: "default" 0.0;
 123                                         min: 0 82;
 124                                         fixed: 0 1;
 125 #ifdef DEBUG
 126                                         visible: 1;
 127                                         color: 0 255 0 255;
 128 #else
 129                                         visible: 0;
 130 #endif
 131                                         rel1.to:"base";
 132                                         rel2.to:"base";
 133                                         rel1.relative: 0.0 1.0;
 134                                         rel2.relative: 1.0 1.0;
 135                                         align: 0.0 1.0;
 136                                 }
 137                         }
 138                         part { name: "elm.padding.bottom.progress";
 139                                 type: RECT;
 140                                 scale: 1;
 141                                 description { state: "default" 0.0;
 142                                         min: 0 52;
 143                                         fixed: 0 1;
 144                                         rel1.to:"base";
 145                                         rel2.to:"base";
 146                                         rel1.relative: 0.0 1.0;
 147                                         rel2.relative: 1.0 1.0;
 148                                         align: 0.0 1.0;
 149 #ifdef DEBUG
 150                                         visible: 1;
 151                                         color: 0 0 255 255;
 152 #else
 153                                         visible: 0;
 154 #endif
 155                                 }
 156                         }
 157                         part { name: "elm.padding.bottom.icon";
 158                                 type: RECT;
 159                                 scale: 1;
 160                                 description {
 161                                         state: "default" 0.0;
 162                                         min: 0 31;
 163                                         fixed: 0 1;
 164                                         rel1.to:"base";
 165                                         rel2.to:"base";
 166                                         rel1.relative: 0.0 1.0;
 167                                         rel2.relative: 1.0 1.0;
 168                                         align: 0.0 1.0;
 169                                         visible: 0;
 170                                 }
 171                         }
 172                         part { name: "elm.padding.left.bg";
 173                                 type: RECT;
 174                                 scale: 1;
 175                                 description {
 176                                         state: "default" 0.0;
 177                                         min: 14 0;
 178                                         fixed: 1 0;
 179                                         rel1.to:"base";
 180                                         rel2.to:"base";
 181                                         rel1.relative: 0.0 0.0;
 182                                         rel2.relative: 0.0 1.0;
 183                                         align: 0.0 0.0;
 184                                         color: QP_THEME_BG_COLOR;
 185                                         visible: QP_THEME_BG_VISIBILITY;
 186                                 }
 187                         }
 188                         part { name: "elm.padding.right.bg";
 189                                 type: RECT;
 190                                 scale: 1;
 191                                 description {
 192                                         state: "default" 0.0;
 193                                         min: 14 0;
 194                                         fixed: 1 0;
 195                                         rel1.to:"base";
 196                                         rel2.to:"base";
 197                                         rel1.relative: 1.0 0.0;
 198                                         rel2.relative: 1.0 1.0;
 199                                         align: 1.0 0.0;
 200                                         color: QP_THEME_BG_COLOR;
 201                                         visible: QP_THEME_BG_VISIBILITY;
 202                                 }
 203                         }
 204                         part { name: "elm.padding.top.bg";
 205                                 type: RECT;
 206                                 scale: 1;
 207                                 description {
 208                                         state: "default" 0.0;
 209                                         min: 0 QP_THEME_LIST_ITEM_ONGOING_SEPERATOR_HEIGHT;
 210                                         fixed: 0 1;
 211                                         rel1.to:"base";
 212                                         rel2.to:"base";
 213                                         rel1.relative: 0.0 0.0;
 214                                         rel2.relative: 1.0 0.0;
 215                                         align: 0.0 0.0;
 216                                         color: QP_THEME_BG_COLOR;
 217                                         visible: QP_THEME_BG_VISIBILITY;
 218                                 }
 219                         }
 220                         part { name: "elm.content.bg";
 221                                 type: RECT;
 222                                 scale: 1;
 223                                 description {
 224                                         state: "default" 0.0;
 225                                         rel1 {
 226                                                 to_x:"elm.padding.left.bg";
 227                                                 to_y:"elm.padding.top.bg";
 228                                                 relative: 1.0 1.0;
 229                                         }
 230                                         rel2 {
 231                                                 to_x:"elm.padding.right.bg";
 232                                                 to_y:"base";
 233                                                 relative: 0.0 1.0;
 234                                         }
 235                                         align: 0.0 0.0;
 236                                         visible: 1;
 237                                         color: QP_THEME_NOTI_BG_COLOR;
 238                                 }
 239                         }
 240                         part { name: "elm.padding.left";
 241                                 type: RECT;
 242                                 scale: 1;
 243                                 description {
 244                                         state: "default" 0.0;
 245                                         min: 28 0;
 246                                         fixed: 1 0;
 247                                         rel1.to:"base";
 248                                         rel2.to:"base";
 249                                         rel1.relative: 0.0 0.0;
 250                                         rel2.relative: 0.0 1.0;
 251                                         align: 0.0 0.0;
 252                                         visible: 0;
 253                                 }
 254                         }
 255                         part { name: "elm.padding.right";
 256                                 type: RECT;
 257                                 scale: 1;
 258                                 description {
 259                                         state: "default" 0.0;
 260                                         min: 20 0;
 261                                         fixed: 1 0;
 262                                         rel1.to:"base";
 263                                         rel2.to:"base";
 264                                         rel1.relative: 1.0 0.0;
 265                                         rel2.relative: 1.0 1.0;
 266                                         align: 1.0 0.0;
 267 #ifdef DEBUG
 268                                         visible: 1;
 269                                         color: 255 0 0 190;
 270 #else
 271                                         visible: 0;
 272 #endif
 273                                 }
 274                         }
 275                         part { name: "elm.rect.thumbnail";
 276                                 type: RECT;
 277                                 mouse_events: 0;
 278                                 scale: 1;
 279                                 description {
 280                                         state: "default" 0.0;
 281                                         min: 124 124;
 282                                         fixed: 1 1;
 283                                         rel1 {
 284                                                 relative: 0.0 0.0;
 285                                                 to_x: "elm.padding.right";
 286                                                 to_y: "elm.padding.bottom.icon";
 287                                         }
 288                                         rel2 {
 289                                                 relative: 0.0 0.0;
 290                                                 to_x: "elm.padding.right";
 291                                                 to_y: "elm.padding.bottom.icon";
 292                                         }
 293                                         align: 1.0 1.0;
 294                                         visible: 0;
 295                                 }
 296                         }
 297                         part { name: "elm.thumbnail.bg";
 298                                 type: IMAGE;
 299                                 mouse_events: 0;
 300                                 scale: 1;
 301                                 description {
 302                                         state: "default" 0.0;
 303                                         fixed: 0 0;
 304                                         rel1 {to: "elm.rect.thumbnail";}
 305                                         rel2 {to: "elm.rect.thumbnail";}
 306                                         image {
 307                                                 normal:"quick_icon_bg_02.png";
 308                                                 border: 0 0 0 0;
 309                                                 border_scale: 1;
 310                                         }
 311                                 }
 312                         }
 313                         part { name: "elm.swallow.thumbnail";
 314                                 type: SWALLOW;
 315                                 mouse_events: 0;
 316                                 scale: 1;
 317                                 description {
 318                                         state: "default" 0.0;
 319                                         fixed: 1 1;
 320                                         rel1 {
 321                                                 to: "elm.rect.thumbnail";
 322                                         }
 323                                         rel2 {
 324                                                 to: "elm.rect.thumbnail";
 325                                         }
 326                                         align: 0.5 0.5;
 327                                 }
 328                         }
 329                         part { name: "elm.swallow.icon";
 330                                 type: SWALLOW;
 331                                 mouse_events: 0;
 332                                 scale: 1;
 333                                 description {
 334                                         state: "default" 0.0;
 335                                         min: 40 40;
 336                                         fixed: 1 1;
 337                                         rel1 {
 338                                                 relative: 1.0 1.0;
 339                                                 to: "elm.rect.thumbnail";
 340                                         }
 341                                         rel2 {
 342                                                 relative: 1.0 1.0;
 343                                                 to: "elm.rect.thumbnail";
 344                                         }
 345                                         align: 1.0 1.0;
 346                                 }
 347                         }
 348                         part { name: "elm.padding.right.slider.bounder";
 349                                 type: RECT;
 350                                 scale: 1;
 351                                 description {
 352                                         state: "default" 0.0;
 353                                         min: 202 0;
 354                                         fixed: 1 0;
 355                                         rel1 {
 356                                                 relative: 0.0 0.0;
 357                                                 to_x: "elm.padding.right";
 358                                         }
 359                                         rel2 {
 360                                                 relative: 0.0 1.0;
 361                                                 to_x: "elm.padding.right";
 362                                         }
 363                                         visible: 0;
 364                                         align: 1.0 0.0;
 365                                 }
 366                         }
 367                         part { name: "elm.padding.right.text.bounder";
 368                                 type: RECT;
 369                                 scale: 1;
 370                                 description {
 371                                         state: "default" 0.0;
 372                                         min: 144 0;
 373                                         fixed: 1 0;
 374                                         rel1 {
 375                                                 relative: 0.0 0.0;
 376                                                 to_x: "elm.padding.right";
 377                                         }
 378                                         rel2 {
 379                                                 relative: 0.0 1.0;
 380                                                 to_x: "elm.padding.right";
 381                                         }
 382                                         visible: 0;
 383                                         align: 1.0 0.0;
 384                                 }
 385                         }
 386                         part { name: "elm.text.title";
 387                                 type: TEXT;
 388                                 mouse_events: 0;
 389                                 scale: 1;
 390                                 description {
 391                                         state: "default" 0.0;
 392                                         min: 0 36;
 393                                         align: 0.0 0.0;
 394                                         fixed: 0 1;
 395                                         rel1 {
 396                                                 relative: 1.0 1.0;
 397                                                 to_x: "elm.padding.left";
 398                                                 to_y: "elm.padding.top";
 399                                         }
 400                                         rel2 {
 401                                                 relative: 0.0 1.0;
 402                                                 to_x: "elm.padding.right.text.bounder";
 403                                                 to_y: "elm.padding.top";
 404                                         }
 405                                         color: 248 246 239 255;
 406                                         text {
 407                                                 font: "Tizen:style=Regular";
 408                                                 text_class: "tizen";
 409                                                 size: 32;
 410                                                 fit: 0 1;
 411                                                 ellipsis: 0.0;
 412                                                 align: 0.0 0.5;
 413                                                 size_range: 34 44;
 414                                         }
 415                                 }
 416                                 description {
 417                                         state: "selected" 0.0;
 418                                         inherit: "default" 0.0;
 419                                         color: 248 246 239 255;
 420                                 }
 421                         }
 422                         part { name: "elm.text.time";
 423                                 type: TEXT;
 424                                 mouse_events: 0;
 425                                 scale: 1;
 426                                 description {
 427                                         state: "default" 0.0;
 428                                         fixed: 0 1;
 429                                         min: 0 28;
 430                                         align: 0.0 1.0;
 431                                         rel1 {
 432                                                 relative: 1.0 0.0;
 433                                                 to_x: "elm.padding.left";
 434                                                 to_y: "elm.padding.bottom.time";
 435                                         }
 436                                         rel2 {
 437                                                 relative: 0.0 0.0;
 438                                                 to_x: "elm.padding.right.slider.bounder";
 439                                                 to_y: "elm.padding.bottom.time";
 440                                         }
 441                                         color: 255 255 255 255;
 442                                         text {
 443                                                 font: "Tizen:style=Medium";
 444                                                 text_class: "tizen";
 445                                                 size: 28;
 446                                                 align: 1.0 0.0;
 447                                         }
 448                                 }
 449                                 description {
 450                                         state: "selected" 0.0;
 451                                         inherit: "default" 0.0;
 452                                         color: 255 255 255 255;
 453                                 }
 454                         }
 455                         part {
 456                                 name: "elm.rect.content";
 457                                 type: RECT;
 458                                 mouse_events: 0;
 459                                 scale: 1;
 460                                 description {
 461                                         state: "default" 0.0;
 462                                         align: 0.0 0.0;
 463                                         min: 0 28;
 464                                         fixed: 0 1;
 465                                         rel1 {
 466                                                 relative: 1.0 1.0;
 467                                                 to_x: "elm.padding.left";
 468                                                 to_y: "elm.padding.top.text.contents";
 469                                         }
 470                                         rel2 {
 471                                                 relative: 0.0 1.0;
 472                                                 to_x: "elm.padding.right.text.bounder";
 473                                                 to_y: "elm.padding.top.text.contents";
 474                                         }
 475                                         visible: 0;
 476                                 }
 477                         }
 478                         part {
 479                                 name: "elm.text.content";
 480                                 type: TEXT;
 481                                 mouse_events: 0;
 482                                 scale: 1;
 483                                 description {
 484                                         state: "default" 0.0;
 485                                         align: 0.0 0.0;
 486                                         fixed: 0 1;
 487                                         rel1 {
 488                                                 to: "elm.rect.content";
 489                                         }
 490                                         rel2 {
 491                                                 to: "elm.rect.content";
 492                                         }
 493                                         color: 130 131 132 255;
 494                                         text {
 495                                                 font: "Tizen:style=Roman";
 496                                                 text_class: "tizen";
 497                                                 size: 28;
 498                                                 fit: 0 1;
 499                                                 ellipsis: 0.0;
 500                                                 size_range: 26 30;
 501                                                 align: 0.0 0.5;
 502                                         }
 503                                         visible: 0;
 504                                 }
 505                                 description {
 506                                         state: "show" 0.0;
 507                                         inherit: "default" 0.0;
 508                                         visible: 1;
 509                                 }
 510                                 description {
 511                                         state: "selected" 0.0;
 512                                         inherit: "default" 0.0;
 513                                         color: 130 131 132 255;
 514                                         visible: 1;
 515                                 }
 516                         }
 517                         part {
 518                                 name: "elm.rect.content.multiline";
 519                                 type: RECT;
 520                                 mouse_events: 0;
 521                                 scale: 1;
 522                                 description {
 523                                         state: "default" 0.0;
 524                                         align: 0.0 0.0;
 525                                         min: 0 0;
 526                                         fixed: 1 1;
 527                                         rel1 {
 528                                                 relative: 1.0 1.0;
 529                                                 to_x: "elm.padding.left";
 530                                                 to_y: "elm.text.title";
 531                                         }
 532                                         rel2 {
 533                                                 relative: 0.0 0.0;
 534                                                 to_x: "elm.padding.right.text.bounder";
 535                                                 to_y: "elm.padding.bottom.mutiline.content";
 536                                         }
 537                                         visible: 0;
 538                                 }
 539                         }
 540                         part {
 541                                 name: "elm.text.content.multiline";
 542                                 type: TEXTBLOCK;
 543                                 mouse_events: 0;
 544                                 scale: 1;
 545                                 description {
 546                                         state: "default" 0.0;
 547                                         align: 0.0 0.0;
 548                                         fixed: 1 1;
 549                                         rel1 {
 550                                                 to: "elm.rect.content.multiline";
 551                                         }
 552                                         rel2 {
 553                                                 to: "elm.rect.content.multiline";
 554                                         }
 555                                         text {
 556                                                         style: "ongoing_content_text";
 557                                                         align: 0.0 0.0;
 558                                                         fit: 0 0;
 559                                         }
 560                                         visible:0;
 561                                 }
 562                                 description {
 563                                         state: "show" 0.0;
 564                                         inherit: "default" 0.0;
 565                                         visible:1;
 566                                 }
 567                                 description {
 568                                         state: "selected" 0.0;
 569                                         inherit: "default" 0.0;
 570                                         color: 130 131 132 255;
 571                                         visible: 1;
 572                                 }
 573                         }
 574                         part {
 575                                 name: "elm.box.progress";
 576                                 type: BOX;
 577                                 mouse_events: 0;
 578                                 scale: 1;
 579                                 description {
 580                                         state: "default" 0.0;
 581                                         min: 0 20;
 582                                         fixed: 0 1;
 583                                         align: 0.0 1.0;
 584                                         rel1 {
 585                                                 relative: 1.0 0.0;
 586                                                 to_x: "elm.padding.left";
 587                                                 to_y: "elm.padding.bottom.progress";
 588                                         }
 589                                         rel2 {
 590                                                 relative: 0.0 0.0;
 591                                                 to_x: "elm.padding.right.slider.bounder";
 592                                                 to_y: "elm.padding.bottom.progress";
 593                                         }
 594 #ifdef DEBUG
 595                                         visible: 1;
 596                                         color: 100 100 100 200;
 597 #else
 598                                         visible: 0;
 599 #endif
 600                                 }
 601                         }
 602                         part {
 603                                 name: "elm.swallow.progress";
 604                                 type: SWALLOW;
 605                                 mouse_events: 0;
 606                                 scale: 1;
 607                                 description {
 608                                         state: "default" 0.0;
 609                                         rel1 {
 610                                                 to: "elm.box.progress";
 611                                         }
 612                                         rel2 {
 613                                                 to: "elm.box.progress";
 614                                         }
 615                                         align: 0.0 0.0;
 616                                 }
 617                         }
 618                         part {
 619                                 name: "object.layer.touch.background";
 620                                 mouse_events: 1;
 621                                 repeat_events: 1;
 622                                 scale: 1;
 623                                 type: RECT;
 624                                 description {
 625                                         state: "default" 0.0;
 626                                         rel1 {to: "base";}
 627                                         rel2 {to: "base";}
 628                                         color: 0 0 0 0;
 629                                 }
 630                         }
 631                         part {
 632                                 name: "accessibility";
 633                                 type: RECT;
 634                                 mouse_events: 1;
 635                                 repeat_events: 1;
 636                                 scale: 1;
 637                                 description {
 638                                         state: "default" 0.0;
 639                                         rel1 {
 640                                                 to: "elm.content.bg";
 641                                         }
 642                                         rel2 {
 643                                                 to: "elm.content.bg";
 644                                         }
 645                                         color: QP_ACCESSIBILITY_TEST_COLOR;
 646                                         visible: 1;
 647                                 }
 648                         }
 649                 }
 650
 651                 programs {
 652                         program{
 653                                 name: "listbox.touch.down";
 654                                 signal: "mouse,clicked,1";
 655                                 source: "object.layer.touch.background";
 656                                 action: SIGNAL_EMIT "selected" "edje";
 657                         }
 658                         program { name: "show_content";
 659                                 signal: "elm,state,elm.text.content,active";
 660                                 source: "elm";
 661                                 script {
 662                                         set_state(PART:"elm.text.content", "show", 0.0);
 663                                         set_int(ctnt_shown, 1);
 664                                 }
 665                         }
 666                         program { name: "show_content_multiline";
 667                                 signal: "elm,state,elm.text.content.multiline,active";
 668                                 source: "elm";
 669                                 script {
 670                                         set_state(PART:"elm.text.content.multiline", "show", 0.0);
 671                                         set_int(ctnt_multiline_shown, 1);
 672                                 }
 673                         }
 674                 }
 675         }