mirror of
https://github.com/flarum/framework.git
synced 2024-12-12 05:55:58 +08:00
c28307903b
HTMLBars goodness! Since there was some breakage and a lot of fiddling around to get some things working, I took this opportunity to do a big cleanup of the whole Ember app. I accidentally worked on some new features too :3 Note that the app is still broken right now, pending on https://github.com/emberjs/ember.js/issues/10401 Cleanup: - Restructuring of components - Consolidation of some stuff into mixins, cleanup of some APIs that will be public - Change all instances of .property() / .observes() / .on() to Ember.computed() / Ember.observer() / Ember.on() respectively (I think it is more readable) - More comments - Start conforming to a code style (2 spaces for indentation) New features: - Post hiding/restoring - Mark individual discussions as read by clicking - Clicking on a read discussion jumps to the end - Mark all discussions as read - Progressively mark the discussion as read as the page is scrolled - Unordered list post formatting - Post permalink popup Demo once that Ember regression is fixed!
55 lines
1.3 KiB
Handlebars
55 lines
1.3 KiB
Handlebars
<div id="page" {{bind-attr class=":page backButtonTarget.paneIsPinned:with-pane"}}>
|
|
|
|
<header id="header" class="global-header">
|
|
|
|
{{application/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/item-list items=view.headerPrimary class="header-controls"}}
|
|
</div>
|
|
|
|
<div class="header-secondary">
|
|
{{ui/item-list items=view.headerSecondary 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/item-list items=view.footerPrimary class="footer-primary"}}
|
|
{{ui/item-list items=view.footerSecondary class="footer-secondary"}}
|
|
</div>
|
|
</footer>
|
|
|
|
</div>
|
|
|
|
<div id="modal" class="modal fade">
|
|
{{outlet "modal"}}
|
|
</div>
|
|
|
|
{{render "alerts"}}
|