elitist biz-trip package

.gitignore

@@ -51,3 +51,6 @@ src/.libs/
 src/Makefile
 src/Makefile.in
 stamp-h1
+.deps
+.libs
+.dirstamp

Makefile.am

@@ -24,9 +24,10 @@ glow_top.png
 
 
 include src/Makefile.mk
+include src/gadgets/Makefile.mk
 
-e-module-desksanity.edj: e-module-desksanity.edc
-	$(EDJE_CC) -id $(top_srcdir) $< $@
+e-module-desksanity.edj: e-module-desksanity.edc edc/*edc
+	$(EDJE_CC) -id $(top_srcdir) -id $(top_srcdir)/edc $< $@
 
 clean-local:
 	 rm -rf *.edj module.desktop e_modules-desksanity.spec *~

e-module-desksanity.edc

@@ -665,4 +665,5 @@ collections {
          }
       }
    }
+#include "edc/all.edc"
 }

edc/all.edc

@@ -0,0 +1,4 @@
+#include "macros.edc"
+#include "bryce.edc"
+#include "bryce_editor.edc"
+#include "wireless.edc"

edc/bryce.edc

@@ -0,0 +1,371 @@
+group { name: "z/bryce/default/base"; nomouse;
+   data {
+      /* this tells e the number of pixels of the bryce to leave "exposed"
+       * when auto-hiding the bryce */
+      item: "hidden_state_size" "2";
+   }
+   images.image: "vgrad_med.png" COMP;
+   images.image: "vgrad_tall.png" COMP;
+   images.image: "bevel_out.png" COMP;
+   images.image: "holes_vert.png" COMP;
+   images.image: "holes_horiz.png" COMP;
+   images.image: "shine.png" COMP;
+   parts {
+      rect { "mouse"; mouse;
+         desc { color: 0 0 0 0; }
+      }
+      part { name: "bg";
+         description { state: "default" 0.0;
+            image.normal: "vgrad_med.png";
+            fill.smooth: 0;
+            TILED_HORIZ(120)
+            color_class: "bryce_base";
+         }
+         description { state: "vert" 0.0;
+            image.normal: "vgrad_tall.png";
+            fill.smooth: 0;
+            TILED_HORIZ(40)
+            color_class: "bryce_base";
+         }
+      }
+      part { name: "bevel";
+         description { state: "default" 0.0;
+            image.normal: "bevel_out.png";
+            image.border: 1 1 1 1;
+            image.middle: 0;
+            fill.smooth: 0;
+         }
+      }
+      part { name: "dots_start";
+         description { state: "default" 0.0;
+            image.normal: "holes_vert.png";
+            rel1.offset: 2 2;
+            rel2.relative: 0.0 1.0;
+            rel2.offset: 5 -3;
+            FIXED_SIZE(4, 14)
+         }
+         description { state: "vert" 0.0;
+            image.normal: "holes_horiz.png";
+            rel1.offset: 2 2;
+            rel2.relative: 1.0 0.0;
+            rel2.offset: -3 5;
+            FIXED_SIZE(14, 4)
+         }
+      }
+      part { name: "dots_end";
+         description { state: "default" 0.0;
+            image.normal: "holes_vert.png";
+            rel1.relative: 1.0 0.0;
+            rel1.offset: -6 2;
+            rel2.offset: -3 -3;
+            FIXED_SIZE(4, 14)
+         }
+         description { state: "vert" 0.0;
+            image.normal: "holes_horiz.png";
+            rel1.relative: 0.0 1.0;
+            rel1.offset: 2 -6;
+            rel2.offset: -3 -3;
+            FIXED_SIZE(14, 4)
+         }
+      }
+      spacer { "sizer";
+         description { state: "default" 0.0;
+            rel1.offset: 1 0;
+            rel1.relative: 1.0 0.0;
+            rel1.to_x: "dots_start";
+            rel2.offset: -2 -1;
+            rel2.to_x: "dots_end";
+            rel2.relative: 0.0 1.0;
+         }
+         description { state: "vert" 0.0;
+            rel1.offset: 0 1;
+            rel1.relative: 0.0 1.0;
+            rel1.to_y: "dots_start";
+            rel2.offset: -1 -2;
+            rel2.to_y: "dots_end";
+            rel2.relative: 1.0 0.0;
+         }
+      }
+      part { name: "e.swallow.content"; type: SWALLOW; mouse;
+         desc {
+            rel.to: "sizer";
+            link.base: "e,state,visible" "e";
+         }
+         desc { "hidden"; hid;
+            rel.to: "sizer";
+            link.base: "e,state,hidden" "e";
+         }
+      }
+      part { name: "shine";
+         description { state: "default" 0.0;
+            image.normal: "shine.png";
+            rel1.offset: 0 -2;
+            rel2.relative: 1.0 0.0;
+            rel2.offset: -1 2;
+            FIXED_SIZE(69, 5)
+         }
+      }
+      rect { "text_fader"; mouse;
+         desc { hid;
+            color: 0 0 0 0;
+         }
+         desc { "active";
+            color: 0 0 0 192;
+         }
+      }
+      text { "e.text"; scale;
+         effect: SHADOW BOTTOM;
+         desc { hid;
+            color: 255 255 255 0;
+            text { font: "Sans:style=Bold"; size: 14;
+               min: 1 1;
+               ellipsis: -1;
+            }
+         }
+         desc { "active"; inherit; vis;
+            color: 255 255 255 255;
+         }
+      }
+      program { signal: "e,action,resize"; source: "e";
+         action: STATE_SET "active";
+         transition: LINEAR 0.1;
+         targets: "e.text" "text_fader";
+         sequence {
+            action: ACTION_STOP;
+            target: "text_hide";
+            action: STATE_SET "default";
+            name: "text_hide";
+            in: 1.0 0;
+            transition: LINEAR 0.2;
+            targets: "e.text" "text_fader";
+         }
+      }
+      programs  {
+#define ORIENT_SATE(_ORIENT, _STATE) \
+         program { \
+            signal: "e,state,orient,"_ORIENT; source: "e"; \
+            action: STATE_SET _STATE 0.0; \
+            target: "bg"; \
+            target: "sizer"; \
+            target: "dots_start"; \
+            target: "dots_end"; \
+         }
+      }
+      ORIENT_SATE("horizontal", "default")
+      ORIENT_SATE("vertical", "vert")
+#undef ORIENT_SATE
+   }
+}
+
+group { name: "z/bryce/invisible/base"; nomouse;
+   inherit: "z/bryce/default/base";
+   data.item: "noshadow" "1";
+   parts {
+      part { name: "bg";
+         description { state: "default" 0.0;
+            visible: 0;
+         }
+         description { state: "vert" 0.0;
+            visible: 0;
+         }
+      }
+      part { name: "bevel";
+         description { state: "default" 0.0;
+            visible: 0;
+         }
+      }
+      part { name: "shine";
+         description { state: "default" 0.0;
+            visible: 0;
+         }
+      }
+      part { name: "dots_start";
+         description { state: "default" 0.0;
+            rel1.offset: 0 0;
+            rel2.offset: -1 -1;
+            min: 0 0;
+            max: 0 0;
+            visible: 0;
+         }
+         description { state: "vert" 0.0;
+            rel1.offset: 0 0;
+            rel2.offset: -1 -1;
+            min: 0 0;
+            max: 0 0;
+            visible: 0;
+         }
+      }
+      part { name: "dots_end";
+         description { state: "default" 0.0;
+            rel1.offset: 0 0;
+            rel2.offset: -1 -1;
+            min: 0 0;
+            max: 0 0;
+            visible: 0;
+         }
+         description { state: "vert" 0.0;
+            rel1.offset: 0 0;
+            rel2.offset: -1 -1;
+            min: 0 0;
+            max: 0 0;
+            visible: 0;
+         }
+      }
+   }
+}
+
+group { name: "z/bryce/translucent/base"; nomouse;
+   inherit: "z/bryce/default/base";
+   data.item: "noshadow" "1";
+   parts {
+      part { name: "bg";
+         description { state: "default" 0.0;
+            color: 127 127 127 135;
+         }
+         description { state: "vert" 0.0;
+            color: 127 127 127 135;
+         }
+      }
+      part { name: "bevel";
+         description { state: "default" 0.0;
+            color: 127 127 127 135;
+         }
+      }
+      part { name: "shine";
+         description { state: "default" 0.0;
+            color: 127 127 127 135;
+         }
+      }
+   }
+}
+
+group { name: "z/bryce/default/inset"; nomouse;
+   alias: "z/bryce/invisible/inset";
+   alias: "z/bryce/translucent/inset";
+   images.image: "horiz_bar_inset.png" COMP;
+   images.image: "vert_bar_inset.png" COMP;
+   parts {
+      rect { "mouse"; mouse;
+         desc { color: 0 0 0 0; }
+      }
+      part { name: "base"; type: RECT;
+         description { state: "default" 0.0;
+            color: 0 0 0 0;
+         }
+      }
+      part { name: "clip"; type: RECT;
+         description { state: "default" 0.0;
+            rel1.offset: 3 1;
+            rel2.offset: -4 -2;
+            color: 255 255 255 255;
+         }
+         description { state: "vert" 0.0;
+            rel1.offset: 1 3;
+            rel2.offset: -2 -4;
+            color: 255 255 255 255;
+         }
+      }
+      spacer { "sizer";
+         description { state: "default" 0.0;
+            rel1.offset: 4 1;
+            rel2.offset: -5 -2;
+         }
+         description { state: "vert" 0.0;
+            rel1.offset: 1 4;
+            rel2.offset: -2 -5;
+         }
+      }
+      part { name: "e.swallow.content"; type: SWALLOW; mouse;
+         clip_to: "clip";
+         desc {
+            rel.to: "sizer";
+            link.base: "e,state,visible" "e";
+         }
+         desc { "hidden"; hid;
+            rel.to: "sizer";
+            link.base: "e,state,hidden" "e";
+         }
+      }
+      part { name: "inset";
+         description { state: "default" 0.0;
+            rel1.offset: 2 0;
+            rel2.offset: -3 -1;
+            image.normal: "horiz_bar_inset.png";
+            image.border: 7 7 1 1;
+            image.middle: 0;
+            fill.smooth: 0;
+         }
+         description { state: "vert" 0.0;
+            rel1.offset: 0 2;
+            rel2.offset: -1 -3;
+            image.normal: "vert_bar_inset.png";
+            image.border: 1 1 8 6;
+            image.middle: 0;
+            fill.smooth: 0;
+         }
+      }
+      rect { "events"; repeat; mouse;
+         desc { color: 0 0 0 0; }
+      }
+   }
+   programs {
+#define ORIENT_SATE(_ORIENT, _STATE) \
+         program { \
+            signal: "e,state,orient,"_ORIENT; source: "e"; \
+            action: STATE_SET _STATE 0.0; \
+            target: "sizer"; \
+            target: "inset"; \
+            target: "clip"; \
+         }
+      ORIENT_SATE("horizontal", "default")
+      ORIENT_SATE("vertical", "vert")
+#undef ORIENT_SATE
+   }
+}
+
+group { name: "z/bryce/default/plain"; nomouse;
+   alias: "z/bryce/invisible/plain";
+   alias: "z/bryce/translucent/plain";
+   parts {
+      rect { "mouse"; mouse;
+         desc { color: 0 0 0 0; }
+      }
+      part { name: "base"; type: RECT;
+         description { state: "default" 0.0;
+            color: 0 0 0 0;
+         }
+      }
+      part { name: "clip"; type: RECT;
+         description { state: "default" 0.0;
+            color: 255 255 255 255;
+         }
+      }
+      spacer { "sizer";
+         desc {
+            rel1.offset: 1 1;
+            rel2.offset: -2 -2;
+         }
+      }
+      part { name: "e.swallow.content"; type: SWALLOW; mouse;
+         clip_to: "clip";
+         desc {
+            rel.to: "sizer";
+            link.base: "e,state,visible" "e";
+         }
+         desc { "hidden"; hid;
+            rel.to: "sizer";
+            link.base: "e,state,hidden" "e";
+         }
+      }
+      rect { "events"; repeat; mouse;
+         desc { color: 0 0 0 0; }
+      }
+   }
+}
+
+group { "elm/scroller/base/bryce";
+   parts {
+      rect { "clip"; }
+      swallow { "elm.swallow.content" clip: "clip"; }
+   }
+}

