example

2 files changed, 18 insertions, 3 deletions

diff --git a/examples/modular-backbone/js/router.js b/examples/modular-backbone/js/router.js
index 37764b1..f289893 100644
--- a/examples/modular-backbone/js/router.js
+++ b/examples/modular-backbone/js/router.js
@@ -3,9 +3,10 @@ define([
   'jQuery',
   'Underscore',
   'Backbone',
+  'views/home/main',
   'views/projects/list',
   'views/users/list'
-], function($, _, Backbone, projectListView, userListView){
+], function($, _, Backbone, projectListView, userListView, mainHomeView){
   var AppRouter = Backbone.Router.extend({
     routes: {
       // Define some URL routes
@@ -26,8 +27,8 @@ define([
       userListView.render();
     },
     defaultAction: function(actions){
-      // We have no matching route, lets just log what the URL was
-      $("#page").html('Homepage, we should implement a view for this');
+      // We have no matching route, lets display the home page 
+      mainHomeView.render(); 
     }
   });
 
diff --git a/examples/modular-backbone/js/views/home/main.js b/examples/modular-backbone/js/views/home/main.js
new file mode 100644
index 0000000..2cae6f5
--- /dev/null
+++ b/examples/modular-backbone/js/views/home/main.js
@@ -0,0 +1,14 @@
+define([
+  'jQuery',
+  'Underscore',
+  'Backbone',
+  'text!templates/home/main.html'
+], function($, _, Backbone, mainHomeTemplate){
+  el: $("#page"),
+  var mainHomeView = Backbone.View.extend({
+    render: function(){
+      this.el.html(mainHomeTemplate);
+    }
+  });
+  return new mainHomeView;
+});