biovision-post 0.1.180127 → 0.31.200627.0

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: b889ba7a155e2072f97474ffa415f86b0aaeb387d5266de6f08715ca090dc016
-  data.tar.gz: b20b223bca477ff0f077720a6102a69dbdd72e68e8b6bbeabb821d632c5296c8
+  metadata.gz: b7a3512ea3126ec7b9823f20eb32cc4ada71f998d274bd9c9c054c444f52e70b
+  data.tar.gz: 8c50a8202a57385205a5f2fe430ed91bac2063cf3cebf12cb4726cb9d4a24ed9
 SHA512:
-  metadata.gz: 9c4e4732cd224dfb38af8e72f881d306bed081a5382fcee710e493b685a87a7c7ba1b8b276660dde410adbfe6529b14a7ac1f2722d91f20e6fb0e52a9b792f81
-  data.tar.gz: e5f81682ceb25780a39098d3197fe1120b5e70051de31ebffa7b89baba832b771833b4120e127b6d4d117cdc31b8d0ee21ee5d6664b85b2e06bef2e7f95b975d
+  metadata.gz: e2ee7bfb1beab756d00a123637c9f8da61b875a56b6957e71f114495f1651a4f8a85559a2fd43f24ee881094dc872f092486d1dedea09ac104a1f9a89491e519
+  data.tar.gz: a1779ab2260aed0a7148eb2d26c85149a053c6daff7f52bcc6c00193aa1286c0a22578553f4989cf271b3b9f8c187ec6caedc6afb0f4963184c45fdf26612d75

data/README.md

@@ -1,24 +1,90 @@
-# Biovision::Post
-Short description and motivation.
+Biovision::Post
+===============
 
-## Usage
-How to use my plugin.
+Модуль публикаций для сайтов на базе `biovision-base`. Используйте на свой
+страх и риск без каких-либо гарантий.
 
-## Installation
-Add this line to your application's Gemfile:
+После запуска `bundle install` не забудьте выполнить 
+`rails railties:install:migrations` и `rails db:migrate`.
+
+Подключение
+-----------
+
+В `Gemfile` добавить использование гема:
+
+```ruby
+gem 'biovision-post', git: 'https://github.com/Biovision/biovision-post.git'
+# gem 'biovision-post', path: '/Users/maxim/Projects/Biovision/gems/biovision-post'
+```
+
+Если нужен elasticsearch для поиска
+-----------------------------------
+
+В `Gemfile` добавить Elastic:
 
 ```ruby
-gem 'biovision-post'
+gem 'elasticsearch-model', '~> 5.1'
+gem 'elasticsearch-persistence'
 ```
 
-And then execute:
-```bash
-$ bundle
+Версия `elasticsearch-model` должна соответствовать версии elasticsearch
+на сервере, поэтому имеет смысл указать её явно.
+
+В конфигурацию приложения (например, в `config/initializers/biovision.rb`) нужно 
+добавить название индекса:
+
+```ruby
+  config.post_index_name = 'example_post'
+```
+
+Подключение фронтовой части
+---------------------------
+
+Добавить в `config/initializers/assets.rb`:
+
+```ruby
+Rails.application.config.assets.precompile << %w[biovision/post/*]
 ```
 
-Or install it yourself as:
-```bash
-$ gem install biovision-post
+Добавить в `app/assets/javascripts/application.js`:
+
+```js
+//= require biovision/post/biovision-posts
+```
+
+Добавить в `app/assets/stylesheets/application.scss`, если нужна стилизация
+«из коробки».
+
+```scss
+@import "biovision/post/posts";
+```
+
+Добавить в `app/assets/stylesheets/admin.scss` для стилизации административной
+части модуля.
+
+```scss
+@import "biovision/post/admin/posts";
+```
+
+Микроразметка и Publisher Logo
+------------------------------
+
+При выводе публикаций используется разметка `schema.org`, в том числе параметр
+publisher logo, картинка для которого находится в
+`app/assets/images/biovision/post/publisher_logo.png`.
+
+Сам шаблон, где выводятся соответствующие данные, находится в 
+`app/views/posts/entity/_publisher.html.erb`.
+
+«Охлаждение» рейтинга публикаций
+--------------------------------
+
+Для уменьшения по модулю рейтинга публикаций на 10 процентов есть задача
+`posts:cooldown`. Можно добавить запуск в cron, чтобы она запускалась
+регулярно.
+
+```cron
+30 3 * * * cd /var/www/example.com/current && /home/developer/.rbenv/shims/bundle exec rails RAILS_ENV=production posts:cooldown
 ```
 
 ## Contributing

data/app/assets/config/biovision_post_manifest.js

@@ -1,2 +1,3 @@
+//= link_tree ../images
 //= link_directory ../javascripts/biovision/post .js
 //= link_directory ../stylesheets/biovision/post .css

data/app/assets/images/biovision/post/icons/comment.svg

@@ -0,0 +1,9 @@
+<svg version="1.1" viewBox="0 0 24 24" width="24px" height="24px" xmlns="http://www.w3.org/2000/svg">
+  <title>Comment</title>
+  <defs>
+    <style type="text/css">
+      path { fill: #fff; stroke: #000; stroke-width: 1; stroke-linejoin: round}
+    </style>
+  </defs>
+  <path d="M16,21 v-3 h3 a3,3 0 0,0 3,-3 v-7 a3,3 0 0,0 -3,-3 h-14 a3,3 0 0,0 -3,3 v7 a3,3 0 0,0, 3,3 h8 z"/>
+</svg>

data/app/assets/images/biovision/post/icons/time.svg

@@ -0,0 +1,6 @@
+<svg xmlns="http://www.w3.org/2000/svg" version="1.1" width="24px" height="24px">
+  <g>
+    <circle cx="12" cy="12" r="11" stroke-width="1" stroke="#000000" fill="none"/>
+    <path d="M 12,4 v 8 h 6" stroke-width="1" fill="none" stroke="#000000" />
+  </g>
+</svg>

data/app/assets/javascripts/biovision/post/biovision-posts.js

@@ -0,0 +1,251 @@
+"use strict";
+
+const Posts = {
+    initialized: false,
+    autoInitComponents: true,
+    components: {}
+};
+
+Posts.components.postLoader = {
+    initialized: false,
+    buttons: [],
+    selector: ".posts-loader",
+    init: function () {
+        document.querySelectorAll(this.selector).forEach(this.apply);
+        this.initialized = true;
+    },
+    apply: function (button) {
+        const component = Posts.components.postLoader;
+        component.buttons.push(button);
+        button.addEventListener("click", component.handler);
+    },
+    handler: function (e) {
+        e.preventDefault();
+
+        const button = e.target;
+        const container = document.getElementById(button.getAttribute('data-container'));
+        if (container) {
+            const list = container.querySelector("div.posts-list");
+
+            if (list && !button.classList.contains('loading')) {
+                const url = button.getAttribute('href');
+                const request = Biovision.jsonAjaxRequest("get", url, function () {
+                    button.classList.remove('loading');
+
+                    const response = JSON.parse(this.responseText);
+                    let nextLink;
+                    if (response.hasOwnProperty('data')) {
+                        response.data.forEach(function (element) {
+                            if (element.hasOwnProperty('meta')) {
+                                list.insertAdjacentHTML('beforeEnd', element.meta['html_preview']);
+                            }
+                        });
+                    }
+                    if (response.hasOwnProperty('links')) {
+                        const links = response.links;
+                        if (links.hasOwnProperty('next')) {
+                            nextLink = links.next;
+                        }
+                    }
+                    if (nextLink) {
+                        button.setAttribute('href', nextLink);
+                    } else {
+                        button.classList.add('hidden');
+                    }
+                });
+
+                button.classList.add('loading');
+                request.send();
+            }
+        } else {
+            console.log("Cannot find container for loaded posts");
+        }
+    }
+};
+
+Posts.components.calendar = {
+    initialized: false,
+    element: undefined,
+    dates: [],
+    current: 0,
+    buttons: {},
+    header: undefined,
+    days: undefined,
+    init: function () {
+        this.element = document.getElementById('posts-calendar');
+        if (this.element) {
+            const component = this;
+            const url = this.element.getAttribute('data-url');
+            const request = Biovision.newAjaxRequest('get', url, function () {
+                const response = JSON.parse(this.responseText);
+                if (response.hasOwnProperty('meta')) {
+                    const meta = response['meta'];
+                    if (meta.hasOwnProperty('dates')) {
+                        meta.dates.forEach(function (years) {
+                            const year = years['year'];
+                            if (years.hasOwnProperty('months')) {
+                                years['months'].forEach(function (months) {
+                                    if (months['days']) {
+                                        const days = {};
+                                        months["days"].forEach(function (d) {
+                                            days[d["day"]] = d["path"];
+                                        });
+                                        component.dates.push({
+                                            "year": year,
+                                            "month": months["month"],
+                                            "text": months["name"] + ' ' + year,
+                                            "days": days
+                                        })
+                                    }
+                                });
+                            }
+                        });
+
+                        component.select(component.dates.length - 1);
+                    }
+                }
+            });
+            request.send();
+
+            this.buttons["prev"] = this.element.querySelector('button.prev');
+            this.buttons["next"] = this.element.querySelector('button.next');
+            this.buttons["prev"].addEventListener('click', this.buttonClick);
+            this.buttons["next"].addEventListener('click', this.buttonClick);
+            this.header = this.element.querySelector('.header span');
+            this.days = this.element.querySelector('.days');
+
+            this.initialized = true;
+        }
+    },
+    select: function (number) {
+        const component = Posts.components.calendar;
+        if (number < 0 || number >= component.dates.length) {
+            return;
+        }
+        component.current = number;
+        if (number > 0) {
+            component.buttons["prev"].setAttribute('data-number', number - 1);
+            component.buttons["prev"].disabled = false;
+        } else {
+            component.buttons["prev"].disabled = true;
+        }
+        if (number < component.dates.length - 1) {
+            component.buttons["next"].setAttribute('data-number', number + 1);
+            component.buttons["next"].disabled = false;
+        } else {
+            component.buttons["next"].disabled = true;
+        }
+        const item = component.dates[number];
+
+        /**
+         * Month number starts from 0, so we use the next month and day 0
+         * to get the last day of actual month
+         *
+         * @type {number}
+         */
+        const dayCount = new Date(item["year"], item["month"], 0).getDate();
+        const dayNumber = new Date(item["year"], item["month"] - 1, 1).getDay();
+        component.header.innerHTML = item["text"];
+        component.days.innerHTML = "";
+        let buffer = "";
+        let style = "";
+        for (let d = 1; d <= dayCount; d++) {
+            if (d === 1 && dayNumber !== 1) {
+                style = ' style="margin-left:calc(100% / 7 * ';
+                style += (dayNumber > 0) ? (dayNumber - 1) : 6;
+                style += ')"';
+            } else {
+                style = "";
+            }
+            buffer += '<div' + style + '><span>';
+            if (item.days[d]) {
+                buffer += '<a href="' + item.days[d] + '">' + d + '</a>';
+            } else {
+                buffer += d;
+            }
+            buffer += '</span></div>';
+        }
+        component.days.innerHTML = buffer;
+    },
+    buttonClick: function (event) {
+        const button = event.target;
+        const number = parseInt(button.getAttribute("data-number"));
+        Posts.components.calendar.select(number);
+    }
+};
+
+Posts.components.groupTagLinker = {
+    initialized: false,
+    container: undefined,
+    input: undefined,
+    list: document.createElement("ul"),
+    init: function () {
+        this.input = document.getElementById("tag-search");
+        if (this.input) {
+            this.container = this.input.parentNode.querySelector(".list-container");
+
+            if (this.container) {
+                const component = this;
+                this.list.classList.add('entity-links');
+                this.input.addEventListener("change", component.handler);
+                this.container.append(this.list);
+                this.initialized = true;
+            } else {
+                console.log("Cannot find container for tags list")
+            }
+        }
+    },
+    /**
+     * @type {Function}
+     */
+    handler: function () {
+        const component = Posts.components.groupTagLinker;
+        const query = "?q=" + encodeURIComponent(component.input.value);
+        const url = component.input.getAttribute('data-url') + query;
+
+        Biovision.jsonAjaxRequest("GET", url, component.parseResponse).send();
+    },
+    /**
+     * @type {Function}
+     */
+    parseResponse: function () {
+        const response = JSON.parse(this.responseText);
+
+        if (response.hasOwnProperty("data")) {
+            const component = Posts.components.groupTagLinker;
+            component.list.innerHTML = '';
+            response.data.forEach(component.process);
+        }
+    },
+    /**
+     *
+     * @type {Function}
+     * @param data
+     */
+    process: function (data) {
+        const component = Posts.components.groupTagLinker;
+        if (data.hasOwnProperty("meta")) {
+            const meta = data.meta;
+            const li = document.createElement('li');
+            const input = document.createElement('input');
+            const label = document.createElement('label');
+            const element_id = "post_tag_" + data["id"];
+
+            Biovision.components.entityLinker.apply(input);
+
+            input.setAttribute("type", "checkbox");
+            input.setAttribute("id", element_id);
+            input.setAttribute("data-url", meta["url"]);
+            input.checked = meta["checked"];
+            li.append(input);
+
+            label.setAttribute("for", element_id);
+            label.innerHTML = data.attributes["name"] + " (" + meta["post_type"] + ")";
+            li.append(label);
+
+            component.list.append(li);
+        }
+    }
+};
+
+Biovision.components.posts = Posts;

