Added edit posts form

chapter8-1
DiscoverMeteor · Oct 19, 2015 · 85f91b0 · 85f91b0 · lwwlhj · May 17, 2016
1 parent 3f25a2a
commit 85f91b0
Show file tree

Hide file tree

Showing 5 changed files with 62 additions and 0 deletions.
diff --git a/client/templates/posts/post_edit.html b/client/templates/posts/post_edit.html
@@ -0,0 +1,19 @@
+<template name="postEdit">
+  <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="{{url}}" 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="{{title}}" placeholder="Name your post" class="form-control"/>
+      </div>
+    </div>
+    <input type="submit" value="Submit" class="btn btn-primary submit"/>
+    <hr/>
+    <a class="btn btn-danger delete" href="#">Delete post</a>
+  </form>
+</template>
diff --git a/client/templates/posts/post_edit.js b/client/templates/posts/post_edit.js
@@ -0,0 +1,31 @@
+Template.postEdit.events({
+  'submit form': function(e) {
+    e.preventDefault();
+
+    var currentPostId = this._id;
+
+    var postProperties = {
+      url: $(e.target).find('[name=url]').val(),
+      title: $(e.target).find('[name=title]').val()
+    }
+
+    Posts.update(currentPostId, {$set: postProperties}, function(error) {
+      if (error) {
+        // display the error to the user
+        alert(error.reason);
+      } else {
+        Router.go('postPage', {_id: currentPostId});
+      }
+    });
+  },
+
+  'click .delete': function(e) {
+    e.preventDefault();
+
+    if (confirm("Delete this post?")) {
+      var currentPostId = this._id;
+      Posts.remove(currentPostId);
+      Router.go('postsList');
+    }
+  }
+});
diff --git a/client/templates/posts/post_item.html b/client/templates/posts/post_item.html
@@ -2,6 +2,10 @@
   <div class="post">
     <div class="post-content">
       <h3><a href="{{url}}">{{title}}</a><span>{{domain}}</span></h3>
+      <p>
+        submitted by {{author}}
+        {{#if ownPost}}<a href="{{pathFor 'postEdit'}}">Edit</a>{{/if}}
+      </p>
     </div>
     <a href="{{pathFor 'postPage'}}" class="discuss btn btn-default">Discuss</a>
   </div>

diff --git a/client/templates/posts/post_item.js b/client/templates/posts/post_item.js
@@ -1,4 +1,7 @@
 Template.postItem.helpers({
+  ownPost: function() {
+    return this.userId == Meteor.userId();
+  },
   domain: function() {
     var a = document.createElement('a');
     a.href = this.url;

diff --git a/lib/router.js b/lib/router.js
@@ -12,6 +12,11 @@ Router.route('/posts/:_id', {
   data: function() { return Posts.findOne(this.params._id); }
 });
 
+Router.route('/posts/:_id/edit', {
+  name: 'postEdit',
+  data: function() { return Posts.findOne(this.params._id); }
+});
+
 Router.route('/submit', {name: 'postSubmit'});
 
 var requireLogin = function() {