Skip to content

Instantly share code, notes, and snippets.

View HenryVonfire's full-sized avatar

HenryVonfire

View GitHub Profile
@HenryVonfire
HenryVonfire / controllers.application.js
Created June 15, 2016 07:23 — forked from samselikoff/controllers.application.js
Liquid Fire - child state updating
import Ember from 'ember';
export default Ember.Controller.extend({
foo: 'bar',
actions: {
toggleIsOpen() {
this.toggleProperty('isOpen');
}
import Ember from 'ember';
export default Ember.Controller.extend({
appName: 'Ember Twiddle'
});
@HenryVonfire
HenryVonfire / cp-macro.js
Created April 11, 2016 14:48 — 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
<h5>application-loading template</h5>
import Ember from 'ember';
export default Ember.Component.extend({
classNames: ['add_color_box'],
actions: {
addColorBox() {
this.get('addColorBox')();
}
}
});
@HenryVonfire
HenryVonfire / README_01.md
Last active March 8, 2016 10:43 — forked from runspired/application.controller.js
Component Blur Demo
@HenryVonfire
HenryVonfire / README_01.md
Last active March 8, 2016 10:44 — forked from azizpunjani/application.controller.js
focus/blur example
import Ember from 'ember';
const { Controller } = Ember;
export default Controller.extend({
init() {
this._super(...arguments);
this.cart = [
{ id: 0, name: 'Socks', price: 5 },
{ id: 1, name: 'Shoes', price: 50 }
@HenryVonfire
HenryVonfire / 01_README.md
Created February 26, 2016 13:22 — forked from rwjblue/01_README.md
New Twiddle

Demo using dynamic attributeBindings to enable auto-attribute bindings without having to know all possible combinations.

Note this is using a simplified version of {{one-way-input}} (part of the ember-one-way-controls addon).

import Ember from 'ember';
export default Ember.Controller.extend({
appName:'Ember Twiddle'
});