edje/view/actionmenu.edc

   1 /*
   2  * Copyright (c) 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 #include "../../include/defs.h"
  18 group {
  19         name, GRP_ACTION_MENU;
  20         parts {
  21                 part {
  22                         name, "bg";
  23                         type, RECT;
  24                         scale, 1;
  25                         description {
  26                                 state, "default" 0.0;
  27                                 color, 0 0 0 150;
  28                         }
  29                 }
  30                 part {
  31                         name, "bar";
  32                         type, RECT;
  33                         scale, 1;
  34                         description {
  35                                 state, "default" 0.0;
  36                                 rel1.relative, 1.0 0.0;
  37                                 min, 500 0;
  38                                 fixed, 1 0;
  39                                 align, 1.0 0.5;
  40                         }
  41                 }
  42                 part {
  43                         name, "divider.left";
  44                         type, RECT;
  45                         scale, 1;
  46                         description {
  47                                 state, "default" 0.0;
  48                                 rel1.to, "bar";
  49                                 rel2 {
  50                                         to, "bar";
  51                                         relative, 0.0 1.0;
  52                                 }
  53                                 min, 1 0;
  54                                 align, 1.0 0.5;
  55                                 fixed, 1 0;
  56                                 color, 224 224 224 255;
  57                         }
  58                 }
  59                 part {
  60                         name, "livetv";
  61                         type, RECT;
  62                         scale, 1;
  63                         description {
  64                                 state, "default" 0.0;
  65                                 rel1.to, "bar";
  66                                 rel2 {
  67                                         to, "bar";
  68                                         relative, 1.0 0.0;
  69                                 }
  70                                 min, 0 118;
  71                                 align, 0.5 0.0;
  72                                 fixed, 0 1;
  73                         }
  74                 }
  75                 part {
  76                         name, PART_ACTION_MENU_LIVETV;
  77                         type, SWALLOW;
  78                         scale, 1;
  79                         description {
  80                                 state, "default" 0.0;
  81                                 rel1 {
  82                                         to, "livetv";
  83                                         relative, 0.5 0.5;
  84                                 }
  85                                 rel2 {
  86                                         to, "livetv";
  87                                         relative, 0.5 0.5;
  88                                 }
  89                                 min, 372 64;
  90                                 fixed, 1 1;
  91                         }
  92                 }
  93                 part {
  94                         name, "divider.up";
  95                         type, RECT;
  96                         scale, 1;
  97                         description {
  98                                 state, "default" 0.0;
  99                                 rel1 {
 100                                         to, "livetv";
 101                                         relative, 0.0 1.0;
 102                                 }
 103                                 rel2.to, "livetv";
 104                                 color, 224 224 224 255;
 105                                 min, 0 1;
 106                                 align, 0.5 0.0;
 107                                 fixed, 0 1;
 108                         }
 109                 }
 110                 part {
 111                         name, PART_ACTION_MENU_TABLE;
 112                         type, SWALLOW;
 113                         scale, 1;
 114                         description {
 115                                 state, "default" 0.0;
 116                                 rel1 {
 117                                         to, "divider.up";
 118                                         relative, 0.0 1.0;
 119                                 }
 120                                 rel2.to, "divider.up";
 121                                 min, 0 124;
 122                                 align, 0.5 0.0;
 123                                 fixed, 0 1;
 124                         }
 125                 }
 126                 part {
 127                         name, "divider.down";
 128                         type, RECT;
 129                         scale, 1;
 130                         description {
 131                                 state, "default" 0.0;
 132                                 rel1 {
 133                                         to, PART_ACTION_MENU_TABLE;
 134                                         relative, 0.0 1.0;
 135                                 }
 136                                 rel2.to, PART_ACTION_MENU_TABLE;
 137                                 color, 224 224 224 255;
 138                                 min, 0 1;
 139                                 align, 0.5 0.0;
 140                                 fixed, 0 1;
 141                         }
 142                 }
 143         }
 144 }
 145 group {
 146         name, GRP_ACTION_MENU_LIVETV;
 147         parts {
 148                 part {
 149                         name, "bg";
 150                         type, RECT;
 151                         scale, 1;
 152                         description {
 153                                 state, "default" 0.0;
 154                                 min, 372 64;
 155                                 color, 194 194 194 255;
 156                         }
 157                         description {
 158                                 state, "focus" 0.0;
 159                                 inherit, "default" 0.0;
 160                                 color, 0 119 246 255;
 161                         }
 162                 }
 163                 part {
 164                         name, "area";
 165                         type, RECT;
 166                         scale, 1;
 167                         description {
 168                                 state, "default" 0.0;
 169                                 min, 370 62;
 170                                 rel1.relative, 0.5 0.5;
 171                                 rel2.relative, 0.5 0.5;
 172                                 fixed, 1 1;
 173                                 color, 255 255 255 255;
 174                         }
 175                         description {
 176                                 state, "focus" 0.0;
 177                                 inherit, "default" 0.0;
 178                                 color, 0 119 246 255;
 179                         }
 180                 }
 181                 part {
 182                         name, "text";
 183                         type, TEXT;
 184                         scale, 1;
 185                         description {
 186                                 state, "default" 0.0;
 187                                 text {
 188                                         font, "TizenSans";
 189                                         size, 28;
 190                                         text, "Live TV";
 191                                 }
 192                                 color, 87 87 87 255;
 193                                 fixed, 1 1;
 194                         }
 195                         description {
 196                                 state, "focus" 0.0;
 197                                 inherit, "default" 0.0;
 198                                 color, 255 255 255 255;
 199                         }
 200                 }
 201         }
 202         programs {
 203                 program {
 204                         name, "sig,focus";
 205                         signal, SIG_FOCUS;
 206                         source, SRC_PROG;
 207                         action, STATE_SET "focus" 0.0;
 208                         target, "text";
 209                         target, "area";
 210                         target, "bg";
 211                 }
 212                 program {
 213                         name, "sig,unfocus";
 214                         signal, SIG_UNFOCUS;
 215                         source, SRC_PROG;
 216                         action, STATE_SET "default" 0.0;
 217                         target, "text";
 218                         target, "area";
 219                         target, "bg";
 220                 }
 221         }
 222 }
 223 group {
 224         name, GRP_ACTION_MENU_TABLE_ITEM;
 225         parts {
 226                 part {
 227                         name, "bg";
 228                         type, RECT;
 229                         scale, 1;
 230                         description {
 231                                 state, "default" 0.0;
 232                                 min, 125 124;
 233                         }
 234                 }
 235                 part {
 236                         name, "divider";
 237                         type, RECT;
 238                         scale, 1;
 239                         description {
 240                                 state, "default" 0.0;
 241                                 rel1.relative, 1.0 0.0;
 242                                 min, 1 0;
 243                                 fixed, 1 0;
 244                                 color, 224 224 224 255;
 245                                 align, 1.0 0.5;
 246                         }
 247                 }
 248                 part {
 249                         name, "pad.icon";
 250                         type, RECT;
 251                         scale, 1;
 252                         description {
 253                                 state, "default" 0.0;
 254                                 min, 0 14;
 255                                 rel1.relative, 0.5 0.0;
 256                                 rel2.relative, 0.5 0.0;
 257                                 fixed, 1 1;
 258                                 align, 0.0 0.0;
 259                         }
 260                 }
 261                 part {
 262                         name, "clip";
 263                         type, RECT;
 264                         scale, 1;
 265                         description {
 266                                 state, "default" 0.0;
 267                                 color, 0 0 0 0;
 268                         }
 269                         description {
 270                                 state, "focus" 0.0;
 271                                 inherit, "default" 0.0;
 272                                 color, 255 255 255 255;
 273                         }
 274                 }
 275                 part {
 276                         name, PART_ACTION_MENU_TABLE_ITEM_BG;
 277                         type, SWALLOW;
 278                         scale, 1;
 279                         clip_to, "clip";
 280                         description {
 281                                 state, "default" 0.0;
 282                                 fixed, 1 1;
 283                         }
 284                 }
 285                 part {
 286                         name, PART_ACTION_MENU_TABLE_ITEM_ICON;
 287                         type, SWALLOW;
 288                         scale, 1;
 289                         description {
 290                                 state, "default" 0.0;
 291                                 rel1 {
 292                                         to, "pad.icon";
 293                                         relative, 1.0 1.0;
 294                                 }
 295                                 rel2 {
 296                                         to, "pad.icon";
 297                                         relative, 1.0 1.0;
 298                                 }
 299                                 min, 60 60;
 300                                 align, 0.5 0.0;
 301                                 fixed, 1 1;
 302                         }
 303                 }
 304                 part {
 305                         name, PART_ACTION_MENU_TABLE_ITEM_ICON_FOCUS;
 306                         type, SWALLOW;
 307                         scale, 1;
 308                         clip_to, "clip";
 309                         description {
 310                                 state, "default" 0.0;
 311                                 rel1.to, PART_ACTION_MENU_TABLE_ITEM_ICON;
 312                                 rel2.to, PART_ACTION_MENU_TABLE_ITEM_ICON;
 313                                 fixed, 1 1;
 314                         }
 315                 }
 316                 part {
 317                         name, "pad.text";
 318                         type, RECT;
 319                         scale, 1;
 320                         description {
 321                                 state, "default" 0.0;
 322                                 rel1 {
 323                                         to, PART_ACTION_MENU_TABLE_ITEM_ICON;
 324                                         relative, 0.5 1.0;
 325                                 }
 326                                 rel2 {
 327                                         to, PART_ACTION_MENU_TABLE_ITEM_ICON;
 328                                         relative, 0.5 1.0;
 329                                 }
 330                                 min, 0 6;
 331                                 fixed, 1 1;
 332                                 align, 0.5 0.0;
 333                         }
 334                 }
 335                 part {
 336                         name, PART_ACTION_MENU_TABLE_ITEM_TEXT;
 337                         type, SWALLOW;
 338                         scale, 1;
 339                         description {
 340                                 state, "default" 0.0;
 341                                 rel1 {
 342                                         to, "pad.text";
 343                                         relative, 1.0 1.0;
 344                                 }
 345                                 rel2 {
 346                                         to, "pad.text";
 347                                         relative, 1.0 1.0;
 348                                 }
 349                                 min, 80 20;
 350                                 align, 0.5 0.0;
 351                                 fixed, 1 1;
 352                         }
 353                 }
 354                 part {
 355                         name, PART_ACTION_MENU_TABLE_ITEM_TEXT_FOCUS;
 356                         type, SWALLOW;
 357                         scale, 1;
 358                         clip_to, "clip";
 359                         description {
 360                                 state, "default" 0.0;
 361                                 rel1.to, PART_ACTION_MENU_TABLE_ITEM_TEXT;
 362                                 rel2.to, PART_ACTION_MENU_TABLE_ITEM_TEXT;
 363                                 fixed, 1 1;
 364                         }
 365                 }
 366         }
 367         programs {
 368                 program {
 369                         name, "sig,focus";
 370                         signal, SIG_FOCUS;
 371                         source, SRC_PROG;
 372                         action, STATE_SET "focus" 0.0;
 373                         transition, TRANSITION_DECEL;
 374                         target, "clip";
 375                 }
 376                 program {
 377                         name, "sig,unfocus";
 378                         signal, SIG_UNFOCUS;
 379                         source, SRC_PROG;
 380                         action, STATE_SET "default" 0.0;
 381                         transition, TRANSITION_DECEL;
 382                         target, "clip";
 383                 }
 384         }
 385 }