Skip to content

Instantly share code, notes, and snippets.

@francois
Created January 9, 2017 18:38
Show Gist options
  • Save francois/1a99b70398bfbd99e27857c5dc2fe74b to your computer and use it in GitHub Desktop.
Save francois/1a99b70398bfbd99e27857c5dc2fe74b to your computer and use it in GitHub Desktop.
New Twiddle
import Ember from 'ember';
export default Ember.Controller.extend({
appName: 'Ember Twiddle',
isSleeping: function() {
return this.get('state') === 'sleeping';
},
isNapping: function() {
return this.get('state') === 'napping';
},
isAwake: function() {
return !(this.isSleeping() || this.isNapping());
},
actions: {
didReset: function() {
this.set('state', 'awake');
},
didStartSleeping: function() {
this.set('state', 'sleeping');
},
didStartNapping: function() {
this.set('state', 'napping');
}
}
});
current state: {{state}}<br>
{{#if isSleeping}}
state sleeping
{{else if isNapping}}
state napping
{{else}}
state awake
<button {{action "didStartSleeping"}}>Go to sleep</button>
<button {{action "didStartNapping"}}>Start napping</button>
{{/if}}
<br><button {{action "didReset"}}>Reset</button>
{
"version": "0.10.7",
"EmberENV": {
"FEATURES": {}
},
"options": {
"use_pods": false,
"enable-testing": false
},
"dependencies": {
"jquery": "https://cdnjs.cloudflare.com/ajax/libs/jquery/1.11.3/jquery.js",
"ember": "2.10.0",
"ember-data": "2.10.0",
"ember-template-compiler": "2.10.0",
"ember-testing": "2.10.0"
},
"addons": {}
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment