Commit | Line | Data |
---|---|---|
c4fc06f6 | 1 | <!DOCTYPE html> |
2dd6a025 D |
2 | <html> |
3 | <head> | |
4 | <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/> | |
5 | ||
6 | <title> KiwiIRC </title> | |
7 | ||
69369f52 | 8 | <link rel="stylesheet" type="text/css" href="css/style.css" /> |
2dd6a025 D |
9 | |
10 | </head> | |
11 | <body> | |
12 | <div id="kiwi"> | |
13 | <div id="toolbar"> | |
df7b7bf8 D |
14 | <div id="tabs"> |
15 | <ul class="panellist channels"></ul> | |
19cc6364 | 16 | <ul class="panellist applets"></ul> |
df7b7bf8 | 17 | </div> |
2dd6a025 D |
18 | |
19 | <div id="topic"> | |
20 | <input type="text" /> | |
21 | </div> | |
f8ce99b4 D |
22 | |
23 | <div id="status_message"></div> | |
2dd6a025 D |
24 | </div> |
25 | ||
26 | <div id="panels"> | |
0caf7aa7 | 27 | <div class="panel_container container1"></div> |
2dd6a025 D |
28 | </div> |
29 | ||
30 | <div id="memberlists"></div> | |
31 | ||
32 | <div id="controlbox"> | |
33 | <div class="input"> | |
34 | <span class="nick"> </span> | |
5237492b | 35 | <div class="input_wrap"><input type="text" class="inp" /></div> |
2dd6a025 D |
36 | </div> |
37 | </div> | |
38 | </div> | |
39 | ||
75f48c13 D |
40 | <script type="text/x-jquery-tmpl" id="tmpl_userbox"> |
41 | <div class="userbox"> | |
42 | <a class="query">Message</a> | |
43 | <a class="info">Info</a> | |
44 | </div> | |
45 | </script> | |
46 | ||
2af70088 D |
47 | <script type="text/x-jquery-tmpl" id="tmpl_server_select"> |
48 | <div class="server_select"> | |
d94f220d D |
49 | <div class="status"></div> |
50 | ||
2af70088 D |
51 | <form> |
52 | <div class="basic"> | |
53 | <label for="server_select_nick">Nickname</label> | |
54 | <input type="text" class="nick" id="server_select_nick"> <br /> | |
55 | ||
d94f220d | 56 | <button type="submit">Connect..</button> <br /> |
2af70088 D |
57 | <a class="show_more">More</a> |
58 | </div> | |
59 | ||
60 | <div class="more"> | |
61 | <label for="server_select_server">Server</label> | |
62 | <input type="text" class="server" id="server_select_server"> <br /> | |
63 | <label for="server_select_channel">Channel</label> | |
64 | <input type="text" class="channel" id="server_select_channel"> <br /> | |
0f3d4221 D |
65 | <br /> |
66 | <label for="server_select_port">Port</label> | |
67 | <input type="text" class="port" id="server_select_port"> <br /> | |
68 | <label for="server_select_password">Password</label> | |
69 | <input type="text" class="password" id="server_select_password"> <br /> | |
70 | <label for="server_select_ssl">SSL</label> | |
71 | <input type="checkbox" class="ssl" id="server_select_ssl"> | |
2af70088 D |
72 | </div> |
73 | </form> | |
74 | </div> | |
75 | </script> | |
76 | ||
19cc6364 D |
77 | <script type="text/x-jquery-tmpl" id="tmpl_applet_settings"> |
78 | <div> | |
79 | <select class="theme"> | |
80 | <option value="default">Default</option> | |
81 | <option value="relaxed">Relaxed</option> | |
68d3b968 | 82 | <option value="cli">CLI</option> |
19cc6364 D |
83 | </select> |
84 | <button class="save">Save</button> | |
85 | </div> | |
86 | </script> | |
87 | ||
c4fc06f6 | 88 | |
21536e7b D |
89 | <script type="text/x=x-jquery-tmpl" id="tmpl_channel_list"> |
90 | <table style="margin:1em 2em;"> | |
91 | <thead style="font-weight: bold;"> | |
92 | <tr> | |
93 | <td>Channel Name</td> | |
94 | <td>Users</td> | |
95 | <td style="padding-left: 2em;">Topic</td> | |
96 | </tr> | |
97 | </thead> | |
98 | <tbody style="vertical-align: top;"> | |
99 | </tbody> | |
100 | </table> | |
101 | </script> | |
102 | ||
103 | ||
2dd6a025 | 104 | <script> |
c4fc06f6 D |
105 | /* Script loader (https://github.com/ded/script.js) */ |
106 | (function(a,b,c){typeof c["module"]!="undefined"&&c.module.exports?c.module.exports=b():typeof c["define"]!="undefined"&&c["define"]=="function"&&c.define.amd?define(a,b):c[a]=b()})("$script",function(){function p(a,b){for(var c=0,d=a.length;c<d;++c)if(!b(a[c]))return j;return 1}function q(a,b){p(a,function(a){return!b(a)})}function r(a,b,i){function o(a){return a.call?a():d[a]}function t(){if(!--n){d[m]=1,l&&l();for(var a in f)p(a.split("|"),o)&&!q(f[a],o)&&(f[a]=[])}}a=a[k]?a:[a];var j=b&&b.call,l=j?b:i,m=j?a.join(""):b,n=a.length;return setTimeout(function(){q(a,function(a){if(h[a])return m&&(e[m]=1),h[a]==2&&t();h[a]=1,m&&(e[m]=1),s(!c.test(a)&&g?g+a+".js":a,t)})},0),r}function s(c,d){var e=a.createElement("script"),f=j;e.onload=e.onerror=e[o]=function(){if(e[m]&&!/^c|loade/.test(e[m])||f)return;e.onload=e[o]=null,f=1,h[c]=2,d()},e.async=1,e.src=c,b.insertBefore(e,b.firstChild)}var a=document,b=a.getElementsByTagName("head")[0],c=/^https?:\/\//,d={},e={},f={},g,h={},i="string",j=!1,k="push",l="DOMContentLoaded",m="readyState",n="addEventListener",o="onreadystatechange";return!a[m]&&a[n]&&(a[n](l,function t(){a.removeEventListener(l,t,j),a[m]="complete"},j),a[m]="loading"),r.get=s,r.order=function(a,b,c){(function d(e){e=a.shift(),a.length?r(e,d):r(e,b,c)})()},r.path=function(a){g=a},r.ready=function(a,b,c){a=a[k]?a:[a];var e=[];return!q(a,function(a){d[a]||e[k](a)})&&p(a,function(a){return d[a]})?b():!function(a){f[a]=f[a]||[],f[a][k](b),c&&c(e)}(a.join("|")),r},r},this) | |
107 | ||
108 | ||
23533845 | 109 | |
a37b761a | 110 | |
23533845 D |
111 | function getQueryVariable(variable) { |
112 | var query = window.location.search.substring(1); | |
113 | var vars = query.split('&'); | |
114 | for (var i = 0; i < vars.length; i++) { | |
115 | var pair = vars[i].split('='); | |
116 | if (decodeURIComponent(pair[0]) == variable) { | |
117 | return decodeURIComponent(pair[1]); | |
118 | } | |
119 | } | |
4b8438d0 | 120 | } |
23533845 D |
121 | |
122 | window.onload = function () { | |
123 | ||
124 | // Common dependancies that are required at all times | |
125 | var scripts = [ | |
c4fc06f6 D |
126 | ['jquery-1.7.1.min.js', 'underscore-min.js'], |
127 | 'backbone-git.js' | |
23533845 D |
128 | ]; |
129 | ||
130 | // If in debug mode, load each development script | |
131 | if (getQueryVariable('debug')) { | |
c4fc06f6 | 132 | console.log('Loading debugging scripts'); |
23533845 | 133 | scripts = scripts.concat([ |
9df70c63 | 134 | 'dev/app.js', |
c4fc06f6 D |
135 | [ |
136 | 'dev/model_application.js', | |
137 | 'dev/model_gateway.js' | |
138 | ], | |
139 | [ | |
140 | 'dev/model_panellist.js', | |
141 | 'dev/model_panel.js', | |
142 | 'dev/model_member.js', | |
143 | 'dev/model_memberlist.js' | |
144 | ], | |
145 | ||
146 | [ | |
147 | 'dev/model_channel.js', | |
df7b7bf8 | 148 | 'dev/model_server.js', |
19cc6364 | 149 | 'dev/model_applet.js' |
c4fc06f6 D |
150 | ], |
151 | ||
721ad945 D |
152 | [ |
153 | 'dev/applet_settings.js', | |
154 | 'dev/applet_nickserv.js' | |
155 | ], | |
19cc6364 | 156 | |
c4fc06f6 D |
157 | [ |
158 | 'dev/utils.js', | |
159 | 'dev/view.js' | |
160 | ] | |
23533845 D |
161 | ]); |
162 | } else { | |
19cc6364 | 163 | scripts.push('kiwi.js'); |
23533845 D |
164 | } |
165 | ||
166 | ||
167 | // Run after all dependancies have been loaded | |
b62c8381 D |
168 | function startApp () { |
169 | var opts = { | |
170 | container: $('#kiwi'), | |
a37b761a | 171 | |
b62c8381 | 172 | // Override the kiwi_server to use. (Think: running on standalone client..) |
ff063501 | 173 | //kiwi_server: 'http://kiwiirc.com:80' |
b62c8381 | 174 | }; |
a37b761a | 175 | |
b62c8381 D |
176 | // Start the app by either the dev or closed environment |
177 | (kiwi && kiwi.global && kiwi.global.start(opts)) || (kiwi && kiwi.start(opts)); | |
23533845 D |
178 | } |
179 | ||
180 | ||
181 | // Load each script | |
182 | var cur_script = 0; | |
183 | function loadNextScript () { | |
b62c8381 | 184 | // Start the kiwi app if all scripts have been loaded |
23533845 D |
185 | if (cur_script === scripts.length) { |
186 | startApp(); | |
187 | return; | |
188 | } | |
189 | ||
c4fc06f6 | 190 | $script(scripts[cur_script], loadNextScript); |
23533845 D |
191 | |
192 | cur_script++; | |
193 | } | |
194 | ||
195 | // Start loading scripts | |
196 | loadNextScript(); | |
197 | }; | |
2dd6a025 D |
198 | </script> |
199 | </body> | |
200 | </html> |