@@ -30,6 +30,10 @@ input { margin-bottom: 0.5em; } +#version { + font-size: 0.5em; +} + #wrapper { border: 3px solid #000; margin: -1.3em 6.5em; @@ -56,7 +60,7 @@ input { #sidebar { position: fixed; - top: 72px; + top: 5px; right: 5px; border: 3px dashed #888; examples/html/application.css @@ -1,10 +1,12 @@ -// Shorthand helper. +// Shorthand helper to grab an element by id. function element(id) { return document.getElementById(id); } // This function will be called once the DOM is loaded. window.onload = function() { + element('version').innerHTML = 'v' + JsChat.version; + // 'Database' to store the messages; with a few test messages. var allMessages = [ 'Robot 1: Kill all humans.', examples/html/application.js @@ -12,7 +12,7 @@ <body> <div id="header"> - <h1>js-chat</h1> + <h1>js-chat <span id="version"></span></h1> </div> <div id="wrapper"> examples/html/index.html @@ -1,5 +1,7 @@ // The jQuery shit. $(document).ready(function() { + $('#version').html('v' + JsChat.version); + // Create a new server instance. var server = new Server(); examples/sinatra/public/javascript/application.js @@ -15,6 +15,10 @@ h1 { text-align: left; } +#version { + font-size: 0.5em; +} + #wrapper { border: 3px solid black; margin: -1.3em 6.5em; examples/sinatra/public/styles/application.css @@ -1,22 +1,18 @@ -<h1>js-chat</h1> +<div id="actions"> + <form id="chat-form"> + <div id="person"> + <label for="person-name">Your Name:</label> + <input id="person-name" name="message[name]" type="text" /> + </div> -<div id="wrapper"> - <div id="actions"> - <form id="chat-form"> - <div id="person"> - <label for="person-name">Your Name:</label> - <input id="person-name" name="message[name]" type="text" /> - </div> - - <textarea id="chat-log" disabled><%= @messages.map { |m| m.to_s }.join("\n") %> + <textarea id="chat-log" disabled><%= @messages.map { |m| m.to_s }.join("\n") %> </textarea> - <label for="chat-input">Say:</label> - <input id="chat-input" name="message[body]" type="text" /> + <label for="chat-input">Say:</label> + <input id="chat-input" name="message[body]" type="text" /> - <input id="chat-submit" type="submit" value="Send" onclick="; return false;" /> - <input id="chat-clear" type="reset" value="Clear" onclick="; return false;" /> - <input id="refresh-chat" type="submit" value="Refresh" onclick="; return false;" /> - </form> - </div> + <input id="chat-submit" type="submit" value="Send" onclick="; return false;" /> + <input id="chat-clear" type="reset" value="Clear" onclick="; return false;" /> + <input id="refresh-chat" type="submit" value="Refresh" onclick="; return false;" /> + </form> </div> examples/sinatra/views/home.erb @@ -10,6 +10,12 @@ </head> <body> - <%= yield %> + <div id="header"> + <h1>js-chat <span id="version"></span></h1> + </div> + + <div id="wrapper"> + <%= yield %> + </div> </body> </html> examples/sinatra/views/layout.erb 2c46ff2095fd2858f7c79f02a683981b57d99993 Dale Campbell dale@save-state.net http://github.com/Oshuma/js-chat/commit/8fbf2be9ed0899c6b825a7616a0c3e7a93dbf593 8fbf2be9ed0899c6b825a7616a0c3e7a93dbf593

2009-07-03T00:47:39-07:00

added version 7e60fa94c8190c660f382b275397900a63463325 Dale Campbell dale@save-state.net