res/white_theme/edc/gallery.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 #define FONT_ROM       "SLP:style=Roman"
  18 #define FONT_MED       "SLP:style=Medium"
  19 #define INDICATOR_H     27
  20 #define NAVI_H          67
  21 #define GALLERY_EDC_COLOR_THEME_GRAY  91 91 91 255
  22 #define GALLERY_EDC_COLOR_BG  255 255 255 255
  23 #define ENTRY_H         112
  24 #define ENTRY_MAX_W             1280
  25 #define CONTROLBAR_LARGE_HEIGHT_INC 117
  26 #define CONTROLBAR_SMALL_HEIGHT_INC 98
  27 #define SELECT_ALL_BG_COLOR 215 225 232 255
  28
  29 #include "gallery-edc-res.h"
  30
  31 collections {
  32 #include "gl-selection-notification.edc"
  33 #include "gl-genlist-item-video.edc"
  34 #include "gl-gengrid-item-thumbview.edc"
  35 #include "gl-gengrid-item-albums.edc"
  36 #include "gl-button.edc"
  37 #include "gl-check.edc"
  38 #include "gl-nocontents.edc"
  39
  40         group {
  41                 name: "gallery/view_layout";
  42                 parts {
  43                         part {
  44                                 name: "background";
  45                                 type, RECT;
  46                                 mouse_events: 0;
  47                                 description {
  48                                 state: "default" 0.0;
  49                                 rel1 { relative: 0.0 0.0; offset: 0 0; }
  50                                 rel2 { relative: 1.0 1.0; offset: -1 -1; }
  51                                 color, 0 0 0 0 ;
  52                                 }
  53
  54                         }
  55
  56                         part {
  57                                 name: "selectall_bg";
  58                                 type: RECT;
  59                                 mouse_events: 1;
  60                                 scale: 1;
  61                                 description {
  62                                         state: "default" 0.0;
  63                                         min: 0 112;
  64                                         fixed: 0 1;
  65                                         align: 0.5 0.0;
  66                                         rel1 { relative: 0.0 0.0; to: "background"; }
  67                                         rel2 { relative: 1.0 0.0; to: "background"; }
  68                                         color: 0 0 0 0;
  69                                 }
  70                                 description {
  71                                         state: "visible" 0.0;
  72                                         inherit: "default" 0.0;
  73                                         color: SELECT_ALL_BG_COLOR;
  74                                 }
  75                                 description {
  76                                         state: "visible_video" 0.0;
  77                                         inherit: "default" 0.0;
  78                                         min: 0 VIDEO_SELECT_ALL_ITEM_H;
  79                                         color: SELECT_ALL_BG_COLOR;
  80                                 }
  81                         }
  82                         part {
  83                                 name: "selectall_bottom_line";
  84                                 type: RECT;
  85                                 mouse_events: 1;
  86                                 scale: 1;
  87                                 description {
  88                                         state: "default" 0.0;
  89                                         min: 0 2;
  90                                         fixed: 0 1;
  91                                         align: 0.5 0.0;
  92                                         rel1 { relative: 0.0 1.0; to: "selectall_bg"; }
  93                                         rel2 { relative: 1.0 0.0; to: "background"; }
  94                                         color: 0 0 0 0;
  95                                 }
  96                                 description {
  97                                         state: "visible" 0.0;
  98                                         inherit: "default" 0.0;
  99                                         color: GENLIST_PART_BOTTOM_LINE_COLOR_VIDEO;
 100                                 }
 101                                 description {
 102                                         state: "visible_video" 0.0;
 103                                         inherit: "default" 0.0;
 104                                         color: GENLIST_PART_BOTTOM_LINE_COLOR_VIDEO;
 105
 106                                 }
 107                         }
 108                         part {
 109                         name: "selectall_check_leftpadding";
 110                         type: RECT;
 111                         mouse_events: 0;
 112                         scale: 1;
 113                         description {
 114                                 state: "default" 0.0;
 115                                 min: 16 0;
 116                                 fixed: 1 0;
 117                                 align: 0.0 0.0;
 118
 119                                 color: 0 0 0 255;
 120                                 visible: 0;
 121                                 rel1 { relative: 0.0 0.0; to: "selectall_bg"; }
 122                                 rel2 { relative: 0.0 1.0; to: "selectall_bg"; }
 123                         }
 124                         description {
 125                                 state: "visible" 0.0;
 126                                 inherit: "default" 0.0;
 127
 128                         }
 129
 130                 }
 131
 132                 part {
 133                         name: "selectall_check";
 134                         type: SWALLOW;
 135                         mouse_events: 1;
 136                         scale: 1;
 137                         description {
 138                                 state: "default" 0.0;
 139                                 align: 0.0 0.5;
 140                                 fixed: 1 1;
 141                                 min: 42 42;
 142                                 rel1 { relative: 1.0 0.0; to: "selectall_check_leftpadding"; }
 143                                 rel2 { relative: 1.0 1.0; to: "selectall_check_leftpadding"; }
 144                                 visible : 0;
 145
 146                         }
 147                         description {
 148                                 state: "visible" 0.0;
 149                                 inherit: "default" 0.0;
 150                                 visible: 1;
 151                         }
 152
 153                 }
 154
 155                 part {
 156                         name: "selectall_check_rightpadding";
 157                         type: RECT;
 158                         mouse_events: 0;
 159                         scale: 1;
 160                         description {
 161                                 state: "default" 0.0;
 162                                 min: 16 0;
 163                                 fixed: 1 0;
 164                                 align: 0.0 0.0;
 165                                 color: 0 0 0 0;
 166                                 rel1 { relative: 1.0 0.0; to: "selectall_check"; }
 167                                 rel2 { relative: 1.0 1.0; to: "selectall_check"; }
 168                                  visible: 0;
 169                         }
 170                         description {
 171                                 state: "visible" 0.0;
 172                                 inherit: "default" 0.0;
 173                                 visible: 1;
 174                         }
 175
 176                 }
 177
 178                 part {
 179                         name: "selectall_text";
 180                         type: TEXT;
 181                         mouse_events: 0;
 182                         scale: 1;
 183                         description {
 184                                 state: "default" 0.0;
 185                                 align: 0.0 0.5;
 186                                 rel1 { relative: 1.0 0.0; to: "selectall_check_rightpadding"; }
 187                                 rel2 { relative: 1.0 1.0; to: "selectall_bg"; }
 188                                 color: 0 0 0 255;
 189                                 text {
 190                                         font: "SLP:style=Medium";
 191                                         text_class: "slp_medium";
 192                                         size: 44;
 193                                         text: "";
 194                                         align: 0.0 0.5;
 195                                 }
 196                                 visible: 0;
 197                         }
 198                         description {
 199                                 state: "visible" 0.0;
 200                                 inherit: "default" 0.0;
 201                                 visible: 1;
 202                         }
 203                 }
 204
 205                 part {
 206                         name: "selectall_inner";
 207                         type: RECT;
 208                         mouse_events: 0;
 209                         scale: 1;
 210
 211                         description {
 212                                 state: "defalut" 0.0;
 213                                 min: 0 1;
 214                                 fixed: 0 1;
 215                                 align: 0.5 0.0;
 216                                 rel1 { relative: 0.0 1.0; to: "selectall_bg"; }
 217                                 rel2 { relative: 1.0 1.0; to: "selectall_bottom_line"; }
 218                                 color: 90 90 90 0;
 219                         }
 220                         description {
 221                                 state: "visible" 0.0;
 222                                 inherit: "default" 0.0;
 223                         }
 224                 }
 225                 part {
 226                         name: "elm.padding.selinfo";
 227                         type: RECT;
 228                         scale: 1;
 229                         description {
 230                                         state: "default" 0.0;
 231                                         min: 0 SELINFO_H; // bottom padding size for selectioninfo
 232                                         fixed: 0 1;
 233                                         align: 0.5 1.0;
 234                                         rel1 { relative: 0.0 1.0; }
 235                                         rel2 { relative: 1.0 1.0; }
 236                                         color: 0 0 0 0;
 237                                         visible: 0;
 238                         }
 239                 }
 240                 part {
 241                         name: "elm.swallow.view";
 242                         type: SWALLOW;
 243                         mouse_events: 1;
 244                         description {
 245                                 state: "default" 0.0;
 246                                 rel1 { relative: 0.0 0.0;}
 247                                 rel2 { relative: 1.0 1.0; }
 248                         }
 249                         description { //edit view
 250                                 state: "edit" 0.0;
 251                                 rel1 { relative: 0.0 1.0; to: "selectall_inner"; }
 252                                 rel2 { relative: 1.0 1.0;}
 253
 254                         }
 255                         description { //move edit view up while selectioninfo shown
 256                                 state: "moveup" 0.0;
 257                                 rel1 { relative: 0.0 1.0; to: "selectall_inner"; }
 258                                 rel2 { relative: 1.0 0.0; to: "elm.padding.selinfo"; }
 259
 260                         }
 261                 }
 262         }
 263
 264         programs
 265         {
 266                 program {
 267                         name: "selectall_show_after";
 268                         action: STATE_SET "visible" 0.0;
 269                         target: "selectall_check_leftpadding";
 270                         target: "selectall_check";
 271                         target: "selectall_check_rightpadding";
 272                         target: "selectall_text";
 273                         target: "selectall_inner";
 274                 }
 275                 program {
 276                         name: "selectall_show";
 277                         signal: "selectall_show";
 278                         source: "elm";
 279                         action: STATE_SET "visible" 0.0;
 280                         target: "selectall_bg";
 281                         target: "selectall_bottom_line";
 282                     after: "selectall_show_after";
 283                 }
 284                 program {
 285                         name: "selectall_show_video";
 286                         signal: "selectall_show_video";
 287                         source: "elm";
 288                         action: STATE_SET "visible_video" 0.0;
 289                         target: "selectall_bg";
 290                         target: "selectall_bottom_line";
 291                     after: "selectall_show_after";
 292                 }
 293                 program {
 294                         name: "selectall_hide";
 295                         signal: "selectall_hide";
 296                         source: "elm";
 297                         action: STATE_SET "default" 0.0;
 298                         target: "selectall_bg";
 299                         target: "selectall_bottom_line";
 300                         target: "selectall_check_leftpadding";
 301                         target: "selectall_check";
 302                         target: "selectall_check_rightpadding";
 303                         target: "selectall_text";
 304                         target: "selectall_inner";
 305                 }
 306                 //emit signal to set checkbox state in .c codes
 307                 program { name: "selectall_bg_click2";
 308                         signal: "mouse,clicked,1";
 309                         source: "selectall_bg";
 310                         action: SIGNAL_EMIT "elm,action,click" "selectall_bg";
 311                 }
 312
 313                 program {
 314                         name: "swallow_view_default";
 315                         signal: "elm,swallow_view,state,default";
 316                         source: "elm";
 317                         script {
 318                                 set_state(PART:"elm.swallow.view", "default", 0.0);
 319                         }
 320                 }
 321                 program {
 322                         name: "swallow_view_edit";
 323                         signal: "elm,swallow_view,state,edit";
 324                         source: "elm";
 325                         script {
 326                                 set_state(PART:"elm.swallow.view", "edit", 0.0);
 327                         }
 328                 }
 329                 program {
 330                         name: "swallow_view_moveup";
 331                         signal: "elm,swallow_view,state,moveup";
 332                         source: "elm";
 333                         script {
 334                                 set_state(PART:"elm.swallow.view", "moveup", 0.0);
 335                         }
 336                 }
 337         }
 338
 339  }
 340
 341 //edit field layout
 342       group {
 343                 name: "gallery/entry";
 344                 parts{
 345                         part {
 346                                 name: "bg";
 347                                 type: RECT;
 348                                 mouse_events: 1;
 349                                 scale:1;
 350
 351                                 description {
 352                                         state: "default" 0.0;
 353                                         color: GALLERY_EDC_COLOR_BG;
 354                                         rel1.relative: 0.0 0.0;
 355                                         rel2.relative: 1.0 1.0;
 356                                 }
 357                         }
 358                          part {
 359                                 name: "bg_entry";
 360                                 type: RECT;
 361                                 mouse_events: 0;
 362                                 scale:1;
 363
 364                                 description {
 365                                         state: "default" 0.0;
 366                                         min: 0 ENTRY_H;//0 112 //0 76
 367                                         max: ENTRY_MAX_W ENTRY_H;//1280 112  //800 76
 368                                         fixed:1 1;
 369                                         rel1 { relative: 0.0  0.0; to: "bg";}
 370                                         rel2 { relative: 1.0  0.0; to: "bg"; offset: 0 ENTRY_H;}        //112   64
 371                                         color: 0 0 0 0; //Fixme, set bg transparent.
 372                                         //color: 255 255 255 255;
 373                                         align: 0 0;
 374                                 }
 375                         }
 376                         part {
 377                                 name: "botton_line";
 378                                 type: RECT;
 379                                 mouse_events: 0;
 380                                 scale:1;
 381
 382                                 description {
 383                                         min : 0 1; //minimum size for gap filler
 384                                         fixed: 1 1;
 385                                         state: "default" 0.0;
 386                                         rel1 { relative: 0.0 1.0; to: "bg_entry";}
 387                                         rel2 { relative: 1.0 1.0; to: "bg_entry"; offset: 0 1;}
 388                                         color: 82 82 82 255;
 389                                         align: 0 0;
 390                                 }
 391                         }
 392                         part {
 393                                 name: "entry_part";
 394                                 type: SWALLOW;
 395                                 mouse_events: 1;
 396                                 scale:1;
 397
 398                                 description {
 399                                         min : 0 56; //minimum size for gap filler
 400                                         max: 5000 56;
 401                                         fixed: 1 1;
 402                                         state: "default" 0.0;
 403                                         rel1 { relative: 0.0 0.0; to: "bg_entry"; offset: 10 0;}
 404                                         rel2 { relative: 1.0 (56/76); to: "bg_entry"; offset: -12 0;}
 405                                         align: 0 0;
 406                                 }
 407                         }
 408                 }
 409         }
 410
 411         group { name: "gallery/segment_layout";
 412            parts {
 413               part { name: "bg";
 414                  type: RECT;
 415                  mouse_events: 1;
 416                  scale: 1;
 417                  description {
 418                     state: "default" 0.0;
 419                     min: 396 74;
 420                     max: 768 74;
 421                     visible: 0;
 422                  }
 423               }
 424               part { name: "segment";
 425                  type: SWALLOW;
 426                  mouse_events: 1;
 427                  scale: 1;
 428                  description {
 429                     state: "default" 0.0;
 430                     align: 0.5 0.5;
 431                     rel1 { relative: 0.0 0.0; to: "bg"; }
 432                     rel2 { relative: 1.0 1.0; to: "bg"; }
 433                  }
 434               }
 435            }
 436         }
 437
 438         group { name: "gl_bg_layout";
 439            parts {
 440               part { name: "bg";
 441                  type: RECT;
 442                  mouse_events:  0;
 443                  description { state: "default" 0.0;
 444                         color: 255 255 255 255;
 445                  }
 446               }
 447               part { name: "elm.swallow.image";
 448                  type: SWALLOW;
 449                  description { state: "default" 0.0;
 450                  }
 451               }
 452            }
 453         }
 454 }
 455