Use compiled versions.

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

var UglyUIWindow = new Class({\r
  Extends: UIWindow,\r
  \r
  initialize: function(parentObject, client, type, name) {\r
    this.parent(parentObject, client, type, name);\r
        \r
    this.outerContainer = new Element("div");\r
    this.outerContainer.addClass("outercontainer");\r
    this.outerContainer.addClass("tab-invisible");\r
    \r
    parentObject.container.appendChild(this.outerContainer);\r
    \r
    if(type == WINDOW_CHANNEL) {\r
      this.nicklist = new Element("div");\r
      this.nicklist.addClass("nicklist");\r
      \r
      this.outerContainer.appendChild(this.nicklist);\r
    }\r
    \r
    var innerContainer = new Element("div");\r
    innerContainer.addClass("innercontainer");\r
    this.outerContainer.appendChild(innerContainer);\r
    \r
    if(type == WINDOW_CHANNEL) {\r
      this.topic = new Element("div");\r
      this.topic.addClass("topic");\r
      innerContainer.appendChild(this.topic);\r
    }\r
    \r
    this.lines = new Element("div");\r
    this.lines.addClass("lines");\r
    innerContainer.appendChild(this.lines);\r
    \r
    this.tab = new Element("span");\r
    this.tab.addClass("tab");\r
    \r
    this.tab.appendText(name);\r
    this.tab.addEvent("click", function() {\r
      parentObject.selectWindow(this);\r
    }.bind(this));\r
\r
    parentObject.tabs.appendChild(this.tab);\r
    \r
    if(type != WINDOW_STATUS) {\r
      tabclose = new Element("span");\r
      tabclose.addClass("tabclose");\r
      tabclose.addEvent("click", function(e) {\r
        new Event(e).stop();\r
        \r
        if(type == WINDOW_CHANNEL)\r
          this.client.exec("/PART " + name);\r
\r
        this.close();\r
      }.bind(this));\r
      tabclose.set("text", "X");\r
      this.tab.appendChild(tabclose);\r
    }\r
  },\r
  updateNickList: function(nicks) {\r
    this.parent(nicks);\r
    \r
    var n = this.nicklist;\r
    while(n.firstChild)\r
      n.removeChild(n.firstChild);\r
\r
    nicks.each(function(nick) {\r
      var e = new Element("div");\r
      n.appendChild(e);\r
      e.appendChild(document.createTextNode(nick));\r
    });\r
  },\r
  updateTopic: function(topic) {\r
    this.parent(topic);\r
    \r
    var t = this.topic;\r
    \r
    while(t.firstChild)\r
      t.removeChild(t.firstChild);\r
\r
    Colourise(topic, t);\r
  },\r
  select: function() {\r
    this.parent();\r
    \r
    this.outerContainer.removeClass("tab-invisible");\r
    this.tab.removeClass("tab-unselected");\r
    this.tab.removeClass("tab-highlighted");\r
    this.tab.addClass("tab-selected");\r
  },\r
  deselect: function() {\r
    this.parent();\r
    \r
    this.outerContainer.addClass("tab-invisible");\r
    this.tab.removeClass("tab-selected");\r
    this.tab.addClass("tab-unselected");\r
  },\r
  close: function() {\r
    this.parent();\r
    \r
    this.parentObject.container.removeChild(this.outerContainer);\r
    this.parentObject.tabs.removeChild(this.tab);\r
  },\r
  addLine: function(type, line, colour) {\r
    this.parent(type, line, colour);\r
    \r
    var e = new Element("div");\r
\r
    if(colour) {\r
      e.addStyle("background", colour);\r
    } else if(this.lastcolour) {\r
      e.addClass("linestyle1");\r
    } else {\r
      e.addClass("linestyle2");\r
    }\r
    \r
    if(type)\r
      line = this.parentObject.theme.message(type, line);\r
    \r
    Colourise(IRCTimestamp(new Date()) + " " + line, e);\r
    \r
    this.lastcolour = !this.lastcolour;\r
    \r
    var prev = this.lines.getScroll();\r
    var prevbottom = this.lines.getScrollSize().y;\r
    var prevsize = this.lines.getSize();\r
    this.lines.appendChild(e);\r
    \r
    if(prev.y + prevsize.y == prevbottom)\r
      this.lines.scrollTo(prev.x, this.lines.getScrollSize().y);\r
      \r
    if(!this.active)\r
      this.tab.addClass("tab-highlighted");\r
  }\r
});\r
\r
var UglyUI = new Class({\r
  Extends: UI,\r
  initialize: function(parentElement, theme) {\r
    this.parent(parentElement, UglyUIWindow, "uglyui");\r
    \r
    this.theme = theme;\r
    \r
    this.tabs = new Element("div");\r
    this.tabs.addClass("tabbar");\r
    \r
    parentElement.appendChild(this.tabs);\r
    \r
    this.container = new Element("div");\r
    this.container.addClass("container");\r
    \r
    parentElement.appendChild(this.container);\r
  \r
    var form = new Element("form");\r
    var inputbox = new Element("input");\r
    inputbox.addClass("input");\r
  \r
    form.addEvent("submit", function(e) {\r
      new Event(e).stop();\r
    \r
      this.getActiveWindow().client.exec(inputbox.value);\r
      inputbox.value = "";\r
    }.bind(this));\r
    parentElement.appendChild(form);  \r
    form.appendChild(inputbox);\r
    inputbox.focus();\r
  }\r
});