Skip to content

Instantly share code, notes, and snippets.

@luxzeitlos
luxzeitlos / application.controller.js
Last active January 26, 2016 15:26
SO hasMany update demo
import Ember from 'ember';
export default Ember.Controller.extend({
appName:'Ember Twiddle',
actions: {
addChild() {
this.store.createRecord('child', {
parent: this.get('model'),
name: this.get('newChildName')
});
@luxzeitlos
luxzeitlos / application.controller.js
Created January 27, 2016 20:29
each on many relationship
import Ember from 'ember';
export default Ember.Controller.extend({
appName:'Ember Twiddle',
actions: {
add() {
let child = this.get('model');
let quantity = child.get('quantity');
quantity++;
child.set('quantity', quantity);
@luxzeitlos
luxzeitlos / application.controller.js
Created January 30, 2016 02:27
ember-input-range-not-working
import Ember from 'ember';
export default Ember.Controller.extend({
appName:'Ember Twiddle'
});
@luxzeitlos
luxzeitlos / application.controller.js
Created February 17, 2016 15:20
use-component-helper-for-component-route
import Ember from 'ember';
export default Ember.Controller.extend({
appName:'Ember Twiddle',
actions: {
one() { this.transitionToRoute('cmp', 'component-one'); },
two() { this.transitionToRoute('cmp', 'component-two'); },
}
});
@luxzeitlos
luxzeitlos / application.controller.js
Created February 19, 2016 04:43
give array to child component
import Ember from 'ember';
export default Ember.Controller.extend({
appName:'Ember Twiddle'
});
@luxzeitlos
luxzeitlos / app.initializers.meta.js
Last active February 24, 2016 07:12
meta on model
import Ember from 'ember';
import DS from 'ember-data';
const {set} = Ember;
export function initialize(application) {
DS.Model.reopen({
meta: null,
didCommit() {
this._super(...arguments);
set(this, 'meta', this.store._metadataFor(this.constructor.modelName));
}
@luxzeitlos
luxzeitlos / application.route.js
Created February 25, 2016 10:41
get helper demo
import Ember from 'ember';
export default Ember.Route.extend({
model() {
return [
['**Product X**','GROUPA', '350'],
['**Product Y**','GROUPB', '150'],
['**Product Z**','GROUPC', '575']
]
}
@luxzeitlos
luxzeitlos / controllers.application.js
Created April 6, 2016 20:54
strange dynamic property names
import Ember from 'ember';
const {get,set} = Ember;
export default Ember.Controller.extend({
actions: {
generate() {
get(this, 'model').forEach((post, idx) => {
set(this, 'pst'+idx, post);
});
@luxzeitlos
luxzeitlos / controllers.application.js
Created April 26, 2016 14:06
checked event on input
import Ember from 'ember';
export default Ember.Controller.extend({
boxes:[{id:1},{id:2},{id:3}],
boxArr: Ember.computed('boxes.@each.value', {
get() {
let disableOthers = Ember.get(this, 'boxes').filterBy('value', true).get('length') >= 2;
return Ember.get(this, 'boxes').map(({id, value}) => {
return {
id,
@luxzeitlos
luxzeitlos / controllers.application.js
Last active April 26, 2016 14:19
directly bound checkbox with calculated disabled
import Ember from 'ember';
export default Ember.Controller.extend({
boxes:[{id:1,value:true},{id:2},{id:3}],
boxArr: Ember.computed('boxes.@each.value', {
get() {
let disableOthers = Ember.get(this, 'boxes').filterBy('value', true).get('length') >= 2;
return Ember.get(this, 'boxes').map(origin => {
return {
origin,