<!DOCTYPE html>\r
<html>\r
<head>\r
-<meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/> \r
+<meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>\r
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">\r
<base target="_blank">\r
\r
<title> KiwiIRC </title>\r
\r
+<link rel="shortcut icon" href="<%base_path%>/assets/img/favicon.ico">\r
+\r
<link rel="stylesheet" type="text/css" href="<%base_path%>/assets/css/style.css" />\r
<link rel="stylesheet" type="text/css" href="<%base_path%>/assets/css/font-awesome.min.css" />\r
<!--[if IE 7]>\r
\r
<script type="text/html" id="tmpl_userbox">\r
<div class="userbox">\r
- <a class="if_op op"><i class="icon-star"></i>Op</a>\r
- <a class="if_op deop"><i class="icon-star-empty"></i>De-op</a>\r
- <a class="if_op voice"><i class="icon-volume-up"></i>Voice</a>\r
- <a class="if_op devoice"><i class="icon-volume-off"></i>De-voice</a>\r
- <a class="if_op kick"><i class="icon-remove"></i>Kick</a>\r
- <a class="if_op ban"><i class="icon-ban-circle"></i>Ban</a>\r
-\r
- <a class="query"><i class="icon-comment"></i>Message</a>\r
- <a class="info"><i class="icon-info-sign"></i>Info</a>\r
- <a class="slap"><i class="icon-user-md"></i>Slap!</a>\r
+ <a class="if_op op"><i class="icon-star"></i><%= op %></a>\r
+ <a class="if_op deop"><i class="icon-star-empty"></i><%= de_op %></a>\r
+ <a class="if_op voice"><i class="icon-volume-up"></i><%= voice %></a>\r
+ <a class="if_op devoice"><i class="icon-volume-off"></i><%= de_voice %></a>\r
+ <a class="if_op kick"><i class="icon-remove"></i><%= kick %></a>\r
+ <a class="if_op ban"><i class="icon-ban-circle"></i><%= ban %></a>\r
+\r
+ <a class="query"><i class="icon-comment"></i><%= message %></a>\r
+ <a class="info"><i class="icon-info-sign"></i><%= info %></a>\r
+ <a class="slap"><i class="icon-user-md"></i><%= slap %></a>\r
</div>\r
</script>\r
\r
<script type="text/html" id="tmpl_nickchange">\r
<form class="nickchange">\r
- <label for="nickchange">New nick:</label> <input type="text" mozactionhint="done" autocomplete="off" spellcheck="false"/> <button>Change</button> <a class="cancel">Cancel</a>\r
+ <label for="nickchange"><%= new_nick %>:</label> <input type="text" mozactionhint="done" autocomplete="off" spellcheck="false"/> <button><%= change %></button> <a class="cancel"><%= cancel %></a>\r
</form>\r
</script>\r
\r
</div>\r
\r
<div class="server_details" style="position:relative;width:320px;">\r
- <div class="status">Think of a nickname..</div>\r
+ <div class="status"><%= think_nick %></div>\r
\r
<form>\r
<div class="basic">\r
<table>\r
<tr class="nick">\r
- <td><label for="server_select_nick">Nickname</label></td>\r
+ <td><label for="server_select_nick"><%= nickname %></label></td>\r
<td><input type="text" class="nick" id="server_select_nick"></td>\r
</tr>\r
\r
<tr class="have_pass">\r
<td colspan="2">\r
- <label for="server_select_show_pass">I have a password</label> <input type="checkbox" id="server_select_show_pass" style="width:auto;" />\r
+ <label for="server_select_show_pass"><%= have_password %></label> <input type="checkbox" id="server_select_show_pass" style="width:auto;" />\r
</td>\r
</tr>\r
\r
<tr class="pass">\r
- <td><label for="server_select_password">Password</label></td>\r
+ <td><label for="server_select_password"><%= password %></label></td>\r
<td><input type="password" class="password" id="server_select_password"></td>\r
</tr>\r
\r
<tr class="channel">\r
- <td><label for="server_select_channel">Channel</label></td>\r
+ <td><label for="server_select_channel"><%= channel %></label></td>\r
<td>\r
<div style="position:relative;">\r
<input type="text" class="channel" id="server_select_channel">\r
- <i class="icon-key" title="Channel Key"></i>\r
+ <i class="icon-key" title="<%= channel_key %>"></i>\r
</div>\r
</td>\r
</tr>\r
\r
<tr class="have_key">\r
<td colspan="2">\r
- <label for="server_select_show_channel_key">Channel requires a key</label> <input type="checkbox" id="server_select_show_channel_key" style="width:auto;" />\r
+ <label for="server_select_show_channel_key"><%= require_key %></label> <input type="checkbox" id="server_select_show_channel_key" style="width:auto;" />\r
</td>\r
</tr>\r
\r
<tr class="key">\r
- <td><label for="server_select_channel_key">Key</label></td>\r
+ <td><label for="server_select_channel_key"><%= key %></label></td>\r
<td><input type="password" class="channel_key" id="server_select_channel_key"></td>\r
</tr>\r
\r
<tr class="start">\r
- <td colspan="2"><button type="submit">Start..</button></td>\r
+ <td colspan="2"><button type="submit"><%= start %></button></td>\r
</tr>\r
</table>\r
\r
- <a href="" onclick="return false;" class="show_more">Server and network</a>\r
+ <a href="" onclick="return false;" class="show_more"><%= server_network %> <i class="icon-caret-down"></i></a>\r
</div>\r
\r
\r
<div class="more">\r
<table>\r
<tr class="server">\r
- <td><label for="server_select_server">Server</label></td>\r
+ <td><label for="server_select_server"><%= server %></label></td>\r
<td><input type="text" class="server" id="server_select_server"></td>\r
<tr>\r
\r
<tr class="port">\r
- <td><label for="server_select_port">Port</label></td>\r
+ <td><label for="server_select_port"><%= port %></label></td>\r
<td><input type="text" class="port" id="server_select_port"></td>\r
</tr>\r
\r
</form>\r
\r
<a class="kiwi_logo" href="https://kiwiirc.com/" target="_blank">\r
- <h1><span>
Powered by Kiwi IRC</span> <img src="<%base_path%>/assets/img/ico.png" alt="KiwiIRC Logo" title="Kiwi IRC" /></h1>
\r+ <h1><span>
<%= powered_by %></span> <img src="<%base_path%>/assets/img/ico.png" alt="KiwiIRC Logo" title="Kiwi IRC" /></h1>
\r </a>\r
</div>\r
</div>\r
</script>\r
\r
<script type="text/html" id="tmpl_applet_settings">\r
- <div class="settings">\r
- <table>\r
- <tr>\r
- <td class="label">Theme</td>\r
- <td class="setting">\r
- <select class="setting-theme">\r
- <option value="relaxed">Relaxed</option>\r
- <option value="mini">Mini</option>\r
- <option value="cli">CLI</option>\r
- <option value="basic">Basic</option>\r
- </select>\r
- </td>\r
- </tr>\r
- <tr>\r
- <td class="label">Channel list</td>\r
- <td class="setting">\r
- <select class="setting-channel_list_style">\r
- <option value="list">List</option>\r
- <option value="tabs">Tabs</option>\r
- </select>\r
-\r
- <i style="font-size:0.9em;">Lots of channels? `List` may be more suited</i>\r
- </td>\r
- </tr>\r
- <tr>\r
- <td class="label">Scrollback</td>\r
- <td class="setting"><input type="text" class="setting-scrollback" value="150" /></td>\r
- </tr>\r
-\r
- <tr>\r
- <td class="label">Show joins/parts</td>\r
- <td class="setting"><input type="checkbox" class="setting-show_joins_parts" /></td>\r
- </tr>\r
-\r
- <tr>\r
- <td class="label">Show timestamps</td>\r
- <td class="setting"><input type="checkbox" class="setting-show_timestamps" /></td>\r
- </tr>\r
- \r
- <tr>\r
- <td class="label">Mute sounds</td>\r
- <td class="setting"><input type="checkbox" class="setting-mute_sounds" /></td>\r
- </tr>\r
-\r
- <tr class="save">\r
- <td colspan="2"><button class="save">Save</button><br/><span class="feedback">Saved!</span></td>\r
- </tr>\r
- </table>\r
+ <div class="settings_container">\r
+ <section>\r
+ <h6>Theme</h6>\r
+ <div class="control-group">\r
+ <div class="thumbnails">\r
+ <a class="thumbnail" data-setting="theme" data-value="relaxed" href="#">\r
+ <div class="thumbnail_wrapper"><div class="theme_color" style="background-color: #e7e7e7;"></div></div>\r
+ <div class="caption"><u>Relaxed</u></div>\r
+ </a>\r
+ <a class="thumbnail" data-setting="theme" data-value="mini" href="#">\r
+ <div class="thumbnail_wrapper"><div class="theme_color" style="background-color: #fff;"></div></div>\r
+ <div class="caption"><u>Mini</u></div>\r
+ </a>\r
+ <a class="thumbnail" data-setting="theme" data-value="cli" href="#">\r
+ <div class="thumbnail_wrapper"><div class="theme_color" style="background-color: #222;"></div></div>\r
+ <div class="caption"><u>CLI</u></div>\r
+ </a>\r
+ <a class="thumbnail" data-setting="theme" data-value="basic" href="#">\r
+ <div class="thumbnail_wrapper"><div class="theme_color" style="background-color: #e7e7e7;"></div></div>\r
+ <div class="caption"><u>Basic</u></div>\r
+ </a>\r
+ </div>\r
+ </div>\r
+ </section>\r
+\r
+ <section>\r
+ <h6>Channels</h6>\r
+ <div class="control-group">\r
+ <div class="radio">\r
+ <label>\r
+ <input type="radio" name="channel_list_style" data-setting="channel_list_style" value="tabs">\r
+ <%= tabs %>\r
+ </label>\r
+ </div>\r
+ <div class="radio">\r
+ <label>\r
+ <input type="radio" name="channel_list_style" data-setting="channel_list_style" value="list">\r
+ <%= list %><small class="text-muted">(<%= large_amounts_of_chans %>)</small>\r
+ </label>\r
+ </div>\r
+ </div>\r
+ </section>\r
+\r
+ <section>\r
+ <h6>Chat window</h6>\r
+ <div class="control-group">\r
+ <div class="checkbox">\r
+ <label>\r
+ <input data-setting="show_joins_parts" type="checkbox">\r
+ <%= join_part %>\r
+ </label>\r
+ </div>\r
+ <div class="checkbox">\r
+ <label>\r
+ <input data-setting="show_timestamps" type="checkbox">\r
+ <%= timestamps %>\r
+ </label>\r
+ </div>\r
+ <div class="checkbox">\r
+ <label>\r
+ <input data-setting="mute_sounds" type="checkbox">\r
+ <%= mute %>\r
+ </label>\r
+ </div>\r
+ <label>\r
+ <input data-setting="scrollback" class="input-small" type="text" size="4" pattern="\d*">\r
+ <span><%= scroll_history %></span>\r
+ </label>\r
+ </div>\r
+ </section>\r
+\r
+ <section class="language">\r
+ <h6>Language</h6>\r
+ <div class="control-group">\r
+ <select data-setting="locale">\r
+ <% _.forEach(languages, function(lang) { %>\r
+ <option value="<%= lang.tag %>"><%= lang.language %></li>\r
+ <% }); %>\r
+ </select>\r
+ <br>\r
+ <small><%= locale_restart_needed %></small>\r
+ </div>\r
+ </section>\r
+\r
+ <section class="protocol_handler">\r
+ <h6><%= default_client %></h6>\r
+ <div class="control-group">\r
+ <button class="register_protocol"><%= make_default %></button>\r
+ <br>\r
+ <small><%= default_note %></small>\r
+ </div>\r
+ </section>\r
</div>\r
</script>\r
\r
<table style="margin:1em 2em;">\r
<thead style="font-weight: bold;">\r
<tr>\r
- <td>Channel Name</td>\r
- <td>Users</td>\r
- <td style="padding-left: 2em;">Topic</td>\r
+ <td><%= channel_name %></td>\r
+ <td><%= users %></td>\r
+ <td style="padding-left: 2em;"><%= topic %></td>\r
</tr>\r
</thead>\r
<tbody style="vertical-align: top;">\r
<script type="text/html" id="tmpl_script_editor">\r
<div style="height:100%;">\r
<style>\r
- #kiwi .script_editor .toolbar { padding: 10px 20px; }\r
- #kiwi .script_editor .toolbar span.status { margin-left:2em; font-style:italic; }\r
- #kiwi .script_editor .toolbar button { height:30px; padding:0 1em; }\r
- #kiwi .script_editor .toolbar button i { font-size:1.2em; margin-left:3px; }\r
+ #kiwi .script_editor .se_toolbar { padding: 10px 20px; }\r
+ #kiwi .script_editor .se_toolbar span.status { margin-left:2em; font-style:italic; }\r
+ #kiwi .script_editor .se_toolbar button { height:30px; padding:0 1em; }\r
+ #kiwi .script_editor .se_toolbar button i { font-size:1.2em; margin-left:3px; }\r
</style>\r
<div class="script_editor" style="height:100%; position:relative;">\r
- <div class="toolbar"><button class="btn_save">Save <i class="icon-save"></i></button><span class="status"></span></div>\r
+ <div class="se_toolbar"><button class="btn_save"><%= save %><i class="icon-save"></i></button><span class="status"></span></div>\r
<div class="editor" style="position:absolute;top:50px;bottom:0px;left:0px;right:0px;"></div>\r
</div>\r
</div>\r
// Common dependancies that are required at all times\r
var scripts = [\r
['libs/jquery-1.9.1.min.js', 'libs/lodash.min.js'],\r
- 'libs/backbone.min.js'\r
+ 'libs/backbone.min.js', 'libs/jed.js'\r
];\r
\r
// If in debug mode, load each development script\r
'src/views/application.js',\r
'src/views/apptoolbar.js',\r
'src/views/controlbox.js',\r
+ 'src/views/favicon.js',\r
'src/views/mediamessage.js',\r
'src/views/member.js',\r
'src/views/memberlist.js',\r
//kiwi_server: 'http://kiwiirc.com:80',\r
\r
server_settings: <%server_settings%>,\r
- client_plugins: <%client_plugins%>\r
+ client_plugins: <%client_plugins%>,\r
+ translations: <%translations%>\r
};\r
\r
// Start the app\r
- kiwi.start(opts);\r
-\r
- // Load any plugins\r
- if (opts.client_plugins && opts.client_plugins.length > 0) {\r
- _.each(opts.client_plugins, function (plugin_url) {\r
- kiwi.plugins.load(plugin_url);\r
- });\r
- }\r
+ kiwi.start(opts, function() {\r
+ // Load any plugins\r
+ if (opts.client_plugins && opts.client_plugins.length > 0) {\r
+ _.each(opts.client_plugins, function (plugin_url) {\r
+ kiwi.plugins.load(plugin_url);\r
+ });\r
+ }\r
+ });\r
}\r
\r
\r
projects / KiwiIRC.git / blobdiff