Ember Data Mockjax

by alexspeller

HTML

<script src="http://cdnjs.cloudflare.com/ajax/libs/jquery-mockjax/1.5.2/jquery.mockjax.js"></script>
<script src="http://ember.alexspeller.com/handlebars-1.0.0.js"></script>
<script src="http://ember.alexspeller.com/ember-latest.js"></script>
<script src="http://ember.alexspeller.com/ember-data-latest.js"></script>
<script type="text/x-handlebars">
    <h1>Form Validation</h1>
    {{input value=name class=nameClass}}
    {{nameError}}
</script>

<script type="text/x-handlebars" data-template-name='foo'>
    <h2>Foo</h2>
    {{name}}
</script>
    
<script type="text/x-handlebars" data-template-name='foo_bar'>
    <h2>Foo Bar</h2>
    {{name}}
</script>

CSS

input.invalid {
    border: 2px solid red;
}

CoffeeScript

window.App = Em.Application.create()

App.ApplicationController = Em.Controller.extend
  nameClass: Em.computed 'nameError', ->
    unless Em.isEmpty @get('nameError')
       "invalid"

  nameError: Em.computed 'name', ->
    name = @get 'name'
    if Em.isEmpty(name) or name.length < 3
        "Name must be at least 3 characters long"