data/app/assets/stylesheets/biovision/post/admin/posts.scss

@@ -0,0 +1,101 @@
+.post-in-search {
+  display: flex;
+
+  img {
+    max-width: 100%;
+  }
+
+  .image {
+    flex: none;
+    margin-right: .4rem;
+    width: 8rem;
+  }
+
+  .data {
+    flex: 1;
+  }
+
+  .title {
+    font-size: var(--font-size-increased, 1.8rem);
+    font-weight: 500;
+  }
+
+  .type {
+    color: var(--text-color-secondary, #777);
+    font-size: var(--font-size-decreased, 1.4rem);
+  }
+
+  .author {
+    font-size: var(--font-size-decreased, 1.4rem);
+  }
+}
+
+#featured-post-search,
+#post-link-search {
+  margin-top: var(--spacer-small, 3.2rem);
+
+  .results {
+    > div {
+      align-items: flex-start;
+      border-bottom: .1rem dotted;
+      display: flex;
+      padding: .4rem;
+    }
+
+    button {
+      flex: none;
+      margin: 0 .4rem 0 0;
+    }
+  }
+}
+
+.post-form-gallery {
+  margin: var(--spacer-small, 3.2rem) 0;
+
+  .field {
+    input,
+    textarea {
+      width: 100%;
+    }
+  }
+}
+
+#post-form {
+  .loading_message {
+    border: .1rem solid #777;
+    margin: var(--spacer-s, 1.6rem) 0;
+    padding: var(--spacer-s, 1.6rem);
+  }
+
+  progress {
+    width: 100%;
+  }
+}
+
+#post_translation {
+  &:not(:checked) ~ div {
+    opacity: .25;
+  }
+
+  ~ div {
+    margin-left: 2.2rem;
+    transition: opacity .25s;
+  }
+}
+
+.post-category-tree {
+  .post-category-tree {
+    border-left: .1rem solid #eee;
+    margin-bottom: var(--spacer-xs);
+    margin-left: .8rem;
+    padding-left: 1rem;
+  }
+}
+
+.biovision-post-type-flag {
+  &:not(:checked) {
+    ~ ul {
+      display: none;
+    }
+  }
+}