jgwhite

{{yield
	(hash
  	install=this.install
    state=this.state
  )
}}

jgwhite

[
  {
    "id": "3c339d3d-c76d-3eb5-b3bc-98c8c2d18620",
    "type": "Song",
    "score": 99,
    "title": "Blue Moon",
    "language": "eng",
    "iswcs": [
      "T-915.741.665-4",
      "T-070.011.746-9"

jgwhite

import Controller from '@ember/controller';
import { tracked } from '@glimmer/tracking';
import { action } from '@ember/object';

export default class ApplicationController extends Controller {
  @tracked actionClicked = false;
	@tracked onclickClicked = false;
  @tracked onClicked = false;

	@action enable(prop) {

jgwhite

import Component from '@glimmer/component';

export default class extends Component {
}

jgwhite

import Controller from '@ember/controller';

export default class ApplicationController extends Controller {
  appName = 'Ember Twiddle';
}

jgwhite

Bindings
  No bindings
    add binding -> Selecting target
  Selecting target
    bind -> Sending request
    done -> No bindings
  Selecting target with error
    try again -> Sending request
    done -> No bindings
  Sending request

jgwhite

Required form field

  Untouched
    focus -> Untouched
    blur -> Untouched
    enter valid input -> Valid
    enter invalid input -> Invalid
    submit form -> Invalid

  Invalid

jgwhite

import { helper } from '@ember/component/helper';
import { assert } from '@ember/debug';

/**
 * Verify that a certain expectation is met, or throw a exception
 * otherwise.
 *
 * Delegates directly to `assert` from `@ember/debug`.
 *
 * @param {string} description - Describes the expectation. This will

jgwhite

A login flow for NASA in the 1970s
  Sign in
    Submit correct email and password -> 2FA
    Submit correct badge number and password -> 2FA
    Submit incorrect email -> Sign in error
    Submit incorrect badge number -> Sign in error
    Submit incorrect password -> Sign in error
    Click forgot -> Forgot
  Sign in error
    Submit correct email and password -> 2FA

jgwhite

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

export default Ember.Controller.extend({
  appName: 'Ember Twiddle',
  
  
  foos: [{
    bars: ['a', 'b']
  }, {