Skip to content

Instantly share code, notes, and snippets.

@CvX
Forked from sergiferran/controllers.application.js
Last active November 6, 2018 10:47
Show Gist options
  • Save CvX/f3a41f8c4d7b92d9224043cb82c8ce8f to your computer and use it in GitHub Desktop.
Save CvX/f3a41f8c4d7b92d9224043cb82c8ce8f to your computer and use it in GitHub Desktop.

Revisions

  1. CvX revised this gist Nov 6, 2018. 1 changed file with 1 addition and 1 deletion.
    2 changes: 1 addition & 1 deletion twiddle.json
    Original file line number Diff line number Diff line change
    @@ -9,7 +9,7 @@
    },
    "dependencies": {
    "jquery": "https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.js",
    "ember": "3.2.0",
    "ember": "3.6.0-beta.1",
    "ember-template-compiler": "3.4.3",
    "ember-testing": "3.4.3"
    },
  2. CvX revised this gist Nov 6, 2018. 1 changed file with 1 addition and 1 deletion.
    2 changes: 1 addition & 1 deletion twiddle.json
    Original file line number Diff line number Diff line change
    @@ -9,7 +9,7 @@
    },
    "dependencies": {
    "jquery": "https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.js",
    "ember": "3.4.3",
    "ember": "3.2.0",
    "ember-template-compiler": "3.4.3",
    "ember-testing": "3.4.3"
    },
  3. CvX revised this gist Nov 6, 2018. No changes.
  4. CvX revised this gist Nov 6, 2018. 1 changed file with 8 additions and 5 deletions.
    13 changes: 8 additions & 5 deletions twiddle.json
    Original file line number Diff line number Diff line change
    @@ -1,5 +1,5 @@
    {
    "version": "0.11.1",
    "version": "0.15.1",
    "EmberENV": {
    "FEATURES": {}
    },
    @@ -8,9 +8,12 @@
    "enable-testing": false
    },
    "dependencies": {
    "jquery": "https://cdnjs.cloudflare.com/ajax/libs/jquery/1.11.3/jquery.js",
    "ember": "3.5.0",
    "ember-template-compiler": "2.11.0"
    "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": {}
    "addons": {
    "ember-data": "3.4.2"
    }
    }
  5. CvX revised this gist Nov 6, 2018. 1 changed file with 2 additions and 4 deletions.
    6 changes: 2 additions & 4 deletions twiddle.json
    Original file line number Diff line number Diff line change
    @@ -9,10 +9,8 @@
    },
    "dependencies": {
    "jquery": "https://cdnjs.cloudflare.com/ajax/libs/jquery/1.11.3/jquery.js",
    "ember": "2.11.0",
    "ember-data": "2.11.0",
    "ember-template-compiler": "2.11.0",
    "ember-testing": "2.11.0"
    "ember": "3.5.0",
    "ember-template-compiler": "2.11.0"
    },
    "addons": {}
    }
  6. @sergiferran sergiferran revised this gist Mar 10, 2017. No changes.
  7. @sergiferran sergiferran revised this gist Mar 10, 2017. 2 changed files with 3 additions and 3 deletions.
    2 changes: 1 addition & 1 deletion controllers.application.js
    Original file line number Diff line number Diff line change
    @@ -2,7 +2,7 @@ import Ember from 'ember';

    export default Ember.Controller.extend({
    appName: 'Ember Twiddle',
    value: '1\n2\n3',
    value: 'abc\ntest here\nAlso here',
    values: Ember.computed('value', function(){
    return (this.get('value') || '').split('\n');
    })
    4 changes: 2 additions & 2 deletions templates.application.hbs
    Original file line number Diff line number Diff line change
    @@ -3,8 +3,8 @@
    <h2>If you remove/add some line in the textarea, it will crash, but if you remove ~ from {{each}} helper, won't crash</h2>
    <br>

    {{#each values as |value index|~}}
    {{highlight-text value=value highlight=1}}
    {{#each values as |value|~}}
    {{highlight-text value=value highlight='a'}}
    {{~/each}}
    <br>
    {{textarea value=value rows="4"}}
  8. @sergiferran sergiferran revised this gist Mar 10, 2017. No changes.
  9. @sergiferran sergiferran revised this gist Mar 10, 2017. 1 changed file with 0 additions and 1 deletion.
    1 change: 0 additions & 1 deletion templates.application.hbs
    Original file line number Diff line number Diff line change
    @@ -4,7 +4,6 @@
    <br>

    {{#each values as |value index|~}}
    {{if index ','}}
    {{highlight-text value=value highlight=1}}
    {{~/each}}
    <br>
  10. @sergiferran sergiferran revised this gist Mar 10, 2017. No changes.
  11. @sergiferran sergiferran created this gist Mar 10, 2017.
    9 changes: 9 additions & 0 deletions controllers.application.js
    Original file line number Diff line number Diff line change
    @@ -0,0 +1,9 @@
    import Ember from 'ember';

    export default Ember.Controller.extend({
    appName: 'Ember Twiddle',
    value: '1\n2\n3',
    values: Ember.computed('value', function(){
    return (this.get('value') || '').split('\n');
    })
    });
    13 changes: 13 additions & 0 deletions helpers.highlight-text.js
    Original file line number Diff line number Diff line change
    @@ -0,0 +1,13 @@
    import Ember from 'ember';

    export function highlightText(params, {value = '', highlight = ''}) {
    if (!value || Ember.isBlank(highlight)) {
    return Ember.String.htmlSafe(value || '');
    }

    let regexp = new RegExp(`(${highlight})`, 'gim');
    let result = (value || '').toString().replace(regexp, '<b class="highlight">$1</b>');
    return Ember.String.htmlSafe(result);
    }

    export default Ember.Helper.helper(highlightText);
    15 changes: 15 additions & 0 deletions templates.application.hbs
    Original file line number Diff line number Diff line change
    @@ -0,0 +1,15 @@
    <h1>Welcome to {{appName}}</h1>
    <br>
    <h2>If you remove/add some line in the textarea, it will crash, but if you remove ~ from {{each}} helper, won't crash</h2>
    <br>

    {{#each values as |value index|~}}
    {{if index ','}}
    {{highlight-text value=value highlight=1}}
    {{~/each}}
    <br>
    {{textarea value=value rows="4"}}

    {{outlet}}
    <br>
    <br>
    18 changes: 18 additions & 0 deletions twiddle.json
    Original file line number Diff line number Diff line change
    @@ -0,0 +1,18 @@
    {
    "version": "0.11.1",
    "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.11.0",
    "ember-data": "2.11.0",
    "ember-template-compiler": "2.11.0",
    "ember-testing": "2.11.0"
    },
    "addons": {}
    }