Skip to content

Instantly share code, notes, and snippets.

@patrickberkeley
Last active July 21, 2016 21:29
Show Gist options
  • Save patrickberkeley/3901bf2bf11c65cff1b5 to your computer and use it in GitHub Desktop.
Save patrickberkeley/3901bf2bf11c65cff1b5 to your computer and use it in GitHub Desktop.

Revisions

  1. patrickberkeley revised this gist Feb 5, 2016. 6 changed files with 28 additions and 6 deletions.
    2 changes: 2 additions & 0 deletions adapters.application.js
    Original file line number Diff line number Diff line change
    @@ -0,0 +1,2 @@
    import DS from 'ember-data';
    export default DS.FixtureAdapter.extend();
    4 changes: 4 additions & 0 deletions application.controller.js
    Original file line number Diff line number Diff line change
    @@ -7,6 +7,10 @@ export default Ember.Controller.extend({
    actions: {
    toggleInput() {
    this.toggleProperty('isVisible');
    },

    submit() {
    this.get('model').save();
    }
    }
    });
    2 changes: 1 addition & 1 deletion application.route.js
    Original file line number Diff line number Diff line change
    @@ -2,6 +2,6 @@ import Ember from 'ember';

    export default Ember.Route.extend({
    model() {
    return this.store.find('my-model');
    return this.store.createRecord('my-model');
    }
    });
    1 change: 1 addition & 0 deletions application.template.hbs
    Original file line number Diff line number Diff line change
    @@ -12,6 +12,7 @@
    {{#if isVisible}}
    {{input
    value=model.someProperty
    insert-newline=(action 'submit')
    }}
    {{/if}}

    17 changes: 16 additions & 1 deletion models.my-model.js
    Original file line number Diff line number Diff line change
    @@ -4,6 +4,21 @@ const {
    attr
    } = DS;

    export default DS.Model.extend({
    const MyModel = DS.Model.extend({
    someProperty: attr('string')
    });

    MyModel.reopenClass({
    FIXTURES: [
    {
    id: 1,
    someProperty: 'Dickinson'
    },
    {
    id: 2,
    someProperty: 'Twain'
    }
    ]
    });

    export default MyModel;
    8 changes: 4 additions & 4 deletions twiddle.json
    Original file line number Diff line number Diff line change
    @@ -8,8 +8,8 @@
    },
    "dependencies": {
    "jquery": "https://cdnjs.cloudflare.com/ajax/libs/jquery/1.11.3/jquery.js",
    "ember": "https://cdnjs.cloudflare.com/ajax/libs/ember.js/2.2.0/ember.debug.js",
    "ember-data": "https://cdnjs.cloudflare.com/ajax/libs/ember-data.js/2.2.0/ember-data.js",
    "ember-template-compiler": "https://cdnjs.cloudflare.com/ajax/libs/ember.js/2.2.0/ember-template-compiler.js"
    "ember": "1.13.13",
    "ember-data": "1.13.15",
    "ember-template-compiler": "1.13.13"
    }
    }
    }
  2. patrickberkeley created this gist Feb 5, 2016.
    12 changes: 12 additions & 0 deletions application.controller.js
    Original file line number Diff line number Diff line change
    @@ -0,0 +1,12 @@
    import Ember from 'ember';

    export default Ember.Controller.extend({
    appName:'Ember Twiddle',
    isVisible: false,

    actions: {
    toggleInput() {
    this.toggleProperty('isVisible');
    }
    }
    });
    7 changes: 7 additions & 0 deletions application.route.js
    Original file line number Diff line number Diff line change
    @@ -0,0 +1,7 @@
    import Ember from 'ember';

    export default Ember.Route.extend({
    model() {
    return this.store.find('my-model');
    }
    });
    22 changes: 22 additions & 0 deletions application.template.hbs
    Original file line number Diff line number Diff line change
    @@ -0,0 +1,22 @@
    <h1>Welcome to {{appName}}</h1>
    <br>
    <br>
    {{outlet}}
    <br>
    <br>

    <button {{action 'toggleInput'}}>
    Toggle that input!
    </button>

    {{#if isVisible}}
    {{input
    value=model.someProperty
    }}
    {{/if}}

    <br>
    <br>
    Let's see that model property:
    <br>
    {{model.someProperty}}
    9 changes: 9 additions & 0 deletions models.my-model.js
    Original file line number Diff line number Diff line change
    @@ -0,0 +1,9 @@
    import DS from 'ember-data';

    const {
    attr
    } = DS;

    export default DS.Model.extend({
    someProperty: attr('string')
    });
    15 changes: 15 additions & 0 deletions twiddle.json
    Original file line number Diff line number Diff line change
    @@ -0,0 +1,15 @@
    {
    "version": "0.5.0",
    "EmberENV": {
    "FEATURES": {}
    },
    "options": {
    "enable-testing": false
    },
    "dependencies": {
    "jquery": "https://cdnjs.cloudflare.com/ajax/libs/jquery/1.11.3/jquery.js",
    "ember": "https://cdnjs.cloudflare.com/ajax/libs/ember.js/2.2.0/ember.debug.js",
    "ember-data": "https://cdnjs.cloudflare.com/ajax/libs/ember-data.js/2.2.0/ember-data.js",
    "ember-template-compiler": "https://cdnjs.cloudflare.com/ajax/libs/ember.js/2.2.0/ember-template-compiler.js"
    }
    }