New Twiddle

application.controller.js

import Ember from 'ember';

var common = Ember.Mixin.create({
    property1: 'This is a Mixin property',
    edit: function() {
    	console.log('starting to edit');
    	this.set('isEditing', true);
  },
  isEditing: false
});

var secondMixin = Ember.Mixin.create({
  secondProperty: 'This is the second mixin property'
});

var obj = Ember.Object.extend(common,secondMixin,{
  objprop: 'This is an Ember object Property'
});

var object = obj.create();

console.log(object.get('objprop'));
console.log(object.get('property1'));
console.log(object.get('isEditing'));
object.edit();
console.log(object.get('isEditing'));
console.log(object.get('secondProperty'));





export default Ember.Controller.extend(common,{
  text: Ember.computed('isEditing',function() {
    return this.get('isEditing');
  }),
  actions: {
    pressed: function() {
      this.toggleProperty('isEditing');
    }
  }
});

application.template.hbs

<h1>Welcome to Ember</h1>
<br>
<br>
{{outlet}}
{{text}}
<br>
<button {{action 'pressed'}}>Toggle isEditing</button>
<br>
<br>

twiddle.json

{
  "version": "0.4.10",
  "dependencies": {
    "jquery": "https://cdnjs.cloudflare.com/ajax/libs/jquery/1.11.3/jquery.js",
    "ember": "https://cdnjs.cloudflare.com/ajax/libs/ember.js/1.13.9/ember.debug.js",
    "ember-data": "https://cdnjs.cloudflare.com/ajax/libs/ember-data.js/1.13.11/ember-data.js",
    "ember-template-compiler": "https://cdnjs.cloudflare.com/ajax/libs/ember.js/1.13.9/ember-template-compiler.js"
  }
}