Add UI for action bar

templates/blog/blog.html

@@ -2,12 +2,12 @@
 
 {% block js_media %}
     {% include "comments/media-js.html" %}
-    {% include "pagevotes/media-js.html" %}
+    {% include "actionbar/media-js.html" %}
 {% endblock %}
 
 {% block media %}
     {% include "comments/media-css.html" %}
-    {% include "pagevotes/media-css.html" %}
+    {% include "actionbar/media-css.html" %}
 {% endblock %}
 
 {% block title_row %}
@@ -41,14 +41,9 @@
                 {{ post.content|markdown|reference|str|safe}}
             {% endcache %}
         </div>
+        {% include "actionbar/list.html" %}
     </div>
     <hr style="width: 60%; margin:4em auto;">
-    <span class="social">
-        {{ post_to_gplus(request, post, '<i class="fa fa-google-plus-square"></i>') }}
-        {{ post_to_facebook(request, post, '<i class="fa fa-facebook-official"></i>') }}
-        {{ post_to_twitter(request, SITE_NAME + ':', post, '<i class="fa fa-twitter"></i>') }}
-    </span>
-    {% include "pagevotes/list.html" %}
     {% include "comments/list.html" %}
 {% endblock %}
 

templates/blog/content.html

@@ -36,9 +36,15 @@
     <h2 class="title">
         <a href="{{ url('blog_post', post.id, post.slug) }}">{{ post.title }}</a>
     </h2>
-    <div class="summary content-description blog-description">
-        {% cache 86400 'post_summary' post.id %}
-            {{ post.summary|default(post.content, true)|markdown(lazy_load=True)|reference|str|safe }}
-        {% endcache %}
+    <div class="blog-description">
+        <div class="summary content-description">
+            {% cache 86400 'post_summary' post.id %}
+                {{ post.summary|default(post.content, true)|markdown(lazy_load=True)|reference|str|safe }}
+            {% endcache %}
+        </div>
+        {% set pagevote = post.pagevote %}
+        {% set hide_actionbar_comment = True %}
+        {% set include_hr = True %}
+        {% include "actionbar/list.html" %}
     </div>
 </section>

templates/blog/list.html

@@ -1,6 +1,7 @@
 {% extends "three-column-content.html" %}
 {% block three_col_media %}
     {% include "blog/media-css.html" %}
+    {% include "actionbar/media-css.html" %}
     <style>
         @media (max-width: 799px) {
             .title {
@@ -32,6 +33,7 @@
 {% endblock %}
 
 {% block three_col_js %}
+    {% include "actionbar/media-js.html" %}
     <script type="text/javascript">
         $(document).ready(function () {
             $('.time-remaining').each(function () {