NullVoxPopuli

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

NullVoxPopuli

Keybase proof

I hereby claim:

• I am nullvoxpopuli on github.
• I am nullvoxpopuli (https://keybase.io/nullvoxpopuli) on keybase.
• I have a public key ASBdAM3xFHnPFpBs2S3HffJ93uB48AXqC19NHjr41BZ4Bwo

To claim this, I am signing this object:

NullVoxPopuli

<div class="chat-entry-container">
  <div class="control">
   <button
      type='button'
      class='dropdown-trigger'
    >
      <FaIcon @icon='plus' />
    </button>
  </div>

NullVoxPopuli

<ol>
  <li>Open browser dev tools</li>
  <li>click "Make True"</li>
  <li>click "Make False"</li>
  <li>Notice an error in the console</li>
</ol>

<button {{on 'click' this.makeTrue}}>
  Make True
</button>

NullVoxPopuli

{{#-in-element this.element}}
  this text is in the target div
{{/-in-element}}

NullVoxPopuli

<section>
  <h2>items in the component</h2>

  <ul>
    {{#each this.items as |item|}}
      <li>
        {{item.quantity}} x {{item.name}}
        <button class='button-sm' {{on 'click' (fn this.add item)}}>
          Add Item
        </button>

NullVoxPopuli

<section>
  <h2>items in the component</h2>

  <ul>
    {{#each this.items as |item|}}
      <li>
        {{item.quantity}} x {{item.name}}
        <button class='button-sm' {{on 'click' (fn this.add item)}}>
          Add Item
        </button>

NullVoxPopuli

<section>
  <h2>items in the component</h2>

  <ul>
    {{#each this.items as |item|}}
      <li>
        {{item.quantity}} x {{item.name}}
        <button class='button-sm' {{on 'click' (fn this.add item)}}>
          Add Item
        </button>

NullVoxPopuli

<div class='message'>
  {{@message}}
</div>

NullVoxPopuli

import Controller from '@ember/controller';
import { inject as service } from '@ember/service';

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

  transitionToQp = () => {
    this.router.transitionTo({ queryParams: { foo: 123 } });  
    this.router.transitionTo('foo');
    this.router.transitionTo({ queryParams: { foo: 1234 } });