Added "filter posts by tags" functionality to easy backlink list
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](https://steemitimages.com/640x0/https://res.cloudinary.com/hpiynhbhq/image/upload/v1513291714/fssumzh7ihjpfhswn2bu.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](https://steemitimages.com/640x0/https://res.cloudinary.com/hpiynhbhq/image/upload/v1513292116/y7d5vzuhedshwlpozkis.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](https://steemitimages.com/640x0/https://res.cloudinary.com/hpiynhbhq/image/upload/v1513292453/vq1rtlw6puim20ipx85d.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](https://steemitimages.com/640x0/https://res.cloudinary.com/hpiynhbhq/image/upload/v1513293127/esnegoup3e3raajcya1h.png)
![image_3](https://steemitimages.com/640x0/https://res.cloudinary.com/hpiynhbhq/image/upload/v1511936319/uniin39uhy6eaxtzoi6d.png)
Proof of logged in session in Github 🙂
Have happy days ✌
Posted on Utopian.io - Rewarding Open Source Contributors
Hey @kit.andres I am @utopian-io. I have just upvoted you!
Achievements
Community-Driven Witness!
I am the first and only Steem Community-Driven Witness. Participate on Discord. Lets GROW TOGETHER!
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
Thank you for the contribution. It has been approved.
Could you next time put the link of your PR in the post so that it helps to understand which particular contribution you are talking about.
You can contact us on Discord.
[utopian-moderator]
@justyy thank you so much. I have added it to the beginning of the post but maybe not in a clearly way. I will be more explicit next time ✌.