jelhan

import Ember from 'ember';
import { validatePresence } from 'ember-changeset-validations/validators';

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

jelhan

import EmberRouter from '@ember/routing/router';
import config from './config/environment';

const Router = EmberRouter.extend({
  location: 'none',
  rootURL: config.rootURL
});

Router.map(function() {
  this.route('route-with-loading-state');

jelhan

<h1>ember-test-selectors and ...attributes</h1>
<p>Have a look at the markup generated by this component.</p>
<MyComponent data-test-foo="bar" />

jelhan

import Ember from 'ember';
import { computed } from '@ember/object';

export default Ember.Controller.extend({
  appName: 'Ember Twiddle',
  items: [
    { firstName: 'Max', lastName: 'Mustermann', email: '[email protected]' },
    { firstName: 'Sven', lastName: 'Adam', email: '[email protected]' },
    { firstName: 'Karl', lastName: 'Käfer', email: '[email protected]' },
  ],

jelhan

import Ember from 'ember';

export default Ember.Controller.extend({
  appName: 'Ember Twiddle',
  
  showFirstModal: true,
  showSecondModal: false,
  
  actions: {
    switchModals() {

jelhan

import Ember from 'ember';

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

jelhan

export default function() {
  this.get('https://cors-anywhere.herokuapp.com/**', () => {
    return new Response(
      200,
      { 'Content-Type': 'image/png' },
      new Blob(['some data'])
    );
  });
}

jelhan

import Ember from 'ember';
import { computed } from '@ember/object';

export default Ember.Controller.extend({
  appName: 'Ember Twiddle',
  items: computed(function() {
    return ['a', 'b', 'c', 'd'];
  })
});

jelhan

import Ember from 'ember';

export default Ember.Controller.extend({
  appName: 'Ember Twiddle',
  actions: {
    updateVal(val) {
      val = parseInt(val);
      if (val >= 0) {
      	this.set('val', val);
      } else {

jelhan

import Ember from 'ember';
import { later } from '@ember/runloop';

export default Ember.Controller.extend({
  appName: 'Ember Twiddle',
  progress: 0,
  updateProgress() {
    later(this, () => {
      if (this.progress < 1) {
        this.set('progress', this.get('progress') + 0.01);