#kiwi .server_select.single_server .basic { border:none; }
#kiwi .server_select .status { }
+/* Channel key icon */
+#kiwi .server_select .basic tr.channel td { position: relative; }
+#kiwi .server_select .basic tr.channel .icon-key {
+ position: absolute;
+ top: 1.2em;
+ right: 0.7em;
+ font-size: 1.3em;
+ cursor: pointer;
+}
+#kiwi .server_select .basic tr.have_key { display:none; }
+
/* When connected to an IRC server, .ok is set on the status div */
#kiwi .server_select .status.ok { }
padding:0.5em; margin-top:1em; margin-bottom:1em; margin-right:2em;
}
+#kiwi.theme_cli .server_select .basic tr.channel .icon-key { color:#555; }
+
#kiwi.theme_cli .server_select .kiwi_logo { margin-top:30px; text-align:center; display:block; }
#kiwi.theme_cli .server_select .kiwi_logo h1 {
\r
<tr class="channel">\r
<td><label for="server_select_channel">Channel</label></td>\r
- <td><input type="text" class="channel" id="server_select_channel"></td>\r
+ <td><input type="text" class="channel" id="server_select_channel"> <i class="icon-key" title="Channel Key"></i></td>\r
</tr>\r
\r
<tr class="have_key">\r
'submit form': 'submitForm',\r
'click .show_more': 'showMore',\r
'change .have_pass input': 'showPass',\r
- 'change .have_key input': 'showKey'\r
+ 'change .have_key input': 'showKey',\r
+ 'click .icon-key': 'channelKeyIconClick'\r
},\r
\r
initialize: function () {\r
}\r
},\r
\r
+ channelKeyIconClick: function (event) {\r
+ this.$el.find('tr.have_key input').click();\r
+ },\r
+\r
showKey: function (event) {\r
if (this.$el.find('tr.have_key input').is(':checked')) {\r
this.$el.find('tr.key').show().find('input').focus();\r