Skip to content

Instantly share code, notes, and snippets.

@batok

batok/components.my-routable-component.js

Last active April 11, 2016 20:57
Show Gist options

  • Select an option

    Learn more about clone URLs
  • Save batok/c8795bb52990b03a632b7dccfd7b969a to your computer and use it in GitHub Desktop.

Select an option

Learn more about clone URLs
Save batok/c8795bb52990b03a632b7dccfd7b969a to your computer and use it in GitHub Desktop.
Download ZIP

Revisions

  1. batok revised this gist Apr 11, 2016. 3 changed files with 9 additions and 5 deletions.
    9 changes: 7 additions & 2 deletions routes.index.js
    View file
    Original file line number Diff line number Diff line change
    @@ -1,10 +1,15 @@
    import Ember from 'ember';

    const { Logger: { info } } = Ember;
    export default Ember.Route.extend({
    model(){
    model() {
    return "mon tue wed thu fri sat sun".w();
    },
    renderTemplate(){
    render({component: 'my-routable-component'});
    },
    actions: {
    error(error){
    info(error);
    }
    }
    });
    2 changes: 1 addition & 1 deletion templates.application.hbs
    View file
    Original file line number Diff line number Diff line change
    @@ -1,5 +1,5 @@
    <h1>Welcome you to {{appName}}</h1>
    <h2>DACh</h2>
    <h2>DAC</h2>
    <br>
    <br>
    {{outlet}}
    3 changes: 1 addition & 2 deletions twiddle.json
    View file
    Original file line number Diff line number Diff line change
    @@ -1,8 +1,7 @@
    {
    "version": "0.7.2",
    "EmberENV": {
    "FEATURES": {'ember-routing-routable-components': true
    }}
    "FEATURES": {'ember-routing-routable-components': true }
    },
    "options": {
    "use_pods": false,
  2. batok revised this gist Apr 11, 2016. 1 changed file with 1 addition and 1 deletion.
    2 changes: 1 addition & 1 deletion templates.application.hbs
    View file
    Original file line number Diff line number Diff line change
    @@ -1,5 +1,5 @@
    <h1>Welcome you to {{appName}}</h1>
    <h2>DAC</h2>
    <h2>DACh</h2>
    <br>
    <br>
    {{outlet}}
  3. batok revised this gist Apr 11, 2016. No changes.
  4. batok created this gist Apr 11, 2016.
    5 changes: 5 additions & 0 deletions components.my-routable-component.js
    View file
    Original file line number Diff line number Diff line change
    @@ -0,0 +1,5 @@
    import Ember from 'ember';

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

    export default Ember.Controller.extend({
    appName: 'Ember Twiddle'
    });
    10 changes: 10 additions & 0 deletions routes.index.js
    View file
    Original file line number Diff line number Diff line change
    @@ -0,0 +1,10 @@
    import Ember from 'ember';

    export default Ember.Route.extend({
    model(){
    return "mon tue wed thu fri sat sun".w();
    },
    renderTemplate(){
    render({component: 'my-routable-component'});
    }
    });
    7 changes: 7 additions & 0 deletions templates.application.hbs
    View file
    Original file line number Diff line number Diff line change
    @@ -0,0 +1,7 @@
    <h1>Welcome you to {{appName}}</h1>
    <h2>DAC</h2>
    <br>
    <br>
    {{outlet}}
    <br>
    <br>
    4 changes: 4 additions & 0 deletions templates.components.my-routable-component.hbs
    View file
    Original file line number Diff line number Diff line change
    @@ -0,0 +1,4 @@
    {{yield}}
    {{#each model as |day|}}
    {{day}}
    {{/each}}
    17 changes: 17 additions & 0 deletions twiddle.json
    View file
    Original file line number Diff line number Diff line change
    @@ -0,0 +1,17 @@
    {
    "version": "0.7.2",
    "EmberENV": {
    "FEATURES": {'ember-routing-routable-components': true
    }}
    },
    "options": {
    "use_pods": false,
    "enable-testing": false
    },
    "dependencies": {
    "jquery": "https://cdnjs.cloudflare.com/ajax/libs/jquery/1.11.3/jquery.js",
    "ember": "canary",
    "ember-data": "https://cdnjs.cloudflare.com/ajax/libs/ember-data.js/2.4.3/ember-data.js",
    "ember-template-compiler": "canary"
    }
    }