JavaScript ember Router Examples

Example #1

File: router.js Project: jdetch/RailsEmberCLIpt2

import Ember from 'ember';
import config from './config/environment';

var Router = Ember.Router.extend({
  location: config.locationType // FrontEndENV instead of config?
});

Router.map(function() {
  this.resource('contacts', function() {
    this.resource('contact', { path: '/:contact_id' });
  });
});

export default Router;

Example #2

File: router.js Project: valtermartins1301/personal_page

import Ember from 'ember';
import config from './config/environment';

const Router = Ember.Router.extend({
    location: config.locationType,
    rootURL: config.rootURL
});

Router.map(function () {
    this.route('main', function () {
      this.route('about');
    });
});

export default Router;

Example #3

File: router.js Project: eviltrout/pixel

import Ember from 'ember';

var Router = Ember.Router.extend({
  location: PixelENV.locationType
});

Router.map(function() {
  this.resource('paint');
});

export default Router;

Example #4

File: router.js Project: Altiscale/dr-elephant

 */

import Ember from 'ember';
import config from './config/environment';

const Router = Ember.Router.extend({
  location: config.locationType,

  metrics: Ember.inject.service(),

  didTransition() {
    this._super(...arguments);
    if(config.APP.enableMetrics) {
      this._trackPage();
    }
  },

  _trackPage() {
    Ember.run.scheduleOnce('afterRender', this, () => {
      const page = this.get('url');
      const title = this.getWithDefault('currentRouteName', 'unknown');

      Ember.get(this, 'metrics').trackPage({ page, title });
    });
  }
});

