Ember Latest

The latest build of Ember.

by marciojunior

HTML

<script src="http://builds.emberjs.com/handlebars-1.0.0.js"></script>
<script src="http://builds.emberjs.com/ember-latest.js"></script>
<link rel="stylesheet" href="//netdna.bootstrapcdn.com/bootstrap/3.0.3/css/bootstrap.min.css">
<script type="text/x-handlebars" data-template-name="application">
    <ul class="nav nav-pills nav-stacked" style="max-width: 300px;">
      {{#link-to "index" tagName="li"}}
        <a href="#"><span class="glyphicon glyphicon-home"></span> &nbsp &nbsp Home</a>
      {{/link-to}}      
      {{#link-to "settings" tagName="li"}}
        <a href="#"><span class="glyphicon glyphicon-wrench"></span> &nbsp &nbsp Settings</a>
      {{/link-to}}
      {{#link-to "logout" tagName="li"}}
        <a href="#"><span class="glyphicon glyphicon-arrow-right"></span>  Logout</a>
      {{/link-to}}
    </ul>
    {{outlet}}
</script>

<script type="text/x-handlebars" data-template-name="index">
  Index
</script>

<script type="text/x-handlebars" data-template-name="settings">
  Settings
</script>

<script type="text/x-handlebars" data-template-name="logout">
  Logout
</script>

CSS

h1 { font-size: 1.6em; padding-bottom: 10px; }
h2 { font-size: 1.4em; }
ul { padding: 15px; font-size: 1.4em; color: green; }

JavaScript

App = Ember.Application.create({});

App.Router.map(function() {
    this.route('settings');
    this.route('logout');
});