Ember Demo - Form Validation By Computed Property

by alexspeller

HTML

<script src="http://cdnjs.cloudflare.com/ajax/libs/handlebars.js/1.0.0/handlebars.min.js"></script>
<script src="http://builds.emberjs.com/canary/ember.js"></script>
<script src="http://builds.emberjs.com/canary/ember-data.js"></script>
<script src="http://cdnjs.cloudflare.com/ajax/libs/jquery-mockjax/1.5.2/jquery.mockjax.js"></script>
<link rel="stylesheet" href="//netdna.bootstrapcdn.com/bootstrap/3.0.0/css/bootstrap.min.css">
<script src="//netdna.bootstrapcdn.com/bootstrap/3.0.0/js/bootstrap.min.js"></script>
<script src="//cdnjs.cloudflare.com/ajax/libs/moment.js/2.5.0/moment.min.js"></script>
<script src="//rawgithub.com/kenelliott/ember-mockjax/master/jquery.ember-mockjax.js"></script>
<script type="text/x-handlebars">
    <div class="container">
        <h1>Example Ember Application</h1>
        
        {{#link-to "orders" class="btn btn-primary"}}
            Order
        {{/link-to}}
    </div>
    {{outlet}}
</script>

<script type='text/x-handlebars' data-template-name="error">
    <h1>Error!</h1>
</script>

<script type='text/x-handlebars' data-template-name="orders">
    <div class='container'>
        <h1>Orders</h1>
        <div>No orders Found</div>
    </div>
</script>

CSS

.well {margin-top:10px;}

CoffeeScript

# Initiate Ember App
App = window.App = Em.Application.create()

# Set the application adapter to AMS
App.ApplicationAdapter = DS.ActiveModelAdapter.extend()

# Router
App.Router.map ->
    @resource 'orders'
     
# Models
App.Order = DS.Model.extend
    name: DS.attr 'string'
    
# Routes
App.OrdersRoute = Em.Route.extend
    model: ->
      @store.find('order')

        
        
# Controllers
App.OrdersController = Em.ArrayController.extend()