Added a submit post page and linked to it in the header.

tmeasday · tmeasday · commit f76d91a2db2b · 2015-10-19T22:28:31.000+11:00
chapter7-1
diff --git a/client/templates/includes/header.html b/client/templates/includes/header.html
@@ -10,6 +10,9 @@
       <a class="navbar-brand" href="{{pathFor 'postsList'}}">Microscope</a>
     </div>
     <div class="collapse navbar-collapse" id="navigation">
+      <ul class="nav navbar-nav">
+        <li><a href="{{pathFor 'postSubmit'}}">Submit Post</a></li>
+      </ul>
       <ul class="nav navbar-nav navbar-right">
         {{> loginButtons}}
       </ul>
diff --git a/client/templates/posts/post_submit.html b/client/templates/posts/post_submit.html
@@ -0,0 +1,17 @@
+<template name="postSubmit">
+  <form class="main form page">
+    <div class="form-group">
+      <label class="control-label" for="url">URL</label>
+      <div class="controls">
+          <input name="url" id="url" type="text" value="" placeholder="Your URL" class="form-control"/>
+      </div>
+    </div>
+    <div class="form-group">
+      <label class="control-label" for="title">Title</label>
+      <div class="controls">
+          <input name="title" id="title" type="text" value="" placeholder="Name your post" class="form-control"/>
+      </div>
+    </div>
+    <input type="submit" value="Submit" class="btn btn-primary"/>
+  </form>
+</template>
diff --git a/client/templates/posts/post_submit.js b/client/templates/posts/post_submit.js
@@ -0,0 +1,13 @@
+Template.postSubmit.events({
+  'submit form': function(e) {
+    e.preventDefault();
+    
+    var post = {
+      url: $(e.target).find('[name=url]').val(),
+      title: $(e.target).find('[name=title]').val()
+    };
+    
+    post._id = Posts.insert(post);
+    Router.go('postPage', post);
+  }
+});
diff --git a/lib/router.js b/lib/router.js
@@ -12,4 +12,6 @@ Router.route('/posts/:_id', {
   data: function() { return Posts.findOne(this.params._id); }
 });
 
+Router.route('/submit', {name: 'postSubmit'});
+
 Router.onBeforeAction('dataNotFound', {only: 'postPage'});
