add feed/nav/logout

Author: Sambillingham

app.js

@@ -9,6 +9,7 @@ let session = require('express-session');
 let index = require('./routes/index');
 let user = require('./routes/user');
 let auth = require('./routes/auth');
+let feed = require('./routes/feed');
 
 let config = require('./config')
 
@@ -35,6 +36,9 @@ app.use(express.static(path.join(__dirname, 'public')));
 app.use('/', index);
 app.use('/user', user);
 app.use('/auth', auth);
+app.use('/logout', auth);
+app.use('/feed', feed);
+
 
 // catch 404 and forward to error handler
 app.use(function(req, res, next) {

public/js/main.js

@@ -0,0 +1,20 @@
+
+if ($('main').hasClass('feed') ) {
+    steem.api.setOptions({ url: 'wss://rpc.buildteam.io' });
+    steem.api.getState('/trending/', (err, result) => {
+      console.log(err, result);
+
+      for ( post in result.content ){
+        console.log(post);
+        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>
+        `
+        $('main').append(template)
+
+      }
+    });
+}

public/stylesheets/style.css

@@ -5,4 +5,13 @@ body {
 
 a {
   color: #00B7FF;
+  margin: 0 20px 20px 0;
+  display: inline-block;
+}
+
+main {
+  max-width: 600px;
+}
+img {
+  max-width: 100%;
 }

routes/auth.js

@@ -17,4 +17,9 @@ router.get('/', (req, res, next) => {
     }
 });
 
+router.get('/logout', (req, res) => {
+   req.session.destroy();
+   res.redirect("/")
+});
+
 module.exports = router;

routes/feed.js

@@ -0,0 +1,13 @@
+let express = require('express');
+let router = express.Router();
+
+/* GET users listing. */
+router.get('/', (req, res, next) => {
+    if (!req.session.steemconnect) {
+      res.redirect('/auth')
+    } else {
+        res.render('feed', {});
+    }
+});
+
+module.exports = router;

views/feed.pug

@@ -0,0 +1,11 @@
+extends layout
+
+block content
+  nav
+    a(href="/feed") Feed
+    a(href="/user") Profile
+    a(href="/post") Create Post
+    a(href="/auth/logout") Logout
+
+  main.feed
+    h1 Feed - /Trending

views/layout.pug

@@ -5,3 +5,8 @@ html
     link(rel='stylesheet', href='/stylesheets/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/main.js")

views/user.pug

@@ -1,6 +1,14 @@
 extends layout
 
 block content
-  img(src=`${profileImage}` width="200px")
-  h1 #{name}
-  p #{about}
+  nav
+    a(href="/feed") Feed
+    a(href="/user") Profile
+    a(href="/post") Create Post
+    a(href="/auth/logout") Logout
+    
+  main
+    img(src=`${profileImage}` width="200px")
+    h1 Profile
+    h2 #{name}
+    p #{about}