]>
Commit | Line | Data |
---|---|---|
e20e5a6b CP |
1 | qwebirc.ui.QUI = new Class({ |
2 | Extends: qwebirc.ui.NewLoginUI, | |
3 | initialize: function(parentElement, theme) { | |
4 | this.parent(parentElement, qwebirc.ui.QUI.Window, "qui"); | |
5 | this.theme = theme; | |
6 | this.parentElement = parentElement; | |
7 | }, | |
8 | postInitialize: function() { | |
9 | this.qjsui = new qwebirc.ui.QUI.JSUI("qwebirc-qui", this.parentElement); | |
10 | ||
11 | this.qjsui.top.addClass("tabbar"); | |
12 | ||
13 | this.qjsui.bottom.addClass("input"); | |
14 | this.qjsui.right.addClass("nicklist"); | |
15 | this.qjsui.topic.addClass("topic"); | |
16 | this.qjsui.middle.addClass("lines"); | |
17 | ||
18 | this.tabs = this.qjsui.top; | |
19 | this.origtopic = this.topic = this.qjsui.topic; | |
20 | this.origlines = this.lines = this.qjsui.middle; | |
21 | this.orignicklist = this.nicklist = this.qjsui.right; | |
22 | ||
23 | this.input = this.qjsui.bottom; | |
24 | this.reflow = this.qjsui.reflow.bind(this.qjsui); | |
25 | ||
26 | this.createInput(); | |
27 | this.reflow(); | |
28 | }, | |
29 | createInput: function() { | |
30 | var form = new Element("form"); | |
31 | this.input.appendChild(form); | |
32 | form.addClass("input"); | |
33 | ||
34 | var inputbox = new Element("input"); | |
35 | form.appendChild(inputbox); | |
36 | this.inputbox = inputbox; | |
37 | ||
38 | form.addEvent("submit", function(e) { | |
39 | new Event(e).stop(); | |
40 | ||
41 | if(inputbox.value == "") | |
42 | return; | |
43 | ||
44 | this.getActiveWindow().historyExec(inputbox.value); | |
45 | inputbox.value = ""; | |
46 | }.bind(this)); | |
47 | ||
48 | inputbox.addEvent("keydown", function(e) { | |
49 | var resultfn; | |
50 | var cvalue = inputbox.value; | |
51 | ||
52 | if(e.key == "up") { | |
53 | resultfn = this.commandhistory.upLine; | |
54 | } else if(e.key == "down") { | |
55 | resultfn = this.commandhistory.downLine; | |
56 | } else { | |
57 | return; | |
58 | } | |
59 | ||
60 | if((cvalue != "") && (this.lastcvalue != cvalue)) | |
61 | this.commandhistory.addLine(cvalue, true); | |
62 | ||
63 | var result = resultfn.bind(this.commandhistory)(); | |
64 | ||
65 | new Event(e).stop(); | |
66 | if(!result) | |
67 | result = ""; | |
68 | this.lastcvalue = result; | |
69 | ||
70 | inputbox.value = result; | |
1d6756bc | 71 | qwebirc.util.setAtEnd(inputbox); |
e20e5a6b CP |
72 | }.bind(this)); |
73 | }, | |
74 | setLines: function(lines) { | |
75 | this.lines.parentNode.replaceChild(lines, this.lines); | |
76 | this.qjsui.middle = this.lines = lines; | |
77 | }, | |
78 | setChannelItems: function(nicklist, topic) { | |
79 | if(!$defined(nicklist)) { | |
80 | nicklist = this.orignicklist; | |
81 | topic = this.origtopic; | |
82 | } | |
83 | this.nicklist.parentNode.replaceChild(nicklist, this.nicklist); | |
84 | this.qjsui.right = this.nicklist = nicklist; | |
85 | ||
86 | this.topic.parentNode.replaceChild(topic, this.topic); | |
87 | this.qjsui.topic = this.topic = topic; | |
88 | } | |
89 | }); | |
90 | ||
91 | qwebirc.ui.QUI.JSUI = new Class({ | |
b1ee83f3 CP |
92 | initialize: function(class_, parent, sizer) { |
93 | this.parent = parent; | |
94 | this.sizer = $defined(sizer)?sizer:parent; | |
95 | ||
24ede2cb CP |
96 | this.class_ = class_; |
97 | this.create(); | |
98 | ||
6c19eb8f CP |
99 | this.reflowevent = null; |
100 | ||
b1ee83f3 | 101 | window.addEvent("resize", function() { |
6c19eb8f | 102 | this.reflow(100); |
b1ee83f3 CP |
103 | }.bind(this)); |
104 | }, | |
24ede2cb | 105 | applyClasses: function(pos, l) { |
6c19eb8f | 106 | l.addClass("dynamicpanel"); |
24ede2cb | 107 | l.addClass(this.class_); |
6c19eb8f | 108 | |
24ede2cb CP |
109 | if(pos == "middle") { |
110 | l.addClass("leftboundpanel"); | |
111 | } else if(pos == "top") { | |
112 | l.addClass("topboundpanel"); | |
113 | l.addClass("widepanel"); | |
114 | } else if(pos == "topic") { | |
115 | l.addClass("widepanel"); | |
116 | } else if(pos == "right") { | |
117 | l.addClass("rightboundpanel"); | |
118 | } else if(pos == "bottom") { | |
119 | l.addClass("bottomboundpanel"); | |
120 | l.addClass("widepanel"); | |
121 | } | |
122 | }, | |
123 | create: function() { | |
124 | var XE = function(pos) { | |
125 | var element = new Element("div"); | |
126 | this.applyClasses(pos, element); | |
b1ee83f3 | 127 | |
24ede2cb CP |
128 | this.parent.appendChild(element); |
129 | return element; | |
b1ee83f3 CP |
130 | }.bind(this); |
131 | ||
24ede2cb CP |
132 | this.top = XE("top"); |
133 | this.topic = XE("topic"); | |
134 | this.middle = XE("middle"); | |
135 | this.right = XE("right"); | |
136 | this.bottom = XE("bottom"); | |
b1ee83f3 | 137 | }, |
6c19eb8f CP |
138 | reflow: function(delay) { |
139 | if(!delay) | |
140 | delay = 1; | |
141 | ||
142 | if(this.reflowevent) | |
143 | $clear(this.reflowevent); | |
144 | this.__reflow(); | |
145 | this.reflowevent = this.__reflow.delay(delay, this); | |
146 | }, | |
147 | __reflow: function() { | |
b1ee83f3 CP |
148 | var bottom = this.bottom; |
149 | var middle = this.middle; | |
150 | var right = this.right; | |
151 | var topic = this.topic; | |
152 | var top = this.top; | |
153 | ||
154 | var topicsize = topic.getSize(); | |
155 | var topsize = top.getSize(); | |
156 | var rightsize = right.getSize(); | |
157 | var bottomsize = bottom.getSize(); | |
158 | var docsize = this.sizer.getSize(); | |
159 | ||
160 | var mheight = (docsize.y - topsize.y - bottomsize.y - topicsize.y); | |
161 | var mwidth = (docsize.x - rightsize.x); | |
162 | ||
163 | topic.setStyle("top", topsize.y + "px"); | |
164 | ||
165 | middle.setStyle("top", (topsize.y + topicsize.y) + "px"); | |
166 | if(mheight > 0) { | |
167 | middle.setStyle("height", mheight + "px"); | |
168 | right.setStyle("height", mheight + "px"); | |
169 | } | |
170 | ||
6c19eb8f | 171 | if(mwidth > 0) |
b1ee83f3 | 172 | middle.setStyle("width", mwidth + "px"); |
b1ee83f3 CP |
173 | right.setStyle("top", (topsize.y + topicsize.y) + "px"); |
174 | right.setStyle("left", mwidth + "px"); | |
175 | ||
176 | bottom.setStyle("top", (docsize.y - bottomsize.y) + "px"); | |
177 | }, | |
178 | showChannel: function(state) { | |
179 | var display = "none"; | |
180 | if(state) | |
181 | display = "block"; | |
182 | ||
183 | this.right.setStyle("display", display); | |
184 | this.topic.setStyle("display", display); | |
6c19eb8f CP |
185 | }, |
186 | showInput: function(state) { | |
187 | this.bottom.setStyle("display", state?"block":"none"); | |
b1ee83f3 CP |
188 | } |
189 | }); | |
35155ba7 | 190 | |
e20e5a6b CP |
191 | qwebirc.ui.QUI.Window = new Class({ |
192 | Extends: qwebirc.ui.Window, | |
f4ae92cc CP |
193 | |
194 | initialize: function(parentObject, client, type, name) { | |
195 | this.parent(parentObject, client, type, name); | |
be0bd774 | 196 | |
66de775f | 197 | this.tab = new Element("a", {"href": "#"}); |
f4ae92cc | 198 | this.tab.addClass("tab"); |
35155ba7 | 199 | parentObject.tabs.appendChild(this.tab); |
f4ae92cc CP |
200 | |
201 | this.tab.appendText(name); | |
66de775f CP |
202 | this.tab.addEvent("click", function(e) { |
203 | new Event(e).stop(); | |
f4ae92cc CP |
204 | parentObject.selectWindow(this); |
205 | }.bind(this)); | |
f4ae92cc | 206 | |
e20e5a6b CP |
207 | if(type != qwebirc.ui.WINDOW_STATUS && type != qwebirc.ui.WINDOW_CONNECT) { |
208 | var tabclose = new Element("span"); | |
209 | tabclose.set("text", "X"); | |
f4ae92cc CP |
210 | tabclose.addClass("tabclose"); |
211 | tabclose.addEvent("click", function(e) { | |
212 | new Event(e).stop(); | |
213 | ||
e20e5a6b | 214 | if(type == qwebirc.ui.WINDOW_CHANNEL) |
f4ae92cc CP |
215 | this.client.exec("/PART " + name); |
216 | ||
217 | this.close(); | |
218 | }.bind(this)); | |
6c19eb8f | 219 | |
f4ae92cc CP |
220 | this.tab.appendChild(tabclose); |
221 | } | |
be0bd774 | 222 | |
be0bd774 | 223 | this.lines = new Element("div"); |
6c19eb8f | 224 | this.parentObject.qjsui.applyClasses("middle", this.lines); |
be0bd774 | 225 | this.lines.addClass("lines"); |
6c19eb8f | 226 | |
b1ee83f3 CP |
227 | this.lines.addEvent("scroll", function() { |
228 | this.scrolleddown = this.scrolledDown(); | |
be0bd774 | 229 | }.bind(this)); |
be0bd774 | 230 | |
e20e5a6b | 231 | if(type == qwebirc.ui.WINDOW_CHANNEL) { |
be0bd774 CP |
232 | this.topic = new Element("div"); |
233 | this.topic.addClass("topic"); | |
b1ee83f3 | 234 | this.topic.addClass("tab-invisible"); |
be0bd774 | 235 | this.topic.set("html", " "); |
6c19eb8f | 236 | this.parentObject.qjsui.applyClasses("topic", this.topic); |
be0bd774 | 237 | |
66de775f CP |
238 | this.nicklist = new Element("div"); |
239 | this.nicklist.addClass("nicklist"); | |
b1ee83f3 | 240 | this.nicklist.addClass("tab-invisible"); |
6c19eb8f | 241 | this.parentObject.qjsui.applyClasses("nicklist", this.nicklist); |
be0bd774 | 242 | } |
b1ee83f3 | 243 | |
e20e5a6b | 244 | if(type == qwebirc.ui.WINDOW_CHANNEL) { |
359b7edd CP |
245 | this.updateTopic(""); |
246 | } else { | |
247 | this.reflow(); | |
248 | } | |
b1ee83f3 CP |
249 | }, |
250 | reflow: function() { | |
251 | this.parentObject.reflow(); | |
35155ba7 CP |
252 | }, |
253 | onResize: function() { | |
254 | if(this.scrolleddown) | |
255 | this.scrollToBottom(); | |
359b7edd | 256 | }, |
f4ae92cc CP |
257 | updateNickList: function(nicks) { |
258 | this.parent(nicks); | |
259 | ||
260 | var n = this.nicklist; | |
261 | while(n.firstChild) | |
262 | n.removeChild(n.firstChild); | |
263 | ||
264 | nicks.each(function(nick) { | |
265 | var e = new Element("div"); | |
266 | n.appendChild(e); | |
267 | e.appendChild(document.createTextNode(nick)); | |
268 | }); | |
269 | }, | |
270 | updateTopic: function(topic) { | |
f4ae92cc CP |
271 | var t = this.topic; |
272 | ||
273 | while(t.firstChild) | |
274 | t.removeChild(t.firstChild); | |
275 | ||
66de775f | 276 | if(topic) { |
1f06a70a | 277 | this.parent(topic, t); |
66de775f | 278 | } else { |
359b7edd CP |
279 | var e = new Element("div"); |
280 | e.set("text", "(no topic set)"); | |
66de775f | 281 | e.addClass("emptytopic"); |
359b7edd | 282 | t.appendChild(e); |
66de775f | 283 | } |
359b7edd | 284 | this.reflow(); |
f4ae92cc CP |
285 | }, |
286 | select: function() { | |
e20e5a6b | 287 | var inputVisible = this.type != qwebirc.ui.WINDOW_CONNECT && this.type != qwebirc.ui.WINDOW_CUSTOM; |
6c19eb8f | 288 | |
f4ae92cc | 289 | this.tab.removeClass("tab-unselected"); |
f4ae92cc | 290 | this.tab.addClass("tab-selected"); |
359b7edd | 291 | |
6c19eb8f CP |
292 | this.parentObject.setLines(this.lines); |
293 | this.parentObject.setChannelItems(this.nicklist, this.topic); | |
294 | this.parentObject.qjsui.showInput(inputVisible); | |
295 | this.parentObject.qjsui.showChannel($defined(this.nicklist)); | |
296 | ||
297 | this.reflow(); | |
24ede2cb | 298 | |
7c633700 | 299 | this.parent(); |
25be5960 | 300 | |
6c19eb8f CP |
301 | if(inputVisible) |
302 | this.parentObject.inputbox.focus(); | |
f4ae92cc CP |
303 | }, |
304 | deselect: function() { | |
305 | this.parent(); | |
306 | ||
f4ae92cc CP |
307 | this.tab.removeClass("tab-selected"); |
308 | this.tab.addClass("tab-unselected"); | |
309 | }, | |
310 | close: function() { | |
311 | this.parent(); | |
312 | ||
f4ae92cc CP |
313 | this.parentObject.tabs.removeChild(this.tab); |
314 | }, | |
315 | addLine: function(type, line, colour) { | |
f4ae92cc CP |
316 | var e = new Element("div"); |
317 | ||
318 | if(colour) { | |
319 | e.setStyles({"background": colour}); | |
320 | } else if(this.lastcolour) { | |
321 | e.addClass("linestyle1"); | |
322 | } else { | |
323 | e.addClass("linestyle2"); | |
324 | } | |
f4ae92cc | 325 | this.lastcolour = !this.lastcolour; |
35155ba7 | 326 | |
be0bd774 CP |
327 | this.parent(type, line, colour, e); |
328 | }, | |
329 | setHilighted: function(state) { | |
330 | this.parent(state); | |
f4ae92cc | 331 | |
be0bd774 | 332 | if(state) { |
7c633700 | 333 | this.tab.addClass("tab-hilighted"); |
be0bd774 | 334 | } else { |
7c633700 | 335 | this.tab.removeClass("tab-hilighted"); |
be0bd774 | 336 | } |
f4ae92cc CP |
337 | } |
338 | }); |