95 lines
2.7 KiB
HTML
Executable File
95 lines
2.7 KiB
HTML
Executable File
<template name="chatbar">
|
|
{{#if getInSession "display_chatbar"}}
|
|
<div id="chat">
|
|
<h3>Chat</h3>
|
|
<ul class="nav nav-tabs">
|
|
{{> tabButtons}}
|
|
</ul>
|
|
<div id="chatbar-contents">
|
|
{{#if getInSession "display_chatPane"}}
|
|
{{> messageBar}}
|
|
{{> chatInput}}
|
|
{{else}}
|
|
{{> optionsBar}}
|
|
{{/if}}
|
|
</div>
|
|
</div>
|
|
{{/if}}
|
|
</template>
|
|
|
|
<!-- Displays and styles an individual message in the chat -->
|
|
<template name="message">
|
|
<div class="chat-message">
|
|
<span class="chat-username">{{message.from_username}}</span>
|
|
<p class="chat-timestamp">{{message.from_time}}</p>
|
|
<p> {{message.message}}</p>
|
|
<br/>
|
|
</div>
|
|
</template>
|
|
|
|
<!-- Display the actual message bar -->
|
|
<template name="messageBar">
|
|
<div id="chatScrollWindow">
|
|
{{#each getMessagesInChat}}
|
|
{{> message}}
|
|
{{/each}}
|
|
{{> chatGreeting}}
|
|
<!-- TODO:
|
|
display messages from before user joined
|
|
display bbb greeting
|
|
display messages since the user joined
|
|
-->
|
|
</div>
|
|
</template>
|
|
|
|
<!-- Displays the list of options available -->
|
|
<template name="optionsBar">
|
|
<p>Select a person to chat with privately</p>
|
|
<div class="private-chat-user-box">
|
|
<div id="chatScrollWindow">
|
|
<table class="table table-hover">
|
|
<tbody class="private-chat-user-list">
|
|
{{#each getUsersInMeeting}}
|
|
<tr class="private-chat-user-entry">
|
|
{{#if isCurrentUser userId}}
|
|
<strong>{{user.name}} (you)</strong>
|
|
{{else}}
|
|
{{user.name}}
|
|
{{/if}}
|
|
</tr>
|
|
{{/each}}
|
|
</tbody>
|
|
</table>
|
|
</div>
|
|
</div>
|
|
</template>
|
|
|
|
<!-- Display buttons on the chat tab, public, options, and all the private chat tabs -->
|
|
<template name="tabButtons">
|
|
{{#each getChatbarTabs}}
|
|
{{#if isActive}}
|
|
<li class="active {{class}}"><a href="#" data-toggle="tab">{{name}}</a></li>
|
|
{{else}}
|
|
<li class="{{class}}"><a href="#" data-toggle="tab">{{name}}</a></li>
|
|
{{/if}}
|
|
{{/each}}
|
|
</template>
|
|
|
|
<!-- When done displaying previous chat messages, display the BBB greeting -->
|
|
<template name="chatGreeting">
|
|
<div class="chatGreeting">
|
|
<p>Welcome to {{getInSession "meetingName"}}!</p>
|
|
<p>For help on using BigBlueButton see these (short) <a href="http://bigbluebutton.org/videos/" target="_blank">tutorial videos</a>.</p>
|
|
<p>To join the audio bridge click the headset icon (upper-left hand corner). Use a headset to avoid causing background noise for others.</p>
|
|
<br/>
|
|
<p>This server is running BigBlueButton {{getInSession "bbbServerVersion"}}.</p>
|
|
</div>
|
|
</template>
|
|
|
|
<template name="chatInput">
|
|
<br/>
|
|
<input type="text" id="newMessageInput" placeholder="Write a message..." />
|
|
</template>
|
|
|
|
|