Skip to content

Instantly share code, notes, and snippets.

@ryanabel03
Last active June 21, 2016 20:09
Show Gist options
  • Save ryanabel03/18f690371f7d6d9c7ee46ad931a3b9a3 to your computer and use it in GitHub Desktop.
Save ryanabel03/18f690371f7d6d9c7ee46ad931a3b9a3 to your computer and use it in GitHub Desktop.
New Twiddle
import Ember from 'ember';
export default Ember.Component.extend({
actions: {
selectSuperhero(pub, hero) {
this.attrs.selectSuperhero(hero, pub);
}
}
});
import Ember from 'ember';
export default Ember.Component.extend({
tagName: 'li',
click() {
this.attrs.select(this.get('hero'));
}
});
import Ember from 'ember';
export default Ember.Component.extend({
tagName: 'ul'
});
import Ember from 'ember';
export default Ember.Controller.extend({
publishers: [
Em.Object.create({
name: 'DC Comics',
superheroes: [
Em.Object.create({name: "Batman"}),
Em.Object.create({name: "Superman"}),
Em.Object.create({name: "Flash"})
]}),
Em.Object.create({
name: 'Marvel Comics',
superheroes: [
Em.Object.create({name: "Iron Man"}),
Em.Object.create({name: "Thor"}),
Em.Object.create({name: "Black Widow"})
]})
],
actions: {
selectSuperhero(hero, publisher) {
alert('selected ' + hero.get('name') + ' of ' + publisher.get('name'));
}
}
});
<h1>Superheroes</h1>
{{comic-publishers publishers=publishers selectSuperhero=(action 'selectSuperhero')}}
{{#each publishers as |pub|}}
<h2>{{pub.name}}</h2>
{{superhero-list superheroes=pub.superheroes selectSuperhero=(action 'selectSuperhero' pub)}}
{{/each}}
{{#each superheroes as |hero|}}
{{superhero-list-item hero=hero select=attrs.selectSuperhero}}
{{/each}}
{
"version": "0.9.3",
"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.6.0",
"ember-data": "2.6.1",
"ember-template-compiler": "2.6.0"
}
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment