joostdevries

export default Ember.Controller.extend({
  appName:'Ember Twiddle'
});

joostdevries

export default Ember.Controller.extend({
  appName:'Ember Twiddle',
  userName: 'Tristansdfsd',
});

joostdevries

export default Ember.Controller.extend({
  appName:'Ember Twiddle'
});

joostdevries

export default Ember.Controller.extend({
  appName:'Ember Twiddle'
});

joostdevries

DS.AdapterPopulatedRecordArray.reopen({
  queryPageParam: 'page_number',
  metaPageParam: 'currentPage',
  metaTotalPagesParam: 'totalNumPages',
  isPaginating: false,

  nextPage: function (append) {
    var meta = this.get('meta');
    if(meta[this.get('metaPageParam')]<meta[this.get('metaTotalPagesParam')]-1)

joostdevries

export default Em.Controller.extend({foo: 'foo'});

joostdevries

<h1>Ember Twiddle Gist demo</h1>
{{outlet}}

joostdevries

Gist > Ember CLI app

Basically, it's really simple: Create a Gist where the files follow the same naming convention as you would use in an Ember CLI app.

Because Gists can't have folders, just use . instead of /. Eg:

• controllers.application.js
• templates.application.hbs

Once your Gist is ready to test, just put the ID in the playground URL, eg. http://ember-playground.joostdvrs.com/f2c90713bdfdf54a262b. All the magic then happens client-side:

• Your templates are transpiled using ember-template-compiler

joostdevries

import Ember from 'ember';
 
export default Em.Controller.extend({
  userName: null,
  prettyUserName: function() {
    return this.get('userName') ? this.get('userName') : 'everyone';
  }.property('userName')
});

joostdevries

window.location.hostname==='github.com' && $('.discussion-item-ref').each(function() {var el=$(this).clone();$('.js-discussion').prepend(el);});