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://getbootstrap.com/dist/css/bootstrap.css" rel="stylesheet" type="text/css" />
<script src="http://getbootstrap.com/dist/js/bootstrap.js"></script>
<script src="http://cdnjs.cloudflare.com/ajax/libs/handlebars.js/1.0.0-rc.3/handlebars.js"></script>
<script src="http://cdnjs.cloudflare.com/ajax/libs/ember.js/1.0.0-rc.6/ember.min.js"></script>
  
<script src=" http://builds.emberjs.com.s3.amazonaws.com/ember-data-0.13.js"></script>  
  
<title>Ember JS Cookie Maker</title>
</head>
<body>
  
  <script type="text/x-handlebars">
    <div class="container">
      <h1>Cookie Maker</h1>
      <h4>Ember JS Example and Ember Data Example</h4>
      {{#linkTo "cookies" }} Start making cookies {{/linkTo}}
      <hr />
      <div class="well well-sm"> {{ outlet }}</div>
      
    </div>
  </script>
​
   <script type="text/x-handlebars" data-template-name="cookies">
    <button {{action askForCookie}} type="button" class="btn btn-primary btn-sm">Ask For Cookie</button>
    <br />
    <br />
    <div class="row">
      <div class="col-xs-6 col-md-4">  
       
         <ul class="list-group">
          {{#each controller}}
            <li class="list-group-item">
              
              {{#linkTo "cookies.cookie" id }} 
                <div>
                  <span class="label label-primary">ID: {{id}}</span>
                  <h4> <span class="label label-info">{{qty}}</span> {{kind}}</h4>
                  <span class="label label-success">{{deliveryStatus}}</span>
                </div>
              {{/linkTo}}
              
           </li>
          {{/each}}
        </ul>
      
      </div>
    
      <div class="col-xs-12 col-md-8"> 
        <div class="well well-sm"> {{ outlet }}</div>
      </div>
      
    </div>
​
  </script>
 
  <script type="text/x-handlebars" data-template-name="cookies/cookie">
    <h4> <span class="label label-info">{{qty}}</span> {{kind}}</h4>
    <span class="label label-success">{{deliveryStatus}}</span>
  </script>
  
</body>
</html>
 
​
Output

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

Dismiss x
public
Bin info
GordonPotterpro
0viewers