2016-12-27 08:10:47 -08:00

34 lines
1.1 KiB
Handlebars

{{#view EmberFirebaseChat.ChatView class="chat-container"}}
<div class="chat-messages-container">
<ul class="chat-messages">
{{#each message in content}}
<li>
[{{formatTimestamp "message.timestamp" fmtString="h:mm:ss A"}}]
<strong>{{message.sender}}</strong>: {{message.content}}
</li>
{{/each}}
</ul>
</div>
{{! Comment }}
{{{unescaped value}}}
{{#view EmberFirebaseChat.InputView class="chat-input-container"}}
<form class="form-inline">
{{#if "auth.authed"}}
{{#if "auth.hasName"}}
<input type="text" id="message" placeholder="Message">
<button {{action "postMessage" target="view"}} class="btn">Send</button>
{{else}}
<input type="text" id="username" placeholder="Enter your username...">
<button {{action "pickName" target="view"}} class="btn">Send</button>
{{/if}}
{{else}}
<input type="text" placeholder="Log in with Persona to chat!" disabled="disabled">
<button {{action "login"}} class="btn">Login</button>
{{/if}}
</form>
{{/view}}
{{/view}}