Ryan Cromwell cromwellryan

cromwellryan explored setting up and using Ember's "Angle Bracket Components".

$> dm create -d virtualbox
$&gt; eval "$(docker-machine env local)"

	import Ember from 'ember';

	export default Ember.Component.extend({
	showNav: false,
	didInsertElement () {
	this.$('.nav-wrapper').appendAround();
	this.$('.search-wrapper').appendAround();
	this.$('.sign-in-wrapper').appendAround();
	this.$('.universal-nav-wrapper').appendAround();
	},

	class CompositeEnrollmentCommand
	def initialize(enrollment)
	@enrollment = enrollment
	end

	def execute
	commands
	.each { \|c\| c.execute }
	end

	import Ember from 'ember';

	export default Ember.Route.extend({
	setupController: function(controller,model) {
	this._super(controller,model);
	this.startWatchingTime(controller);
	},

	startWatchingTime: function(controller){
	var self = this;

	import Ember from 'ember';

	export default Ember.Controller.extend({
	appName:'Ember Twiddle',
	things: [1,2,3,4,5],
	smaller: Ember.computed('things', function() {
	return this.get('things').slice(0,2);
	})
	});

	var myApp = {
	formatActivities(data, asOf) {
	var activities = data.activity;
	asOf = asOf \|\| moment(); // optional arguments make testing easier... sometimes

	var formatted = activities.map( (activity) => {
	return {
	"displayName": `${activity.user.firstName} ${activity.user.lastName} (${activity.user.username})`,
	"formattedDateTime": moment(activity.written_at).from(asOf),
	"activity": activity.activity

	myModule.showSecondaryData = function() {
	$.ajax({
	url: '//br-frontend-testing-triangles.herokuapp.com',
	success: function(data) {
	$('#triangleType').text(data.type);
	},
	error: function(jqXHR, textStatus, errorThrown) {
	$('#error').text('Error: ' + errorThrown);
	}
	});

	import Ember from 'ember';

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

	import Ember from 'ember';

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