client/index.html.jade

   1 !!! 5
   2 html(lang="en-gb")
   3     head
   4
   5         meta(http-equiv="Content-Type", content="text/html; charset=utf-8")
   6         - if ((agent === 'android') || (agent === 'iphone') || (agent === 'ipad') || (agent === 'ipod'))
   7             meta(name="viewport", content="width=device-width,user-scalable=no")
   8
   9         title Kiwi IRC
  10         link(rel="shortcut icon", href="/img/ico.png")
  11         link(rel="stylesheet", type="text/css", href="/css/default.css")
  12         link(rel="stylesheet", type="text/css", href="/css/ui.css")
  13
  14         - if (touchscreen)
  15             link(rel="stylesheet", type="text/css", href="css/touchscreen_tweaks.css")
  16         script(type="text/javascript", src="//ajax.googleapis.com/ajax/libs/jquery/1.6.4/jquery.min.js")
  17         script(type="text/javascript")
  18             !window.jQuery && document.write(unescape('%3Cscript type="text/javascript" src="js/jquery-1.6.4.min.js"%3E%3C/script%3E'))
  19         script(type="text/javascript", src="//ajax.googleapis.com/ajax/libs/jqueryui/1.8.16/jquery-ui.min.js")
  20         script(type="text/javascript")
  21             !window.jQuery.ui && document.write(unescape('%3Cscript type="text/javascript" src="js/jquery-ui.1.8.16.min.js"%3E%3C/script%3E'))
  22
  23
  24     body
  25
  26         div#kiwi
  27             div.connectwindow
  28                 h1.logo
  29                     a(href="http://www.kiwiirc.com/") Powered by Kiwi IRC
  30                 div#login
  31                     form.formconnectwindow
  32                         div.content.top
  33                             ul
  34                                 li
  35                                     label(for="nick") Your nickname:
  36                                     input#nick.nick(type="text", name="nick", placeholder="Your nick..", value=nick)
  37                             a.connect(href="") Connect...
  38
  39                         - var display
  40                         - if (server_set)
  41                             - display = 'display:none'
  42                         - else
  43                             - display = '';
  44                         div.more(style=display)
  45                             a(href="", class="more_link") more
  46                             div.content.bottom
  47                                 ul
  48                                     li
  49                                         label(for="channel") Channel:
  50                                         input#channel.channel(type="text", name="channel", value="#kiwiirc")
  51                                     li
  52                                         label(for="network") Server:
  53                                         input#network.network(type="text", name="network", value=server)
  54                                     li(class="section")
  55                                         label(for="port") Port:
  56                                         input#port.port(type="text", name="port", value=port)
  57                                     li
  58                                         label(for="password") Password:
  59                                         input#password.password(type="text", name="password")
  60                                     li
  61                                         label(for="ssl") SSL:
  62                                         - if (ssl)
  63                                             input#ssl.ssl(type="checkbox", name="ssl", checked)
  64                                         - else
  65                                             input#ssl.ssl(type="checkbox", name="ssl")
  66
  67                                 a.connect(href="") Connect...
  68
  69
  70
  71             div.toolbars
  72                 div.windowlist
  73                     div.poweredby Powered by Kiwi IRC
  74                         img(src="/img/ico.png")
  75                     ul
  76
  77                 div.utilityviewlist
  78                     ul
  79
  80                 div.cur_topic(contenteditable="true", spellcheck="true")
  81                     div.topic(style="margin-right:5em; overflow:hidden; white-space: pre-wrap; word-wrap: break-word;")
  82
  83             div.userlist
  84                 ul
  85
  86             div#windows.windows
  87                 div#panel1.panel
  88                     div.scroller(style="width:100%;height:100%;")
  89
  90                 div#panel2.panel
  91
  92             div.control
  93                 div.msginput
  94                     div.nick
  95                         a
  96                         | :
  97                     div#kiwi_msginput_wrapper
  98                         input#kiwi_msginput(type="text", name="kiwi_msginput")
  99                 div.plugins
 100                     ul
 101                         li
 102                             a.load_plugin_file Plugins
 103                         - if (debug)
 104                             li
 105                                 a.reload_css Reload CSS
 106
 107         script(type="text/javascript", src="/socket.io/socket.io.js")
 108         script(type="text/javascript", src="/js/jquery.json-2.2.min.js")
 109
 110         - if (debug)
 111             script(type="text/javascript", src="/js/underscore.min.js")
 112             script(type="text/javascript", src="/js/util.js")
 113             script(type="text/javascript", src="/js/backbone-git.js");
 114             script(type="text/javascript", src="/js/gateway.js")
 115             script(type="text/javascript", src="/js/model.js")
 116             script(type="text/javascript", src="/js/view.js")
 117             script(type="text/javascript", src="/js/front.js")
 118             script(type="text/javascript", src="/js/front.events.js")
 119             script(type="text/javascript", src="/js/front.ui.js")
 120             script(type="text/javascript", src="/js/iscroll.js")
 121         - if (!debug)
 122             script(type="text/javascript", src="/js/all.js")
 123
 124         //script(type="text/javascript", src="/js/plugins.js")
 125
 126         - if (touchscreen)
 127             script(type="text/javascript", src="/js/touchscreen_tweaks.js")
 128
 129         - var proto
 130         - if (secure)
 131             - proto = 'https'
 132         - else
 133             - proto = 'http'
 134         script(type="text/javascript")
 135             var agent = '#{agent}';
 136             var touchscreen = #{touchscreen};
 137             var init_data = {};
 138             var kiwi_server = '#{proto}://' + document.location.host + '/kiwi';
 139             var touch_scroll;
 140
 141             $(document).ready(function(){
 142                 manageDebug(#{debug});
 143
 144                 //#channel,##channel,&channel
 145                 var chans = document.location.hash.match(/[#&]+[^ ,\\007]+/g);
 146                 if(chans != null && chans.length > 0) {
 147                     init_data.channel = chans.join(',');
 148                 }
 149
 150                 kiwi.front.init();
 151                 kiwi.gateway.start(kiwi_server);
 152
 153                 addEvents();
 154                 $('.nick').focus();
 155             });
 156
 157
 158             function addEvents(){
 159                 $('.more_link').click(function(){ $('.content.bottom').slideDown('fast'); $('.channel').focus(); return false; });
 160                 $('a.connect').click(function(){ $('.formconnectwindow').submit(); return false; });
 161
 162                 var input_submit = function(e){
 163                     if (e.which === 13) $('.formconnectwindow').submit();
 164                 }
 165                 $('.formconnectwindow .nick').keydown(input_submit);
 166                 $('.formconnectwindow .channel').keydown(input_submit);
 167                 $('.formconnectwindow .network').keydown(input_submit);
 168                 $('.formconnectwindow .port').keydown(input_submit);
 169                 $('.formconnectwindow .password').keydown(input_submit);
 170             }
 171
 172
 173         script#tmpl_about_box(type="text/x-jquery-tmpl")
 174             |    <h2>Kiwi IRC</h2>
 175             |    <p>An alternative to downloading an irc client. Kiwi IRC is the best web app you'll use for the next couple years.</p>
 176             |    <button class="about_close">Close</button>
 177             |    <p class="info">${about}</p>
 178
 179         script#tmpl_change_nick(type="text/x-jquery-tmpl")
 180             |    <div class="newnick box">
 181             |        <span class="caption"></span>
 182             |        Your new nickname:<br />
 183             |        <form class="form_newnick">
 184             |            <input type="text" class="txtnewnick" /><br />
 185             |            <button class="butnewnick" type="submit">Change</button> <a class="link cancelnewnick">Cancel</a>
 186             |        </form>
 187             |    </div>
 188
 189
 190         script#tmpl_plugins(type="text/x-jquery-tmpl")
 191             |    <div class="list">
 192             |        <h2>Kiwi plugins</h2>
 193             |        <p>
 194             |            <select multiple="multiple" id="plugin_list">
 195             |            </select>
 196             |            <button id="plugins_list_unload">Unload</button>
 197             |        </p>
 198             |    </div>
 199             |    <div class="load">
 200             |        Plugin file URL:<br />
 201             |        <form>
 202             |            <input type="text" class="txtpluginfile" /><br />
 203             |            <button class="butnewnick" type="submit">Load..</button> <a class="link cancelpluginfile">Cancel</a>
 204             |        </form>
 205             |    </div>
 206
 207         script#tmpl_user_box(type="text/x-jquery-tmpl")
 208             |    <div class="userbox">
 209             |        <input type="hidden" class="userbox_nick" value="${nick}" />
 210             |        <a class="userbox_query">Message</a>
 211             |        <a class="userbox_whois">Info</a>
 212             |    </div>
 213
 214         script#tmpl_network_menu(type="text/x-jquery-tmpl")
 215             |    <ul id="network_menu">
 216             |       <li><a class="link" onclick="kiwi.front.run('/motd');Tabview.getServerTab().show();">Show MOTD</a></li>
 217             |       <li><a class="link" onclick="kiwi.front.run('/list');">Channel list</a></li>
 218             |    </ul>