piotrpalek

import Ember from 'ember';
import CoreController from '../core/controller';

const { computed } = Ember;

export default CoreController.extend({
  appName:'Ember Twiddle',
  something: computed(function() {
    return this._super(...arguments) + ' & new value';
  })

piotrpalek

import Ember from 'ember';

export default Ember.Controller.extend({
  appName:'Ember Twiddle',
  someVal: true,
  actions: {
    toggleSomeval() {
      this.toggleProperty('someVal');
    }
  }

piotrpalek

import Ember from 'ember';

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

piotrpalek

<h1>Welcome to {{appName}}</h1>
<br>
<br>
{{outlet}}
<br>
<br>

piotrpalek

<h1>Welcome to {{appName}}</h1>
<br>
<br>
{{outlet}}
<br>
<br>

piotrpalek

import Ember from 'ember';

export default Ember.Controller.extend({
  appName:'Ember Twiddle',
  bodyFlag: false,
  actions: {
    swapBody() {
      let body = '';
      if(this.get('bodyFlag')) {
        body = '<h1>Some body!!!</h1>';

piotrpalek

import Ember from 'ember';

export default Ember.Controller.extend({
  appName:'Ember Twiddle',
  actions: {
    updateAttr() {
      this.set('otherattr', Math.random());
    }
  }
});

piotrpalek

import Ember from 'ember';

export default Ember.Controller.extend({
  appName:'Ember Twiddle',
  actions: {
    updateAttr() {
      this.set('otherattr', Math.random());
    }
  }
});

piotrpalek

this.route("company", function(){
  this.route("index", { path: "/" }, function(){
    this.route("show", { path: "/:company_id"});
  });
  this.route("users". { path: "/:company_id/users"})
});

piotrpalek

// http://paulirish.com/2011/requestanimationframe-for-smart-animating/
// http://my.opera.com/emoller/blog/2011/12/20/requestanimationframe-for-smart-er-animating

// requestAnimationFrame polyfill by Erik Möller. fixes from Paul Irish and Tino Zijdel

// MIT license

(function() {
    var lastTime = 0;
    var vendors = ['ms', 'moz', 'webkit', 'o'];