edc/bryce_editor.edc

@@ -0,0 +1,411 @@
+group { "bryce_editor_text"; inherit_only: 1;
+   parts {
+      text { "e.text"; scale; nomouse;
+         effect: SHADOW BOTTOM;
+         desc {
+            color: 255 255 255 255;
+            text { font: "Sans:style=Bold"; size: 18;
+               min: 1 1;
+               ellipsis: -1;
+            }
+         }
+      }
+   }
+}
+
+group { "z/bryce/editor/side";
+   parts {
+      rect { "base"; desc { color: 0 0 0 192; } }
+      program { signal: "mouse,down,*"; source: "base";
+         action: SIGNAL_EMIT "e,action,dismiss" "e";
+      }
+      rect { "bottom"; scale;
+         desc {
+            min: 33 32;
+            align: 0 1;
+            rel1.relative: 0.3 1;
+            rel2.relative: 0.7 1;
+            color: 52 153 255 90;
+            link.base: "mouse,out" "bottom";
+            link.transition: LINEAR 0.2;
+         }
+         desc { "active"; inherit;
+            color: 52 153 255 230;
+            link.base: "mouse,in" "bottom";
+            link.transition: LINEAR 0.2;
+         }
+         desc { "hid"; hid;
+            link.base: "e,bryce,exists,bottom" "e";
+         }
+      }
+      program { signal: "mouse,down,1"; source: "bottom";
+         action: SIGNAL_EMIT "e,bryce,add,bottom" "e";
+      }
+      rect { "top"; scale;
+         desc {
+            min: 33 32;
+            align: 0 0;
+            rel1.relative: 0.3 0;
+            rel2.relative: 0.7 0;
+            color: 52 153 255 90;
+            link.base: "mouse,out" "top";
+            link.transition: LINEAR 0.2;
+         }
+         desc { "active"; inherit;
+            color: 52 153 255 230;
+            link.base: "mouse,in" "top";
+            link.transition: LINEAR 0.2;
+         }
+         desc { "hid"; hid;
+            link.base: "e,bryce,exists,top" "e";
+         }
+      }
+      program { signal: "mouse,down,1"; source: "top";
+         action: SIGNAL_EMIT "e,bryce,add,top" "e";
+      }
+      rect { "left"; scale;
+         desc {
+            min: 32 33;
+            align: 0 0;
+            rel1.relative: 0 0.3;
+            rel2.relative: 0 0.7;
+            color: 52 153 255 90;
+            link.base: "mouse,out" "left";
+            link.transition: LINEAR 0.2;
+         }
+         desc { "active"; inherit;
+            color: 52 153 255 230;
+            link.base: "mouse,in" "left";
+            link.transition: LINEAR 0.2;
+         }
+         desc { "hid"; hid;
+            link.base: "e,bryce,exists,left" "e";
+         }
+      }
+      program { signal: "mouse,down,1"; source: "left";
+         action: SIGNAL_EMIT "e,bryce,add,left" "e";
+      }
+      rect { "right"; scale;
+         desc {
+            min: 32 33;
+            align: 1 0;
+            rel1.relative: 1 0.3;
+            rel2.relative: 1 0.7;
+            color: 52 153 255 90;
+            link.base: "mouse,out" "right";
+            link.transition: LINEAR 0.2;
+         }
+         desc { "active"; inherit;
+            color: 52 153 255 230;
+            link.base: "mouse,in" "right";
+            link.transition: LINEAR 0.2;
+         }
+         desc { "hid"; hid;
+            link.base: "e,bryce,exists,right" "e";
+         }
+      }
+      program { signal: "mouse,down,1"; source: "right";
+         action: SIGNAL_EMIT "e,bryce,add,right" "e";
+      }
+   }
+   inherit: "bryce_editor_text";
+}
+
+group { "z/bryce/editor/side/horizontal";
+   parts {
+      rect { "base"; desc { color: 0 0 0 192; } }
+      program { signal: "mouse,down,*"; source: "base";
+         action: SIGNAL_EMIT "e,action,dismiss" "e";
+      }
+      spacer { "pos";
+         desc { align: 0 0;
+            min: 0 32;
+            rel2.relative: 1 0;
+         }
+         desc { "bottom";
+            align: 0 1;
+            min: 0 32;
+            rel1.relative: 0 1;
+            link.base: "e,state,bottom" "e";
+         }
+      }
+      rect { "center"; scale;
+         desc {
+            min: 33 32;
+            align: 0 0;
+            rel.to_y: "pos";
+            rel1.relative: 0.4 0;
+            rel2.relative: 0.6 1;
+            color: 52 153 255 90;
+            link.base: "mouse,out" "center";
+            link.transition: LINEAR 0.2;
+         }
+         desc { "active"; inherit;
+            color: 52 153 255 230;
+            link.base: "mouse,in" "center";
+            link.transition: LINEAR 0.2;
+         }
+         desc { "hid"; hid;
+            link.base: "e,bryce,exists,center" "e";
+         }
+      }
+      program { signal: "mouse,down,1"; source: "center";
+         action: SIGNAL_EMIT "e,bryce,add,center" "e";
+      }
+      rect { "left"; scale;
+         desc {
+            min: 33 32;
+            align: 0 0;
+            rel.to_y: "pos";
+            rel1.relative: 0 0;
+            rel2.relative: 0.2 1;
+            color: 52 153 255 90;
+            link.base: "mouse,out" "left";
+            link.transition: LINEAR 0.2;
+         }
+         desc { "active"; inherit;
+            color: 52 153 255 230;
+            link.base: "mouse,in" "left";
+            link.transition: LINEAR 0.2;
+         }
+         desc { "hid"; hid;
+            link.base: "e,bryce,exists,left" "e";
+         }
+      }
+      program { signal: "mouse,down,1"; source: "left";
+         action: SIGNAL_EMIT "e,bryce,add,left" "e";
+      }
+      rect { "right"; scale;
+         desc {
+            min: 33 32;
+            align: 1 0;
+            rel.to_y: "pos";
+            rel1.relative: 0.8 0;
+            rel2.relative: 1 1;
+            color: 52 153 255 90;
+            link.base: "mouse,out" "right";
+            link.transition: LINEAR 0.2;
+         }
+         desc { "active"; inherit;
+            color: 52 153 255 230;
+            link.base: "mouse,in" "right";
+            link.transition: LINEAR 0.2;
+         }
+         desc { "hid"; hid;
+            link.base: "e,bryce,exists,right" "e";
+         }
+      }
+      program { signal: "mouse,down,1"; source: "right";
+         action: SIGNAL_EMIT "e,bryce,add,right" "e";
+      }
+   }
+   inherit: "bryce_editor_text";
+}
+
+group { "z/bryce/editor/side/vertical";
+   parts {
+      rect { "base"; desc { color: 0 0 0 192; } }
+      program { signal: "mouse,down,*"; source: "base";
+         action: SIGNAL_EMIT "e,action,dismiss" "e";
+      }
+      spacer { "pos";
+         desc { align: 0 0;
+            min: 32 0;
+            rel2.relative: 0 1;
+         }
+         desc { "right";
+            align: 1 0;
+            min: 32 0;
+            rel1.relative: 1 0;
+            link.base: "e,state,right" "e";
+         }
+      }
+      rect { "center"; scale;
+         desc {
+            min: 32 33;
+            align: 0 0;
+            rel.to_x: "pos";
+            rel1.relative: 0 0.4;
+            rel2.relative: 1 0.6;
+            color: 52 153 255 90;
+            link.base: "mouse,out" "center";
+            link.transition: LINEAR 0.2;
+         }
+         desc { "active"; inherit;
+            color: 52 153 255 230;
+            link.base: "mouse,in" "center";
+            link.transition: LINEAR 0.2;
+         }
+         desc { "hid"; hid;
+            link.base: "e,bryce,exists,center" "e";
+         }
+      }
+      program { signal: "mouse,down,1"; source: "center";
+         action: SIGNAL_EMIT "e,bryce,add,center" "e";
+      }
+      rect { "top"; scale;
+         desc {
+            min: 32 33;
+            align: 0 0;
+            rel.to_x: "pos";
+            rel1.relative: 0 0;
+            rel2.relative: 1 0.2;
+            color: 52 153 255 90;
+            link.base: "mouse,out" "top";
+            link.transition: LINEAR 0.2;
+         }
+         desc { "active"; inherit;
+            color: 52 153 255 230;
+            link.base: "mouse,in" "top";
+            link.transition: LINEAR 0.2;
+         }
+         desc { "hid"; hid;
+            link.base: "e,bryce,exists,top" "e";
+         }
+      }
+      program { signal: "mouse,down,1"; source: "top";
+         action: SIGNAL_EMIT "e,bryce,add,top" "e";
+      }
+      rect { "bottom"; scale;
+         desc {
+            min: 32 33;
+            align: 0 1;
+            rel.to_x: "pos";
+            rel1.relative: 0 0.8;
+            rel2.relative: 1 1;
+            color: 52 153 255 90;
+            link.base: "mouse,out" "bottom";
+            link.transition: LINEAR 0.2;
+         }
+         desc { "active"; inherit;
+            color: 52 153 255 230;
+            link.base: "mouse,in" "bottom";
+            link.transition: LINEAR 0.2;
+         }
+         desc { "hid"; hid;
+            link.base: "e,bryce,exists,bottom" "e";
+         }
+      }
+      program { signal: "mouse,down,1"; source: "bottom";
+         action: SIGNAL_EMIT "e,bryce,add,bottom" "e";
+      }
+   }
+   inherit: "bryce_editor_text";
+}
+
+group { "z/bryce/editor/style/item"; nomouse;
+   parts {
+      rect { "highlight_t"; scale;
+         desc {
+            align: 0.5 0;
+            max: -1 1;
+            color: 255 255 255 150;
+            link.base: "mouse,out" "events";
+         }
+         desc { "active"; max: -1 1;
+            align: 0.5 0;
+            color: 52 153 255 230;
+            link.base: "mouse,in" "events";
+         }
+      }
+      rect { "highlight_l"; scale;
+         desc { align: 0 0.5;
+            max: 1 -1;
+            color: 255 255 255 150;
+            link.base: "mouse,out" "events";
+         }
+         desc { "active"; max: 1 -1;
+            align: 0 0.5;
+            color: 52 153 255 230;
+            link.base: "mouse,in" "events";
+         }
+      }
+      rect { "highlight_r"; scale;
+         desc {
+            align: 1 0.5;
+            max: 1 -1;
+            color: 255 255 255 150;
+            link.base: "mouse,out" "events";
+         }
+         desc { "active"; align: 1 0.5;
+            max: 1 -1;
+            color: 52 153 255 230;
+            link.base: "mouse,in" "events";
+         }
+      }
+      rect { "highlight_b"; scale;
+         desc {
+            align: 0.5 1;
+            max: -1 1;
+            color: 255 255 255 150;
+            link.base: "mouse,out" "events";
+         }
+         desc { "active"; align: 0.5 1;
+            max: -1 1;
+            color: 52 153 255 230;
+            link.base: "mouse,in" "events";
+         }
+      }
+      swallow { "e.swallow.content";
+         desc {
+            rel1.offset: 1 1;
+            rel2.offset: -2 -2;
+         }
+      }
+      text { "e.text"; scale;
+         effect: SHADOW BOTTOM;
+         desc {
+            color: 255 255 255 255;
+            text { font: "Sans:style=Bold"; size: 14;
+               min: 1 1;
+               ellipsis: -1;
+            }
+         }
+      }
+      rect { "events"; mouse;
+         desc { color: 0 0 0 0; }
+      }
+   }
+}
+
+group { "z/bryce/editor/style";
+   parts {
+      rect { "base"; desc { color: 0 0 0 192; } }
+      program { signal: "mouse,down,*"; source: "base";
+         action: SIGNAL_EMIT "e,action,dismiss" "e";
+      }
+      swallow { "e.swallow.content";
+         desc { align: 0.5 0;
+            rel1.to_y: "e.text";
+            rel1.relative: 0 1;
+         }
+      }
+   }
+   inherit: "bryce_editor_text";
+   parts {
+      text { "e.text";
+         desc { "default";
+           align: 0.5 0;
+           rel2.relative: 1 0;
+         }
+      }
+   }
+}
+
+group { "z/bryce/editor/finish"; inherit: "z/bryce/editor/style";
+   parts {
+      swallow { "e.swallow.content";
+         desc { "default";
+            rel1.relative: 1 1;
+            rel2.to_y: "e.swallow.button";
+            rel2.relative: 0 0;
+         }
+      }
+      swallow { "e.swallow.button";
+         desc { align: 0.5 1;
+            rel1.relative: 1 1;
+            rel2.relative: 0 1;
+         }
+      }
+   }
+}

