Add the first route and template

http://guides.emberjs.com/v1.10.0/getting-started/adding-a-route-and-template/ `ember g route todos --type resource --path '/'`
chrislopresto · Mar 12, 2015 · fb670bc · fb670bc
1 parent a17bdec
commit fb670bc
Show file tree

Hide file tree

Showing 5 changed files with 71 additions and 52 deletions.
diff --git a/app/router.js b/app/router.js
@@ -6,6 +6,9 @@ var Router = Ember.Router.extend({
 });
 
 Router.map(function() {
+  this.resource('todos', {
+    path: '/'
+  }, function() {});
 });
 
 export default Router;
diff --git a/app/routes/todos.js b/app/routes/todos.js
@@ -0,0 +1,4 @@
+import Ember from 'ember';
+
+export default Ember.Route.extend({
+});
diff --git a/app/templates/application.hbs b/app/templates/application.hbs
@@ -1,53 +1 @@
-
-<section id="todoapp">
-  <header id="header">
-    <h1>todos</h1>
-    <input type="text" id="new-todo" placeholder="What needs to be done?" />
-  </header>
-
-  <section id="main">
-    <ul id="todo-list">
-      <li class="completed">
-        <input type="checkbox" class="toggle">
-        <label>Learn Ember.js</label><button class="destroy"></button>
-      </li>
-      <li>
-        <input type="checkbox" class="toggle">
-        <label>...</label><button class="destroy"></button>
-      </li>
-      <li>
-        <input type="checkbox" class="toggle">
-        <label>Profit!</label><button class="destroy"></button>
-      </li>
-    </ul>
-
-    <input type="checkbox" id="toggle-all">
-  </section>
-
-  <footer id="footer">
-    <span id="todo-count">
-      <strong>2</strong> todos left
-    </span>
-    <ul id="filters">
-      <li>
-        <a href="all" class="selected">All</a>
-      </li>
-      <li>
-        <a href="active">Active</a>
-      </li>
-      <li>
-        <a href="completed">Completed</a>
-      </li>
-    </ul>
-
-    <button id="clear-completed">
-      Clear completed (1)
-    </button>
-  </footer>
-</section>
-
-<footer id="info">
-  <p>Double-click to edit a todo</p>
-</footer>
-
 {{outlet}}
diff --git a/app/templates/todos.hbs b/app/templates/todos.hbs
@@ -0,0 +1,50 @@
+<section id="todoapp">
+  <header id="header">
+    <h1>todos</h1>
+    <input type="text" id="new-todo" placeholder="What needs to be done?" />
+  </header>
+
+  <section id="main">
+    <ul id="todo-list">
+      <li class="completed">
+        <input type="checkbox" class="toggle">
+        <label>Learn Ember.js</label><button class="destroy"></button>
+      </li>
+      <li>
+        <input type="checkbox" class="toggle">
+        <label>...</label><button class="destroy"></button>
+      </li>
+      <li>
+        <input type="checkbox" class="toggle">
+        <label>Profit!</label><button class="destroy"></button>
+      </li>
+    </ul>
+
+    <input type="checkbox" id="toggle-all">
+  </section>
+
+  <footer id="footer">
+    <span id="todo-count">
+      <strong>2</strong> todos left
+    </span>
+    <ul id="filters">
+      <li>
+        <a href="all" class="selected">All</a>
+      </li>
+      <li>
+        <a href="active">Active</a>
+      </li>
+      <li>
+        <a href="completed">Completed</a>
+      </li>
+    </ul>
+
+    <button id="clear-completed">
+      Clear completed (1)
+    </button>
+  </footer>
+</section>
+
+<footer id="info">
+  <p>Double-click to edit a todo</p>
+</footer>
diff --git a/tests/unit/routes/todos-test.js b/tests/unit/routes/todos-test.js
@@ -0,0 +1,14 @@
+import {
+  moduleFor,
+  test
+} from 'ember-qunit';
+
+moduleFor('route:todos', {
+  // Specify the other units that are required for this test.
+  // needs: ['controller:foo']
+});
+
+test('it exists', function(assert) {
+  var route = this.subject();
+  assert.ok(route);
+});