framework/ember/app/templates/application.hbs
Toby Zerner 9ddc622929 Refactor index pane
So that it only loads when needed, and caches results so things are
nice and snappy
2015-02-06 10:32:45 +10:30

59 lines
1.3 KiB
Handlebars

<div id="page" {{bind-attr class=":page backButtonTarget.paneIsPinned:with-pane"}}>
<header id="header" class="global-header">
{{back-button target=backButtonTarget}}
<div class="container">
<div class="header-primary">
<h1 class="header-title">
{{#link-to "index" (query-params searchQuery="" sort="recent" show="discussions")}}
{{#if view.image}}
<img {{bind-attr src=view.image alt=view.title}}>
{{else}}
{{view.title}}
{{/if}}
{{/link-to}}
</h1>
{{ui/controls/item-list items=view.headerPrimaryItems class="header-controls"}}
</div>
<div class="header-secondary">
{{ui/controls/item-list items=view.headerSecondaryItems class="header-controls"}}
</div>
</div>
</header>
<main id="main" class="global-main">
{{outlet}}
<div class="composer-container">
<div class="container">
{{render "composer"}}
</div>
</div>
</main>
<footer id="footer" class="global-footer">
<div class="container">
{{ui/controls/item-list items=view.footerPrimaryItems class="footer-primary"}}
{{ui/controls/item-list items=view.footerSecondaryItems class="footer-secondary"}}
</div>
</footer>
</div>
{{outlet "modal"}}
<div class="alerts">
{{#each alert in alerts}}
<div class="alert-wrapper">
{{view alert dismiss="dismissAlert"}}
</div>
{{/each}}
</div>