edc/macros.edc

@@ -0,0 +1,11 @@
+#define ASPECT_FILL(_ASPECT) \
+   aspect: _ASPECT _ASPECT; aspect_preference: NONE;
+#define TILED_PATTERN(_WIDTH, _HEIGHT) \
+   fill { size { relative: 0.0 0.0; offset: _WIDTH _HEIGHT; } }
+#define TILED_HORIZ(_WIDTH) \
+   fill { size { relative: 0.0 1.0; offset: _WIDTH 0; } }
+#define FIXED_SIZE(_WIDTH, _HEIGHT) \
+   min: _WIDTH _HEIGHT; max: _WIDTH _HEIGHT; fixed: 1 1;
+
+#define DARK_GREY_BG_COLOR 48 48 48 255
+#define DARK_GREY_BG_DISABLED_COLOR 64 64 64 255

edc/wireless.edc

@@ -0,0 +1,954 @@
+group { name: "e/modules/wireless/ethernet"; nomouse;
+   images.image: "slot_horiz_top.png" COMP;
+   images.image: "slot_horiz_bottom.png" COMP;
+   images.image: "eth.png" COMP;
+   images.image: "exlclam.png" COMP;
+   images.image: "hole_tiny.png" COMP;
+   images.image: "led_tiny_orange.png" COMP;
+   images.image: "led_tiny_green.png" COMP;
+   images.image: "lock_locked.png" COMP;
+   images.image: "lock_insecure.png" COMP;
+
+   script {
+      public message(Msg_Type:type, id, ...) {
+         if ((type == MSG_INT_SET) && (id == 1)) {
+            new state = getarg(2);
+            if ((state == 1)) {
+               set_state(PART:"led", "default", 0.0);
+               run_program(PROGRAM:"connecting");
+               return;
+            }
+            else if ((state == 2)) { set_state(PART:"led", "connected", 0.0); }
+            else if ((state == 3)) { set_state(PART:"led", "online", 0.0); }
+            else { set_state(PART:"led", "default", 0.0); }
+         }
+      }
+   }
+   parts {
+      part { name: "slot_bottom";
+         description { state: "default" 0.0;
+            rel1.to: "slot";
+            rel2.relative: 1.0 0.5;
+            rel2.to: "slot";
+            min: 0 3;
+            image.normal: "slot_horiz_bottom.png";
+            fixed: 0 1;
+         }
+      }
+///////////////////////
+      part { name: "exclam_base";
+         clip_to: "clip_exclam";
+         description { state: "default" 0.0;
+            aspect: (71/144) (71/144); aspect_preference: BOTH;
+            align: 0.5 1.0;
+            rel2.relative: 1.0 0.5;
+            rel2.to_y: "slot";
+            image.normal: "exlclam.png";
+         }
+      }
+///////////////////////
+      part { name: "eth_base";
+         clip_to: "clip_eth";
+         description { state: "default" 0.0;
+            aspect: (60/144) (60/144); aspect_preference: BOTH;
+            align: 0.5 1.0;
+            rel2.relative: 1.0 0.5;
+            rel2.to_y: "slot";
+            image.normal: "eth.png";
+         }
+      }
+      part { name: "slot";
+         description { state: "default" 0.0;
+            rel1.offset: 0 -1;
+            rel1.relative: (21/160) 1.0;
+            rel2.offset: -1 -1;
+            rel2.relative: (140/160) 1.0;
+            align: 0.5 1.0;
+            min: 0 6;
+            image.normal: "slot_horiz_top.png";
+            fixed: 0 1;
+         }
+      }
+      part { name: "hole";
+         description { state: "default" 0.0;
+            rel1.offset: -4 -4;
+            rel1.relative: 1.0 1.0;
+            rel2.offset: -4 -4;
+            align: 1.0 1.0;
+            min: 4 4;
+            max: 4 4;
+            image.normal: "hole_tiny.png";
+            fixed: 1 1;
+         }
+      }
+      part { name: "clip_exclam"; type: RECT;
+         description { state: "default" 0.0;
+            visible: 1;
+         }
+         description { state: "eth" 0.0;
+            visible: 0;
+         }
+      }
+      part { name: "clip_eth"; type: RECT;
+         description { state: "default" 0.0;
+            visible: 0;
+         }
+         description { state: "eth" 0.0;
+            visible: 1;
+         }
+      }
+      part { name: "led";
+         description { state: "default" 0.0;
+            rel1.to: "hole";
+            rel2.to: "hole";
+            min: 10 10;
+            max: 10 10;
+            image.normal: "led_tiny_orange.png";
+            fixed: 1 1;
+            visible: 0;
+         }
+         description { state: "connected" 0.0;
+            inherit: "default" 0.0;
+            image.normal: "led_tiny_orange.png";
+            visible: 1;
+         }
+         description { state: "online" 0.0;
+            inherit: "default" 0.0;
+            image.normal: "led_tiny_green.png";
+            visible: 1;
+         }
+      }
+      part { name: "event"; type: RECT; mouse;
+         description { state: "default" 0.0;
+            color: 0 0 0 0;
+         }
+      }
+   }
+   
+   programs {
+      program { name: "connecting";
+         action: STATE_SET "connected" 0.0;
+         target: "led";
+         in: 0.3 0.0;
+         after:  "connecting2";
+      }
+      program { name: "connecting2";
+         action: STATE_SET "default" 0.0;
+         target: "led";
+         in: 0.3 0.0;
+         after:  "connecting";
+      }
+      target_group: "clips" "clip_exclam" "clip_eth";
+      program {
+         signal: "e,state,error"; source: "e";
+         action: STATE_SET "default" 0.0;
+         groups: "clips";
+      }
+      program {
+         signal: "e,state,default"; source: "e";
+         action: STATE_SET "eth" 0.0;
+         groups: "clips";
+      }
+   }
+}
+
+group { name: "e/modules/wireless/wifi"; nomouse;
+   images.image: "slot_horiz_top.png" COMP;
+   images.image: "slot_horiz_bottom.png" COMP;
+   images.image: "wifi_shadow.png" COMP;
+   images.image: "wifi_base.png" COMP;
+   images.image: "wifi_sig_1.png" COMP;
+   images.image: "wifi_sig_2.png" COMP;
+   images.image: "wifi_sig_3.png" COMP;
+   images.image: "exlclam.png" COMP;
+   images.image: "hole_tiny.png" COMP;
+   images.image: "led_tiny_orange.png" COMP;
+   images.image: "led_tiny_green.png" COMP;
+   images.image: "lock_locked.png" COMP;
+   images.image: "lock_insecure.png" COMP;
+
+   script {
+      public message(Msg_Type:type, id, ...) {
+         if ((type == MSG_INT_SET) && (id == 1)) {
+            new state = getarg(2), signl = getarg(3);
+            if (state <= 1) {
+               set_state(PART:"wifi_1", "default", 0.0);
+               set_state(PART:"wifi_2", "default", 0.0);
+               set_state(PART:"wifi_3", "default", 0.0);
+               set_state(PART:"led", "default", 0.0);
+            }
+            if (state == 1) {
+               run_program(PROGRAM:"connecting");
+               run_program(PROGRAM:"connecting_wifi");
+               return;
+            }
+            stop_programs_on(PART:"led");
+            if (signl <= 14) {
+               set_state(PART:"wifi_1", "default", 0.0);
+               set_state(PART:"wifi_2", "default", 0.0);
+               set_state(PART:"wifi_3", "default", 0.0);
+            }
+            else if (signl <= 28) {
+               set_state(PART:"wifi_1", "partly", 0.0);
+               set_state(PART:"wifi_2", "default", 0.0);
+               set_state(PART:"wifi_3", "default", 0.0);
+            }
+            else if (signl <= 42) {
+               set_state(PART:"wifi_1", "visible", 0.0);
+               set_state(PART:"wifi_2", "default", 0.0);
+               set_state(PART:"wifi_3", "default", 0.0);
+            }
+            else if (signl <= 57) {
+               set_state(PART:"wifi_1", "visible", 0.0);
+               set_state(PART:"wifi_2", "partly", 0.0);
+               set_state(PART:"wifi_3", "default", 0.0);
+            }
+            else if (signl <= 71) {
+               set_state(PART:"wifi_1", "visible", 0.0);
+               set_state(PART:"wifi_2", "visible", 0.0);
+               set_state(PART:"wifi_3", "default", 0.0);
+            }
+            else if (signl <= 85) {
+               set_state(PART:"wifi_1", "visible", 0.0);
+               set_state(PART:"wifi_2", "visible", 0.0);
+               set_state(PART:"wifi_3", "partly", 0.0);
+            }
+            else {
+               set_state(PART:"wifi_1", "visible", 0.0);
+               set_state(PART:"wifi_2", "visible", 0.0);
+               set_state(PART:"wifi_3", "visible", 0.0);
+            }
+            if ((state == 2)) { set_state(PART:"led", "connected", 0.0); }
+            else if ((state == 3)) { set_state(PART:"led", "online", 0.0); }
+            else { set_state(PART:"led", "default", 0.0); }
+         }
+      }
+   }
+   parts {
+      part { name: "slot_bottom";
+         description { state: "default" 0.0;
+            rel1.to: "slot";
+            rel2.relative: 1.0 0.5;
+            rel2.to: "slot";
+            min: 0 3;
+            image.normal: "slot_horiz_bottom.png";
+            fixed: 0 1;
+         }
+      }
+///////////////////////
+      part { name: "exclam_base";
+         clip_to: "clip_exclam";
+         description { state: "default" 0.0;
+            aspect: (71/144) (71/144); aspect_preference: BOTH;
+            align: 0.5 1.0;
+            rel2.relative: 1.0 0.5;
+            rel2.to_y: "slot";
+            image.normal: "exlclam.png";
+         }
+      }
+///////////////////////
+      part { name: "wifi_shadow";
+         clip_to: "clip_wifi";
+         description { state: "default" 0.0;
+            aspect: (160/144) (160/144); aspect_preference: BOTH;
+            align: 0.5 1.0;
+            rel2.relative: 1.0 0.5;
+            rel2.to_y: "slot";
+            image.normal: "wifi_shadow.png";
+         }
+      }
+      part { name: "wifi_base";
+         clip_to: "clip_wifi";
+         description { state: "default" 0.0;
+            aspect: (160/144) (160/144); aspect_preference: BOTH;
+            align: 0.5 1.0;
+            rel2.relative: 1.0 0.5;
+            rel2.to_y: "slot";
+            image.normal: "wifi_base.png";
+         }
+      }
+      part { name: "wifi_1";
+         clip_to: "clip_wifi";
+         description { state: "default" 0.0;
+            rel1.to: "wifi_base";
+            rel2.to: "wifi_base";
+            image.normal: "wifi_sig_1.png";
+            visible: 0;
+         }
+         description { state: "partly" 0.0;
+            inherit: "default" 0.0;
+            color: 255 255 255 128;
+            visible: 1;
+         }
+         description { state: "visible" 0.0;
+            inherit: "default" 0.0;
+            visible: 1;
+         }
+      }
+      part { name: "wifi_2";
+         clip_to: "clip_wifi";
+         description { state: "default" 0.0;
+            rel1.to: "wifi_base";
+            rel2.to: "wifi_base";
+            image.normal: "wifi_sig_2.png";
+            visible: 0;
+         }
+         description { state: "partly" 0.0;
+            inherit: "default" 0.0;
+            color: 255 255 255 128;
+            visible: 1;
+         }
+         description { state: "visible" 0.0;
+            inherit: "default" 0.0;
+            visible: 1;
+         }
+      }
+      part { name: "wifi_3";
+         clip_to: "clip_wifi";
+         description { state: "default" 0.0;
+            rel1.to: "wifi_base";
+            rel2.to: "wifi_base";
+            image.normal: "wifi_sig_3.png";
+            visible: 0;
+         }
+         description { state: "partly" 0.0;
+            inherit: "default" 0.0;
+            color: 255 255 255 128;
+            visible: 1;
+         }
+         description { state: "visible" 0.0;
+            inherit: "default" 0.0;
+            visible: 1;
+         }
+      }
+      part { name: "lock";
+         clip_to: "clip_wifi";
+         description { state: "default" 0.0; hid;
+            aspect: (160/144) (160/144); aspect_preference: BOTH;
+            align: 0.5 1.0;
+            rel2.relative: 1.0 0.5;
+            rel2.to_y: "slot";
+            image.normal: "lock_locked.png";
+            link.base: "e,state,unsecured" "e";
+         }
+         desc { "insecure"; inherit; vis;
+            image.normal: "lock_insecure.png";
+            link.base: "e,state,insecure" "e";
+         }
+         desc { "secure"; inherit; vis;
+            link.base: "e,state,secure" "e";
+         }
+      }
+//////////////////////////
+      part { name: "slot";
+         description { state: "default" 0.0;
+            rel1.offset: 0 -1;
+            rel1.relative: (21/160) 1.0;
+            rel2.offset: -1 -1;
+            rel2.relative: (140/160) 1.0;
+            align: 0.5 1.0;
+            min: 0 6;
+            image.normal: "slot_horiz_top.png";
+            fixed: 0 1;
+         }
+      }
+      part { name: "hole";
+         description { state: "default" 0.0;
+            rel1.offset: -4 -4;
+            rel1.relative: 1.0 1.0;
+            rel2.offset: -4 -4;
+            align: 1.0 1.0;
+            min: 4 4;
+            max: 4 4;
+            image.normal: "hole_tiny.png";
+            fixed: 1 1;
+         }
+      }
+      part { name: "clip_exclam"; type: RECT;
+         description { state: "default" 0.0;
+            visible: 1;
+         }
+         description { state: "wifi" 0.0;
+            visible: 0;
+         }
+      }
+      part { name: "clip_wifi"; type: RECT;
+         description { state: "default" 0.0;
+            visible: 0;
+         }
+         description { state: "wifi" 0.0;
+            visible: 1;
+         }
+      }
+      part { name: "led";
+         description { state: "default" 0.0;
+            rel1.to: "hole";
+            rel2.to: "hole";
+            min: 10 10;
+            max: 10 10;
+            image.normal: "led_tiny_orange.png";
+            fixed: 1 1;
+            visible: 0;
+         }
+         description { state: "connected" 0.0;
+            inherit: "default" 0.0;
+            image.normal: "led_tiny_orange.png";
+            visible: 1;
+         }
+         description { state: "online" 0.0;
+            inherit: "default" 0.0;
+            image.normal: "led_tiny_green.png";
+            visible: 1;
+         }
+      }
+      part { name: "event"; type: RECT; mouse;
+         description { state: "default" 0.0;
+            color: 0 0 0 0;
+         }
+      }
+   }
+   programs {
+      program { "connecting_wifi";
+         action: STATE_SET "default";
+         targets: "wifi_1" "wifi_2" "wifi_3";
+         sequence {
+            action: STATE_SET "partly";
+            target: "wifi_1";
+            transition: LINEAR 0.085;
+            action: STATE_SET "visible";
+            target: "wifi_1";
+            transition: LINEAR 0.085;
+            action: STATE_SET "partly";
+            target: "wifi_2";
+            transition: LINEAR 0.085;
+            action: STATE_SET "visible";
+            target: "wifi_2";
+            transition: LINEAR 0.085;
+            action: STATE_SET "partly";
+            target: "wifi_3";
+            transition: LINEAR 0.085;
+            action: STATE_SET "visible";
+            target: "wifi_3";
+            transition: LINEAR 0.085;
+            after: "connecting_wifi";
+         }
+      }
+      program { "connecting";
+         action: STATE_SET "connected";
+         target: "led";
+         in: 0.3 0.0;
+         sequence {
+             action: STATE_SET "default";
+             target: "led";
+             in: 0.3 0.0;
+             after:  "connecting";
+         }