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
48
49
50
51
52
53
54
55
56
57
58
59
60
|
// Filename: router.js
define([
'jquery',
'underscore',
'backbone',
'views/home/HomeView',
'views/projects/ProjectsView',
'views/contributors/ContributorsView',
'views/footer/FooterView'
], function($, _, Backbone, HomeView, ProjectsView, ContributorsView, FooterView) {
var AppRouter = Backbone.Router.extend({
routes: {
// Define some URL routes
'projects': 'showProjects',
'users': 'showContributors',
// Default
'*actions': 'defaultAction'
}
});
var initialize = function(){
var app_router = new AppRouter;
app_router.on('route:showProjects', function(){
// Call render on the module we loaded in via the dependency array
var projectsView = new ProjectsView();
projectsView.render();
});
app_router.on('route:showContributors', function () {
// Like above, call render but know that this view has nested sub views which
// handle loading and displaying data from the GitHub API
var contributorsView = new ContributorsView();
});
app_router.on('route:defaultAction', function (actions) {
// We have no matching route, lets display the home page
var homeView = new HomeView();
homeView.render();
// unlike the above, we don't call render on this view
// as it will handle the render call internally after it
// loads data
var footerView = new FooterView();
});
Backbone.history.start();
};
return {
initialize: initialize
};
});
|
