removing backend interaction

timhc22 · Apr 20, 2015 · 6c172b3 · 6c172b3
1 parent a79147c
commit 6c172b3
Show file tree

Hide file tree

Showing 2 changed files with 18 additions and 5 deletions.
diff --git a/src/javascript/_backbone.js b/src/javascript/_backbone.js
@@ -165,7 +165,10 @@ $(function()
             App.todoList.fetch(); // Loads list from local storage
         },
         events: {
-            'keypress .js-new-todo': 'createTodoOnEnter'
+            'keypress .js-new-todo': 'createTodoOnEnter',
+            //'click .js-route-home': 'routeHome',
+            //'click .js-route-pending': 'routePending',
+            //'click .js-route-completed': 'routeCompleted'
         },
         createTodoOnEnter: function(e){
             if ( e.which !== 13 || !this.input.val().trim() ) { // ENTER_KEY = 13
@@ -198,7 +201,16 @@ $(function()
                 title: this.input.val().trim(),
                 completed: false
             }
-        }
+        },
+        //routeHome: function(){
+        //    App.router.navigate("/", true)
+        //},
+        //routePending: function(){
+        //    App.router.navigate("/pending", true)
+        //},
+        //routeCompleted: function(){
+        //    App.router.navigate("/completed", true)
+        //}
     });
 
     //--------------
@@ -220,6 +232,7 @@ $(function()
     //--------------
     App.router = new App.Router();
     Backbone.history.start();
+    //Backbone.history.start({pushState: true});
 
     App.headerView = new App.HeaderView();
     App.footerView = new App.FooterView();

diff --git a/src/views/_todos.html b/src/views/_todos.html
@@ -6,9 +6,9 @@
                 <h1>Todos</h1>
                 <input class="js-new-todo" placeholder="What needs to be done?">
                 <div>
-                    <a href="#/">show all</a> |
-                    <a href="#/pending">show pending</a> |
-                    <a href="#/completed">show completed</a>
+                    <a href="#" class="js-route-home">show all</a> |
+                    <a href="#/pending" class="js-route-pending">show pending</a> |
+                    <a href="#/completed" class="js-route-completed">show completed</a>
                 </div>
             </header>
             <section id="main">