Skip to content

Instantly share code, notes, and snippets.

@dineshvgp

dineshvgp/controllers.application.js

Last active January 3, 2018 10:04
Show Gist options

  • Select an option

    Learn more about clone URLs
  • Save dineshvgp/1b2b9fbc3c1c7046d1059df76292b80d to your computer and use it in GitHub Desktop.

Select an option

Learn more about clone URLs
Save dineshvgp/1b2b9fbc3c1c7046d1059df76292b80d to your computer and use it in GitHub Desktop.
Download ZIP

Revisions

  1. Dinesh Ramasamy revised this gist Jan 3, 2018. 3 changed files with 19 additions and 18 deletions.
    6 changes: 4 additions & 2 deletions controllers.application.js
    View file
    Original file line number Diff line number Diff line change
    @@ -3,10 +3,12 @@ import Ember from 'ember';
    export default Ember.Controller.extend({
    appName: 'Ember Twiddle',
    actions: {
    updateTag(tags) {
    console.log('tags', tags)
    updateTag() {
    },
    onkeydown(select, e) {
    //**
    // Fired couple of time when I press escape key
    //**
    console.log('keydown', select, e);
    }
    }
    13 changes: 6 additions & 7 deletions routes.application.js
    View file
    Original file line number Diff line number Diff line change
    @@ -2,13 +2,12 @@ import Ember from 'ember';

    export default Ember.Route.extend({
    model() {
    const count = 10;
    let things = [count];
    const count = 10;
    let things = [count];

    for (let i = 1; i < count; i++) {
    things[i] = {id: i, name: `item-${i.toString()}`};
    }

    return things;
    for (let i = 1; i < count; i++) {
    things[i] = `item-${i.toString()}`
    }
    return things;
    }
    });
    18 changes: 9 additions & 9 deletions templates.application.hbs
    View file
    Original file line number Diff line number Diff line change
    @@ -6,13 +6,13 @@
    <br />

    <div style="width: 300px">
    {{#power-select-multiple-with-create options=model
    selected=selectedThing
    onchange=(action (mut selectedThing))
    oncreate=(action "updateTag")
    renderInPlace=true
    onkeydown=(action 'onkeydown')
    as |thing|}}
    {{thing}}
    {{/power-select-multiple-with-create}}
    {{#power-select-multiple-with-create options=model
    selected=selectedThing
    onchange=(action (mut selectedThing))
    oncreate=(action "updateTag")
    renderInPlace=true
    onkeydown=(action 'onkeydown')
    as |thing|}}
    {{thing}}
    {{/power-select-multiple-with-create}}
    </div>
  2. Dinesh Ramasamy created this gist Jan 3, 2018.
    13 changes: 13 additions & 0 deletions controllers.application.js
    View file
    Original file line number Diff line number Diff line change
    @@ -0,0 +1,13 @@
    import Ember from 'ember';

    export default Ember.Controller.extend({
    appName: 'Ember Twiddle',
    actions: {
    updateTag(tags) {
    console.log('tags', tags)
    },
    onkeydown(select, e) {
    console.log('keydown', select, e);
    }
    }
    });
    14 changes: 14 additions & 0 deletions routes.application.js
    View file
    Original file line number Diff line number Diff line change
    @@ -0,0 +1,14 @@
    import Ember from 'ember';

    export default Ember.Route.extend({
    model() {
    const count = 10;
    let things = [count];

    for (let i = 1; i < count; i++) {
    things[i] = {id: i, name: `item-${i.toString()}`};
    }

    return things;
    }
    });
    18 changes: 18 additions & 0 deletions templates.application.hbs
    View file
    Original file line number Diff line number Diff line change
    @@ -0,0 +1,18 @@
    <h1>Welcome to {{appName}}</h1>

    <br />
    <br />
    <br />
    <br />

    <div style="width: 300px">
    {{#power-select-multiple-with-create options=model
    selected=selectedThing
    onchange=(action (mut selectedThing))
    oncreate=(action "updateTag")
    renderInPlace=true
    onkeydown=(action 'onkeydown')
    as |thing|}}
    {{thing}}
    {{/power-select-multiple-with-create}}
    </div>
    20 changes: 20 additions & 0 deletions twiddle.json
    View file
    Original file line number Diff line number Diff line change
    @@ -0,0 +1,20 @@
    {
    "version": "0.13.0",
    "EmberENV": {
    "FEATURES": {}
    },
    "options": {
    "use_pods": false,
    "enable-testing": false
    },
    "dependencies": {
    "jquery": "https://cdnjs.cloudflare.com/ajax/libs/jquery/1.11.3/jquery.js",
    "ember": "2.16.2",
    "ember-template-compiler": "2.16.2",
    "ember-testing": "2.16.2"
    },
    "addons": {
    "ember-data": "2.16.3",
    "ember-power-select-with-create": "0.4.3"
    }
    }