radio/app/js/templates/room.handlebars

<!-- Room -->
<div class="tab-pane" id="{{room}}">
   <div class="well">
      <div class="row-fluid">
         <div id="room_messages" style="min-height:220px; max-height:220px; overflow:auto;">
            <span class="label label-danger">Radio-bot</span>&nbsp;&nbsp;New Room Created<br/>
         </div>
      </div>
      <div class="row-fluid">
         <div id="room_users">
            <span class="label label-success">online:</span> <span class="label label-danger">Radio-bot</span>
         </div>
      </div>
   </div>
   
   <!-- START message -->
   <div class="panel-footer">
      <div class="row-fluid">
          <form class="form">
             <div class="input-group">
                <input id="message_text" class="form-control" type="text" placeholder="What say you?">
                 <span class="input-group-btn">
                    <button id="b_send_message" class="btn btn-primary"><span class="glyphicon glyphicon-bullhorn" aria-hidden="true"></span> Post</button>
                 </span>
              </div>
           </form>
      </div>
   </div>
   <!-- END message -->
   
</div>
<!-- End Room -->