Skip to content

Instantly share code, notes, and snippets.

@vgheri
Created July 23, 2012 11:46
Show Gist options
  • Save vgheri/3163213 to your computer and use it in GitHub Desktop.
Save vgheri/3163213 to your computer and use it in GitHub Desktop.
Chat page HTML code
<div id="myContainer" class="container-fluid">
<div class="row-fluid">
<!-- This is the contact box -->
<div id="users-list" class="span2">
<h4>Users</h4>
<ul data-bind="foreach: contacts">
<li class="user-box"><span class="user-box-name" data-bind="text: username"></span></li>
</ul>
</div>
<!-- This is the chat box -->
<div id="chat-list" class="span8" data-bind="foreach: messages">
<ul>
<li>
<div class="chat-listitem-username" data-bind="text: username">
</div>
<div class="chat-listitem-message" data-bind="html: content">
</div>
<div class="chat-listitem-timestamp" data-bind="text: timestamp.toLocaleTimeString()">
</div>
</li>
</ul>
</div>
</div>
<div id="compose" class="row-fluid">
<div class="span2"></div>
<div class="span8">
<div class="row-fluid">
<div class="span10"><textarea id="compose-box" rows="2" cols="50" placeholder="Type your message here"></textarea> </div>
<div class="span2"><button id="send-btn" type="submit" class="btn btn-large btn-primary">Send</button> </div>
</div>
</div>
</div>
</div>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment