fix(js): Changed disqus comment counter load method. Closes #35

oswaldoacauan · May 26, 2014 · 48a5df7 · 48a5df7
1 parent 248bd2a
commit 48a5df7
Show file tree

Hide file tree

Showing 3 changed files with 24 additions and 7 deletions.
diff --git a/src/assets/js/scripts.js b/src/assets/js/scripts.js
@@ -50,13 +50,29 @@
           }
         });
       }
+    };
 
+    var _loadDisqusCounter = function() {
       if(typeof DISQUSWIDGETS === 'object') {
-        DISQUSWIDGETS = undefined;
-        var countjs = $html.find('head script[src*="disqus.com/count.js"]').remove();
-        $('<script async type="text/javascript">').attr({
-          src: countjs.attr('src')
-        }).appendTo('head');
+        var newScript   = document.createElement("script"),
+            countScript = $html.find('head script[src*="disqus.com/count-data.js"]').remove(),
+            countSrc    = countScript.get(0).src.split('?')[0],
+            posts       = $html.find('[data-disqus-identifier]'),
+            postsArr    = [];
+
+        posts.each(function(i, el) {
+          postsArr.push('1=' + encodeURIComponent($(el).data('disqus-identifier')));
+        });
+        postsArr.sort();
+
+        if(postsArr.length) {
+          newScript.async = true
+          newScript.src = countSrc + '?' + postsArr.join("&");
+
+          $html.find('head').append(newScript);
+
+          DISQUSWIDGETS.getCount();
+        }
       }
     };
 
@@ -75,6 +91,7 @@
         }
 
         _resetDisqus();
+        _loadDisqusCounter();
 
         $('[data-load-image]', $content).each(function() {
           ImageLoader.load($(this));

diff --git a/src/partials/post/list.hbs b/src/partials/post/list.hbs
@@ -26,7 +26,7 @@
         </li>
       {{/if}}
       <li class="post-item-meta-item">
-        <a href="{{url}}#disqus_thread" data-pjax data-disqus-identifier="{{id}}"></a>
+        <a href="{{url}}#disqus_thread" data-pjax data-disqus-identifier="{{id}}">Comments</a>
       </li>
     </ul>
   </footer>

diff --git a/src/post.hbs b/src/post.hbs
@@ -20,7 +20,7 @@
                 </li>
               {{/if}}
               <li class="post-meta-item">
-                <a href="#disqus_thread" data-disqus-identifier="{{id}}"></a>
+                <a href="#disqus_thread" data-disqus-identifier="{{id}}">Comments</a>
               </li>
             </ul>
             <h1 itemprop="name headline" class="post-title"><a href="{{url}}" itemprop="url" data-pjax title="{{{title}}}">{{{title}}}</a></h1>