fix feed and add voting functionality

Author: Sambillingham

public/js/main.js

@@ -1,20 +1,58 @@
 
+// EXAMPLE - FEED PAGE
 if ($('main').hasClass('feed') ) {
     steem.api.setOptions({ url: 'wss://rpc.buildteam.io' });
     steem.api.getState('/trending/', (err, result) => {
-      console.log(err, result);
+
+      let resultsArray = [];
 
       for ( post in result.content ){
-        console.log(post);
+
+        var converter = new showdown.Converter()
+        var html = converter.makeHtml(result.content[post].body)
+
+        resultsArray.push({
+            id: result.content[post].id,
+            title: result.content[post].title,
+            author: result.content[post].author,
+            body: html,
+            permlink: result.content[post].permlink
+        })
+      }
+
+      resultsArray = resultsArray.sort((a,b) => {
+          return b.id - a.id
+      });
+
+      resultsArray.forEach( (post, i, arr) => {
+
         let template = `
-        <div>
-        <h3><a href="">${result.content[post].title}</a> - ${result.content[post].author}</h3>
-        <p></p>
-        <p>${ (result.content[post].body).substring(0, 250) }...</p>
-        </div>
-        `
+        <div data-post-id="${post.id}">
+        <h3><a href="">${post.title}</a> - ${post.author}</h3>
+        <p>${ (post.body).substring(0, 250) }...</p>
+        <form method="post">
+        <input type="hidden" name="postId" value="${post.id}">
+        <input type="hidden" name="author" value="${post.author}">
+        <input type="hidden" name="permlink" value="${post.permlink}">
+        <input type="submit" class="vote" value="Vote">
+        </form>
+        </div>`
         $('main').append(template)
+      })
+
 
-      }
     });
+
+    $('main').on('click', '.vote',(e) => {
+      e.preventDefault()
+      $.post({
+        url: '/post/vote',
+        dataType: 'json',
+        data:  $(e.currentTarget).parent().serialize()
+      }, (response) => {
+        $(`*[data-post-id="${response.id}"]`).children().last().after()
+          .append('<span>  Voted!</span>')
+      })
+
+    })
 }

public/js/showdown.min.js

@@ -20,8 +20,9 @@ router.post('/create-post', (req, res) => {
     res.redirect('/auth')
   } else {
     console.log(req.body)
-    console.log(req.session.steemconnect.name)
-
+    api.vote(voter, author, permlink, weight, function (err, res) {
+      console.log(err, res)
+    });
     let author = req.session.steemconnect.name
     let permlink = util.urlString()
     var tags = req.body.tags.split(',').map(item => item.trim());
@@ -34,9 +35,9 @@ router.post('/create-post', (req, res) => {
         console.log(err, steemResponse)
         let msg;
         if (err) {
-            let msg = `Post Failed ${err}`
+          let msg = `Post Failed ${err}`
         } else {
-            let msg = 'Posted To the Steem Network'
+          let msg = 'Posted To the Steem Network'
         }
 
         res.render('post', {
@@ -48,4 +49,32 @@ router.post('/create-post', (req, res) => {
   }
 });
 
+router.post('/vote', (req, res) => {
+  if (!req.session.steemconnect) {
+    res.redirect('/auth')
+  } else {
+      let postId = req.body.postId
+      let voter = req.session.steemconnect.name
+      let author = req.body.author
+      let permlink = req.body.permlink
+      let weight = 10000
+
+      steem.vote(voter, author, permlink, weight, function (err, steemResponse) {
+        if (err) {
+              res.json({
+                error: error.error_description
+              })
+        } else {
+          res.json({
+            name: req.session.steemconnect.name,
+            msg: 'voted!',
+            id: postId
+          })
+        }
+
+      });
+
+  }
+})
+
 module.exports = router;

routes/post.js

@@ -5,3 +5,5 @@ block content
 
   main.feed
     h1 Feed - /Trending
+
+  script(src='/js/showdown.min.js')

views/create-post.pug

@@ -2,12 +2,11 @@ doctype html
 html
   head
     title= title
-    link(rel='stylesheet', href='/stylesheets/style.css')
+    link(rel='stylesheet', href='/css/style.css')
   body
     block content
     script(src="https://code.jquery.com/jquery-3.2.1.min.js"
   integrity="sha256-hwg4gsxgFZhOsEEamdOYGBf13FyQuiTwlAQgxVSNgt4="
   crossorigin="anonymous")
     script(src="https://cdn.steemjs.com/lib/latest/steem.min.js")
-    script(src="/js/sc2-sdk.min.js")
     script(src="/js/main.js")

views/feed.pug

@@ -12,6 +12,6 @@ block content
       textarea(name="post")
       label Tags
       input(type="text" name="tags")
-      button(type="submit"  ) Submit
+      button(type="submit") Submit
       p Posting as #{name}
       p #{msg}