summaryrefslogtreecommitdiffstats
path: root/examples/modular-backbone/js/router.js
blob: 4175c59df28fc7c1cf447bd526f0a1e3d5736792 (plain)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
// Filename: router.js
define([
  'jquery',
  'underscore',
  'backbone'
], function($, _, Backbone ){
  var AppRouter = Backbone.Router.extend({
    routes: {
      // Define some URL routes
      'projects': 'showProjects',
      'users': 'showUsers',
      
      // Default
      '*actions': 'defaultAction'
    }
  });
  var initialize = function(){
    var app_router = new AppRouter;
    app_router.on('route:showProjects', function(){
      require(['views/projects/list'], function(ProjectListView) {
        // Call render on the module we loaded in via the dependency array
        // 'views/projects/list'
        var projectListView = new ProjectListView();
        projectListView.render();
      })
    });
    app_router.on('route:showUsers', function () {
      require(['views/users/list'], function(UserListView) {
        // As above, call render on our loaded module
        // 'views/users/list'
        var userListView = new UserListView();
        userListView.render();
      });
    });
    app_router.on('route:defaultAction', function (actions) {
      require(['views/home/main'], function(MainHomeView) {
      // We have no matching route, lets display the home page 
        var mainHomeView = new MainHomeView();
        mainHomeView.render();
      });
    });
    Backbone.history.start();
  };
  return { 
    initialize: initialize
  };
});