diff options
author | Joe Robinson <joe@grabyo.com> | 2016-04-01 17:06:56 +0100 |
---|---|---|
committer | Joe Robinson <joe@grabyo.com> | 2016-04-01 17:06:56 +0100 |
commit | b73957a20677a857a1e3d5f6678cbd8a64c4192b (patch) | |
tree | 3a2873d60835d90562972f0b849355178309997d /index.html | |
parent | 61a590751e1407cdecf0503433e8c01824a14805 (diff) |
WIP Connection UI
Diffstat (limited to 'index.html')
-rw-r--r-- | index.html | 32 |
1 files changed, 29 insertions, 3 deletions
@@ -4,7 +4,33 @@ </head> <body class="container"> - <div id="chan-container"> + <div id="connect-container"> + <div class="ui segment" id="connect-settings"> + <div class="ui input" id="server-container"> + <input placeholder="Server" id="server-input" type="text" autofocus="true"> + </div> + <div class="ui divider"></div> + <div class="ui input" id="port-container"> + <input placeholder="Port" id="port-input" type="text"> + </div> + <div class="ui divider"></div> + <div class="ui input" id="nick-container"> + <input placeholder="Nick" id="nick-input" type="text"> + </div> + <div class="ui divider"></div> + <div class="ui input" id="channel-container"> + <input placeholder="Channels" id="channel-input" type="text"> + </div> + <div class="ui divider"></div> + <div class="ui input" id="password-container"> + <input placeholder="Password" id="password-input" type="text"> + </div> + <div class="ui divider"></div> + <button class="ui button" id="connect">Connect</button> + + </div> + </div> + <div id="chan-container" style="display:none"> <div class="ui pointing secondary menu"> <a class='active item' data-id='0' data-tab='status'>status</a> </div> @@ -13,14 +39,14 @@ </div> </div> </div> - <div id="message"> + <div id="message" style="display:none"> <div class="ui input" id="message-container"> <input placeholder="Message" id="send-message" type="text" autofocus="true"> </div> </div> <script> window.$ = window.jQuery = require('./lib/jquery-2.2.2.js'); - var blachat = require("./index.js"); + blachat = require("./index.js"); function scrollToTop(channel) { var chatTab = $("[data-tab=chan-"+ channel +"].chat"); chatTab.scrollTop(chatTab.prop('scrollHeight')); |