Skip to content

Instantly share code, notes, and snippets.

@golampo
Created August 3, 2018 22:46
Show Gist options
  • Save golampo/792251dabd0618740752f4dbeac97ebc to your computer and use it in GitHub Desktop.
Save golampo/792251dabd0618740752f4dbeac97ebc to your computer and use it in GitHub Desktop.
New Twiddle
import Ember from 'ember';
export default Ember.Component.extend({
});
import Ember from 'ember';
export default Ember.Component.extend({
});
import Ember from 'ember';
export default Ember.Component.extend({
});
import Ember from 'ember';
export default Ember.Component.extend({
mainActions: ['foo'],
moreActions: ['bar'],
});
import Ember from 'ember';
export default Ember.Component.extend({
});
import Ember from 'ember';
export default Ember.Controller.extend({
appName: 'Ember Twiddle'
});
import Ember from 'ember';
export function getActions(params) {
const actionNames = params[0];
const actions = params[1];
const out = actionNames.reduce((accum, actionName) => {
accum[actionName] = actions[actionName];
return accum;
}, {});
console.log('out', out);
return out;
}
export default Ember.Helper.helper(getActions);
{{#actions-menu as |mainActions moreActions|}}
<h3>Main actions:</h3>
{{mainActions.foo}}
{{mainActions.bar}}
<h3>More actions:</h3>
{{moreActions.foo}}
{{moreActions.bar}}
{{/actions-menu}}
{{#entity-actions as |actions|}}
{{yield
(get-actions mainActions actions)
(get-actions moreActions actions)
}}
{{/entity-actions}}
{{yield (hash
foo=(component "action-foo")
bar=(component "action-bar")
)}}
{
"version": "0.15.0",
"EmberENV": {
"FEATURES": {}
},
"options": {
"use_pods": false,
"enable-testing": false
},
"dependencies": {
"jquery": "https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.js",
"ember": "3.2.2",
"ember-template-compiler": "3.2.2",
"ember-testing": "3.2.2"
},
"addons": {
"ember-data": "3.2.0"
}
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment