kumkanillam’s gists

kumkanillam / components.my-component.js

Created June 22, 2017 06:00

	import Ember from 'ember';

	export default Ember.Component.extend({
	name:'K',
	actions:{
	nameChanged(){
	console.log(' ',...arguments);
	}
	}
	});

kumkanillam / controllers.application.js

Created June 20, 2017 07:06

queryParams common to multiple routes

	import Ember from 'ember';

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

kumkanillam / components.my-component.js

Created June 19, 2017 05:28

Ember parent child component, how to avoid unnecessary life cycle hook from triggering? - with powerselect

	import Ember from 'ember';

	export default Ember.Component.extend({
	name:'mycomp',
	init(){
	this._super(...arguments);
	console.log(' init mycomponent');
	},
	didReceiveAttrs(){
	console.log('didReceiveAttrs mycomponent');

kumkanillam / components.my-component.js

Created June 19, 2017 05:27

Ember parent child component, how to avoid unnecessary life cycle hook from triggering?

	import Ember from 'ember';

	export default Ember.Component.extend({
	name:'mycomp',
	init(){
	this._super(...arguments);
	console.log(' init mycomponent');
	},
	didReceiveAttrs(){
	console.log('didReceiveAttrs mycomponent');

kumkanillam / components.my-component.js

Last active June 19, 2017 01:55

	import Ember from 'ember';

	export default Ember.Component.extend({
	name:'mycomp',
	init(){
	this._super(...arguments);
	console.log(' init mycomponent');
	},
	didReceiveAttrs(){
	console.log('didReceiveAttrs mycomponent');

kumkanillam / controllers.application.js

Last active June 17, 2017 06:29

helper import stuff

	import Ember from 'ember';
	import { myHelper } from '../helpers/my-helper';
	import { classBasedHelper } from '../helpers/class-based-helper';

	export default Ember.Controller.extend({
	appName: 'Ember Twiddle',
	appNameCaptial: Ember.computed('appName',function(){
	return myHelper([this.get('appName')]);
	}),
	appNameCaptial2: Ember.computed('appName',function(){

kumkanillam / controllers.application.js

Last active June 14, 2017 15:51

	import Ember from 'ember';
	export default Ember.Controller.extend({
	items:[true,false],
	itemsChanged:Ember.observer('items.[]',function(){
	console.log(' items ',this.get('items'));
	}),
	actions:{
	test(){
	console.log(' test');
	//this.get('items').addObject(true);

kumkanillam / controllers.application.js

Created June 13, 2017 05:52

basic two way binding

	import Ember from 'ember';

	export default Ember.Controller.extend({
	appName: 'Ember Twiddle',
	name:Ember.Object.create({age:null}),
	actions:{
	changeName(){
	console.log(this.get('name'));
	let name= this.get('name');
	//name.age=5;

kumkanillam / controllers.application.js

Created June 12, 2017 13:06

New Twiddle

	import Ember from 'ember';
	import { task, timeout } from 'ember-concurrency';

	export default Ember.Controller.extend({
	appName: 'Ember Twiddle',
	fetchResourcesTask: task(function * (resource) {
	yield timeout(1000);
	}),
	});

kumkanillam / components.my-component.js

Created June 9, 2017 14:34

parent-child route- test

	import Ember from 'ember';

	export default Ember.Component.extend({
	actions:{
	buttonClicked(msg){
	console.log('component button ');
	let result = this.get('buttonClicked')(msg);
	console.log(' result ',result);
	}
	}