framework/ember/app/templates/discussions.hbs

<div class="discussions-area">

	<nav class="discussions-nav">
		{{ui/controls/item-list items=view.sidebarItems}}
	</nav>

	<div class="discussions-results">

		<div class="discussions-toolbar">
			<div class="discussions-toolbar-view">
				<span class="btn-group control-show">
					{{#link-to (query-params show="discussions") class="btn btn-default"}}{{fa-icon "bars"}}{{/link-to}}
					{{#link-to (query-params show="posts") class="btn btn-default"}}{{fa-icon "square-o"}}{{/link-to}}
				</span>

				{{ui/controls/select-input class="control-sort" content=sortOptions optionValuePath="content.sort" optionLabelPath="content.label" value=sort}}
			</div>
			<div class="discussions-toolbar-action">
				{{#ui/controls/action-button class="control-markAsRead"}}{{fa-icon "check"}}{{/ui/controls/action-button}}
			</div>
		</div>

		{{#if resultsLoading}}
			{{ui/controls/loading-indicator size="small"}}
		{{else}}
			<ul class="discussions-list">
				{{#each discussion in content}}
					{{discussions/discussion-listing discussion=discussion searchQuery=searchQuery}}
				{{/each}}
			</ul>

			{{#if moreResults}}
				<div class="load-more">
					{{#if loadingMore}}
						{{ui/controls/loading-indicator size="small"}}
					{{else}}
						{{#ui/controls/action-button class="control-loadMore" action="loadMore"}}Load More{{/ui/controls/action-button}}
					{{/if}}
				</div>
			{{/if}}
		{{/if}}

	</div>
	
</div>

<div class="discussion-area">
	{{outlet}}
</div>