cromwellryan

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();
  },

cromwellryan

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

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

cromwellryan

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

• https://github.com/ember-cli/ember-cli/releases
• Need beta instance of ember-cli… scary
• Docker!

1. Create a new Docker Machine/Host

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

cromwellryan

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;

cromwellryan

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);
	})
});

cromwellryan

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

cromwellryan

{
  "activity": [ 
    {
      "user": {
        "username": "gandolfJ",
        "firstName": "James",
        "lastName": "Gandolfini"
      },
      "written_at": "2016-01-11T18:25:43.511Z",
      "activity": "Logged in"

cromwellryan

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);
    }
  });

cromwellryan

import Ember from 'ember';

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

cromwellryan

import Ember from 'ember';

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