bigbluebutton-Github/labs/meteor-client/client/views/chat/chat_bar.html

<template name="chatbar">
	{{#if getInSession "display_chatbar"}}
		<div id="chat">
			<h3>Chat</h3>
			<ul class="nav nav-tabs">
			  {{> tabButtons}}
			</ul>
			<div id="chatbar-contents">
				<div class="mygrid-wrapper-div">
				{{#if getInSession "display_publicPane"}}
					{{> messageBar}}
				{{else}}
					{{> optionsBar}}
				{{/if}}
				</div>
			</div>
		</div>
	{{/if}}
</template>

<template name="message">
	<div class="chat-message">		
		<span class="chat-username">{{from}}</span>
		<p class="chat-timestamp">{{timestamp}}</p>
		<p>&nbsp;&nbsp;&nbsp;&nbsp;{{contents}}</p>
		<br/>
	</div>
</template>

<template name="messageBar">
	<div>
		<p>Welcome to [insert meeting name]</p>
		{{#each getMessagesInChat}}
			{{> message}}
		{{/each}} 
	</div>
</template>

<template name="optionsBar">
	<div>
		<p>Select a person to chat with privately</p>
	</div>
</template>

<template name="tabButtons">
	{{#if getInSession "display_publicPane"}}
		<li class="active publicChatTab"><a href="#" data-toggle="tab">Public</a></li>
  		<li class="optionsChatTab"><a href="#" data-toggle="tab">Options</a></li>
  	{{else}}
  		<li class="publicChatTab"><a href="#" data-toggle="tab">Public</a></li>
  		<li class="active optionsChatTab"><a href="#" data-toggle="tab">Options</a></li>
  	{{/if}}
</template>