ecef.edc

/* controls size (in pixels) of event areas */
#define TOP_EVENT_SIZE 10
#define BOTTOM_EVENT_SIZE 10
#define LEFT_EVENT_SIZE 10
#define RIGHT_EVENT_SIZE 10

collections {
   group { "elm/layout/ecef/base"; nomouse;
      script_recursion: 1;
      images.image: "box_glow.png" COMP;
      images.image: "glow_round_corners_small.png" COMP;
      images.image: "knob_round_small_busy.png" COMP;
      script {
         public urlbar_changed = 0;
         public urlbar_visible = 0;
         public pagelist_visible = 0;
         public pagelist_locked = 0;
         public pagelist_available = 0;

         public message(Msg_Type:type, id, ...) {
            if (type == MSG_INT_SET) {
               new x, y, xx, yy;

               x = getarg(2);
               y = getarg(3);
               xx = getarg(4);
               yy = getarg(5);

               custom_state(PART:"ecef.swallow.browser", "default", 0.0);
               set_state_val(PART:"ecef.swallow.browser", STATE_REL1_OFFSET, x, y);
               set_state_val(PART:"ecef.swallow.browser", STATE_REL2_OFFSET, -xx, -yy);
               set_state(PART:"ecef.swallow.browser", "custom", 0.0);
            }
         }
      }
      parts {
         program { signal: "ecef,pages,available"; source: "ecef";
            script {
               set_int(pagelist_available, 1);
            }
         }
         program { signal: "ecef,pages,unavailable"; source: "ecef";
            script {
               set_int(pagelist_available, 0);
            }
            after: "hide_pagelist";
         }
         rect { "base";
            desc { color: 0 0 0 255; }
         }
         swallow { "ecef.swallow.swap";
            desc {}
            desc { "swapped";
               rel1.relative: 1 0;
               rel2.relative: 2 1;
            }
         }
         program { signal: "ecef,browser,swap"; source: "ecef";
            action: STATE_SET "default";
            target: "ecef.swallow.swap";
            sequence {
               action: STATE_SET "swapped";
               target: "ecef.swallow.swap";
               transition: LINEAR 0.3;
            }
         }
         rect { "dialer_clip";
            desc {
               rel1.relative: 0.5 0.5;
               rel2.relative: 0.5 0.5;
               link.base: "ecef,dialer,reset" "ecef";
            }
            desc { "active";
               link.base: "ecef,dialer,activate" "ecef";
               link.transition: LINEAR 0.3;
            }
         }
         swallow { "ecef.swallow.dialer"; mouse; clip: "dialer_clip";
         }
         rect { "browser_clip";
            desc {
               link.base: "ecef,dialer,reset" "ecef";
            }
            program { "clip_visible"; signal: "ecef,browser,swap"; source: "ecef";
               action: STATE_SET "default";
               target: "browser_clip";
            }
            desc { "hidden"; hid;
               link.base: "ecef,dialer,activate" "ecef";
            }
         }
         swallow { "ecef.swallow.browser"; mouse; clip: "browser_clip";
            desc {
               link.base: "ecef,browser,swap" "ecef";
               link.transition: LINEAR 0.3;
               link.after: "post_swap";
               program { "post_swap";
                  action: SIGNAL_EMIT "ecef,browser,swapped" "ecef";
               }
            }
         }
         spacer { "ecef.sizer.browser"; }
         rect { "urlbar_fader";
            desc {
               rel.to_y: "ecef.swallow.urlbar";
               color: 0 0 0 192;
            }
         }
         swallow { "ecef.swallow.back"; mouse;
            desc { align: 0 0;
               rel1.offset: 3 0;
               rel2.relative: 0 1;
               rel.to_y: "ecef.swallow.urlbar";
            }
         }
         swallow { "ecef.swallow.forward"; mouse;
            desc { align: 0 0;
               rel1.relative: 1 0;
               rel2.relative: 0 1;
               rel1.offset: 8 0;
               rel1.to_x: "ecef.swallow.back";
               rel.to_y: "ecef.swallow.urlbar";
            }
         }
         swallow { "ecef.swallow.reload"; mouse;
            desc { align: 0 0;
               rel1.relative: 1 0;
               rel2.relative: 0 1;
               rel1.offset: 8 3;
               rel1.to_x: "ecef.swallow.forward";
               rel.to_y: "ecef.swallow.urlbar";
            }
         }
         swallow { "ecef.swallow.favicon";
            desc { align: 0 0; min: 16 16;
               rel1.relative: 1 0;
               rel2.relative: 0 1;
               rel1.offset: 8 2;
               aspect: 1 1; aspect_preference: SOURCE;
               rel1.to_x: "ecef.swallow.reload";
               rel.to_y: "ecef.swallow.urlbar";
            }
         }

         // URLBAR
         image { "urlbar_border";
            desc {
               image.normal: "box_glow.png";
               fill.smooth: 0;
               image.border: 12 12 12 12;
               image.middle: 0;
               rel1.offset: -7 -6;
               rel2.offset: 7 5;
               rel.to: "ecef.swallow.urlbar";
            }
         }
         swallow { "ecef.swallow.urlbar"; mouse;
            desc { hid; align: 0.0 0;
               rel1.relative: 1 -0.5;
               rel2.relative: 1 0;
               rel1.offset: 8 0;
               rel2.offset: -3 -1;
               rel1.to_x: "ecef.swallow.favicon";
            }
            desc { "visible"; align: 0.0 0;
               rel1.relative: 1 0;
               rel2.relative: 1 0;
               rel1.offset: 8 0;
               rel2.offset: -3 30;
               rel1.to_x: "ecef.swallow.favicon";
            }
         }
         program { "show_urlbar";
            signal: "ecef,urlbar,show"; source: "ecef";
            script {
               set_int(urlbar_changed, 0);
               stop_program(get_program_id("hide_urlbar_delayed"));
            }
            after: "show_urlbar_begin";
         }
         program { "show_urlbar_begin";
            script {
               set_int(urlbar_visible, 1);
            }
            sequence {
               action: STATE_SET "visible";
               transition: LINEAR 0.4;
               target: "ecef.swallow.urlbar";
               action: SIGNAL_EMIT "ecef,urlbar,visible" "ecef";
            }
         }
         program { signal: "ecef,urlbar,change"; source: "ecef";
            script {
               set_int(urlbar_changed, 1);
            }
            after: "show_urlbar_begin";
            after: "hide_urlbar_delayed";
         }
         program { "hide_urlbar_delayed";
            in: 3.0 0;
            after: "hide_urlbar";
         }
         program { "hide_urlbar";
            filter: "ecef.swallow.urlbar" "visible";
            signal: "ecef,urlbar,hide"; source: "ecef";
            script {
               set_int(urlbar_changed, 0);
               set_int(urlbar_visible, 0);
            }
            sequence {
               action: STATE_SET "default";
               transition: LINEAR 0.4;
               target: "ecef.swallow.urlbar";
               action: SIGNAL_EMIT "ecef,urlbar,hidden" "ecef";
            }
         }

         // PAGELIST
         rect { "pagelist_fader";
            desc {
               rel.to: "ecef.swallow.pagelist";
               color: 0 0 0 192;
            }
         }
         swallow { "ecef.swallow.pagelist"; mouse;
            desc { hid; align: 0 0;
               rel1.relative: -1 0;
               rel2.relative: 0 1;
            }
            desc { "visible"; align: 0 0;
               rel2.relative: 0.4 1;
            }
         }
         program { "show_pagelist";
            signal: "ecef,pagelist,show"; source: "ecef";
            script {
               set_int(pagelist_locked, 1);
               stop_program(get_program_id("hide_pagelist_delayed"));
            }
            after: "show_pagelist_begin";
         }
         program { "show_pagelist_begin";
            script {
               set_int(pagelist_visible, 1);
            }
            sequence {
               action: STATE_SET "visible";
               transition: LINEAR 0.4;
               target: "ecef.swallow.pagelist";
               action: SIGNAL_EMIT "ecef,pagelist,visible" "ecef";
            }
         }
         program { "hide_pagelist_delayed";
            in: 3.0 0;
            after: "hide_pagelist";
         }
         program { "hide_pagelist";
            filter: "ecef.swallow.pagelist" "visible";
            signal: "ecef,pagelist,hide"; source: "ecef";
            script {
               set_int(pagelist_visible, 0);
               set_int(pagelist_locked, 0);
            }
            sequence {
               action: STATE_SET "default";
               transition: LINEAR 0.4;
               target: "ecef.swallow.pagelist";
               action: SIGNAL_EMIT "ecef,pagelist,hidden" "ecef";
            }
         }

         // EVENTAREAS
         rect { "top_events"; mouse; repeat; scale;
            desc {
               min: 0 TOP_EVENT_SIZE;
               max: -1 TOP_EVENT_SIZE;
               align: 0.5 0;
               fixed: 0 1;
               color: 0 0 0 0;
               rel2.relative: 1 0;
            }
            desc { "hint_activate"; inherit: "default";
               color: 52 153 255 100;
            }
            desc { "hint_deactivate"; inherit: "default";
               color: 154 25 25 100;
            }
         }
         program { signal: "mouse,in"; source: "top_events";
            script {
               stop_program(get_program_id("hide_urlbar_delayed"));
               if (!get_int(urlbar_visible)) {
                  run_program(get_program_id("show_urlbar_begin"));
                  set_int(urlbar_changed, 1);
               }
            }
         }
         program { signal: "mouse,out"; source: "top_events";
            script {
               if (get_int(urlbar_changed))
                  run_program(get_program_id("hide_urlbar_delayed"));
            }
         }
         program { signal: "mouse,move"; source: "top_events";
            script {
               if (get_int(urlbar_changed)) {
                  stop_program(get_program_id("hide_urlbar_delayed"));
                  run_program(get_program_id("hide_urlbar_delayed"));
               }
            }
         }
         rect { "left_events"; mouse; repeat; scale;
            desc {
               min: LEFT_EVENT_SIZE 0;
               max: LEFT_EVENT_SIZE -1;
               align: 0 0;
               fixed: 1 0;
               color: 0 0 0 0;
               rel1.to_y: "ecef.swallow.urlbar";
               rel1.relative: 0 1;
               rel2.relative: 0 1;
            }
            desc { "hint_activate"; inherit: "default";
               color: 52 153 255 100;
            }
            desc { "hint_deactivate"; inherit: "default";
               color: 154 25 25 100;
            }
         }
         program { signal: "mouse,in"; source: "left_events";
            script {
               stop_program(get_program_id("hide_pagelist_delayed"));
               if (get_int(pagelist_available) && (!get_int(pagelist_visible))) {
                  run_program(get_program_id("show_pagelist_begin"));
               }
            }
         }
         program { signal: "mouse,out"; source: "ecef.swallow.pagelist";
            script {
               if (!get_int(pagelist_locked))
                  run_program(get_program_id("hide_pagelist_delayed"));
            }
         }
         program { signal: "mouse,move"; source: "ecef.swallow.pagelist";
            script {
               if (!get_int(pagelist_locked)) {
                  stop_program(get_program_id("hide_pagelist_delayed"));
                  run_program(get_program_id("hide_pagelist_delayed"));
               }
            }
         }
         rect { "loading_clip";
            desc {
               color: 255 255 255 0;
               hid;
            }
            desc { "loading";
               color: 255 255 255 255;
            }
         }
         image { "knob"; scale;
            clip: "loading_clip";
            desc {
               fixed: 1 1;
               image.normal: "knob_round_small_busy.png";
               aspect_preference: SOURCE;
               min: 20 20;
               rel2.relative: 1.0 0.0;
               align: 1.0 0;
            }
         }
         image { "knob_spinner"; scale; clip: "loading_clip";
            desc {
               fixed: 1 1;
               rel.to: "knob";
               image.normal: "glow_round_corners_small.png";
               map.on: 1;
               map.smooth: 1;
               map.rotation.center: "knob";
            }
            desc {"spin"; inherit;
               map.rotation.z: 360;
            }
         }
         program {
            signal: "ecef,state,loading"; source: "ecef";
            filter: "knob_spinner" "default";
            sequence {
               action: STATE_SET "spin";
               name: "spin";
               transition: LINEAR 1.0;
               target: "knob_spinner";
               action: STATE_SET "default";
               name: "spin2";
               target: "knob_spinner";
               after: "spin";
            }
         }
         program { "load_clip";
            signal: "ecef,state,loading"; source: "ecef";
            filter: "loading_clip" "default";
            action: STATE_SET "loading";
            transition: SINUSOIDAL 0.25;
            target: "loading_clip";
         }
         program { "loaded";
            signal: "ecef,state,loaded"; source: "ecef";
            action: STATE_SET "default";
            transition: SINUSOIDAL 1.0;
            target: "loading_clip";
            sequence {
               action: ACTION_STOP;
               targets: "spin" "spin2";
               action: STATE_SET "default";
               target: "knob_spinner";
            }
         }
      }
   }
   group { "elm/button/base/browser_navigation"; nomouse;
      parts {
         swallow { "elm.swallow.content";
            clip: "clip";
            desc {
               aspect: 1.0 1.0;
               rel2.relative: 1 1;
            }
         }
         rect { "clip";
            desc {
               color: 255 255 255 255;
            }
            desc { "active";
               color: 52 153 255 255;
            }
         }
         rect { "events"; mouse;
            desc {
               color: 0 0 0 0;
            }
         }
         program { signal: "mouse,down,1"; source: "events";
            action: SIGNAL_EMIT "elm,action,press" "";
         }
         program { signal: "mouse,clicked,1"; source: "events";
            action: SIGNAL_EMIT "elm,action,click" "";
         }
         program { signal: "mouse,up,1"; source: "events";
            action: SIGNAL_EMIT "elm,action,unpress" "";
         }
         program { signal: "mouse,in"; source: "events";
            action: STATE_SET "active";
            target: "clip";
            transition: LINEAR 0.2 CURRENT;
         }
         program { signal: "mouse,out"; source: "events";
            action: STATE_SET "default";
            target: "clip";
            transition: LINEAR 0.2 CURRENT;
         }
      }
   }
   group { "elm/gengrid/item/default/pagelist"; nomouse;
      data.item: "selectraise" "on";
      data.item: "texts" "ecef.text.title";
      data.item: "contents" "ecef.swallow.view ecef.swallow.favicon";
      parts {
         rect { "selection";
            desc {
               color: 222 222 222 0;
               hid;
            }
            desc { "selected";
               color: 222 222 222 160;
            }
         }
         program {
            signal: "elm,state,selected"; source: "elm";
            action: STATE_SET "selected";
            target: "selection";
            transition: LINEAR 0.15;
         }
         program {
            signal: "elm,state,unselected"; source: "elm";
            action: STATE_SET "default";
            target: "selection";
            transition: LINEAR 0.15;
         }
         rect { "mouse_indicator";
            scale: 1;
            desc {
               color: 52 153 255 0;
               hid;
            }
            desc { "active";
               inherit: "default";
               color: 52 153 255 160;
               vis;
            }
         }
         program {
            signal: "mouse,in"; source: "events";
            action: STATE_SET "active";
            target: "mouse_indicator";
            transition: LINEAR 0.15;
         }
         program {
            signal: "mouse,out"; source: "events";
            action: STATE_SET "default";
            target: "mouse_indicator";
            transition: LINEAR 0.15;
         }
         rect { "clip";
            desc {
               rel1.to: "ecef.swallow.view";
               rel2.to: "ecef.swallow.view";
            }
         }
         swallow { "ecef.swallow.view"; clip: "clip";
            desc {
               rel1.offset: 3 3;
               aspect: 1 1; aspect_preference: SOURCE;
               rel2.to_y: "ecef.text.title";
               rel2.relative: 1 0;
               rel2.offset: -4 -1;
            }
         }
         rect { "favicon_clip"; clip: "clip";
            desc {
               color: 255 255 255 192;
            }
         }
         swallow { "ecef.swallow.favicon"; clip: "favicon_clip";
            desc { align: 1 0;
               aspect: 1 1; aspect_preference: SOURCE;
               rel.to: "ecef.swallow.view";
               rel1.relative: 0.7 0.7;
            }
         }
         text { "ecef.text.title";
            desc {
               align: 0.0 0.0;
               rel1.relative: 0 1;
               rel1.offset: 1 -9;
               rel2.offset: -4 -9;
               text { font: "Sans"; size: 12;
               }
            }
         }
         rect { "events"; mouse;
            desc {
               color: 0 0 0 0;
            }
         }
      }
   }
   group { "elm/gengrid/item/default/dialer"; nomouse;
      data.item: "texts" "ecef.text.title";
      data.item: "contents" "ecef.swallow.view ecef.swallow.favicon";
      parts {
         rect { "clip";
            desc {
               rel1.to: "ecef.swallow.view";
               rel2.to: "ecef.swallow.view";
               color: 255 255 255 170;
            }
         }
         rect { "outline"; clip: "clip";
            desc {
               rel.to: "ecef.swallow.view";
               rel1.offset: -2 -2;
               rel2.offset: 1 1;
               color: 0 0 0 255;
               link.base: "mouse,out" "events";
               link.transition: LINEAR 0.1;
            }
            desc { "active"; inherit;
               color: 52 153 255 100;
               link.base: "mouse,in" "events";
               link.transition: LINEAR 0.1;
            }
         }
         swallow { "ecef.swallow.view"; clip: "clip";
            desc {
               rel1.offset: 3 3;
               aspect: 1 1; aspect_preference: SOURCE;
               rel2.to_y: "ecef.text.title";
               rel2.relative: 1 0;
               rel2.offset: -4 -1;
            }
         }
         rect { "favicon_clip"; clip: "clip";
            desc {
               color: 255 255 255 192;
            }
         }
         swallow { "ecef.swallow.favicon"; clip: "favicon_clip";
            desc { align: 1 0;
               aspect: 1 1; aspect_preference: SOURCE;
               rel.to: "ecef.swallow.view";
               rel1.relative: 0.7 0.7;
            }
         }
         text { "ecef.text.title";
            effect: GLOW; scale;
            desc {
               align: 0.0 0.0;
               rel1.relative: 0 1;
               rel1.offset: 1 -9;
               rel2.offset: -4 -9;
               color2: 0 0 0 192;
               color3: 0 0 0 128;
               text { font: "Sans"; size: 12; }
               link.base: "mouse,out" "events";
               link.transition: LINEAR 0.15;
            }
            desc { "mouse"; inherit;
               text { font: "Sans:style=Bold"; }
               link.base: "mouse,in" "events";
               link.transition: LINEAR 0.15;
            }
         }
         rect { "events"; mouse;
            desc {
               color: 0 0 0 0;
            }
         }
      }
   }
   group { "elm/layout/ecef/dummy";
      parts {
         swallow { "elm.swallow.content"; }
      }
   }

   group { "elm/label/base/tooltip/browser"; nomouse;
      styles {
         style { name: "tooltip_style";
            base: "font=Sans font_size=11 font_weight=Bold color=#ffffff style=glow glow_color=#00000000 glow_color2=#55555555 wrap=none text_class=tooltip color_class=text";
            tag: "link" "+ font_weight=Normal color=#3399ff underline=on underline_color=#3399ff";
         }
      }
      parts {
         textblock { "elm.text";
            scale;
            desc {
               text {
                  style: "tooltip_style";
                  min: 1 1;
                  ellipsis: -1;
               }
            }
         }
      }
   }

   group { "elm/tooltip/base/browser"; nomouse;
      data.item: "pad_x" "5";
      data.item: "pad_y" "5";
      data.item: "transparent" "enabled";
      parts {
         rect { "fader";
            desc {
               color: 0 0 0 222;
               rel1.offset: -2 -2;
               rel2.offset: 1 1;
            }
         }
         swallow { "elm.swallow.content"; }
      }
   }

   group { "elm/layout/ecef/page_tooltip"; nomouse;
      data.item: "pad_x" "5";
      data.item: "pad_y" "5";
      data.item: "transparent" "enabled";
      parts {
         rect { "fader";
            desc {
               color: 0 0 0 222;
               rel1.offset: -2 -2;
               rel2.offset: 1 1;
            }
         }
         swallow { "ecef.swallow.sizer";
            desc { align: 0 0;
               rel2.relative: 1 0;
            }
         }
         swallow { "ecef.swallow.view";
            desc {
               rel1.offset: 3 3;
               aspect: 1 1; aspect_preference: SOURCE;
               rel.to: "ecef.swallow.sizer";
            }
         }
         rect { "favicon_clip";
            desc {
               color: 255 255 255 192;
            }
         }
         swallow { "ecef.swallow.favicon"; clip: "favicon_clip";
            desc { align: 0 1;
               aspect: 1 1; aspect_preference: SOURCE;
               rel1.relative: 0 1;
               rel1.to_y: "ecef.swallow.sizer";
            }
         }
         text { "ecef.text.title";
            desc {
               align: 0.0 0.0;
               rel1.relative: 1 1;
               rel1.to_x: "ecef.swallow.favicon";
               rel1.to_y: "ecef.swallow.view";
               rel1.offset: 1 4;
               rel2.offset: -4 -1;
               rel2.relative: 1 0;
               text { font: "Sans:style=Bold"; size: 12;
                  min: 0 1;
               }
            }
         }
         text { "ecef.text.url";
            desc {
               align: 0.0 0.0;
               rel1.relative: 1 1;
               rel1.to_x: "ecef.swallow.favicon";
               rel1.to_y: "ecef.text.title";
               rel1.offset: 1 4;
               rel2.offset: -4 -1;
               text { font: "Sans"; size: 12;
                  min: 0 1;
               }
            }
         }
      }
   }
#define IC(Name, File, Min, Max) \
   group { "elm/icon/"##Name##"/default"; min: Min Min; max: Max Max; \
   images.image: File COMP; parts { part { "base"; \
   desc { aspect: 1.0 1.0; aspect_preference: SOURCE; \
   image.normal: File; } } } }

IC("back", "back.png", 16, 0);
IC("forward", "forward.png", 16, 0);
IC("reload", "reload.png", 16, 0);
IC("doge", "doge.png", 16, 0);
}