projects / JIRC.git / blame
? search:
summary | shortlog | log | commit | commitdiff | tree
blob | blame (incremental) | history | HEAD
- new feature: aliases
[JIRC.git] / public / index.html
CommitLineData
39c8b14f 1<!DOCTYPE html>
2<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
3<head>
4 <meta http-equiv="content-type" content="text/html; charset=utf-8" />
5 <title>WebSocket-IRC</title>
6 <link href="windows_js_1.3/themes/default.css" rel="stylesheet" type="text/css" />
7 <link href="windows_js_1.3/themes/lighting.css" rel="stylesheet" type="text/css" />
8 <link href="windows_js_1.3/themes/mac_os_x.css" rel="stylesheet" type="text/css" />
9 <link href="windows_js_1.3/themes/debug.css" rel="stylesheet" type="text/css" />
39c8b14f 10 <link href="windows_js_1.3/themes/spread.css" rel="stylesheet" type="text/css" />
11 <link href="windows_js_1.3/themes/alert.css" rel="stylesheet" type="text/css" />
12 <link href="windows_js_1.3/themes/alert_lite.css" rel="stylesheet" type="text/css" />
13 <link href="windows_js_1.3/themes/alphacube.css" rel="stylesheet" type="text/css" />
845bc1fa 14 <link href="main.css" rel="stylesheet" type="text/css" />
7d08d4e9 15 <script type="text/javascript" src="swfobject.js"></script>
16 <script type="text/javascript" src="web_socket.js"></script>
39c8b14f 17 <script type="text/javascript" src="windows_js_1.3/javascripts/prototype.js"></script>
18 <script type="text/javascript" src="windows_js_1.3/javascripts/effects.js"></script>
19 <script type="text/javascript" src="windows_js_1.3/javascripts/window.js"></script>
20 <script type="text/javascript" src="windows_js_1.3/javascripts/window_effects.js"></script>
21 <script type="text/javascript" src="windows_js_1.3/javascripts/debug.js"></script>
22 <script type="text/javascript" src="windows_js_1.3/javascripts/extended_debug.js"></script>
23 <script type="text/javascript" charset="utf-8" src="date.format.js"></script>
24 <script type="text/javascript" charset="utf-8" src="plist_parser.js"></script>
25 <script type="text/javascript" charset="utf-8" src="classes.js"></script>
26 <script type="text/javascript" charset="utf-8" src="main.js"></script>
27</head>
28
29<body onload="init();" onunload="backup();">
30<div id="cons">
31<div id="dock">
845bc1fa 32&nbsp;&nbsp;<a href="JavaScript:IRCConnection.create();">new connection</a>&nbsp;
33<a href="JavaScript:IRCConnection.showSettings();" style="padding-left:10px;">settings</a>&nbsp;&nbsp;
39c8b14f 34 <div id="theme">Theme
35 <select>
36 <option>Mac OS X</option>
37 <option>Blue lighting</option>
38 <option>Green lighting</option>
39 </select>
40 </div>
41</div>
42</div>
845bc1fa 43
44<div id="dialog_alias" style="display:none;">
45 <form id="form_alias" class="form_alias">
46 <center>
47 <span class="login_input"><b>Alias</b><br /><input type="text" id="input_alias" name="input_alias" value="" /></span>
48 <span class="login_input"><b>Full Command</b><br /><input type="text" id="input_cmd" name="input_cmd" value="" /></span>
49 </center>
50 </form>
51</div>
52<div id="dialog_perform" style="display:none;">
53 <form id="form_perform" class="form_perform">
54 <table><tr><td>
55 <span class="login_input"><b>Command</b><br /><input type="text" id="input_perform" name="input_alias" value="" /></span>
56 </td></tr></table>
57 </form>
58</div>
39c8b14f 59<div id="settings" style="display:none;">
845bc1fa 60<article>
61<span><a href="JavaScript:showSettingsPane('link1');" class="link1 active">User Interface</a>
62<a href="JavaScript:showSettingsPane('link2');" class="link2">Notifications</a></span>
39c8b14f 63 <form id="config" action="#">
845bc1fa 64<section class="set1">
65 <p><span class="config_label"><b>Behavior</b></span><span class="config_input"></span></p>
39c8b14f 66 <div style="clear:both"></div>
67 <p><span class="config_label">on invite</span>
68 <span class="config_input"><input type="radio" name="invite" id="ask" value="ask" checked="checked">ask<br /><input type="radio" name="invite" id="join" value="join">join automatically<br /><input type="radio" name="invite" id="ignore" value="ignore">do nothing</span></p>
69 <p><span class="config_label" style="width:320px;"><input type="checkbox" id="codes" name="codes">show message colors and formating</span><span class="config_input"></span></p>
70 <p><span class="config_label" style="width:220px;"><input type="checkbox" id="hold" name="hold">hold connection on close</span><span class="config_input"></span></p>
845bc1fa 71 <p><div style="clear:both"></div></p>
72 <p><span class="config_label"><b>Aliases</b></span><span class="config_input"></span></p>
73 <p><span class="config_label" style="width:320px;font-size:8pt;">Available variables are: $1, $2, $3, $selectedchan and $nick.<br />Use ; to seperate multiple commands within the same alias.</span></p>
74 <p>
75 <span class="config_label">
76 <center>
77 <div style="margin:5px; border: 1px solid #64355A;width:380px;height:60px;overflow-x:hidden;overflow-y:auto;">
78 <table cellpadding="0" cellspacing="0" class="aliases">
79 <thead><tr><td style="width:100px;"><b>Alias</b></td><td><b>Full Command</b></td></thead>
80 <tbody>
81 <tr><td>/j</td><td>/join $1</td></tr>
82 <tr><td>/q</td><td>/quit</td></tr>
83 </tbody>
84 </table>
85 </div>
86 </center>
87 <table>
88 <tr><td>
89 <span class="alias_edit"><input type="button" value="add"><input type="button" value="del"><input type="button" value="edit"></span>
90 </td></tr>
91 </table>
92 </span></p>
93 <p><div style="clear:both"></div></p>
94 <p><span class="config_label"><b>Perform</b></span><span class="config_input"></span></p>
95 <p>
96 <span class="config_label">
97 <center>
98 <div style="margin:5px; border: 1px solid #64355A;width:380px;height:55px;overflow-x:hidden;overflow-y:auto;">
99 <table cellpadding="0" cellspacing="0" class="perform">
100 <tbody>
101 <tr><td>/mode $nick +x</td></tr>
102 </tbody>
103 </table>
104 </div>
105 </center>
106 <table>
107 <tr><td>
108 <span class="perform_edit"><input type="button" value="add"><input type="button" value="del"><input type="button" value="edit"></span>
109 </td></tr>
110 </table>
111 </span></p>
112 <p><div style="clear:both"></div></p>
113</section>
114<section class="set2">
39c8b14f 115 <p><span class="config_label"><b>Notifications</b></span><span class="config_input"></span></p>
116 <div style="clear:both"></div>
117 <p><span class="config_label" style="width:220px;"><input type="checkbox" id="ooh" name="ooh">only on hold</span></p>
118 <div style="clear:both"></div>
119 <p><span class="config_label"><input type="checkbox" id="growl" name="growl">Growl</span><span class="config_input">Growl IP:Port<br /><input type="text" id="growlip" name="growlip"><br />Growl Password<br /><input type="text" id="growlpw" name="growlpw"></span></p>
120 <p><span class="config_label"><input type="checkbox" id="prowl" name="prowl">Prowl</span><span class="config_input">Prowl API key<br /><input type="text" id="prowlkey" name="prowlkey"><br />Prowl Priority<br /><input type="text" id="prowlpriority" name="prowlpriority"></span></p>
121 <p><span class="config_label"><input type="checkbox" id="nma" name="nma">Notify My Android</span><span class="config_input">NMA key<br /><input type="text" id="nmakey" name="nmakey"><br />NMA Priority<br /><input type="text" id="nmapriority" name="nmapriority"></span></p>
845bc1fa 122 <div style="clear:both"></div>
123</section>
39c8b14f 124 </form>
845bc1fa 125</article>
39c8b14f 126</div>
127<div id="login" style="display:none;">
128 <form class="conconfig" action="#">
129 <p><span id='login_error_msg' class="login_error" style="display:none">&nbsp;</span></p>
130 <div style="clear:both"></div>
131 <p><span class="login_label">Server</span> <span class="login_input"><input type="text" name="server" id="server" /></span></p>
132 <div style="clear:both"></div>
133 <p><span class="login_label">Port</span> <span class="login_input"><input type="text" name="port" id="port" /></span></p>
134 <div style="clear:both"></div>
135 <p><span class="login_label">Password</span> <span class="login_input"><input type="password" name="password" id="password" /></span></p>
136 <div style="clear:both"></div>
137 <p><span class="login_label">Nick</span> <span class="login_input"><input type="text" name="nick" id="nick" onkeyup="$('username').value=this.value;$('realname').value=this.value;" /></span></p>
138 <div style="clear:both"></div>
139 <p><span class="login_label">Username</span> <span class="login_input"><input type="text" name="username" id="username" /></span></p>
140 <div style="clear:both"></div>
141 <p><span class="login_label">Realname</span> <span class="login_input"><input type="text" name="realname" id="realname" /></span></p>
142 <div style="clear:both"></div>
143 <p style="display:none;"><span class="login_label">Nick-PW</span> <span class="login_input"><input type="password" id="nickpw" /></span></p>
144 </form>
145</div>
845bc1fa 146<span id="tabindex" style="display:none;">0</span>
39c8b14f 147<div class="querytemplate">
148 <table style="width:100%;height:90%;border-collapse:collapse;background-color:#fff;table-layout:fixed;overflow:hidden;">
149 <tr>
150 <td style="width:80%"><div class="content"></div></td>
151 </tr>
152 <tr>
153 <td class="inputbar">
154 <input type="text" class="textbox" style="width:100%" onkeypress="handleKeyPress(event);" />
155 </td>
156 </tr>
157 </table>
158</div>
39c8b14f 159<div class="channeltemplate">
160 <table style="width:100%;height:90%;border-collapse:collapse;background-color:#fff;table-layout:fixed;overflow:hidden;">
161 <tr>
162 <td style="width:80%"><div class="content"></div></td><td class="draggable"></td><td style="overflow:hidden;"><div class="userlist"></div></td>
163 </tr>
164 <tr>
165 <td colspan="3" class="inputbar">
166 <input type="text" class="textbox" style="width:100%" onblur="handleTab(this);" onkeypress="handleKeyPress(event);" />
167 </td>
168 </tr>
169 </table>
170</div>
171
172<div class="statustemplate">
173 <div style="height:178px;overflow:scroll;"></div>
174 <div style="top:90%;left:16px;width:99%;vertical-align:bottom;" class="inputbar"><input type="text" class="textbox" style="width:100%" onkeypress="handleKeyPress(event);" /></div>
175</div>
176</body>
177</html>
JIRC - a modern, webbased IRC-Client.