KarthikaRamachandran’s gists

KarthikaRamachandran / controllers.application.js

Created June 29, 2018 12:47

Ember with Code Sandbox

	import Ember from 'ember';

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

KarthikaRamachandran / components.multi-select-item.js

Last active July 31, 2017 10:00

Components Callback Execution

	import Ember from 'ember';

	export default Ember.Component.extend({
	tagName: "option"
	});

KarthikaRamachandran / components.nested-component.js

Created June 6, 2017 05:53

willDestroyElement myths

	import Ember from 'ember';

	export default Ember.Component.extend({
	willDestroyElement: function(){
	console.log("Will Destroy Element of Nested Component");
	}
	});

KarthikaRamachandran / components.select-box.js

Last active June 5, 2017 13:43

Actions Usage

	import Ember from 'ember';

	export default Ember.Component.extend({
	tagName: "select",
	click: function(){
	this.attrs.onItemClick();
	}
	});

KarthikaRamachandran / components.z-button.js

Created May 19, 2017 12:56

Function Passing inside attribute Objects

	import Ember from 'ember';

	export default Ember.Component.extend({
	tagName: "button",
	attributeBindings: ["data-properties"],
	onClickHandler: function(){
	console.log("Component's Handler");
	},
	actions: {
	onClickHandler: function(){

KarthikaRamachandran / components.code-section.js

Last active February 4, 2017 13:43

Input Helpers

	import Ember from 'ember';

	export default Ember.Component.extend({
	eventNotification: Ember.inject.service(),
	click: function(event){
	this.attrs.clickHandler();
	this.get("eventNotification").set("clicked",event);
	},
	actions: {
	changeMine: function(){

KarthikaRamachandran / controllers.application.js

Last active January 3, 2017 09:08

Activating More than one Route

	import Ember from 'ember';

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

KarthikaRamachandran / controllers.application.js

Last active November 14, 2016 14:24

scrollTo

	import Ember from 'ember';

	export default Ember.Controller.extend({
	appName: 'Ember Twiddle',
	queryParams : ['optionName'],
	optionName : null,
	actions : {
	scrollToSecondDiv : function(id){
	var scrollTop = $("#"+id).offset().top;
	$("body").scrollTop(scrollTop);

KarthikaRamachandran / controllers.application.js

Created November 4, 2016 14:24

XSS Vulnerability

	import Ember from 'ember';

	export default Ember.Controller.extend({
	appName: 'Ember Twiddle',
	actions : {
	setContent : function(){
	Ember.$("#firstItem").find("span").html(Ember.String.htmlSafe("<img src='kar.jpg' onerror='alert(1);'/>"));

	Ember.$("#secondItem").html(Ember.String.htmlSafe("<b>HI</b>"));
	}

KarthikaRamachandran / controllers.application.js

Last active October 13, 2016 12:14

Safe Strings Insertion

	import Ember from 'ember';

	export default Ember.Controller.extend({
	appName: 'Ember Twiddle',
	actions : {
	setAttribute: function( ){

	//alert(new Ember.Handlebars.SafeString("{'key':'value'}"));
	// Ember.$("#myDiv").attr("data-close",new Ember.Handlebars.SafeString("{'key':'value'}"));

Karthika Ramachandran KarthikaRamachandran