]>
Commit | Line | Data |
---|---|---|
66de775f CP |
1 | function GenericLoginBox(parentElement, callback, initialNickname, initialChannels, autoConnect, autoNick) { |
2 | if(autoConnect) { | |
3 | ConfirmBox(parentElement, callback, initialNickname, initialChannels, autoNick); | |
4 | } else { | |
5 | LoginBox(parentElement, callback, initialNickname, initialChannels); | |
6 | } | |
95ce57b3 | 7 | |
66de775f CP |
8 | } |
9 | ||
10 | function ConfirmBox(parentElement, callback, initialNickname, initialChannels, autoNick) { | |
90b89aee CP |
11 | var box = new Element("table"); |
12 | box.addClass("confirmbox"); | |
66de775f CP |
13 | parentElement.appendChild(box); |
14 | ||
95ce57b3 CP |
15 | var tbody = new Element("tbody"); |
16 | box.appendChild(tbody); | |
17 | ||
90b89aee | 18 | var tr = new Element("tr"); |
95ce57b3 | 19 | tbody.appendChild(tr); |
90b89aee CP |
20 | tr.addClass("tr1"); |
21 | ||
22 | var text = new Element("td"); | |
23 | tr.appendChild(text); | |
24 | ||
66de775f CP |
25 | var nick = new Element("b"); |
26 | nick.set("text", initialNickname); | |
27 | ||
28 | var c = initialChannels.split(","); | |
29 | var ctext; | |
30 | ||
31 | if(c.length > 1) { | |
32 | var last = c.pop(); | |
33 | ctext = c.join(", ") + " and " + last; | |
34 | } else { | |
35 | ctext = c.join(", "); | |
36 | } | |
37 | ||
38 | var channels = new Element("b"); | |
39 | channels.set("text", ctext); | |
40 | ||
66de775f CP |
41 | text.appendChild(document.createTextNode("To connect to IRC and join channels ")); |
42 | text.appendChild(channels); | |
43 | ||
44 | if(!autoNick) { | |
45 | text.appendChild(document.createTextNode(" as ")); | |
46 | text.appendChild(nick); | |
47 | } | |
48 | text.appendChild(document.createTextNode(" click 'Connect'.")); | |
49 | ||
90b89aee | 50 | var tr = new Element("tr"); |
95ce57b3 | 51 | tbody.appendChild(tr); |
90b89aee | 52 | tr.addClass("tr2"); |
66de775f | 53 | |
90b89aee CP |
54 | var td = new Element("td"); |
55 | tr.appendChild(td); | |
56 | ||
66de775f | 57 | var form = new Element("form"); |
90b89aee | 58 | td.appendChild(form); |
66de775f CP |
59 | |
60 | var yes = new Element("input", {"type": "submit", "value": "Connect"}); | |
61 | form.appendChild(yes); | |
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 | ||
70 | function LoginBox(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(); | |
148 | } |