bazzel

InfiniteScroll =
  ControllerMixin: Ember.Mixin.create(
    hasMore: (->
      @meta('page') < @meta('total_pages')
    ).property('@each')

    meta: (key) ->
      @store.metadataFor(@_type())[key]

    loadMore: ->

bazzel

# This mixin can be used to extend a ListView class to adjust its width and height when resizing
# the browser. The dimensions of the ListView are synchronized with the width and height 
# of the parent element that contains the ListView.
#
# Although this mixin sets the width and height you still have to define these properties when 
# defining the ListView class.
#
# example:
#   App.ListView = Ember.ListView.extend ListView.ListViewMixin,
#     width: 100

bazzel

<header class='landing'>
  <img src='images/logo.png'>
</header>

<section class='landing-wrapper'>
  <div class='landing-content'>
    <h1 class='section-heading'>Ember <em>work</em>Shop</h1>
    <p class='lead'>Lorem ipsum dolor sit amet, consectetur adipisicing elit.</p>
    <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Aliquid, suscipit, rerum quos facilis repellat architecto commodi officia atque nemo facere eum non illo voluptatem quae delectus odit vel itaque amet.</p>
  </div>

bazzel

<div class="jumbotron">
  <h1>Ember <em>work</em>Shop</h1>
  <p>Select a product to view the details.</p>
</div>

bazzel

<form role='form' class='well'>
  <div class='form-group'>
    {{input value=title class='form-control' placeholder='Enter a title'}}
  </div>
  <div class='form-group'>
    {{textarea value=description class='form-control' placeholder='Enter a description'}}
  </div>
  <div class='form-group'>
    {{input value=price class='form-control' type='number' placeholder='Enter a price'}}
  </div>

bazzel

<div class='form-group'>
  {{#if image}}
    <img {{bind-attr src=image}}/>
    <button type='button' class='remove pull-right'>Remove</button>
  {{else}}
    <img src='http://placehold.it/320x150&text=No image'>
  {{/if}}
  <div class='file'>
    Browse...<input type='file' accept='image/*'>
  </div>

bazzel

import Ember from 'ember';

export default Ember.ObjectController.extend({
  isEditing: false,
  actions: {
    toggleEditing: function() {
      this.toggleProperty('isEditing');
      this.resetModel();
    },
    submit: function() {

bazzel

{{#each starred}}
  <span class="glyphicon glyphicon-star"></span>
{{/each}}
{{#each unstarred}}
  <span class="glyphicon glyphicon-star-empty"></span>
{{/each}}

bazzel

import DS from 'ember-data';

export default DS.ActiveModelSerializer.extend(DS.EmbeddedRecordsMixin, {
  attrs: {
    category: {embedded: 'always'}
  }
});

bazzel

def similar_posts(post)
  related_posts(post).tap do |posts|
    (posts << @posts.first(2)).flatten!
  end.first(2)
end

def related_posts(post)
  categories_ids = post.categories.map(&:id)

  @posts.select do |p|