Tom Dale tomdale

## components.container-component.js
import Ember from 'ember';

export default Ember.Component.extend({
  componentName: "inner-component",
  actions:  {
  	handleComponentChange() {
    	this.set('componentName', "second-component");
    }
  }
});

## README.md

      
              3 files
            
          
              0 forks
            
          
              0 comments
            
          
              0 stars
            
          
                tomdale
                / README.md
            
            
              Created Sep 8, 2013
                — forked from mbostock/.block
            
          
      View README.md
  
    
    By customizing the display of D3’s brush component, you can make a single-handle slider. Or, by using custom resize handles, you can make a two-handled slider.

  
## example.html
<!doctype html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">

  <title>Collection Example</title>
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
</head>
<body>

## bind_block.handlebars
MyApp.MyObj = SC.Object.extend({
  type: "isString",

  isString: function() {
    return this.get('type') === 'isString';
  }.property('type')
});

{{#collection "App.FieldsView" tagName="ul"}}
  {{#with content}}

## my_page.js
contentView: SC.SourceListView.design({
  contentBinding: 'Authoring.reportTemplatesArrayController.content',
  selectionBinding: 'Authoring.reportTemplatesArrayController.selection',
  exampleView: SC.View.design({
    classNames: 'sc-list-item-view'.w(),
    childViews: 'nameLabel'.w(),
    /**
      Add 'sel' class in render method.
    */
    render: function(context) {

## gist:337732
// dynamically apply a mixin specified in an object property
var MyClass = SC.Object.extend({
    extraMixin: null,

    foo: "bar",

    init: function() {
        this.mixin(this.extraMixin);
        arguments.callee.base.apply(this, arguments);
    },

## Currencyconverter.converterController
// ==========================================================================
// Project:   Currencyconverter.converterController
// Copyright: ©2009 My Company, Inc.
// ==========================================================================
/*globals Currencyconverter */

/** @class

  Converts one form of currency to another.
	import Ember from 'ember';

	export default Ember.Component.extend({
	componentName: "inner-component",
	actions: {
	handleComponentChange() {
	this.set('componentName', "second-component");
	}
	}
	});
	<!doctype html>
	<html lang="en">
	<head>
	<meta charset="UTF-8">
	<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">

	<title>Collection Example</title>
	<meta name="viewport" content="width=device-width, initial-scale=1.0">
	</head>
	<body>
	MyApp.MyObj = SC.Object.extend({
	type: "isString",

	isString: function() {
	return this.get('type') === 'isString';
	}.property('type')
	});

	{{#collection "App.FieldsView" tagName="ul"}}
	{{#with content}}
	contentView: SC.SourceListView.design({
	contentBinding: 'Authoring.reportTemplatesArrayController.content',
	selectionBinding: 'Authoring.reportTemplatesArrayController.selection',
	exampleView: SC.View.design({
	classNames: 'sc-list-item-view'.w(),
	childViews: 'nameLabel'.w(),
	/**
	Add 'sel' class in render method.
	*/
	render: function(context) {
	// dynamically apply a mixin specified in an object property
	var MyClass = SC.Object.extend({
	extraMixin: null,

	foo: "bar",

	init: function() {
	this.mixin(this.extraMixin);
	arguments.callee.base.apply(this, arguments);
	},
	// ==========================================================================
	// Project: Currencyconverter.converterController
	// Copyright: ©2009 My Company, Inc.
	// ==========================================================================
	/globals Currencyconverter /

	/** @class

	Converts one form of currency to another.