Skip to content

Instantly share code, notes, and snippets.

@alias-mac

alias-mac/components.my-component\.js

Last active June 25, 2021 01:03
Show Gist options

  • Select an option

    Learn more about clone URLs
  • Save alias-mac/20c6b7f2ab8843d51ac6aa429b60b98b to your computer and use it in GitHub Desktop.

Select an option

Learn more about clone URLs
Save alias-mac/20c6b7f2ab8843d51ac6aa429b60b98b to your computer and use it in GitHub Desktop.
Download ZIP

Revisions

  1. alias-mac revised this gist Jun 25, 2021. No changes.
  2. alias-mac revised this gist Jun 25, 2021. No changes.
  3. alias-mac revised this gist Jun 25, 2021. No changes.
  4. alias-mac revised this gist Jun 25, 2021. No changes.
  5. alias-mac revised this gist Jun 25, 2021. No changes.
  6. alias-mac revised this gist Jun 25, 2021. 4 changed files with 16 additions and 10 deletions.
    6 changes: 6 additions & 0 deletions components.my-component\.js
    View file
    Original file line number Diff line number Diff line change
    @@ -0,0 +1,6 @@
    import Component from '@glimmer/component';

    export default class extends Component {
    state1 = 'in... 1';
    state2 = 'in... 2';
    }
    2 changes: 0 additions & 2 deletions controllers.application\.js
    View file
    Original file line number Diff line number Diff line change
    @@ -3,6 +3,4 @@ import Controller from '@ember/controller';
    export default class ApplicationController extends Controller {
    appName = 'Ember Twiddle';

    state1 = 'state1';
    state2 = 'state2';
    }
    9 changes: 1 addition & 8 deletions templates.application\.hbs
    View file
    Original file line number Diff line number Diff line change
    @@ -2,13 +2,6 @@
    <br>
    <br>
    {{outlet}}
    state1: {{state1}}
    state2: {{state2}}

    <button
    type="button"
    {{on "click" (fn (mut state1) "done")}}
    {{on "click" (fn (mut state2) "done")}}
    >Complete</button>
    {{my-component}}
    <br>
    <br>
    9 changes: 9 additions & 0 deletions templates.components.my-component\.hbs
    View file
    Original file line number Diff line number Diff line change
    @@ -0,0 +1,9 @@
    state1: {{state1}}
    state2: {{state2}}

    <button
    type="button"
    {{on "click" (fn (mut state1) "done")}}
    {{on "click" (fn (mut state2) "done")}}
    >Complete</button>

  7. alias-mac created this gist Jun 25, 2021.
    8 changes: 8 additions & 0 deletions controllers.application\.js
    View file
    Original file line number Diff line number Diff line change
    @@ -0,0 +1,8 @@
    import Controller from '@ember/controller';

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

    state1 = 'state1';
    state2 = 'state2';
    }
    14 changes: 14 additions & 0 deletions templates.application\.hbs
    View file
    Original file line number Diff line number Diff line change
    @@ -0,0 +1,14 @@
    <h1>Welcome to {{this.appName}}</h1>
    <br>
    <br>
    {{outlet}}
    state1: {{state1}}
    state2: {{state2}}

    <button
    type="button"
    {{on "click" (fn (mut state1) "done")}}
    {{on "click" (fn (mut state2) "done")}}
    >Complete</button>
    <br>
    <br>
    22 changes: 22 additions & 0 deletions twiddle\.json
    View file
    Original file line number Diff line number Diff line change
    @@ -0,0 +1,22 @@
    {
    "version": "0.17.1",
    "EmberENV": {
    "FEATURES": {},
    "_TEMPLATE_ONLY_GLIMMER_COMPONENTS": false,
    "_APPLICATION_TEMPLATE_WRAPPER": true,
    "_JQUERY_INTEGRATION": true
    },
    "options": {
    "use_pods": false,
    "enable-testing": false
    },
    "dependencies": {
    "jquery": "https://cdnjs.cloudflare.com/ajax/libs/jquery/3.5.1/jquery.js",
    "ember": "3.18.1",
    "ember-template-compiler": "3.18.1",
    "ember-testing": "3.18.1"
    },
    "addons": {
    "@glimmer/component": "1.0.0"
    }
    }