mirror of
https://github.com/flarum/framework.git
synced 2024-12-02 15:03:44 +08:00
74e80ea2df
- Write CSS for everything, update templates. - Refactor discussion view. Stream is split into two components (content and scrubber) which have their own responsibilities. - Extract pane functionality into a mixin. - Implement global “back button” system. You give a “paneable” target to the application controller, the back button will modulate its pane-related properties as necessary, and call an action when the button is clicked. - Extract welcome-hero into its own component. - Lots of other general improvements/refactoring. The code is quite well-commented so take a look!
56 lines
1.3 KiB
Handlebars
56 lines
1.3 KiB
Handlebars
<div {{bind-attr class=":page panePinned: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}}
|
|
{{alert-message message=alert}}
|
|
{{/each}}
|
|
</div> |