Added "filter posts by tags" functionality to easy backlink list

in #utopian-io7 years ago (edited)


Coffeesource is an open source project to create tools based on Steem's blockchain useful to the entire steemit community, and which seeks to encourage the growing community of Python developers and the development community in general to take an interest in Blockchain technology and contribute in open source projects using utopian.io.

@coffeesource.net is a creation of @kit.andres and @ecoinstant, who are building out new tools upon the Steem Blockchain.




Pull request

The Easy backlink functionality in Coffee Source allows us to get the links of our posts created in the Steem blockchain and drop them easily into the Utopian or Steemit text editor.


Screen Shot 2017-12-14 at 4.23.06 PM.png

I have added a new feature to this functionality. Now there is a tags filter that allows users to enter a tag and see only the posts that have been created including this tag.


Screen Shot 2017-12-14 at 5.54.39 PM.png

When a user types a tag to filter and submit the form, only posts that include this tag will be showed. Under the form we will see the applied tag filter and the remove button to clean the filter criteria. Clicking this button, the hidden posts without the tag will be visible again.


Screen Shot 2017-12-14 at 6.00.22 PM.png

If there are filter tags applied and a user clicks the button Load more posts, the new posts will be filtered by the same tags.

This functionality has been written completely in Javascript. I have added the tags like class attributes per each post container. When a user submits the form with a tag to filter the list, I'm checking if the applied tag is not among the classes of the post container and then hide it.

Multiple tags filter is supported.


Screen Shot 2017-12-14 at 6.11.47 PM.png



image_3


Proof of logged in session in Github 🙂



Have happy days ✌



Posted on Utopian.io - Rewarding Open Source Contributors

Sort:  

Coin Marketplace

STEEM 0.20
TRX 0.13
JST 0.030
BTC 64269.87
ETH 3393.79
USDT 1.00
SBD 2.48