edc/browser-view-progressbar.edc

   1 /*
   2  * Copyright 2012  Samsung Electronics Co., Ltd
   3  *
   4  * Licensed under the Flora License, Version 1.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.tizenopensource.org/license
   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 "browser-macro.edc"
  19
  20 collections {
  21    group { name: "elm/progressbar/horizontal/browser/loading";
  22       images {
  23          image: "browser-view-images/progressbar/00_search_input_field_bg_progress.png" COMP;
  24          image: "browser-view-images/progressbar/progressbar.png" COMP;
  25       }
  26       parts {
  27              part { name: "elm.padding.left";
  28             type: RECT;
  29                         scale: 1;
  30             description {
  31                                 state: "default" 0.0;
  32                                 min: 0 0;
  33                                 fixed: 1 0;
  34                                 rel1 {
  35                                         relative: 0.0  0.0;
  36                                         offset:   0    0;
  37                                 }
  38                                 rel2 {
  39                                         relative: 0.0  1.0;
  40                                         offset:   0   0;
  41                                 }
  42                                 color: 0 0 0 0;
  43                                 align: 0.0 0.0;
  44             }
  45          }
  46          part { name: "elm.padding.right";
  47             type: RECT;
  48                         scale: 1;
  49             description {
  50                                 state: "default" 0.0;
  51                                 min: 0 0;
  52                                 fixed: 1 0;
  53                                 rel1 {
  54                                         relative: 1.0  0.0;
  55                                     offset:   0    0;
  56                                 }
  57                                 rel2 {
  58                                         relative: 1.0  1.0;
  59                                         offset:   0   0;
  60                                 }
  61                                 color: 0 0 0 0;
  62                                 align: 1.0 0.0;
  63             }
  64          }
  65                   part { name: "elm.background.progressbar";
  66             mouse_events: 0;
  67             scale: 1;
  68             type: RECT;
  69             description {
  70                state: "default" 0.0;
  71                rel1 {
  72                                   to_x: "elm.padding.left";
  73                   relative: 1.0 0.0;
  74                   offset: 0 0;
  75                }
  76                rel2 {
  77                                   to_x: "elm.padding.right";
  78                   relative: 0.0 1.0;
  79                   offset: -1 -1;
  80                }
  81             }
  82          }
  83          part { name: "elm.swallow.bar";
  84             mouse_events: 0;
  85             scale: 1;
  86             type: SWALLOW;
  87             description {
  88                min: 48 0;
  89                            fixed: 1 0;
  90                state: "default" 0.0;
  91                rel1 {
  92                   to: "elm.background.progressbar";
  93                   relative: 0.0 0.0;
  94                }
  95                rel2 {
  96                   to: "elm.background.progressbar";
  97                   relative: 1.0 1.0;
  98                }
  99             }
 100          }
 101          part { name: "elm.swallow.content";
 102             type: SWALLOW;
 103             scale: 1;
 104             description { state: "default" 0.0;
 105                visible: 0;
 106                align: 0.0 0.5;
 107                rel1 {
 108                   offset: 0 0;
 109                   to_y: "elm.background.progressbar";
 110                }
 111                rel2 {
 112                   offset: 0 -1;
 113                   relative: 0.0 1.0;
 114                   to_y: "elm.background.progressbar";
 115                }
 116             }
 117             description { state: "visible" 0.0;
 118                inherit: "default" 0.0;
 119                visible: 1;
 120                aspect: 1.0 1.0;
 121                aspect_preference: VERTICAL;
 122                rel2.offset: 6 -1;
 123             }
 124          }
 125          part { name: "elm.text";
 126             type: TEXT;
 127             mouse_events: 0;
 128             scale: 1;
 129             description { state: "default" 0.0;
 130                visible: 0;
 131                fixed: 1 1;
 132                align: 0.0 0.5;
 133                rel1.to_x: "elm.swallow.content";
 134                rel1.relative: 1.0 0.0;
 135                rel1.offset: -1 6;
 136                rel2.to_x: "elm.swallow.content";
 137                rel2.relative: 1.0 1.0;
 138                rel2.offset: -1 -5;
 139                color: 0 0 0 255;
 140                text {
 141                   font: "SLP:style=Medium";
 142                   size: 15;
 143                   min: 0 0;
 144                   align: 0.0 0.5;
 145                }
 146             }
 147             description { state: "visible" 0.0;
 148                inherit: "default" 0.0;
 149                visible: 0;
 150                text.min: 1 1;
 151                rel1.offset: 0 6;
 152                rel2.offset: 0 -7;
 153             }
 154          }
 155
 156          part { name: "background";
 157             mouse_events: 0;
 158             scale: 1;
 159             clip_to: "elm.background.progressbar";
 160             description {
 161                state: "default" 0.0;
 162                rel1 {
 163                   to: "elm.swallow.bar";
 164                   relative: 0.0 0.0;
 165                }
 166                rel2 {
 167                   to: "elm.swallow.bar";
 168                   relative: 1.0 1.0;
 169                   offset: -1 -1;
 170                }
 171             }
 172          }
 173
 174          part { name: "elm.text.status";
 175             type: TEXT;
 176             mouse_events: 0;
 177             scale: 1;
 178             description { state: "default" 0.0;
 179                fixed: 1 1;
 180                visible: 0;
 181                rel1 {
 182                   to: "background";
 183                   relative: 0.5 0.5;
 184                }
 185                rel2 {
 186                   to: "background";
 187                   relative: 0.5 0.5;
 188                }
 189                text {
 190                   font: "SLP:style=Medium";
 191                   size: 15;
 192                   min: 0 0;
 193                   align: 0.5 0.0;
 194                }
 195                color: 0 0 0 255;
 196             }
 197             description { state: "show" 0.0;
 198                inherit: "default" 0.0;
 199                visible: 0;
 200                text.min: 1 1;
 201             }
 202          }
 203
 204          part { name: "elm.progress.progressbar";
 205             mouse_events: 0;
 206             scale: 1;
 207             clip_to: "elm.background.progressbar";
 208             description {
 209                state: "default" 0.0;
 210                min: 0 0;
 211                fixed: 1 1;
 212                rel1 {
 213                   to: "elm.swallow.bar";
 214                   relative: 0.0 0.0;
 215                }
 216                rel2 {
 217                   to_y: "elm.swallow.bar";
 218                   to_x: "elm.cur.progressbar";
 219                   offset: -1 -1;
 220                }
 221                image {
 222                                   normal: "browser-view-images/progressbar/progressbar.png";
 223                   border: 5 5 5 5;
 224                }
 225             }
 226             description {
 227                state: "invert" 0.0;
 228                inherit: "default" 0.0;
 229                rel1 {
 230                   to_y: "elm.swallow.bar";
 231                   to_x: "elm.cur.progressbar";
 232                }
 233                rel2 {
 234                   to: "elm.swallow.bar";
 235                   relative: 1.0 1.0;
 236                }
 237             }
 238             description {
 239                state: "state_begin" 0.0;
 240                inherit: "default" 0.0;
 241                rel1 {
 242                   to: "elm.swallow.bar";
 243                   relative: 0.0 0.0;
 244                }
 245                rel2 {
 246                   to: "elm.swallow.bar";
 247                   relative: 0.1 1.0;
 248                }
 249             }
 250             description {
 251                state: "state_end" 0.0;
 252                inherit: "default" 0.0;
 253                rel1 {
 254                   to: "elm.swallow.bar";
 255                   relative: 0.9 0.0;
 256                }
 257                rel2 {
 258                   to: "elm.swallow.bar";
 259                   relative: 1.0 1.0;
 260                }
 261             }
 262          }
 263          part { name: "text-bar";
 264             type: TEXT;
 265             mouse_events: 0;
 266             scale: 1;
 267             clip_to: "progress-rect";
 268             effect: SOFT_SHADOW;
 269             scale: 0;
 270             description { state: "default" 0.0;
 271                align: 0.0 0.0;
 272                fixed: 1 1;
 273                visible: 0;
 274                rel1.to: "elm.text.status";
 275                rel1.offset: -1 -1;
 276                rel2.to: "elm.text.status";
 277                text {
 278                   text_source: "elm.text.status";
 279                   font: "SLP:style=Medium";
 280                   size: 15;
 281                   min: 0 0;
 282                   align: 0.0 0.0;
 283                }
 284                color: 224 224 224 255;
 285                color3: 0 0 0 64;
 286             }
 287             description { state: "show" 0.0;
 288                inherit: "default" 0.0;
 289                visible: 0;
 290                text.min: 1 1;
 291             }
 292          }
 293          part { name: "elm.cur.progressbar";
 294             mouse_events: 0;
 295             scale: 1;
 296             dragable {
 297                confine: "background";
 298                x: 1 1 1;
 299                y: 0 0 0;
 300             }
 301             description { state: "default" 0.0;
 302                min: 0 42;
 303                fixed: 1 1;
 304                visible: 0;
 305                rel1 {
 306                   to: "background";
 307                   relative: 0 0;
 308                }
 309                rel2.to: "background";
 310            }
 311          }
 312          part { name: "progress-rect";
 313             mouse_events: 0;
 314             scale: 1;
 315             type: RECT;
 316             description {
 317                state: "default" 0.0;
 318                rel1.to: "elm.progress.progressbar";
 319                rel2.to: "elm.progress.progressbar";
 320             }
 321          }
 322       }
 323       programs {
 324          program { name: "label_show";
 325             signal: "elm,state,text,visible";
 326             source: "elm";
 327             action:  STATE_SET "visible" 0.0;
 328             target: "elm.text";
 329          }
 330          program { name: "label_hide";
 331             signal: "elm,state,text,hidden";
 332             source: "elm";
 333             action:  STATE_SET "default" 0.0;
 334             target: "elm.text";
 335          }
 336          program { name: "icon_show";
 337             signal: "elm,state,icon,visible";
 338             source: "elm";
 339             action:  STATE_SET "visible" 0.0;
 340             target: "elm.swallow.content";
 341          }
 342          program { name: "icon_hide";
 343             signal: "elm,state,icon,hidden";
 344             source: "elm";
 345             action:  STATE_SET "default" 0.0;
 346             target: "elm.swallow.content";
 347          }
 348          program { name: "units_show";
 349             signal: "elm,state,units,visible";
 350             source: "elm";
 351             action:  STATE_SET "show" 0.0;
 352             target: "text-bar";
 353             target: "elm.text.status";
 354          }
 355          program { name: "units_hide";
 356             signal: "elm,state,units,hidden";
 357             source: "elm";
 358             action:  STATE_SET "default" 0.0;
 359             target: "text-bar";
 360             target: "elm.text.status";
 361          }
 362          program { name: "slide_to_end";
 363             action:  STATE_SET "state_end" 0.0;
 364             transition: LINEAR 0.5;
 365             target: "elm.progress.progressbar";
 366             after: "slide_to_begin";
 367          }
 368          program { name: "slide_to_begin";
 369             signal: "elm,state,slide,begin";
 370             action: STATE_SET "state_begin" 0.0;
 371             target: "elm.progress.progressbar";
 372             transition: LINEAR 0.5;
 373             after: "slide_to_end";
 374          }
 375          program { name: "start_pulse";
 376             signal: "elm,state,pulse,start";
 377             source: "elm";
 378             after: "slide_to_end";
 379          }
 380          program { name: "stop_pulse";
 381             signal: "elm,state,pulse,stop";
 382             source: "elm";
 383             action: ACTION_STOP;
 384             target: "slide_to_begin";
 385             target: "slide_to_end";
 386             target: "start_pulse";
 387             after: "state_pulse";
 388          }
 389          program { name: "state_pulse";
 390             signal: "elm,state,pulse";
 391             source: "elm";
 392             action: STATE_SET "state_begin" 0.0;
 393             target: "elm.progress.progressbar";
 394             after: "units_hide";
 395          }
 396          program { name: "state_fraction";
 397             signal: "elm,state,fraction";
 398             source: "elm";
 399             action: ACTION_STOP;
 400             target: "slide_to_begin";
 401             target: "slide_to_end";
 402             target: "start_pulse";
 403             action: STATE_SET "default" 0.0;
 404             target: "elm.progress.progressbar";
 405          }
 406          program { name: "set_invert_on";
 407             signal: "elm,state,inverted,on";
 408             source: "elm";
 409             action:  STATE_SET "invert" 0.0;
 410             target: "elm.progress.progressbar";
 411          }
 412          program { name: "set_invert_off";
 413             signal: "elm,state,inverted,off";
 414             source: "elm";
 415             action:  STATE_SET "default" 0.0;
 416             target: "elm.progress.progressbar";
 417          }
 418       }
 419    }
 420
 421 /* The cpu consumption depends on the time delay of progress bar */
 422 #define PROGRESSING_DELAY       0.14
 423    group { name: "elm/progressbar/horizontal/browser/loading_wheel";
 424        images {
 425            image: "browser-view-images/progressbar/processing_ani00.png" COMP;
 426            image: "browser-view-images/progressbar/processing_ani01.png" COMP;
 427            image: "browser-view-images/progressbar/processing_ani02.png" COMP;
 428            image: "browser-view-images/progressbar/processing_ani03.png" COMP;
 429            image: "browser-view-images/progressbar/processing_ani04.png" COMP;
 430            image: "browser-view-images/progressbar/processing_ani05.png" COMP;
 431            image: "browser-view-images/progressbar/processing_ani06.png" COMP;
 432            image: "browser-view-images/progressbar/processing_ani07.png" COMP;
 433        }
 434        parts {
 435            part { name: "elm.background.progressbar";
 436                mouse_events: 0;
 437                scale: 1;
 438                type: RECT;
 439                description {
 440                    state: "default" 0.0;
 441                }
 442            }
 443            part { name: "elm.swallow.bar";
 444                mouse_events: 0;
 445                scale: 1;
 446                type: SWALLOW;
 447                description { state: "default" 0.0;
 448                    min: 0 0;
 449                    max: 0 0;
 450                    visible: 0;
 451                }
 452            }
 453            part { name: "elm.swallow.content";
 454                type: SWALLOW;
 455                scale: 1;
 456                description { state: "default" 0.0;
 457                    min: 0 0;
 458                    max: 0 0;
 459                    visible: 0;
 460                }
 461            }
 462            part { name: "background";
 463                mouse_events: 0;
 464                scale: 1;
 465                clip_to: "elm.background.progressbar";
 466                description {
 467                    state: "default" 0.0;
 468                    min: 60 60;
 469                    max: 90 90;
 470                    visible: 1;
 471                    aspect: 1.0 1.0;
 472                    aspect_preference: BOTH;
 473                    image {
 474                        normal: "browser-view-images/progressbar/processing_ani00.png";
 475                    }
 476                }
 477                description { state: "pulse" 0.0;
 478                    inherit: "default" 0.0;
 479                    image {
 480                        normal: "browser-view-images/progressbar/processing_ani00.png";
 481                    }
 482                }
 483                            description { state: "pulse" 0.01;
 484                                    inherit: "default" 0.0;
 485                                    image {
 486                                            normal: "browser-view-images/progressbar/processing_ani01.png";
 487                                    }
 488                            }
 489                            description { state: "pulse" 0.02;
 490                                    inherit: "default" 0.0;
 491                                    image {
 492                                            normal: "browser-view-images/progressbar/processing_ani02.png";
 493                                    }
 494                            }
 495                            description { state: "pulse" 0.03;
 496                                    inherit: "default" 0.0;
 497                                    image {
 498                                            normal: "browser-view-images/progressbar/processing_ani03.png";
 499                                    }
 500                            }
 501                            description { state: "pulse" 0.04;
 502                                    inherit: "default" 0.0;
 503                                    image {
 504                                            normal: "browser-view-images/progressbar/processing_ani04.png";
 505                                    }
 506                            }
 507                            description { state: "pulse" 0.05;
 508                                    inherit: "default" 0.0;
 509                                    image {
 510                                            normal: "browser-view-images/progressbar/processing_ani05.png";
 511                                    }
 512                            }
 513                            description { state: "pulse" 0.06;
 514                                    inherit: "default" 0.0;
 515                                    image {
 516                                            normal: "browser-view-images/progressbar/processing_ani06.png";
 517                                    }
 518                            }
 519                            description { state: "pulse" 0.07;
 520                                    inherit: "default" 0.0;
 521                                    image {
 522                                            normal: "browser-view-images/progressbar/processing_ani07.png";
 523                                    }
 524                            }
 525            }
 526        }
 527            script {
 528                         public pulse_state;
 529            }
 530        programs {
 531            program { name: "continue_pulse";
 532                            script {
 533                                         new Float:state;
 534                                         state = get_float(pulse_state);
 535                                         set_state(PART:"background", "pulse", state);
 536                                         state += 0.01;
 537                                         if( state > 0.07 )
 538                                                 state = 0.00;
 539                                         set_float(pulse_state, state);
 540                            }
 541                after: "delay";
 542            }
 543            program { name: "delay";
 544                action: STATE_SET "pulse" 0.10;
 545                target: "background";
 546                            in: PROGRESSING_DELAY 0.0;
 547                after: "continue_pulse";
 548            }
 549            program { name: "start_pulse";
 550                signal: "elm,state,pulse,start";
 551                source: "elm";
 552                            script {
 553                                         set_float(pulse_state, 0.0);
 554                            }
 555                after: "continue_pulse";
 556            }
 557            program { name: "stop_pulse";
 558                signal: "elm,state,pulse,stop";
 559                source: "elm";
 560                            action: ACTION_STOP;
 561                target: "continue_pulse";
 562                target: "delay";
 563                target: "start_pulse";
 564                after: "init_pulse";
 565            }
 566                    program { name: "init_pulse";
 567                                 action: STATE_SET "default" 0.0;
 568                                 target: "background";
 569                    }
 570        }
 571    }
 572 }
 573