bazzel

gem 'capistrano'
gem 'rvm-capistrano'

bazzel

// Inspiration: http://nicolasgallagher.com/css-drop-shadows-without-images/demo/
@import 'compass/css3';
@import 'compass/typography/vertical_rhythm';

// Creates a curled-page.
//
// $corner - [default:$top-left] ( top-left | top-right | bottom-right | bottom-left) Corner to curl
// $direction - [default:$vertical] ( vertical | horizontal )
//
// Example:

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}}