Skip welcome & menu and move to editor
Welcome to JS Bin
File
Add library
Share
Login or Register
Blog
Help
Load cached copy from
  • Run with JS
  • Save
  • Share
  • …
 
<!DOCTYPE html>
<html>
<head>
<script src="http://code.jquery.com/jquery.min.js"></script>
<link href="http://twitter.github.io/bootstrap/assets/css/bootstrap.css" rel="stylesheet" type="text/css" />
<link href="http://twitter.github.io/bootstrap/assets/css/bootstrap-responsive.css" rel="stylesheet" type="text/css" />
<script src="http://twitter.github.io/bootstrap/assets/js/bootstrap.js"></script>
<meta name="description" content="LoginHeaderTest" />
  <script src="http://builds.emberjs.com/handlebars-1.0.0-rc.4.js"></script>
<script src="http://builds.emberjs.com/ember-1.0.0-rc.6.js"></script>
<script src="http://builds.emberjs.com.s3.amazonaws.com/ember-data-latest.js"></script>
<meta charset=utf-8 />
<title>Ember Login Header Test</title>
</head>
<body>
  <h1>Hello World</h1>
<script type="text/x-handlebars" data-template-name="application">
  {{render 'header'}}
  {{outlet}}
</script>
  <script type="text/x-handlebars" data-template-name='header'>
  
      <div class="navbar">
    <div class="navbar-inner">
    <a class="brand" href="#">Logged in as {{model.Username}}</a>
    <ul class="nav">
    <li>{{#linkTo index}}Home{{/linkTo}}</li>
    <li>{{#linkTo yada}}Yada Yada{{/linkTo}}</li>
    <li>{{#linkTo login}}Login{{/linkTo}}</li>
    </ul>
    </div>
    </div>
  
</script>
<script type="text/x-handlebars" data-template-name="index">
  <h1>People</h1>
  <ul>
  {{#each model}}
    <li>Hello, <b>{{fullName}}</b>!</li>
  {{/each}}
  </ul>
</script>
    <script type="text/x-handlebars" data-template-name="login">
      <form class="form-inline" {{action login on="submit"}}>
        <h2>Please Log In to Continue</h2>
        {{input class="input-small" value=App.Me.username type="text" placeholder="Username"}}
        {{input class="input-small" value=App.Mpassword type="password" placeholder="Password"}}
        {{input class="btn" type="submit" value="Log In"}}
      </form>
  </script>
  <script type="text/x-handlebars" data-template-name="yada">
    <dl>
    {{#each controller}}
      <dt> {{title}} </dt>
      <dd> {{body}} <dd>
    {{/each}}
    </dl>
  </script>
  
</body>
</html>
Output

You can jump to the latest bin by adding /latest to your URL

Dismiss x
public
Bin info
bkCDLpro
0viewers