Router.map(function () {
  this.route('dashboard', function () {
    this.route('workflow');
    this.route('job');

Example #5

File: router.js Project: Bromine001/pizza

import Ember from 'ember';
import config from './config/environment';

var Router = Ember.Router.extend({
  location: 'hash'
});

Router.map(function() {
  this.route('tables', function() {
    this.route('table', {path: ':table_id'});
  });
  this.route('pizzas', function() {
    this.route('new');
  });
 
});

export default Router;

Example #6

File: router.js Project: erickarias/personal_portfolio

import Ember from 'ember';

var Router = Ember.Router.extend({
  location: PortfolioENV.locationType
});

Router.map(function() {
	this.resource('project', { path: '/:project_id'});
	this.resource('resume', { path: 'resume'});
	this.resource('about', { path: 'about'});
});

export default Router;

Example #7

File: router.js Project: Ridhwana/embersimpleapp

import Ember from 'ember';

var Router = Ember.Router.extend({
  location: SimpleappENV.locationType
});

Router.map(function() {
  this.route('faq');
});

export default Router;

Example #8

File: router.js Project: justinwoo/Canvas-crap

import Ember from 'ember';

var Router = Ember.Router.extend({
  location: CanvasCrapENV.locationType
});

Router.map(function() {
});

export default Router;

Example #9

File: router.js Project: AileenCGN/Ghost-Admin

import Ember from 'ember';
import ghostPaths from 'ghost/utils/ghost-paths';
import documentTitle from 'ghost/utils/document-title';
import config from './config/environment';

const {
    inject: {service},
    on
} = Ember;

const Router = Ember.Router.extend({
    location: config.locationType, // use HTML5 History API instead of hash-tag based URLs
    rootURL: ghostPaths().adminRoot, // admin interface lives under sub-directory /ghost

    notifications: service(),

    displayDelayedNotifications: on('didTransition', function () {
        this.get('notifications').displayDelayed();
    })
});

documentTitle();

Router.map(function () {
    this.route('setup', function () {
        this.route('one');
        this.route('two');
        this.route('three');
    });

    this.route('signin');

Example #10

File: router.js Project: monocle/devcaddy

import Ember from 'ember';

var Router = Ember.Router.extend({
  location: CaddytestENV.locationType
});

Router.map(function() {
});

export default Router;

Example #11

File: router.js Project: atsjj/liquid-fire

import Ember from 'ember';

var Router = Ember.Router.extend({
  location: LiquidFireENV.locationType
});

Router.map(function() {

  this.resource("helpers", function(){
    this.resource('helpers.liquid-outlet', { path: 'liquid-outlet'}, function(){
      this.route('other');
    });
    this.resource('helpers.liquid-with', { path: 'liquid-with'}, function(){
      this.route('page', { path: '/:id' });
    });
    this.resource('helpers.liquid-bind', { path: 'liquid-bind'});
    this.resource('helpers.liquid-if', { path: 'liquid-if'});
    this.resource('helpers.liquid-measure', { path: 'liquid-measure'});
    this.resource('helpers.liquid-box', { path: 'liquid-box'});
  });

  this.resource("test-outlet", function(){
    this.route('second');
    this.route('third', {path: '/third/:id'});
  });
  this.route("test-with", {path: "/test-with/:id"});
  this.route("test-bind", {path: "/test-bind"});
  this.route("test-measure", {path: "/test-measure"});
  this.route("test-box", {path: "/test-box"});
  this.route("test-if", {path: "/test-if"});
});

Example #12

File: router.js Project: mikepmunroe/fitrecord

import Ember from 'ember';

var Router = Ember.Router.extend({
  location: FitrecordENV.locationType
});

Router.map(function() {
  this.resource('lift', { path: '/lifts/:lift_id' });
  this.resource('results', function() {
    this.route('new');
  });
});

export default Router;

Example #13

File: router.js Project: rickymm3/embercliq

import Ember from 'ember';

var Router = Ember.Router.extend({
  location: CliqemberENV.locationType
});

Router.map(function() {
    this.resource('cliqs', function() {
        this.route('show', {path: ':cliq_id'});
    });
    this.resource('categories', function() {
        this.route('show', {path: ':category_id'});
    });
    this.resource('posts', function(){
        this.route('show', {path:':post_id'})
    })
});

export default Router;

Example #14

File: router.js Project: Ambrish-Tiwari/agenda-ui

import Ember from 'ember';

var Router = Ember.Router.extend({

// TODO - figure out why this doesn't work when mounted on another app
// location: 'auto'

  rootUrl: '/' + Ember.ENV.NAMESPACE + '/'

});

Router.map(function() {
  this.route('application');
  this.resource('jobs', {path: '/'}, function () {
    this.route('feed', {path: '/'});
  });
});

export default Router;

Example #15

File: router.js Project: atsjj/sandbox

import Ember from 'ember';

var Router = Ember.Router.extend({
  location: DashboardENV.locationType
});

Router.map(function() {
});

export default Router;

Example #16

File: router.js Project: joefiorini/ember-cli-app-plugin-example

import Ember from 'ember';

var Router = Ember.Router.extend({
  location: PluginAppENV.locationType
});

Router.map(function() {
});

export default Router;

Example #17

File: router.js Project: hysios/ember-validate-test

import Ember from 'ember';

var Router = Ember.Router.extend({
  location: EmberValidationsTestENV.locationType
});

Router.map(function() {
});

export default Router;

Example #18

File: router.js Project: steveax/package-hint-historic-resolver

import Ember from 'ember';
import config from './config/environment';
import EmberMetricsRouterMixin from 'ember-metrics-mixins/mixins/router';

const Router = Ember.Router.extend(EmberMetricsRouterMixin, {
  location: config.locationType
});

Router.map(function() {
});

export default Router;

Example #19

File: router.js Project: deepakumar603/MyShop

import Ember from 'ember';

var Router = Ember.Router.extend({
  location: MyShopENV.locationType
});

Router.map(function() {
});

export default Router;

Example #20

File: router.js Project: Ditofry/fire-temple

import Ember from 'ember';

var Router = Ember.Router.extend({
  location: FireTempleENV.locationType
});

Router.map(function() {
});

export default Router;

Example #21

File: router.js Project: 71squared/Ghost

import Ember from 'ember';
import ghostPaths from 'ghost/utils/ghost-paths';
import documentTitle from 'ghost/utils/document-title';

var Router = Ember.Router.extend({
    location: 'trailing-history', // use HTML5 History API instead of hash-tag based URLs
    rootURL: ghostPaths().adminRoot, // admin interface lives under sub-directory /ghost

    notifications: Ember.inject.service(),

    clearNotifications: Ember.on('didTransition', function () {
        var notifications = this.get('notifications');

        notifications.closePassive();
        notifications.displayDelayed();
    })
});

documentTitle();

Router.map(function () {
    this.route('setup', function () {
        this.route('one');
        this.route('two');
        this.route('three');
    });

    this.route('signin');
    this.route('signout');
    this.route('signup', {path: '/signup/:token'});
    this.route('reset', {path: '/reset/:token'});

Example #22

File: router.js Project: kavitshah8/banner

import Ember from 'ember';

var Router = Ember.Router.extend({
  location: BannerENV.locationType
});

Router.map(function() {
});

export default Router;

Example #23

File: router.js Project: tananrules/ember-rails-auth

import Ember from 'ember';

var Router = Ember.Router.extend({
  location: FrontendENV.locationType
});

Router.map(function() {
  this.route('application');
  this.route('protected');
  this.route('login');
});

export default Router;

Example #24

File: router.js Project: diogoca/telecuidar

import Ember from 'ember';
import config from './config/environment';

const Router = Ember.Router.extend({
  location: config.locationType,
  rootURL: config.rootURL,

  didTransition() {
    this._super(...arguments);
    window.scrollTo(0, 0);
  }
});

Router.map(function () {
  this.route('how-it-work', { path: '/como-funciona' });
  this.route('benefits', { path: '/beneficios' });
  this.route('technology', { path: '/tecnologia' });
  this.route('contact', { path: '/fale-conosco' });
  this.route('press', { path: '/kit-de-imprensa' });

  this.route('products', { path: '/produtos' }, function () {
    this.route('omt', { path: '/omt' });
    this.route('show', { path: '/:product_slug' });
  });

  this.route('not-found', { path: '*:' });
});

export default Router;

Example #25

File: router.js Project: jeff3dx/netflix-now

import Ember from 'ember';

var Router = Ember.Router.extend({
  location: NetflixNowENV.locationType
});

Router.map(function() {
});

export default Router;

Example #26

File: router.js Project: dagda1/talk-ember

import Ember from 'ember';

var Router = Ember.Router.extend({
  location: TalkEmberENV.locationType
});

Router.map(function() {
});

export default Router;

Example #27

File: router.js Project: marcelh89/todo-mvc

import Ember from 'ember';

var Router = Ember.Router.extend({
    location: TodoMvcENV.locationType
});

Router.map(function() {
    this.resource('todos', { path: '/' }, function() {
        this.route('active');
        this.route('complete');
    });
  this.route('todos/active');
  this.route('todos/complete');
});

export default Router;

Example #28

File: router.js Project: rwjblue/ember-seed

import Ember from 'ember';

var Router = Ember.Router.extend({
  location: EmberSeedENV.locationType
});

Router.map(function() {
});

export default Router;

Example #29

File: router.js Project: poteto/ember-concurrency

import Ember from 'ember';
import config from './config/environment';

const Router = Ember.Router.extend({
  location: config.locationType
});

Router.map(function() {
  this.route('docs', function() {
    this.route('installation');
    this.route('writing-tasks');
    this.route('task-function-syntax');
    this.route('task-concurrency');
    this.route('task-concurrency-advanced');
    this.route('cancelation');
    this.route('error-vs-cancelation');
    this.route('child-tasks');
    this.route('task-groups');
    this.route('derived-state');
    this.route('events');
    this.route('testing-debugging');
    this.route('faq');
    this.route('examples', function() {
      this.route('increment-buttons');
      this.route('loading-ui');
      this.route('autocomplete');
      this.route('task-concurrency');
      this.route('ajax-throttling');
      this.route('route-tasks', function() {
        this.route('detail', { path: ':id' });
      });

Example #30

File: router.js Project: vine77/co-ui

import Ember from 'ember';

var Router = Ember.Router.extend({
  location: CoUiENV.locationType
});

Router.map(function() {
  this.resource('app', function() {
    this.route('dashboard');
    this.route('control-panel');
    this.route('orchestration');
    this.route('ingredient');
    this.route('horizon');
    this.route('logs');
    this.route('about');
  });
  this.route('login');
  this.route('reset-password');
  this.resource('settings', function() {
    this.route('user');
    this.route('mail');
  });
  //this.route('profile');
  this.route('profile', {path: '/profiles/:user_id'});
});

export default Router;