Skip to content

Instantly share code, notes, and snippets.

@jenweber
Created September 4, 2019 23:07
Show Gist options
  • Select an option

  • Save jenweber/de7bc96b2ff8a40aa6e5f252069e2f8a to your computer and use it in GitHub Desktop.

Select an option

Save jenweber/de7bc96b2ff8a40aa6e5f252069e2f8a to your computer and use it in GitHub Desktop.

Revisions

  1. jenweber created this gist Sep 4, 2019.
    9 changes: 9 additions & 0 deletions components.a-teeny-component.js
    Original file line number Diff line number Diff line change
    @@ -0,0 +1,9 @@
    import Ember from 'ember';

    export default Ember.Component.extend({
    actions: {
    something(info) {
    this.sendTheForm(info)
    }
    }
    });
    4 changes: 4 additions & 0 deletions components.my-component.js
    Original file line number Diff line number Diff line change
    @@ -0,0 +1,4 @@
    import Ember from 'ember';

    export default Ember.Component.extend({
    });
    10 changes: 10 additions & 0 deletions controllers.application.js
    Original file line number Diff line number Diff line change
    @@ -0,0 +1,10 @@
    import Ember from 'ember';

    export default Ember.Controller.extend({
    appName: 'Ember Twiddle',
    actions: {
    sendTheForm(info) {
    alert(info)
    }
    }
    });
    7 changes: 7 additions & 0 deletions templates.application.hbs
    Original file line number Diff line number Diff line change
    @@ -0,0 +1,7 @@
    <h1>Welcome to {{appName}}</h1>
    <br>
    <br>
    {{outlet}}
    <br>
    <br>
    {{my-component sendTheForm=(action 'sendTheForm')}}
    4 changes: 4 additions & 0 deletions templates.components.a-teeny-component.hbs
    Original file line number Diff line number Diff line change
    @@ -0,0 +1,4 @@
    a-teeny-component
    {{input value=info}}
    <button onclick={{action "something" info}}>submit</button>

    2 changes: 2 additions & 0 deletions templates.components.my-component.hbs
    Original file line number Diff line number Diff line change
    @@ -0,0 +1,2 @@
    my-component
    {{a-teeny-component sendTheForm=sendTheForm}}
    19 changes: 19 additions & 0 deletions twiddle.json
    Original file line number Diff line number Diff line change
    @@ -0,0 +1,19 @@
    {
    "version": "0.15.1",
    "EmberENV": {
    "FEATURES": {}
    },
    "options": {
    "use_pods": false,
    "enable-testing": false
    },
    "dependencies": {
    "jquery": "https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.js",
    "ember": "3.4.3",
    "ember-template-compiler": "3.4.3",
    "ember-testing": "3.4.3"
    },
    "addons": {
    "ember-data": "3.4.2"
    }
    }