Skip welcome & menu and move to editor
Welcome to JS Bin
Load cached copy from
 
<!DOCTYPE html>
<html>
<head>
  <meta name="description" content="Ember - Model FIXTURES" />
  <meta charset=utf-8 />
  <title>Ember - Model FIXTURES</title>
  <link href="http://netdna.bootstrapcdn.com/bootstrap/3.0.0/css/bootstrap.min.css" rel="stylesheet">
  <script src="http://code.jquery.com/jquery-1.9.1.min.js"></script>
  <script src="http://builds.emberjs.com/handlebars-1.0.0.js"></script>
  <script src="http://builds.emberjs.com/tags/v1.0.0/ember.js"></script>
  <script src="http://builds.emberjs.com/beta/ember-data.js"></script>  
  <script src="http://netdna.bootstrapcdn.com/bootstrap/3.0.0/js/bootstrap.min.js"></script>
</head>
<body>
  
  <script type="text/x-handlebars">
    {{outlet}}
  </script>
  <script type="text/x-handlebars" id="index">
    <ul>
      {{#each ticket in model}}
        <li>Ticket: {{ticket.formattedDate}}</li>
      {{/each}}
    </ul>
  </script>
  
</body>
</html>
  
 
App = Ember.Application.create({
  ready: function() {
    console.log('App ready');
  }
});
App.IndexRoute = Ember.Route.extend({
  model: function() {
    var tickets = [
      this.store.createRecord('ticket'),
      this.store.createRecord('ticket'),
      this.store.createRecord('ticket'),
      this.store.createRecord('ticket'),
      this.store.createRecord('ticket')
    ];
    
    tickets.forEach(function(item){
      item.set('t_date', new Date());
    });
    return tickets;
  }
});
App.Ticket = DS.Model.extend({
  t_date: DS.attr('string'),
  formattedDate: function () {
    return unixToDate(this.get('t_date'));
  }.property('t_date')
});
function unixToDate(timestamp) {
  var date = timestamp;
  var hours = date.getHours();
  var minutes = date.getMinutes();
  var seconds = date.getSeconds();
  var formattedTime = hours + ':' + minutes + ':' + seconds;
  return formattedTime;
}
Output

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

Dismiss x
public
Bin info
alex.daquinopro
0viewers