Integration of Steemit More Info features #6: Voting Values

Another key feature from Steemit More Info, the possibility to see how much your upvote or downvote will be, based on the voting weight applied.

This feature is not available on the Store yet, to get the full list of features currently available, please refer to this post.

New Features

• The upvote slider now features a voting value, that changes in real time with the chosen voting weight.

• In a similar manner, you can see how much your downvote (flag) will cost the user:

• Additionnally, the downvote popup will show you what the total payout value will be after your downvote.

Problems encountered and how to solve them

• The main problem during the integration of this part was the fact that the listener onchange was only triggering once the slider lost the focus, which means that you would see an update of the voting value only after release the mouse click.
• We didn't want to use the custom Steemit More Info listeners to avoid interfering with SteemPlus listeners, plus I don't like copy pasta.
• Eventually, to do that, we had to listen for changes in the DOM and look for change on the slider at that moment :

$("body").on('DOMSubtreeModified', ".weight-display", function() {
            tryUpdateVotingSlider();
  });

Coming soon

• All Steemit More Info features will be fixed an included in here.
• Next one will be the detailed Following/Followers Panel (+ Integration with SteemConnect for fast unfollow)
• 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

---