codecamp/ember/templates/index.html

<!DOCTYPE html>
<html>
<title>Code Camp</title>
<link href="{{ STATIC_URL }}css/default.css" rel="stylesheet" type="text/css">
<body>
{% verbatim %}

<script type="text/x-handlebars" data-template-name="application">
{{outlet}}
</script>

<script type="text/x-handlebars" data-template-name="sessions">
{{#each session in controller}}
  {{session.name}}<br />
  {{#each speaker in session.speakers}}
    {{speaker.name}}<br />
  {{/each}}
  {{#each tag in session.tags}}
    {{tag.description}}<br />
  {{/each}}

  {{#linkTo 'session' session}}View Session Details{{/linkTo}}<br /><br />
{{/each}}
</script>

<script type="text/x-handlebars" data-template-name="session">
{{model.name}}<br />
  {{#each speaker in model.speakers}}
    {{speaker.name}}<br />
    {{#linkTo 'speaker' speaker}}View Speaker Details{{/linkTo}}<br /><br />
  {{/each}}
  {{#each rating in model.ratings}}
    {{rating.score}}<br />
    {{rating.feedback}}<br/>
  {{/each}}
  <br />
  {{view Ember.TextField placeholder="score" valueBinding="view.score"}}
  {{view Ember.TextField placeholder="feedback" valueBinding="view.feedback"}}
  <a {{action addRating model target="view" href=true}}>add rating</a>
</script>

<script type="text/x-handlebars" data-template-name="speaker">
  {{model.name}}
</script>

{% endverbatim %}
<script src="{{ STATIC_URL }}script/vendor/jquery-1.9.1.js" type="text/javascript"></script>
<script src="{{ STATIC_URL }}script/vendor/handlebars-1.0.0-rc.4.js" type="text/javascript"></script>
<script src="{{ STATIC_URL }}script/vendor/ember-1.0.0-rc.5.js" type="text/javascript"></script>
<script src="{{ STATIC_URL }}script/vendor/ember-data.js" type="text/javascript"></script>
<script src="{{ STATIC_URL }}script/vendor/adapter.js" type="text/javascript"></script>
<script src="{{ STATIC_URL }}script/app/codecamp.js" type="text/javascript"></script>
</body>
</html>