jkarsrud

  // Available variables:
  // - Machine
  // - interpret
  // - assign
  // - send
  // - sendParent
  // - spawn
  // - raise
  // - actions

jkarsrud

const now = new Date();
const vehicles = [
	{ availableFrom: now },
	{ availableFrom: now.setMinutes(now.getMinutes() + 5) },
	{ availableFrom: null }
];

const VehicleTypeMachine = Machine({
  id: 'VehicleType',
  initial: 'unknown',

jkarsrud

import Ember from 'ember';

export default Ember.Controller.extend({
  appName: 'Ember Twiddle',
  lat: 59.9200,
  long: 10.7450,
  zoom: 13,
  markers: [
    { name: 'Grünerløkka', coords: [59.9239, 10.7578] },
    { name: 'Majorstua', coords: [59.9268, 10.7162] }

jkarsrud

import Ember from 'ember';

export default Ember.Controller.extend({
  appName: 'Ember Twiddle',
  actions: {
    test(event) {
      console.log("event", event);
    }
  }
});

jkarsrud

import Ember from 'ember';

export default Ember.Component.extend({
  classNames: ['animated','sliding-elem'],
   
  didInsertElement() {
    this._super(...arguments);
    
    this.animationHandler = () => {
			this.element.classList.remove('sliding-elem');      

jkarsrud

import Ember from 'ember';

export default Ember.Component.extend({
  tagName: '',
	resizeCount: 0,
  didInsertElement() {
    window.addEventListener('resize', () => { 
      this.set('resizeCount', this.resizeCount + 1);
      console.log('resizing'); 
    });

jkarsrud

import Ember from 'ember';

export default Ember.Component.extend({
  classNames: ['foo'],

  didInsertElement() {
		this.set('allOfTheClasses', this.element.classList);
  },
});

jkarsrud

import Ember from 'ember';

export default Ember.Controller.extend({
  appName: 'Ember Twiddle',
  indeterminate: false,
  actions: {
    toggleIndeterminate() {
      this.toggleProperty('indeterminate');
    }
  }

jkarsrud

import Ember from 'ember';

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

jkarsrud

import Ember from 'ember';

export default Ember.Component.extend({
});