Adds disqus integration

kiddomk · Jun 20, 2012 · 23e1095 · 23e1095
1 parent e491135
commit 23e1095
Show file tree

Hide file tree

Showing 13 changed files with 66 additions and 13 deletions.
diff --git a/syte/compress.py b/syte/compress.py
@@ -63,7 +63,8 @@ def compress_js():
     if settings.INSTAGRAM_INTEGRATION_ENABLED:
         js_files.append('components/instagram.js')
 
-
+    if settings.DISQUS_INTEGRATION_ENABLED:
+        js_files.append('components/disqus.js')
 
     combined = ''
     for js in js_files:

diff --git a/syte/context_processor.py b/syte/context_processor.py
@@ -16,5 +16,7 @@ def site_pages(request):
     context['DRIBBBLE_INTEGRATION_ENABLED'] = settings.DRIBBBLE_INTEGRATION_ENABLED
     context['INSTAGRAM_INTEGRATION_ENABLED'] = settings.INSTAGRAM_INTEGRATION_ENABLED
     context['GOOGLE_ANALYTICS_TRACKING_ID'] = settings.GOOGLE_ANALYTICS_TRACKING_ID
+    context['DISQUS_INTEGRATION_ENABLED'] = settings.DISQUS_INTEGRATION_ENABLED
+    context['DISQUS_SHORTNAME'] = settings.DISQUS_SHORTNAME
 
     return context
