Skip to content

Instantly share code, notes, and snippets.

@kmiyashiro
Created August 18, 2017 22:54
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save kmiyashiro/a44506909bad560d5947a401e58e3563 to your computer and use it in GitHub Desktop.
Save kmiyashiro/a44506909bad560d5947a401e58e3563 to your computer and use it in GitHub Desktop.
equal
import Ember from 'ember';
function createChecklist(i) {
return Ember.Object.create({
key: i
});
}
export default Ember.Controller.extend({
appName: 'Ember Twiddle',
checklists: Ember.A(createChecklist(1), createChecklist(2), createChecklist(3)),
currentChecklist: null,
isLastChecklist: Ember.computed.equal('currentChecklist', 'checklists.lastObject'),
isFirstChecklist: Ember.computed.equal('currentChecklist', 'checklists.firstObject'),
actions: {
setFirstChecklist() {
this.set('currentChecklist', 'checklists.firstObject');
},
setLastChecklist() {
this.set('currentChecklist', 'checklists.lastObject');
}
}
});
<h1>Welcome to {{appName}}</h1>
<br>
<br>
{{outlet}}
<h2>isFirstChecklist: {{isFirstChecklist}}</h2>
<h2>isLastChecklist: {{isLastChecklist}}</h2>
<br>
<br>
<button {{action 'setLastChecklist'}}>
I'm last
</button>
<button {{action 'setFirstChecklist'}}>
I'm first
</button>
{
"version": "0.12.1",
"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.12.0",
"ember-template-compiler": "2.12.0",
"ember-testing": "2.12.0"
},
"addons": {
"ember-data": "2.12.1"
}
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment