Articles reactions

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

@@ -178,6 +178,14 @@
         <?= View::factory('templates/quizzes/quiz', array('quizData' => $quiz->quiz_data)); ?>
     <? endif ?>
 
+    <div class='js_reactions-page_voting' data-module="reactionsCreate">
+        <textarea name="module-settings" hidden>
+            {
+                "parent" : ".js_reactions-page_voting"
+            }
+        </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 +216,7 @@
             ->set('course', $course)
         ?>
     <? endif; ?>
-</div>
+</div>
+
+
+<script type="text/javascript" src="/public/build/codex.bundle.js"></script>

www/package.json

@@ -13,6 +13,7 @@
     "@babel/preset-env": "^7.1.0",
     "@codexteam/ajax": "^3.1.1",
     "@codexteam/deeplinker": "^1.0.7",
+    "@codexteam/reactions": "^1.0.3",
     "@editorjs/code": "^2.4.0",
     "@editorjs/delimiter": "^1.1.0",
     "@editorjs/editorjs": "^2.11.9",

www/public/app/js/main.js

@@ -128,12 +128,16 @@ codex.vkWidget = require('./modules/vkWidget');
 codex.codeStyling = require('./modules/codeStyling');
 codex.deeplinker = require('@codexteam/deeplinker');
 codex.pluginsFilter = require('./modules/pluginsFilter');
+codex.reactions = require('@codexteam/reactions');
 
 import EditorLanding from './modules/editorLanding';
 codex.editorLanding = new EditorLanding();
 
 import ArticleCreate from './modules/articleCreate';
 codex.articleCreate = new ArticleCreate();
 
+import Reactions from './modules/reactions';
+codex.reactionsCreate = new Reactions();
+
 module.exports = codex;
 

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

@@ -0,0 +1,19 @@
+'use strict';
+
+/**
+* Module for reactions init
+*/
+
+export default class Reactions {
+
+    /**
+     * Initialize reactions on pages
+     * @param {Object} settings - reactions parameters
+     * @param {String} settings.parent - container's selector for reactions module
+     */
+    init(settings) {
+
+        let parentElement = document.querySelector(settings.parent),
+            reactionsModule = new codex.reactions({parent: parentElement, title: '', reactions: ['👍', '❤', '👎']});
+    };
+};