framework/ember/app/templates/components/discussions/stream-scrubber.hbs
Toby Zerner 74e80ea2df Implement redesign, refactor everything
- 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!
2015-01-16 17:26:18 +10:30

21 lines
848 B
Handlebars

<a href="#" class="scrubber-first" {{action "first"}}>{{fa-icon "angle-double-up"}} Original Post</a>
<div class="scrubber-scrollbar">
<div class="scrubber-before"></div>
<div class="scrubber-slider">
<div class="scrubber-handle"></div>
{{#if loaded}}
<div class="scrubber-info">
<strong><span class="index">{{visibleIndex}}</span> of <span class="count">{{count}}</span> posts</strong>
<span class="description">{{description}}</span>
</div>
{{/if}}
</div>
<div class="scrubber-after"></div>
<ul class="scrubber-highlights">
{{#each index in relevantPostIndexes}}
<li {{bind-attr style=index}}></li>
{{/each}}
</ul>
</div>
<a href="#" class="scrubber-last" {{action "last"}}>{{fa-icon "angle-double-down"}} Now</a>