My Steemit Friends Update: Instant Search in Contributors list, hyperlinked results

in #utopian-io7 years ago (edited)

New Feature - Contributor Name Search

On the "All Contributors Ranking" page in My Steemit Friends (located at http://mysteemitfriends.online/contributors.php), I have built a new instant search feature, which will help users find their contributor really quickly in the ranking table.

To test this feature, firstly enter your user name and click "Show Contributors" button.

image.png

You will see a list of who has contributed towards your articles, ranked in order of contribution amount in descending order. Now, think of a friend who has contributed to your article and type it in the "Search for user in contributor table" textbox.

image.png

As soon as you type some letters in, you will see that the list immediately gets filtered using what you have typed. Every single name remaining in the table will contain the letters you have typed.

image.png

You will still see the original ranking of each user so you still know where they stand in your contributor table. Continue to type and you should see your targeted user very soon.

image.png

New Feature - Hyperlinked results

If you click on any of the Usernames, you will be directed to that user's Steemit blog. If you want you can also click with your middle mouse button and it will open in a new tab, so you don't have to close the contributor ranking.

image.png

If you click on any of the Contribution amounts, you will be able to display that specific user's contribution ranking. If you click the links with your middle mouse button, they will open in a new tab.

image.png

  • How did you implement it/them?


    Relevant Commit


    contributors.php: Prior to this update, the SQL result is printed to a table as soon as its retrieved in PHP. Now, the SQL result is encoded into a JSON string and passed to Javascript. Using Javascript/Jquery I then display the data onto the table. I have decided to switch to pass the data to Javascript because I can then search through the data and update the table immediately, without reloading the page. I also added the links to the usernames and contribution amounts in the table using Javascript.



Posted on Utopian.io - Rewarding Open Source Contributors

Sort:  

Thank you for the contribution. It has been approved.

Another great improvement to this friendly tool.

I like how you explained your switch from php print to js json, a very valid point and a great lesson for others.

You're getting noticed! @teamsteem and @jerrybanfield are talking about your tool. Keep you the great work.

You can contact us on Discord.
[utopian-moderator]

thank you so much @helo :)

So @magicmonk, did you see the post and the video interview?

I see it now. omg. thank you so much for sharing helo.

Hey @magicmonk I am @utopian-io. I have just upvoted you!

Achievements

  • Seems like you contribute quite often. AMAZING!

Community-Driven Witness!

I am the first and only Steem Community-Driven Witness. Participate on Discord. Lets GROW TOGETHER!

mooncryption-utopian-witness-gif

Up-vote this comment to grow my power and help Open Source contributions like this one. Want to chat? Join me on Discord https://discord.gg/Pc8HG9x

1UP-Kayrex_tiny.png

You've got upvoted by Utopian-1UP!

You can give up to ten 1UP's to Utopian posts every day after they are accepted by a Utopian moderator and before they are upvoted by the official @utopian-io account. Install the @steem-plus browser extension to use 1UP. By following the 1UP-trail using SteemAuto you support great Utopian authors and earn high curation rewards at the same time.


1UP is neither organized nor endorsed by Utopian.io!

Waaoo that makes it even more useful for finding contribution from a specific person,nice work bro.

That's really useful thing. At least we can know, who are our real friends on Steemit :)
Thanks for the update buddy :)

I feel like the contributions are off for some reasons. Do you have any idea?

http://mysteemitfriends.online/contributors.php?author=teamsteem

The amounts don't seem right. I might be wrong. Maybe my perception is skewed by the price fluctuation of STEEM. Let me know what you think.

Hi teamsteem. As I add more features in (date filters, article lists) to the tool it should become more obvious whether it's right. Thanks for raising your concern!

Coin Marketplace

STEEM 0.18
TRX 0.16
JST 0.029
BTC 76015.33
ETH 2892.38
USDT 1.00
SBD 2.58