Articles reactions

www/application/views/templates/articles/article.php

@@ -178,6 +178,15 @@
         <?= View::factory('templates/quizzes/quiz', array('quizData' => $quiz->quiz_data)); ?>
     <? endif ?>
 
+    <div class="js_reactions-voting" data-module="reactions">
+        <textarea name="module-settings" hidden>
+            {
+                "parent" : "js_reactions-voting",
+                "title" : "How do you like this article?"
+            }
+        </textarea>
+    </div>
+
     <?= View::factory('templates/blocks/share', array('share' => array(
         'offer' => 'Если вам понравилась статья, поделитесь ссылкой на нее',
         'url'   => 'https://' . Arr::get($_SERVER, 'HTTP_HOST', Arr::get($_SERVER, 'SERVER_NAME', 'codex.so')) . '/' . $article->uri ?: 'article/' . $article->id,
@@ -208,4 +217,7 @@
             ->set('course', $course)
         ?>
     <? endif; ?>
-</div>
+</div>
+
+
+<script type="text/javascript" src="/public/build/codex.bundle.js"></script>

www/public/app/js/main.js

@@ -135,5 +135,8 @@ codex.editorLanding = new EditorLanding();
 import ArticleCreate from './modules/articleCreate';
 codex.articleCreate = new ArticleCreate();
 
+import Reactions from './modules/reactionsArticles';
+codex.reactions = new Reactions();
+
 module.exports = codex;
 

www/public/app/js/modules/reactions.js

@@ -54,4 +54,4 @@ module.exports = require('@codexteam/reactions');
 //
 // }
 //
-// module.exports = new ReactionsModule();
+// module.exports = new ReactionsModule();

www/public/app/js/modules/reactionsArticles.js

@@ -0,0 +1,25 @@
+'use strict';
+
+const reactions = require('@codexteam/reactions');
+
+/**
+ * Module for reactions module initialization and inserting it in a specified place on an article's page
+ */
+
+export default class Reactions {
+
+    /**
+     * Initialize reactions on pages
+     * @param {Object} settings - reactions parameters
+     * @param {String} settings.parent - container's class name for reactions module
+     * @param {String} settings.title - title for reactions module
+     *
+     */
+    init(settings) {
+
+        let parentElement = document.querySelector('.' + settings.parent),
+            reactionsModule = new reactions({parent: parentElement, title: settings.title, reactions: ['👍', '❤', '👎']});
+
+    };
+
+};