diff --git a/syte/static/js/components/disqus.js b/syte/static/js/components/disqus.js
@@ -0,0 +1,20 @@
+var _embed_disqus = function() {
+    var dsq = document.createElement('script'); dsq.type = 'text/javascript'; dsq.async = true;
+    dsq.src = 'http://' + disqus_shortname + '.disqus.com/embed.js';
+    (document.getElementsByTagName('head')[0] || document.getElementsByTagName('body')[0]).appendChild(dsq);
+};   
+
+var _embed_disqus_count = function () {
+    var s = document.createElement('script'); s.async = true;
+    s.type = 'text/javascript';
+    s.src = 'http://' + disqus_shortname + '.disqus.com/count.js';
+    (document.getElementsByTagName('HEAD')[0] || document.getElementsByTagName('BODY')[0]).appendChild(s);
+}
+
+var embed_disqus = function() {
+    setTimeout(_embed_disqus, 500);
+}
+
+var embed_disqus_count = function() {
+    setTimeout(_embed_disqus_count, 500);
+}
diff --git a/syte/static/templates/blog-post-audio.html b/syte/static/templates/blog-post-audio.html
@@ -7,14 +7,17 @@ <h3><a href="#{{ id }}">{{ formated_date }}</a></h3>
   {{#if caption}}
   {{{ caption }}}
   {{/if}}
-  {{#if tags }}
   <footer>
+    {{#if tags }}
     <h4>Tags</h4>
     <ul class="tags">
       {{#each tags}}
       <li><a href="/tags/{{ this }}">{{ this }}</a></li>
       {{/each}}
     </ul>
+    {{/if}}
+
+    <a href="/post/{{ id }}#disqus_thread"></a>
+    <div id="disqus_thread"></div>
   </footer>
-  {{/if}}
 </article>
diff --git a/syte/static/templates/blog-post-link.html b/syte/static/templates/blog-post-link.html
@@ -4,14 +4,16 @@ <h2><a href="{{url}}">Link: {{title}}</a></h2>
     <h3><a href="#{{ id }}">{{ formated_date }}</a></h3>
   </hgroup>
   {{{ description }}}
-  {{#if tags}}
   <footer>
+    {{#if tags}}
     <h4>Tags</h4>
     <ul class="tags">
       {{#each tags}}
       <li><a href="/tags/{{ this }}">{{ this }}</a></li>
       {{/each}}
     </ul>
+    {{/if}}
+    <a href="/post/{{ id }}#disqus_thread"></a>
+    <div id="disqus_thread"></div>
   </footer>
-  {{/if}}
 </article>
diff --git a/syte/static/templates/blog-post-photo.html b/syte/static/templates/blog-post-photo.html
@@ -14,14 +14,18 @@ <h3><a href="#{{ id }}">{{ formated_date }}</a></h3>
   {{#if caption}}
     {{{ caption }}}
   {{/if}}
-  {{#if tags }}
+
   <footer>
+    {{#if tags }}
     <h4>Tags</h4>
     <ul class="tags">
       {{#each tags}}
       <li><a href="/tags/{{ this }}">{{ this }}</a></li>
       {{/each}}
     </ul>
+    {{/if}}
+    <a href="/post/{{ id }}#disqus_thread"></a>
+    <div id="disqus_thread"></div>
   </footer>
-  {{/if}}
+
 </article>
diff --git a/syte/static/templates/blog-post-quote.html b/syte/static/templates/blog-post-quote.html
@@ -9,14 +9,16 @@ <h3><a href="#{{ id }}">{{ formated_date }}</a></h3>
   {{#if source}}
   <p>{{{ source }}}</p>
   {{/if}}
-  {{#if tags }}
   <footer>
+    {{#if tags }}
     <h4>Tags</h4>
     <ul class="tags">
       {{#each tags}}
       <li><a href="/tags/{{ this }}">{{ this }}</a></li>
       {{/each}}
     </ul>
+    {{/if}}
+    <a href="/post/{{ id }}#disqus_thread"></a>
+    <div id="disqus_thread"></div>
   </footer>
-  {{/if}}
 </article>
diff --git a/syte/static/templates/blog-post-text.html b/syte/static/templates/blog-post-text.html
@@ -4,14 +4,18 @@ <h2><a href="/post/{{ id }}">{{ title }}&nbsp;</a></h2>
     <h3><a href="#{{ id }}">{{ formated_date }}</a></h3>
   </hgroup>
   {{{ body }}}
-  {{#if tags}}
+
   <footer>
+    {{#if tags}}
     <h4>Tags</h4>
     <ul class="tags">
       {{#each tags}}
       <li><a href="/tags/{{ this }}">{{ this }}</a></li>
       {{/each}}
     </ul>
+    {{/if}}
+
+    <a href="/post/{{ id }}#disqus_thread"></a>
+    <div id="disqus_thread"></div>
   </footer>
-  {{/if}}
 </article>
diff --git a/syte/static/templates/blog-post-video.html b/syte/static/templates/blog-post-video.html
@@ -6,14 +6,17 @@ <h3><a href="#{{ id }}">{{ formated_date }}</a></h3>
   <p>
     <a href="{{ permalink_url }}" class="no-border"><img src="{{ thumbnail_url }}" /></a>
   </p>
-  {{#if tags }}
   <footer>
+    {{#if tags }}
     <h4>Tags</h4>
     <ul class="tags">
       {{#each tags}}
       <li><a href="/tags/{{ this }}">{{ this }}</a></li>
       {{/each}}
     </ul>
+    {{/if}}
+
+    <a href="/post/{{ id }}#disqus_thread"></a>
+    <div id="disqus_thread"></div>
   </footer>
-  {{/if}}
 </article>
diff --git a/syte/syte_settings.py b/syte/syte_settings.py
@@ -54,6 +54,10 @@
 GOOGLE_ANALYTICS_TRACKING_ID = ''
 
 
+#Disqus
+DISQUS_INTEGRATION_ENABLED = False
+DISQUS_SHORTNAME = ''
+
 if DEPLOYMENT_MODE == 'dev':
     SITE_ROOT_URI = 'http://127.0.0.1:8000/'
     DEBUG = True

diff --git a/syte/templates/base.html b/syte/templates/base.html
@@ -53,6 +53,7 @@ <h3><a href="/">rigoneri.com</a></h3>
     github_integration_enabled = {% if GITHUB_INTEGRATION_ENABLED %}true{% else %}false{% endif %},
     dribbble_integration_enabled = {% if DRIBBBLE_INTEGRATION_ENABLED %}true{% else %}false{% endif %},
     instagram_integration_enabled = {% if INSTAGRAM_INTEGRATION_ENABLED %}true{% else %}false{% endif %};
+{% if DISQUS_INTEGRATION_ENABLED %}var disqus_shortname = '{{ DISQUS_SHORTNAME }}';{% endif %}
 </script>
 
 {% if DEV_DEPLOYMENT_MODE %}
@@ -73,6 +74,7 @@ <h3><a href="/">rigoneri.com</a></h3>
 {% if GITHUB_INTEGRATION_ENABLED %}<script src="{{ MEDIA_URL }}js/components/github.js"></script>{% endif %}
 {% if DRIBBBLE_INTEGRATION_ENABLED %}<script src="{{ MEDIA_URL }}js/components/dribbble.js"></script>{% endif %}
 {% if INSTAGRAM_INTEGRATION_ENABLED %}<script src="{{ MEDIA_URL }}js/components/instagram.js"></script>{% endif %}
+{% if DISQUS_INTEGRATION_ENABLED %}<script src="{{ MEDIA_URL }}js/components/disqus.js"></script>{% endif %}
 
 {% else %}
 <script src="{{ MEDIA_URL }}js/min/scripts-{{ COMPRESS_REVISION_NUMBER }}.min.js"></script>

diff --git a/syte/templates/blog-post.html b/syte/templates/blog-post.html
@@ -8,5 +8,8 @@
 {% block extra_inline_js %}
 $(function() {
   adjustBlogHeaders();
+  {% if DISQUS_INTEGRATION_ENABLED %}
+  embed_disqus();
+  {% endif %}
 });
 {% endblock %}
diff --git a/syte/templates/index.html b/syte/templates/index.html
@@ -11,6 +11,9 @@
   {% else %}
   fetchBlogPosts();
   {% endif %}
+  {% if DISQUS_INTEGRATION_ENABLED %}
+  embed_disqus_count();
+  {% endif %}
 });
 {% endblock %}