add multi feed types and navbar

Author: Sambillingham

public/css/style.css

@@ -2,14 +2,13 @@
   box-sizing: border-box;
 }
 body {
-  padding: 50px;
-  font: 14px "Lucida Grande", Helvetica, Arial, sans-serif;
+  /*font: 14px "Lucida Grande", Helvetica, Arial, sans-serif;*/
 }
 
 a {
-  color: #00B7FF;
+  /*color: #00B7FF;
   margin: 0 20px 20px 0;
-  display: inline-block;
+  display: inline-block;*/
 }
 
 main {
@@ -21,26 +20,26 @@ img {
 }
 
 input, label, textarea, button {
-  margin: 15px 0;
+  /*margin: 15px 0;
   width: 100%;
   border-radius: 3px;
-  padding: 5px;
+  padding: 5px;*/
 }
 
 input, textarea {
-  border: solid 1px #7b7b7b;
+  /*border: solid 1px #7b7b7b;*/
 }
 
 input:focus, textarea:focus {
-  outline: 0;
+  /*outline: 0;*/
 }
 
 textarea {
-  min-height: 400px;
+  /*min-height: 400px;*/
 }
 
 button, input[type="submit"] {
-  cursor: pointer;
+  /*cursor: pointer;*/
 }
 
 .vote {

public/js/main.js

@@ -2,8 +2,10 @@
 // EXAMPLE - FEED PAGE
 if ($('main').hasClass('feed') ) {
     let postInsert = '.feed-insert'
+    let feedType = $('main.feed').data('feed-type')
+    console.log(feedType)
     steem.api.setOptions({ url: 'wss://rpc.buildteam.io' });
-    steem.api.getState('/trending/', (err, result) => {
+    steem.api.getState(`/${feedType}/`, (err, result) => {
 
       let resultsArray = [];
 

routes/feed.js

@@ -3,8 +3,12 @@ let util = require('../modules/util');
 let router = express.Router();
 
 /* GET users listing. */
-router.get('/', util.isAuthenticated, (req, res, next) => {
-    res.render('feed', {});
+router.get('/:feed?', util.isAuthenticated, (req, res, next) => {
+    let feed = req.params.feed
+    console.log(feed)
+    res.render('feed', {
+      feed: feed
+    });
 });
 
 module.exports = router;

views/feed.pug

@@ -3,7 +3,7 @@ extends layout
 block content
   include partials/nav
 
-  main.feed
+  main.feed(data-feed-type=`${feed}`)
     h1 Feed - /Trending
     .container
       .row.feed-insert

views/partials/nav.pug

@@ -1,5 +1,11 @@
-nav
-  a(href="/user") Profile
-  a(href="/feed") Feed
-  a(href="/post") Create Post
-  a(href="/auth/logout") Logout
+nav(class="navbar navbar-expand-lg navbar-dark bg-dark")
+  a.navbar-brand(href="#") Boilerplate
+  .collapse.navbar-collapse
+    .navbar-nav
+      a.nav-item.nav-link(href="/feed/trending") Trending
+      a.nav-item.nav-link(href="/feed/created") New
+      a.nav-item.nav-link(href="/feed/promoted") Promoted
+    .navbar-nav.ml-auto
+      a.nav-item.nav-link.btn.btn-outline-secondary(href="/post") Create Post
+      a.nav-item.nav-link(href="/user") Profile
+      a.nav-item.nav-link(href="/auth/logout") Logout