Start work on swmui.

[irc/quakenet/qwebirc.git] / js / ui / swmlayout.js

var SWM_ANCHOR_NONE =   0x00;\r
var SWM_ANCHOR_TOP =    0x01;\r
var SWM_ANCHOR_BOTTOM = 0x02;\r
var SWM_ANCHOR_LEFT =   0x04;\r
var SWM_ANCHOR_RIGHT =  0x08;\r
\r
var SWMPanel = new Class({\r
  initialize: function(parent, id) {\r
    this.parent = parent;\r
    \r
    var element = new Element("div", {"id": id, "styles": { "position": "absolute" } });\r
    this.element = element;\r
    this.element.wmpanel = this;\r
\r
    parent.addClass("wmelement");\r
    \r
    parent.appendChild(this.element);\r
    this.anchor = ANCHOR_NONE;\r
  },\r
\r
  setHeight: function(height) {\r
    this.height = height;\r
  },\r
    \r
  setWidth: function(width) {\r
    this.width = width;\r
  }\r
});\r
\r
window.addEvent("domready", function() {\r
  function reworkLayout(container) {\r
    function anchorFilter(x, anchor) {\r
      return x.filter(function(y) {\r
        if(y.anchor == anchor)\r
          return true;\r
      });\r
    }\r
    var x = container.getChildren().map(function(x) {\r
      return x.wmpanel\r
    });\r
    var top = anchorFilter(x, SWM_ANCHOR_TOP);\r
    var bottom = anchorFilter(x, SWM_ANCHOR_BOTTOM);\r
    var none = anchorFilter(x, SWM_ANCHOR_NONE);\r
\r
    var left = anchorFilter(x, SWM_ANCHOR_LEFT);\r
    var right = anchorFilter(x, SWM_ANCHOR_RIGHT);\r
    \r
    var tpos = 0;\r
    for(var i=0;i<top.length;i++) {\r
      var obj = top[i].element;\r
      obj.setStyles({"top": tpos + "px", "left": "0px", "right": "0px"});\r
      tpos = tpos + obj.getSize()["size"]["y"];\r
    }\r
    \r
    var bpos = 0;\r
    for(var i=0;i<bottom.length;i++) {\r
      var obj = bottom[i].element;\r
      obj.setStyles({"bottom": bpos + "px", "left": "0px", "right": "0px"});\r
      bpos = bpos + obj.getSize()["size"]["y"];\r
    }\r
    \r
    var lpos = 0;\r
    for(var i=0;i<left.length;i++) {\r
      var obj = left[i].element;\r
      obj.setStyles({"left": lpos + "px", "top": tpos + "px", "bottom": bpos + "px"});\r
      lpos = lpos + obj.getSize()["size"]["x"];\r
    }\r
\r
    var rpos = 0;\r
    for(var i=0;i<right.length;i++) {\r
      var obj = right[i].element;\r
      obj.setStyles({"right": rpos + "px", "top": tpos + "px", "bottom": bpos + "px"});\r
      rpos = rpos + obj.getSize()["size"]["x"];\r
    }\r
\r
    for(var i=0;i<none.length;i++) {\r
      var obj = none[i].element;\r
      obj.setStyles({"left": lpos + "px", "right": rpos + "px", "top": tpos + "px", "bottom": bpos + "px"});\r
    }\r
  }\r
  \r
  window.addEvent("resize", function() {\r
    $$("div[class=wmelement]").forEach(reworklayout);\r
  });\r
});