Kerrick

import Ember from 'ember';

export default Ember.Controller.extend({
  appName: 'Ember Twiddle',
  alert() {
    alert('Oh no! The action bubbled.');
  },
  actions: {
    returnEarly(event) {
      console.log(arguments);

Kerrick

export const emojiMap: { [key: string]: string } = {
  '💯': '100',
  '🔢': '1234',
  '😀': 'grinning',
  '😬': 'grimacing',
  '😁': 'grin',
  '😂': 'joy',
  // ...
};

Kerrick

Roll

Roll any number of dice on your command line, including modifiers!

Dependencies

Requrise node v8.x or higher.

Usage

Kerrick

import Ember from 'ember';

export default Ember.Controller.extend({
  appName: 'Ember Twiddle',
  items: [
    { name: 'Apple', count: 2 },
    { name: 'Banana', count: 4 },
    { name: 'Cherry', count: 6 },
    { name: 'Durian', count: 8 },
    { name: 'Elderberry', count: 3 },

Kerrick

import Ember from 'ember';

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

Kerrick

import Ember from 'ember';

export default Ember.Controller.extend({
  firstName: '',
  lastName: '',
  fullName: Ember.computed('firstName', 'lastName', function() {
    const firstName = this.get('firstName');
    const lastName = this.get('lastName');
    
    if (firstName && lastName)  {

Kerrick

import Ember from 'ember';

export default Ember.Component.extend({
  classNames: ['gets-classes-added'],
  classNameBindings: ['extraClassNames'],
  setupExtraClasses: Ember.on('init', function() {
    this.set('extraClasses', []);
  }),
  extraClassNames: Ember.computed('extraClasses', function() {
    return this.get('extraClasses').join(' ');

Kerrick

import Ember from 'ember';

export default Ember.Component.extend({
  classNames: ['gets-classes-added'],
  actions: {
    addClass() {
      const newClass = Math.random().toString().slice(2);
      this.get('classNames').addObject(newClass);
    }
  }

Kerrick

import Ember from 'ember';

export default Ember.Component.extend({
  value: false,
  actions: {
    toggle() {
      this.toggleProperty('value');
    }
  }
});

Kerrick

import Ember from 'ember';

const FooMixin = Ember.Mixin.create({
  foo() {
    alert('foo');
  }
});

const obj = Ember.Object.extend(FooMixin).create();