Refractoring 1UP button behavior

We have refractor the behavior of the 1UP Button in Utopian in order to load faster and without intervention from the user (sometimes you had to click in order to make it appear). Read on to find out in more details.

New Features

• The button now charges as soon as the Utopian page finishes loading.

• It is also binded to a scrolling event, so that new buttons will appear directly when new posts appear. Before that, it was binded to a click event, and I reckon it was not an outstanding user experience ;p

• Added loading speed by avoiding to fetch all posts from API at each 1UP vote, now the number of votes is directly updated using a simple +1 rule.

Bugs fixed

• The annoying scrollbar bug is gone ^^
• Feed+ had a very rare case of undefined image that would crash it. Thanks to @tobias-g for notifying me because it never happened on my end.

Technology used

• The whole extension is coded in javascript
• 1UP calls are made to an API written in Node.js and using Parse server.
• We use a Mongodb database and fetch the data directly through Parse.

One snippet for this update

A useful tip, to bind an event to the fact that the scrolldown reached the bottom of the page:

$(window).scroll(function() {
        if($(window).scrollTop() + $(window).height() >= $('.Feed').height()) {
          if(isReputationEnough(request.data.account) && !scrollBottomReached){
            scrollBottomReached=true;
             //TODO: Do something awesome
              scrollBottomReached=false;
});

---

Posted on Utopian.io - Rewarding Open Source Contributors

---