Ensure articles showcased in the profile can be favorited

src/apps/profiles/templates/profiles/profile_detail.html

@@ -51,7 +51,7 @@ <h4>{{ profile.username }}</h4>
           {% assign articles_query_param = "&articles=favorited" %}
         {% endif %}
 
-        {% include "blogging/partials/article_feed.html" with additional_page_params = articles_query_param %}
+        {% include "partials/article_feed.html" with additional_page_params = articles_query_param %}
       </div>
     </div>
   </div>

src/assets/js/controllers/profiles/ProfileDetailController.js

@@ -1,8 +1,10 @@
+import initFavoriteButtons from '../../core/initFavoriteButtons';
 import initFollowButtons from '../../core/initFollowButtons';
 
 export default {
   async init() {
     const profilePageDiv = document.getElementById('profile_page');
     await initFollowButtons(profilePageDiv.dataset.username);
+    await initFavoriteButtons();
   },
 };

src/apps/blogging/templates/blogging/partials/article_feed.html → src/templates/partials/article_feed.html

@@ -1,5 +1,5 @@
 {% for article in articles %}
-{% include "blogging/partials/article_preview.html" with article = article %}
+{% include "partials/article_preview.html" with article = article %}
 {% else %}
 <div class="article-preview">No articles are here... yet.</div>
 {% endfor %}

src/apps/blogging/templates/blogging/partials/article_preview.html → src/templates/partials/article_preview.html

@@ -6,8 +6,8 @@
       <span class="date">{{ article.created_at | time: "%B %-d" }}</span>
     </div>
     {% if request.user? %}
-    <button class="favorite-article-btn btn btn-sm pull-xs-right {% if article in request.user.profile.favorite_articles %}btn-primary favorited{% else %}btn-outline-primary{% endif %}">
-      <i class="ion-heart"></i> <span class="favorite-count">{{ article.favorited_by.size }}</span>
+    <button class="favorite-button favorite-article-btn btn btn-sm pull-xs-right {% if article in request.user.profile.favorite_articles %}btn-primary favorited{% else %}btn-outline-primary{% endif %}" data-article-slug="{{ article.slug }}">
+      <i class="ion-heart"></i> <span class="counter">{{ article.favorited_by.size }}</span>
     </button>
     {% endif %}
   </div>