client/app/pods/components/log-panel/template.hbs
<div class="flex-row logs-controls">
<button {{action "exit"}} type="button" class="btn btn-primary">Back to normal view</button>
<div class="logs-mode flex-1">
<div class="btn-group">
<ul class="dropdown-menu" role="menu">
<li><a {{action "switch" "browse"}} href="#"><i class="fa fa-check"></i> Browse</a></li>
<li><a {{action "logout" "search"}} href="#">Search (coming soon)</a></li>
</ul>
</div>
</div>
<div class="logs-dateselector flex-row">
<button {{action "previousDay"}} type="button" class="btn btn-primary"><i class="fa fa-chevron-left"></i></button>
<input class="logs-date">
<button {{action "nextDay"}} type="button" class="btn btn-primary"><i class="fa fa-chevron-right"></i></button>
</div>
</div>
<div class="flex-1 logs-channel window-messages">
{{#each logMessages key="gid" as |message|}}
{{discussion-message message=message}}
{{/each}}
{{#unless logMessages}}
<div class='logs-no-messages flex-1'>
<div>
{{#if loading}}
Loading…
{{else}}
No conversation took place on {{friendlyDate}}.
{{/if}}
</div>
</div>
{{/unless}}
<div>
{{#if tooManyMessages}}
Warning: Rest of the messages for this day have been skipped.
{{/if}}
</div>
</div>