]>
Commit | Line | Data |
---|---|---|
e20e5a6b | 1 | qwebirc.ui.GenericLoginBox = function(parentElement, callback, initialNickname, initialChannels, autoConnect, autoNick) { |
66de775f | 2 | if(autoConnect) { |
e20e5a6b | 3 | qwebirc.ui.ConfirmBox(parentElement, callback, initialNickname, initialChannels, autoNick); |
66de775f | 4 | } else { |
e20e5a6b | 5 | qwebirc.ui.LoginBox(parentElement, callback, initialNickname, initialChannels); |
66de775f CP |
6 | } |
7 | } | |
8 | ||
e20e5a6b | 9 | qwebirc.ui.ConfirmBox = function(parentElement, callback, initialNickname, initialChannels, autoNick) { |
90b89aee CP |
10 | var box = new Element("table"); |
11 | box.addClass("confirmbox"); | |
66de775f CP |
12 | parentElement.appendChild(box); |
13 | ||
95ce57b3 CP |
14 | var tbody = new Element("tbody"); |
15 | box.appendChild(tbody); | |
16 | ||
90b89aee | 17 | var tr = new Element("tr"); |
95ce57b3 | 18 | tbody.appendChild(tr); |
90b89aee CP |
19 | tr.addClass("tr1"); |
20 | ||
21 | var text = new Element("td"); | |
22 | tr.appendChild(text); | |
23 | ||
66de775f CP |
24 | var nick = new Element("b"); |
25 | nick.set("text", initialNickname); | |
26 | ||
27 | var c = initialChannels.split(","); | |
28 | var ctext; | |
29 | ||
30 | if(c.length > 1) { | |
31 | var last = c.pop(); | |
32 | ctext = c.join(", ") + " and " + last; | |
33 | } else { | |
34 | ctext = c.join(", "); | |
35 | } | |
36 | ||
37 | var channels = new Element("b"); | |
38 | channels.set("text", ctext); | |
39 | ||
66de775f CP |
40 | text.appendChild(document.createTextNode("To connect to IRC and join channels ")); |
41 | text.appendChild(channels); | |
42 | ||
43 | if(!autoNick) { | |
44 | text.appendChild(document.createTextNode(" as ")); | |
45 | text.appendChild(nick); | |
46 | } | |
47 | text.appendChild(document.createTextNode(" click 'Connect'.")); | |
48 | ||
90b89aee | 49 | var tr = new Element("tr"); |
95ce57b3 | 50 | tbody.appendChild(tr); |
90b89aee | 51 | tr.addClass("tr2"); |
66de775f | 52 | |
90b89aee CP |
53 | var td = new Element("td"); |
54 | tr.appendChild(td); | |
55 | ||
66de775f | 56 | var form = new Element("form"); |
90b89aee | 57 | td.appendChild(form); |
66de775f CP |
58 | |
59 | var yes = new Element("input", {"type": "submit", "value": "Connect"}); | |
60 | form.appendChild(yes); | |
70638ce4 | 61 | yes.focus(); |
66de775f CP |
62 | |
63 | form.addEvent("submit", function(e) { | |
64 | new Event(e).stop(); | |
65 | parentElement.removeChild(box); | |
66 | callback({"nickname": initialNickname, "autojoin": initialChannels}); | |
67 | }); | |
68 | } | |
69 | ||
e20e5a6b | 70 | qwebirc.ui.LoginBox = function(parentElement, callback, initialNickname, initialChannels) { |
90b89aee | 71 | var box = new Element("table"); |
66de775f | 72 | parentElement.appendChild(box); |
90b89aee CP |
73 | box.addClass("loginbox"); |
74 | ||
95ce57b3 CP |
75 | var tbody = new Element("tbody"); |
76 | box.appendChild(tbody); | |
77 | ||
90b89aee | 78 | var tr = new Element("tr"); |
95ce57b3 | 79 | tbody.appendChild(tr); |
90b89aee | 80 | tr.addClass("tr1"); |
66de775f | 81 | |
90b89aee CP |
82 | var td = new Element("td"); |
83 | tr.appendChild(td); | |
84 | td.set("html", "<h1>Connect to IRC</h1>"); | |
95ce57b3 | 85 | |
90b89aee | 86 | var tr = new Element("tr"); |
95ce57b3 | 87 | tbody.appendChild(tr); |
90b89aee CP |
88 | tr.addClass("tr2"); |
89 | ||
90b89aee CP |
90 | var td = new Element("td"); |
91 | tr.appendChild(td); | |
95ce57b3 | 92 | |
66de775f | 93 | var form = new Element("form"); |
90b89aee | 94 | td.appendChild(form); |
66de775f CP |
95 | |
96 | var boxtable = new Element("table"); | |
97 | form.appendChild(boxtable); | |
98 | ||
99 | var tbody = new Element("tbody"); | |
100 | boxtable.appendChild(tbody); /* stupid IE */ | |
101 | ||
102 | function createRow(label, e2) { | |
103 | var r = new Element("tr"); | |
104 | tbody.appendChild(r); | |
105 | ||
106 | var d1 = new Element("td"); | |
107 | if(label) | |
108 | d1.set("text", label); | |
109 | r.appendChild(d1); | |
110 | ||
111 | var d2 = new Element("td"); | |
112 | r.appendChild(d2); | |
113 | d2.appendChild(e2); | |
114 | return d1; | |
115 | } | |
116 | ||
117 | var nick = new Element("input"); | |
118 | createRow("Nickname:", nick); | |
119 | var chan = new Element("input"); | |
90b89aee | 120 | createRow("Channels:", chan); |
66de775f CP |
121 | |
122 | var connbutton = new Element("input", {"type": "submit"}); | |
123 | connbutton.set("value", "Connect"); | |
124 | createRow(undefined, connbutton) | |
125 | ||
126 | form.addEvent("submit", function(e) { | |
127 | new Event(e).stop(); | |
128 | var nickname = nick.value; | |
129 | var chans = chan.value; | |
130 | if(chans == "#") /* sorry channel "#" :P */ | |
131 | chans = ""; | |
132 | ||
133 | if(!nickname) { | |
134 | alert("You must supply a nickname."); | |
135 | nick.focus(); | |
136 | return; | |
137 | } | |
138 | ||
139 | parentElement.removeChild(box); | |
140 | ||
141 | callback({"nickname": nickname, "autojoin": chans}); | |
142 | }.bind(this)); | |
143 | ||
144 | nick.set("value", initialNickname); | |
145 | chan.set("value", initialChannels); | |
146 | ||
147 | nick.focus(); | |
cad18909 | 148 | } |