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

chapter7-1

Author: tmeasday

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>

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>

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);
+ }
+});

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'});