Integration of Steemit More Info features into SteemPlus #10 : User Information

To learn more about SteemPlus and the features currently available, please check this post.

In this iteration, we have implemented the additionnal details that you can find on User profiles thanks to Steemit More Info, but in a better designed and less intrusive way

New Features

• A modal appears upon hovering above the information icon. It contains the Voting Power of the account as well as the current value of a 100% vote from this account.
  
• We add 2 digits to the reputation displayed on the User profile. Indeed, although the reputation is enough as it is for new users, we all know that the evolution gets really slow passed 60 and that it can take weeks or months to gain 1 point of reputation. For this, we make it simpler to see what your reputation really is:

For example, Steemit shows SteemPlus reputation at 61 although it s really close to 62 as you can see

Challenges

The Steem Formatter from steem.js loses automatically the decimals, so we had to take it from their code and remove the line that rounds it up. If you want to make a similar future, here is the code to get the exact reputation:

reputation: function(reputation) {
      if (reputation == null) return reputation;
      reputation = parseInt(reputation);
      let rep = String(reputation);
      const neg = rep.charAt(0) === "-";
      rep = neg ? rep.substring(1) : rep;
      const str = rep;
      const leadingDigits = parseInt(str.substring(0, 4));
      const log = Math.log(leadingDigits) / Math.log(10);
      const n = str.length - 1;
      let out = n + (log - parseInt(log));
      if (isNaN(out)) out = 0;
      out = Math.max(out - 9, 0);
      out = (neg ? -1 : 1) * out;
      out = out * 9 + 25;
      return out;
    },

Comming soon

• All Steemit More Info features will be fixed an included in here.
• Next one will be the histogram
• Let me know what you want to see next
• These will be available in the Chrome Store only when all features are ready

Hope this helps!

@stoodkev and @cedricguillas for @steem-plus

---

Posted on Utopian.io - Rewarding Open Source Contributors

---