bazzel

<div class='form-group'>
  {{#if model.image}}
    <img src={{model.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

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

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|

bazzel

export default function() {
  this.get('/products', function(db, request) {
    return {
      data: db.products.map(attrs => (
        {type: 'products', id: attrs.id, attributes: attrs }
      ))
    };
  });
}

bazzel

import DS from 'ember-data';

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

bazzel

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

bazzel

import Ember from 'ember';

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

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

<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="jumbotron">
  <h1>Ember <em>work</em>Shop</h1>
  <p>Select a product to view the details.</p>
</div>