framework/ember/app/templates/discussions.hbs
Toby Zerner 690174297d Rejigging templates for redesign.
- Componentize more stuff, heading in the direction of Ember 2.0
- Start CSS from scratch
- Everything is broken atm!
2015-01-01 20:08:38 +10:30

58 lines
1.4 KiB
Handlebars

<div class="discussions-area">
<nav class="discussions-nav">
<button class="btn btn-primary">
{{fa-icon "edit"}}
<span class="label">Start a Discussion</span>
</button>
{{menu-list items=discussionsNavItems class="nav"}}
</nav>
<div class="discussions-results">
<div class="discussions-toolbar">
<div class="discussions-toolbar-view">
<span class="btn-group">
{{#link-to (query-params show="discussions") class="btn btn-default btn-sm"}}{{fa-icon "bars"}}{{/link-to}}
{{#link-to (query-params show="posts") class="btn btn-default btn-sm"}}{{fa-icon "square-o"}}{{/link-to}}
</span>
{{select-input
content=sortOptions
optionValuePath="content.sort"
optionLabelPath="content.label"
value=sort}}
</div>
<div class="discussions-toolbar-action">
<button class="btn btn-default">{{fa-icon "check"}}</button>
</div>
</div>
{{#if resultsLoading}}
{{loading-indicator size="small"}}
{{else}}
<ul class="discussions-list">
{{#each discussion in content}}
{{discussions-list-item discussion=discussion}}
{{/each}}
</ul>
{{#if moreResults}}
<div class="load-more">
{{#if loadingMore}}
{{loading-indicator size="small"}}
{{else}}
<button class="btn btn-default" {{action loadMore}}>Load More</button>
{{/if}}
</div>
{{/if}}
{{/if}}
</div>
</div>
<div class="discussion-area">
{{outlet}}
</div>