tune processWhoToFollowSuggestion()

home.html

@@ -220,9 +220,7 @@
         <a class="refresh-users">Refresh</a>
         <small>.</small>
         <a class="view-all-users" href="#whotofollow">View All</a>
-        <ol class="follow-suggestions">
-          <!-- use "follow-suggestion-template" here -->
-        </ol>
+        <ol class="follow-suggestions"></ol>
       </div>
       <div class="loading-roller">
         <div></div>
@@ -237,9 +235,7 @@
               <a class="refresh-users">Refresh</a>
               <small>.</small>
               <a class="view-all-users" href="#newusers">View All</a>
-              <ol class="follow-suggestions">
-                  <!-- use "follow-suggestion-template" here -->
-              </ol>
+              <ol class="follow-suggestions"></ol>
           </div>
           <div class="loading-roller">
               <div></div>
@@ -301,8 +297,8 @@
       </div>
     </li>
 
-    <!-- TEMPLATE DE WHO-TO-FOLLOW SUGGESTION -->
-    <li id="follow-suggestion-template" class="twister-user">
+    <div id="template-whotofollow-peer">
+    <li class="twister-user">
       <div class="">
         <a href="#" class="twister-user-name open-profile-modal">
           <img class="twister-user-photo" src="img/grayed_avatar_placeholder_24.png" alt="user-photo"/>
@@ -328,6 +324,7 @@
         <button class="follow">Follow</button>
       </div>
     </li>
+    </div>
 
     <!-- TEMPLATE DA OL INVÓLUCRO DAS LIST ELEMENTS DO POST EXPANDIDO INIT -->
     <ol class="expanded-post">

js/interface_common.js

@@ -2812,6 +2812,7 @@ $(document).ready(function () {
     twister.tmpl.followersPeer = extractTemplate('#template-followers-peer');
     twister.tmpl.followingList = extractTemplate('#template-following-list');
     twister.tmpl.followingPeer = extractTemplate('#template-following-peer');
+    twister.tmpl.whoTofollowPeer = extractTemplate('#template-whotofollow-peer');
     twister.tmpl.commonDMsListItem = extractTemplate('#template-direct-messages-list-item')
         .on('mouseup', function (event) {
             event.data = {route:

js/twister_following.js

@@ -624,50 +624,50 @@ function getWhoFollows(peerAlias, elem) {
         ;
 }
 
-function processWhoToFollowSuggestion(module, suggestion, followedBy, prepend) {
-    if (suggestion) {
-        var list = module.find('.follow-suggestions');
-        var item = $('#follow-suggestion-template').clone(true)
-            .removeAttr('id');
-
-        item.find('.twister-user-info').attr('data-screen-name', suggestion);
-        item.find('.twister-user-name').attr('href', $.MAL.userUrl(suggestion));
-        item.find('.twister-user-tag').text('@' + suggestion);
-
-        getAvatar(suggestion, item.find('.twister-user-photo'));
-        getStatusTime(suggestion, item.find('.latest-activity .time'));
-
-        if (module.hasClass('who-to-follow') || module.hasClass('who-to-follow-modal')) {
-            item.find('.twister-by-user-name').attr('href', $.MAL.userUrl(followedBy));
-            getFullname(followedBy, item.find('.followed-by').text(followedBy));
-            item.find('.twister-user-remove').on('click', function () {
-                item.remove();
-                getRandomFollowSuggestion();
-            });
-        }
-        else if (module.hasClass('new-users') || module.hasClass('new-users-modal')){
-            item.find('.followers').remove();
-            item.find('.twister-user-remove').remove();
-        }
+function processWhoToFollowSuggestion(module, peerAlias, followedBy, prepend) {
+    if (!peerAlias) {
+        console.warn('nothing to proceed: no twisters to follow was suggested');
+        return;
+    }
 
-        if (module.hasClass('modal-wrapper')) {
-            getFullname(suggestion, item.find('.twister-user-full'));
-            getBioToElem(suggestion, item.find('.bio'));
-            item.find('.twister-user-remove').remove();
-        }
+    var list = module.find('.follow-suggestions');
+    var item = twister.tmpl.whoTofollowPeer.clone(true);
 
-        if (prepend)
-            list.prepend(item).show();
-        else
-            list.append(item).show();
+    item.find('.twister-user-info').attr('data-screen-name', peerAlias);
+    item.find('.twister-user-name').attr('href', $.MAL.userUrl(peerAlias));
+    item.find('.twister-user-tag').text('@' + peerAlias);
 
-        while (module.hasClass('new-users') && list.children().length > 3)
-            list.children().last().remove();
+    getAvatar(peerAlias, item.find('.twister-user-photo'));
+    getStatusTime(peerAlias, item.find('.latest-activity .time'));
 
-        module.find('.refresh-users').show();
-        module.find('.loading-roller').hide();
-    } else
-        console.warn('nothing to proceed: no twisters to follow was suggested');
+    if (module.hasClass('who-to-follow') || module.hasClass('who-to-follow-modal')) {
+        item.find('.twister-by-user-name').attr('href', $.MAL.userUrl(followedBy));
+        getFullname(followedBy, item.find('.followed-by').text(followedBy));
+        item.find('.twister-user-remove').on('click', {item: item}, function (event) {
+            event.data.item.remove();
+            getRandomFollowSuggestion();
+        });
+    } else if (module.hasClass('new-users') || module.hasClass('new-users-modal')) {
+        item.find('.followers').remove();
+        item.find('.twister-user-remove').remove();
+    }
+
+    if (module.hasClass('modal-wrapper')) {
+        getFullname(peerAlias, item.find('.twister-user-full'));
+        getBioToElem(peerAlias, item.find('.bio'));
+        item.find('.twister-user-remove').remove();
+    }
+
+    if (prepend)
+        list.prepend(item).show();
+    else
+        list.append(item).show();
+
+    while (module.hasClass('new-users') && list.children().length > 3)
+        list.children().last().remove();
+
+    module.find('.refresh-users').show();
+    module.find('.loading-roller').hide();
 }
 
 function closeSearchDialog(event) {