sheriffderek

import Ember from 'ember';

export default Ember.Component.extend({
  classNameBindings: ['archived', 'hidden'],

  archived: true,

  actions: {
    toggle() {
      this.toggleProperty('archived');

sheriffderek

import DS from 'ember-data';

export default DS.RESTAdapter.extend({
  host:'https://pokeapi.co',
  namespace: 'api/v2',
  
  pathForType() {
    return 'pokemon'; // because I used 'monster'
  },
});

sheriffderek

import Ember from 'ember';

export default Ember.Component.extend({
  
  didInsertElement() {
    // not great - but enough to see the problem...
    document.onkeypress = function (e) {
      e = e || window.event;
        // use e.keyCode
    	console.log('you hit keycode #' + e.keyCode);

sheriffderek

import Ember from 'ember';

export default Ember.Controller.extend({
  appName: 'Text area example',
  modelThing: 'initial copy',

  type: false,

  modelA: {
		copy: 'model a text',

sheriffderek

import Ember from 'ember';

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

sheriffderek

import Ember from 'ember';

export default Ember.Controller.extend({
  appName: 'Shops to shop'
});

sheriffderek

import Ember from 'ember';

export default Ember.Component.extend({
  // It's key to understand that this is a
  // "hash" of properties...
  // and not a block for javascript (see click)
  
  // Element
  tagName: 'asisde',
  classNames: ['example-component'],

sheriffderek

import Ember from 'ember';

export default Ember.Controller.extend({
  appName: 'Ember Twiddle',
  
  wasClicked: false,
  
  actions: {
		sayName(name) {
      this.set('wasClicked', true);

sheriffderek

import Ember from 'ember';

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

sheriffderek

import Ember from 'ember';

export default Ember.Controller.extend({
  appName: 'Empty record created example'
});