Skip to content

Instantly share code, notes, and snippets.

View grapho's full-sized avatar

Seth Wright grapho

  • Subtle Medical Inc.
  • San Diego, CA
View GitHub Profile
import Ember from 'ember';
export default Ember.Controller.extend({
appName: 'Ember Twiddle'
});
import Ember from 'ember';
export default Ember.Controller.extend({
appName: 'Ember Twiddle'
});
@grapho
grapho / controllers.application.js
Last active April 13, 2016 18:26
findby helper
import Ember from 'ember';
import DS from 'ember-data';
export default Ember.Controller.extend({
appName: 'Ember Twiddle',
foo: Ember.computed('promise', {
get() {
return DS.PromiseArray.create({
promise: Ember.RSVP.resolve([
@grapho
grapho / components.foo-bar.js
Last active April 5, 2016 19:06
Yield multiple things?
import Ember from 'ember';
export default Ember.Component.extend({
});
import Ember from 'ember';
import { formatTitle } from '../helpers/format-title';
export default Ember.Controller.extend({
appName: 'format-title',
formattedTitle: Ember.computed('appName', {
get() {
return formatTitle(this.get('appName'));
}
@grapho
grapho / components.t-colgroup.js
Last active April 8, 2016 18:13
colgroup quirks
import Ember from 'ember';
export default Ember.Component.extend({
tagName: 'colgroup',
attributeBindings: ['span']
});
@grapho
grapho / cp-macro.js
Created April 11, 2016 14:47 — forked from poteto/cp-macro.js
When you don't know what keys to observe for a CP, you can use a macro that determines the keys at runtime.
export default function makeComputed(objKey) {
let keys = Object.keys(get(this, objKey))
.filter((key) => {
// choose the keys using some logic
})
.map((key) => `${objKey}.${key}`);
return computed(...keys, {
get() {
// do stuff
import Ember from 'ember';
export default Ember.Controller.extend({
appName: 'Ember Twiddle',
prop: 'a',
obj: {
a: 'value a',
b: 'value b',
c: 'value c'
}
import Ember from 'ember';
export default Ember.Controller.extend({
appName: 'Ember Twiddle',
firstArray: Ember.computed(function() {
return [1,2,3,4,5];
}),
secondArray: Ember.computed(function() {
return [4,5,6,7,8];
}),
<h1>Nested Routes is loading!</h1>