Skip to content

Instantly share code, notes, and snippets.

@ykaragol
Created May 4, 2020 08:32
Show Gist options
  • Select an option

  • Save ykaragol/b048fd120502cfa026a6251f17bb2d86 to your computer and use it in GitHub Desktop.

Select an option

Save ykaragol/b048fd120502cfa026a6251f17bb2d86 to your computer and use it in GitHub Desktop.

Revisions

  1. ykaragol created this gist May 4, 2020.
    5 changes: 5 additions & 0 deletions controllers.application\.js
    Original file line number Diff line number Diff line change
    @@ -0,0 +1,5 @@
    import Controller from '@ember/controller';

    export default class ApplicationController extends Controller {
    appName = 'Ember Twiddle';
    }
    20 changes: 20 additions & 0 deletions helpers.goto\.js
    Original file line number Diff line number Diff line change
    @@ -0,0 +1,20 @@
    import Helper from '@ember/component/helper'
    import { inject as service } from '@ember/service'
    import { assert } from '@ember/debug'

    export default Helper.extend({

    router: service(),

    compute(params, { queryParams }) {
    assert('goto requires at least route name as first parameter', params.length > 0)

    return () => {
    if ( queryParams ) {
    return this.router.transitionTo(...params, { queryParams })
    } else {
    return this.router.transitionTo(...params)
    }
    }
    }
    })
    13 changes: 13 additions & 0 deletions router\.js
    Original file line number Diff line number Diff line change
    @@ -0,0 +1,13 @@
    import EmberRouter from '@ember/routing/router';
    import config from './config/environment';

    const Router = EmberRouter.extend({
    location: 'none',
    rootURL: config.rootURL
    });

    Router.map(function() {
    this.route('my-route', { path: '/my-route/:id1/:id2' })
    });

    export default Router;
    9 changes: 9 additions & 0 deletions routes.my-route\.js
    Original file line number Diff line number Diff line change
    @@ -0,0 +1,9 @@
    import Route from '@ember/routing/route';

    export default Route.extend({
    queryParams: {
    a: {
    refreshModel: true
    }
    }
    });
    3 changes: 3 additions & 0 deletions templates.application\.hbs
    Original file line number Diff line number Diff line change
    @@ -0,0 +1,3 @@
    <button onclick={{goto 'my-route' 3 4 queryParams=(hash a='123')}}>
    My button
    </button>
    23 changes: 23 additions & 0 deletions twiddle\.json
    Original file line number Diff line number Diff line change
    @@ -0,0 +1,23 @@
    {
    "version": "0.17.0",
    "EmberENV": {
    "FEATURES": {},
    "_TEMPLATE_ONLY_GLIMMER_COMPONENTS": false,
    "_APPLICATION_TEMPLATE_WRAPPER": true,
    "_JQUERY_INTEGRATION": true
    },
    "options": {
    "use_pods": false,
    "enable-testing": false
    },
    "dependencies": {
    "jquery": "https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.js",
    "ember": "3.17.0",
    "ember-template-compiler": "3.17.0",
    "ember-testing": "3.17.0"
    },
    "addons": {
    "@glimmer/component": "1.0.0",
    "ember-data": "3.11.5"
    }
    }