GavinJoyce

import Ember from 'ember';

export default Ember.Controller.extend({
  appName: 'Ember Twiddle',
  maxlength: undefined,
  size: undefined,
  actions: {
    setValues: function() {
     this.setProperties({
       maxlength: 5,

GavinJoyce

import Ember from 'ember';

export default Ember.Controller.extend({
  appName: 'Ember Twiddle',
  placeholder: undefined,
  name: undefined,
  actions: {
    setValues: function() {
     this.setProperties({
       placeholder: 'this is the placeholder',

GavinJoyce

//TODO: GJ: why is this failing?
  ['@skip specifying `on="someevent" action="foo"` results in a deprecation warning and triggers an action']() {
    let fooBarInstance;
    let actionCount = 0;

    let FooBarComponent = Component.extend({
      init() {
        this._super();
        fooBarInstance = this;
      },

GavinJoyce

<style>
.flex-container {
    display: flex;
    width: 100%;
    background-color: #eeeeee;
}

.flex-menu {
    width: 100px;
    margin: 10px;

GavinJoyce

import Ember from 'ember';

export default Ember.Component.extend({
  name: 'Ben',
  result: '',
  
  didInsertElement() {
    let input = this.$('input')[0];
    this.set('result', `
			input.selectionStart: ${input.selectionStart}, 

GavinJoyce

var midi = require('midi');
var input = new midi.input();

for(var i=0; i<input.getPortCount(); i++) {
  console.log(`PORT ${i}: ${input.getPortName(i)}`);
}
----
var MidiStream = require('midi-stream');

var push = MidiStream('Ableton Push 2 User Port');

GavinJoyce

var MidiStream = require('midi-stream');

var push = MidiStream('Ableton Push 2 User Port');

push.on('data', function(data) {
  var instruction = data[0];
  var note = data[1] - 36;
  var row = Math.floor(note / 8);
  var column = note % 8;

GavinJoyce

import Ember from 'ember';

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

GavinJoyce

import Ember from 'ember';

export default Ember.LinkComponent.extend({
  classNameBindings: ['isUrgent'],
  isUrgent: true
});

GavinJoyce

import Ember from 'ember';

export default Ember.Controller.extend({
  appName: 'Ember Twiddle',
  style: Em.computed('color', function() {
    return `background-color: red" onclick="alert(1)"`
  })
});