add /@username profile page data

Author: Sambillingham

public/js/main.js

@@ -61,3 +61,80 @@ if ($('main').hasClass('feed') ) {
 
     })
 }
+
+if ($('main').hasClass('profile') ) {
+  let username = $('.profile').data('username')
+
+  steem.api.setOptions({ url: 'wss://rpc.buildteam.io' });
+
+  let totalVestingShares, totalVestingFundSteem;
+
+  steem.api.getDynamicGlobalProperties((err, result) => {
+    totalVestingShares = result.total_vesting_shares;
+    totalVestingFundSteem = result.total_vesting_fund_steem;
+  })
+
+  steem.api.getAccounts([username], (err, result) => {
+
+    let user = result[0]
+
+    // store meta Data
+    let jsonData = user.json_metadata ? JSON.parse(user.json_metadata).profile : {}
+    // steem power calc
+    let vestingShares = user.vesting_shares;
+    let delegatedVestingShares = user.delegated_vesting_shares;
+    let receivedVestingShares = user.received_vesting_shares;
+    let steemPower = steem.formatter.vestToSteem(vestingShares, totalVestingShares, totalVestingFundSteem);
+    let delegatedSteemPower = steem.formatter.vestToSteem((receivedVestingShares.split(' ')[0])+' VESTS', totalVestingShares, totalVestingFundSteem);
+    let outgoingSteemPower = steem.formatter.vestToSteem((receivedVestingShares.split(' ')[0]-delegatedVestingShares.split(' ')[0])+' VESTS', totalVestingShares, totalVestingFundSteem) - delegatedSteemPower;
+
+    // vote power calc
+    let lastVoteTime = (new Date - new Date(user.last_vote_time + "Z")) / 1000;
+    let votePower = user.voting_power += (10000 * lastVoteTime / 432000);
+    votePower = Math.min(votePower / 100, 100).toFixed(2);
+
+    let data = {
+      name: user.name,
+      image: jsonData.profile_image ? 'https://steemitimages.com/2048x512/' + jsonData.profile_image : '',
+      rep: steem.formatter.reputation(user.reputation),
+      effectiveSp: parseInt(steemPower  + delegatedSteemPower - -outgoingSteemPower),
+      sp: parseInt(steemPower).toLocaleString(),
+      delegatedSpIn: parseInt(delegatedSteemPower).toLocaleString(),
+      delegatedSpOut: parseInt(-outgoingSteemPower).toLocaleString(),
+      vp: votePower,
+      steem: user.balance.substring(0, user.balance.length - 5),
+      sbd: user.sbd_balance.substring(0, user.sbd_balance.length - 3),
+      numOfPosts: user.post_count,
+      followerCount: '',
+      followingCount: '',
+      usdValue: '',
+      createdDate: new Date (user.created)
+    }
+
+
+ steem.api.getFollowCount(user.name, function(err, result){
+    data.followerCount = result.follower_count
+    data.followingCount = result.following_count
+  })
+
+
+  data.usdValue = steem.formatter.estimateAccountValue(user)
+
+
+  console.log(data)
+
+  let template =
+  `
+  <section class="profile">
+    <h2>${data.name} - ${data.rep}</h2>
+    <img src="${data.image}">
+  </section>
+  `
+
+  $('main').append(template)
+
+
+
+
+  })
+}

routes/index.js

@@ -10,4 +10,12 @@ router.get('/', (req, res, next) =>  {
   }
 });
 
+router.get('/@:username?', (req, res, next) => {
+      let username = req.params.username
+      console.log(username)
+      res.render('profile', {
+        name: username
+      });
+});
+
 module.exports = router;

views/profile.pug

@@ -0,0 +1,8 @@
+extends layout
+
+block content
+  include partials/nav
+
+  main.profile(data-username=`${name}`)
+    h1 Profile
+    h2 #{name}