ryanlabouve

import Ember from 'ember';

export default Ember.Controller.extend({
  var1: 5,
  var2: 5,
  wat: Ember.computed.equal('var1', 'var2')
});

ryanlabouve

import Ember from 'ember';

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

ryanlabouve

import Ember from 'ember';

export default Ember.Controller.extend({
  log(msg) {
    Ember.$('.log').append(msg);
    Ember.$('.log').append(Ember.$("<br><br>"));
  },
  writeObject(arg) {
    let str = "";
    for (let key in arg) {

ryanlabouve

import Ember from 'ember'

function sendPress() {
  this.sendAction('press');
}

function sendRelease() {
  this.sendAction('release');
}

ryanlabouve

Howdy!

We are going to work through some component challenges today with Ember.

This is intended to be fun! I'm not wanting to judge your progress each step of the way or see how far you get... just want to have fun building a component with you and see your process/workflow!

• Option 1: Ember-Powerful-Selector

Build a minimal ripoff of ember power select!

ryanlabouve

import Ember from 'ember';

export default Ember.Controller.extend({
  actions: {
    firstAction() {
      console.log(arguments.length)
      console.log(typeof arguments[0]);
      console.log(...arguments);
    }
  }

ryanlabouve

import Ember from 'ember';

export default Ember.Controller.extend({
  actions: {
    getCheckboxValue(val) {
      console.log(...arguments);
      console.log(val);
    },
    
    getInputValue(val) {

ryanlabouve

import Ember from 'ember';

export default Ember.Controller.extend({
  actions: {
    firstAction() {
      console.log(...arguments);
      console.log('first action');
    },
    secondAction() {
      console.log(...arguments);

ryanlabouve

import Ember from 'ember';

export default Ember.Controller.extend({
  lights: false,

  actions: {
    toggleLightsOnOff() {
      this.toggleProperty('lights');  
    }
  }

ryanlabouve

import Ember from 'ember';

export default Ember.Controller.extend();