biovision-post 0.2.180325 → 0.21.190513.0

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: fbf3b6832851e48e1450b9c63d50ac2a197b03c0b2eb05349b4f9d6f7cd58dd5
-  data.tar.gz: f0171a57eb12a4642dffb3c115a46e5bcd63fa9287b67080427e695ce7243abb
+  metadata.gz: b5427643da925dc232b54e52d704e542598d5ecb780211113eaecf43484df90b
+  data.tar.gz: 5cfcb7077d4bd067b95b1752f4bae1c4546bd51a9903440ac77c9bdc9e708367
 SHA512:
-  metadata.gz: 7bea4d1a8c899d26f28949e979801fcd1754819c8e371769a8e6c4024c933f2becbadddaefa695ab88fbd1ca838ce39a2a51ae689ebda12e82bb2e786e8c605c
-  data.tar.gz: 3ae3e714da864096277d071035387e316a0ff89155d866f1491308c64dc89ecaccfce16584280db74072d0f746f2f2ec60f823335da2539cb9a3c6113b5aad79
+  metadata.gz: dcc7a0e1c3c4914c90e60fb97ab9064465c1ef253c97e41cd73c6dad51ececd708ea7e5ab374aa38dbdbf0f55591a3b6db15f8ce31b69d6122e41ef0c045f28e
+  data.tar.gz: c2db01c994e6f5f1784fc725c62da961fa3440ef49bbb0bfc771485eae652f6e427d35c27781f361cfbfe4338d9ab7aa26a6b541b593088e2b15fba461032a44

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/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,258 @@
+"use strict";
+
+const Posts = {
+    initialized: false,
+    autoInit: true,
+    components: {},
+    init: function () {
+        for (let component in this.components) {
+            if (this.components.hasOwnProperty(component)) {
+                if (this.components[component].hasOwnProperty("init")) {
+                    this.components[component].init();
+                }
+            }
+        }
+
+        this.initialized = true;
+    }
+};
+
+const BiovisionPosts = {
+    /**
+     * @type {Function}
+     * @param e
+     */
+    loadPosts: function (e) {
+        e.preventDefault();
+
+        const button = this;
+        const container = document.getElementById(button.getAttribute('data-container'));
+        if (container) {
+            const list = container.querySelector('div.list');
+
+            if (list && !button.classList.contains('loading')) {
+                const url = button.getAttribute('href');
+                const request = Biovision.newAjaxRequest('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();
+            }
+        }
+    }
+};
+
+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;
+
+document.addEventListener('DOMContentLoaded', function () {
+    document.querySelectorAll('.posts-loader').forEach(function (button) {
+        button.addEventListener('click', BiovisionPosts.loadPosts);
+    });
+});

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

@@ -0,0 +1,93 @@
+.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;
+  }
+}