biovision 0.1.210414.0 → 0.12.211128.0

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: d3c24a921606caffe513c4ee11746d99f1891ceff0f80571cdebf22832504017
-  data.tar.gz: a8fd06783b7ffdd07e64f2419a7cf9c6c85034c4b54ab0131105a6af053d3f71
+  metadata.gz: 96079542e17de0ab507ecc2fd0636afa47cd5164e8d46d1e45432d5e679c6cb6
+  data.tar.gz: f1f71b7d4704de6d44f6c8a1feacf5b118a1286ca7d5247cd585f324e7d7dd46
 SHA512:
-  metadata.gz: a2ae86238cb7e4c0214e8f68e6eafdfdcd5ac3d18202b7e83068faf05e391105bc6d4a99aeae22142be73fb2d744a4a8d88b4677280996067116cab16c966db7
-  data.tar.gz: b6bb9884e0622fbfaac3203f6fcc570368fbebfdd2c07cf68e7916bd4d622f7d76aa2617d0822e6854fa275d718c45bcba985a9f9999e4778c0c6fcf12290e95
+  metadata.gz: f610aca3a5e06fa83bdd1c34b75a8da77bf84136b5653dcccb012cb4ed8347adf859de402559257d8370a138c771b17cae088195277eef2a31ced1dc3f07033f
+  data.tar.gz: aa56a7851be4b9463f6c3ace77a47338feec2f9ebd17dc4166615b5ea657259be1698977542a896220193aa70312ee5eef2fbc564d86d640555a853f35fbdbb8

data/README.md

@@ -22,19 +22,16 @@
 
 Ещё нужно поменять `example.com` на актуальное название.
 
-Также стоит удалить `app/assets/application.css`, так как используется scss, 
-и локаль `config/locales/en.yml`, если не планируется использование английской 
+Также стоит удалить `app/assets/application.css`, так как используется scss,
+и локаль `config/locales/en.yml`, если не планируется использование английской
 локали.
 
 ## Добавления в `Gemfile`
 
 ```ruby
-gem 'dotenv-rails'
-
-gem 'autoprefixer-rails', group: :production
-
-gem 'biovision', git: 'https://github.com/Biovision/biovision.git'
 # gem 'biovision', path: '/Users/maxim/Projects/Biovision/gems/biovision'
+gem 'biovision', git: 'https://github.com/Biovision/biovision.git'
+gem 'dotenv-rails'
 
 group :development, :test do
   gem 'database_cleaner'
@@ -49,15 +46,15 @@ end
 
 ## Изменения в `config/environments/production.rb`
 
-Нужно раскомментировать строку `config.require_master_key = true` (на момент 
+Нужно раскомментировать строку `config.require_master_key = true` (на момент
 написания это `21` строка).
 
-Нужно выставить уровень сообщения об ошибках в `:warn` 
+Нужно выставить уровень сообщения об ошибках в `:warn`
 (`config.log_level = :warn` в районе `53` строки).
 
 ## Изменения в `app/mailers/application_mailer.rb`
 
-Нужно удалить строку с отправителем по умолчанию 
+Нужно удалить строку с отправителем по умолчанию
 (`default from: 'from@example.com'`), иначе при отправке писем в бою будет
 ошибка с неправильным отправителем, независимо от того, что написано
 в конфигурации в `production.rb`.
@@ -75,7 +72,7 @@ default: &default
 development:
   <<: *default
   database: example # Поменять на актуальное название
-  
+
 test:
   <<: *default
   database: example_test # Такое же, как в development, но с приставкой _test
@@ -94,7 +91,7 @@ production:
 задан как UTC.
 
 ```ruby
-  config.time_zone = 'Moscow'
+config.time_zone = 'Moscow'
 ```
 
 ## Добавления в `config/application_controller.rb`
@@ -102,9 +99,10 @@ production:
 Добавить это в начале класса.
 
 ```ruby
-  def default_url_options
-    params.key?(:locale) ? { locale: I18n.locale } : {}
-  end
+
+def default_url_options
+  params.key?(:locale) ? { locale: I18n.locale } : {}
+end
 ```
 
 ## Добавления в `package.json` и `application.js`
@@ -112,42 +110,52 @@ production:
 Нужно добавить `@biovivion/biovision`, чтобы работал JS на клиентской стороне
 (`yarn add @biovision/biovision`).
 
-В `pack/javascripts/application.js` нужно добавить 
+В `pack/javascripts/application.js` нужно добавить
 `require("@biovision/biovision")`.
 
 ## Добавления в `config/routes.rb`
 
 ```ruby
-  concern :check do
-    post :check, on: :collection, defaults: { format: :json }
-  end
 
-  concern :toggle do
-    post :toggle, on: :member, defaults: { format: :json }
-  end
+concern :check do
+  post :check, on: :collection, defaults: { format: :json }
+end
 
-  concern :priority do
-    post :priority, on: :member, defaults: { format: :json }
-  end
-  
-  root 'index#index'  
+concern :toggle do
+  post :toggle, on: :member, defaults: { format: :json }
+end
+
+concern :priority do
+  post :priority, on: :member, defaults: { format: :json }
+end
+
+concern :search do
+  get :search, on: :collection
+end
+
+concern :stories do
+  post 'stories/:slug' => :story, on: :collection, as: :story
+end
+
+root 'index#index'  
 ```
 
 ## Дополнения в config/puma.rb
 
-Нужно обязательно закомментировать строку с портом, так как используется сокет. 
-На момент написания документации это `12` строка: 
+Нужно обязательно закомментировать строку с портом, так как используется сокет.
+На момент написания документации это `12` строка:
 `port ENV.fetch("PORT") { 3000 }`
 
 ```ruby
+
 if ENV['RAILS_ENV'] == 'production'
   shared_path = '/var/www/example.com/shared'
-  logs_dir    = "#{shared_path}/log"
+  logs_dir = "#{shared_path}/log"
 
   state_path "#{shared_path}/tmp/puma/state"
   bind "unix://#{shared_path}/tmp/puma.sock"
   stdout_redirect "#{logs_dir}/stdout.log", "#{logs_dir}/stderr.log", true
-  
+
   activate_control_app
 end
 ```
@@ -169,8 +177,8 @@ bundle binstubs bundler --force
 bundle binstub puma
 ```
 
-Также имеет смысл запустить `EDITOR=vim rails credentials:edit`, чтобы создать 
-зашированный файл с ключом шифрования сессии (чтобы выйти из vim с сохранением, 
+Также имеет смысл запустить `EDITOR=vim rails credentials:edit`, чтобы создать
+зашированный файл с ключом шифрования сессии (чтобы выйти из vim с сохранением,
 надо нажать `esc` и набрать `:wq`).
 
 Чтобы проходила сборка на сервере, следует запустить эту команду:
@@ -189,7 +197,7 @@ sudo su postgres
 createuser -d -P example
 ```
 
-Для создания БД (заменить `example` на пользователя из `config/database.yml` 
+Для создания БД (заменить `example` на пользователя из `config/database.yml`
 из раздела `production`):
 
 ```bash
@@ -202,11 +210,11 @@ create database example template template0 encoding='UTF8' LC_COLLATE='ru_RU.UTF
 
 ## Настройка отгрузки через mina
 
-Для начала надо запустить в консоли `mina init`. После этого внести изменения 
+Для начала надо запустить в консоли `mina init`. После этого внести изменения
 в `config/deploy.rb`.
 
 В начале и середине файла раскомментировать то, что относится к `rbenv`.
-Кроме того, следует проверить настройки соединения по SSH 
+Кроме того, следует проверить настройки соединения по SSH
 (`set :user, 'developer`).
 
 Для `shared_dirs` и `shared_files` задать примерно такой вид.
@@ -230,13 +238,13 @@ invoke :'nvm:load'
 namespace :nvm do
   task :load do
     command 'echo "-----> Loading nvm"'
-    command %{source ~/.nvm/nvm.sh}
+    command %(source ~/.nvm/nvm.sh)
     command 'echo "-----> Now using nvm v.`nvm --version`"'
   end
 end
 ```
 
-На серверной стороне нужно создать папку для пумы и файла с ключом шифрования: 
+На серверной стороне нужно создать папку для пумы и файла с ключом шифрования:
 
 ```bash
 mkdir -p /var/www/example.com/shared/tmp/puma
@@ -244,7 +252,7 @@ mkdir -p /var/www/example.com/shared/tmp/pids
 mkdir -p /var/www/example.com/shared/config
 ```
 
-После этого локально запустить `mina setup`. Для нормальной работы нужно 
+После этого локально запустить `mina setup`. Для нормальной работы нужно
 не забыть скопировать на сервер `.env` и `config/master.key`.
 
 ```bash
@@ -253,4 +261,6 @@ scp config/master.key biovision:/var/www/example.com/shared/config
 ```
 
 ## License
-The gem is available as open source under the terms of the [MIT License](https://opensource.org/licenses/MIT).
+
+The gem is available as open source under the terms of
+the [MIT License](https://opensource.org/licenses/MIT).

data/app/assets/stylesheets/biovision/admin/components/users.scss

@@ -14,3 +14,7 @@
     padding: var(--spacer-xs);
   }
 }
+
+.component-for-user {
+  border-bottom: var(--border-secondary);
+}

data/app/assets/stylesheets/biovision/admin/components.scss

@@ -58,4 +58,14 @@
   }
 }
 
+@import "biovision/components/forms";
+@import "biovision/components/breadcrumbs";
+@import "biovision/components/lists";
+@import "biovision/components/buttons";
+@import "biovision/components/messages";
+@import "biovision/components/simple_image";
+@import "biovision/components/toggleable";
+@import "biovision/components/pagination";
+@import "biovision/components/quick_search";
+@import "biovision/components/filters";
 @import "biovision/admin/components/users";

data/app/assets/stylesheets/biovision/admin/layout.scss

@@ -73,12 +73,38 @@ h2 {
   padding: var(--spacer-xs);
 }
 
-@import "biovision/components/forms";
-@import "biovision/components/breadcrumbs";
-@import "biovision/components/lists";
-@import "biovision/components/buttons";
-@import "biovision/components/messages";
-@import "biovision/components/simple_image";
-@import "biovision/components/toggleable";
-@import "biovision/components/pagination";
+.breadcrumbs {
+  margin-bottom: var(--spacer-s);
+}
+
+.header-authentication {
+  align-items: center;
+  display: flex;
+  gap: var(--spacer-xxs);
+  margin: 0 0 0 auto;
+
+  .avatar {
+    border-radius: 50%;
+    box-shadow: var(--block-shadow);
+    display: inline-block;
+    height: 2.4rem;
+    overflow: hidden;
+    width: 2.4rem;
+
+    img {
+      height: 100%;
+      object-fit: cover;
+      width: 100%;
+    }
+  }
+
+  .current-user {
+    align-items: center;
+    color: inherit;
+    display: flex;
+    font-size: var(--font-size-decreased);
+    gap: var(--spacer-xs);
+  }
+}
+
 @import "biovision/admin/components";

data/app/assets/stylesheets/biovision/biovision.scss

@@ -91,45 +91,75 @@ textarea {
 .proportional-container {
   padding: 0;
   position: relative;
+}
 
-  > * {
-    bottom: 0;
-    display: block;
-    height: 100%;
-    left: 0;
-    position: absolute;
-    right: 0;
-    top: 0;
-    width: 100%;
-  }
-
-  &::before {
-    content: '\A';
-    display: block;
+@supports (aspect-ratio: 1 / 1) {
+  .r-1x1 {
+    aspect-ratio: 1 / 1;
   }
 
-  &.r-1x1::before {
-    padding-top: 100%;
+  .r-5x4 {
+    aspect-ratio: 5 / 4;
   }
 
-  &.r-5x4::before {
-    padding-top: 80%;
+  .r-4x3 {
+    aspect-ratio: 4 / 3;
   }
 
-  &.r-4x3::before {
-    padding-top: 75%;
+  .r-3x2 {
+    aspect-ratio: 3 / 2;
   }
 
-  &.r-3x2::before {
-    padding-top: 66.67%;
+  .r-16x9 {
+    aspect-ratio: 16 / 9;
   }
 
-  &.r-16x9::before {
-    padding-top: 56.25%;
+  .r-2x1 {
+    aspect-ratio: 2 / 1;
   }
+}
 
-  &.r-2x1::before {
-    padding-top: 50%;
+@supports not(aspect-ratio: 1/1) {
+  .proportional-container {
+    > * {
+      bottom: 0;
+      display: block;
+      height: 100%;
+      left: 0;
+      position: absolute;
+      right: 0;
+      top: 0;
+      width: 100%;
+    }
+
+    &::before {
+      content: '\A';
+      display: block;
+    }
+
+    &.r-1x1::before {
+      padding-top: 100%;
+    }
+
+    &.r-5x4::before {
+      padding-top: 80%;
+    }
+
+    &.r-4x3::before {
+      padding-top: 75%;
+    }
+
+    &.r-3x2::before {
+      padding-top: 66.67%;
+    }
+
+    &.r-16x9::before {
+      padding-top: 56.25%;
+    }
+
+    &.r-2x1::before {
+      padding-top: 50%;
+    }
   }
 }
 
@@ -167,6 +197,14 @@ textarea {
     width: 2.4rem;
   }
 
+  .destroy {
+    background: image_url('biovision/icons/destroy.svg') no-repeat center / 1.6rem auto;
+    border: none;
+    border-radius: .4rem;
+    box-shadow: 0 0 .2rem hsla(0, 75%, 75%, .75);
+    cursor: pointer;
+  }
+
   img {
     height: 100%;
     object-fit: contain;

data/app/assets/stylesheets/biovision/components/carousel.scss

@@ -1,37 +1,37 @@
 .js-biovision-carousel {
   position: relative;
+}
 
-  > button {
-    -webkit-backdrop-filter: blur(.5rem) grayscale(.75);
-    backdrop-filter: blur(.5rem) grayscale(.75);
-    background: rgba(255, 255, 255, .5) no-repeat center / auto 1.6rem;
-    border: none;
-    border-radius: 50%;
-    box-shadow: 0 0 .4rem rgba(0, 0, 0, .25);
-    cursor: pointer;
-    display: inline-block;
-    height: 3.2rem;
-    position: absolute;
-    top: 50%;
-    transform: translate(0, -50%);
-    transition: .25s;
-    width: 3.2rem;
-    z-index: 4;
+.carousel-button {
+  -webkit-backdrop-filter: blur(.5rem) grayscale(.75);
+  backdrop-filter: blur(.5rem) grayscale(.75);
+  background: rgba(255, 255, 255, .5) no-repeat center / auto 1.6rem;
+  border: none;
+  border-radius: 50%;
+  box-shadow: 0 0 .4rem rgba(0, 0, 0, .25);
+  cursor: pointer;
+  display: inline-block;
+  height: 3.2rem;
+  position: absolute;
+  top: 50%;
+  transform: translate(0, -50%);
+  transition: .25s;
+  width: 3.2rem;
+  z-index: 4;
 
-    &:active,
-    &:focus,
-    &:hover {
-      background-color: rgba(255, 255, 255, .75);
-      box-shadow: 0 0 .4rem rgba(0, 0, 0, .75);
-    }
+  &:active,
+  &:focus,
+  &:hover {
+    background-color: rgba(255, 255, 255, .75);
+    box-shadow: 0 0 .4rem rgba(0, 0, 0, .75);
   }
 
-  .prev {
+  &.prev {
     background-image: image_url('biovision/components/carousel/arrow-left.svg');
     left: var(--spacer-xxs);
   }
 
-  .next {
+  &.next {
     background-image: image_url('biovision/components/carousel/arrow-right.svg');
     right: var(--spacer-xxs);
   }

data/app/assets/stylesheets/biovision/components/filters.scss

@@ -0,0 +1,39 @@
+.widgets__filters {
+  fieldset {
+    box-shadow: var(--block-shadow);
+  }
+
+  .list {
+    align-items: center;
+    display: flex;
+    flex-wrap: wrap;
+    gap: var(--spacer-s);
+  }
+
+  .flag {
+    align-items: center;
+    border: var(--border-secondary);
+    display: flex;
+    gap: var(--spacer-xs);
+    padding: var(--spacer-xs);
+  }
+
+  dfn {
+    font-style: normal;
+    font-weight: 500;
+
+    &::after {
+      content: ':';
+    }
+  }
+
+  label {
+    input:checked + span {
+      text-decoration: underline;
+    }
+  }
+
+  .actions {
+    margin-top: var(--spacer-xs);
+  }
+}

data/app/assets/stylesheets/biovision/components/forms.scss

@@ -2,6 +2,12 @@ $form-control-color: hsl(220, 75%, 75%) !default;
 $form-field-error: #f00 !default;
 $form-input-bg: #fff !default;
 
+:root {
+  --form-control-color: #{$form-control-color};
+  --form-field-error: #{$form-field-error};
+  --form-input-bg: #{$form-input-bg};
+}
+
 form {
   margin: 0;
   padding: 0;
@@ -18,7 +24,7 @@ form {
   }
 
   .check-result-error {
-    color: $form-field-error;
+    color: var(--form-field-error);
 
     &::before {
       content: '\261D';
@@ -50,8 +56,14 @@ form {
     margin: var(--spacer-xs) 0;
   }
 
+  .meta-texts {
+    label {
+      width: 100%;
+    }
+  }
+
   .errors {
-    color: $form-field-error;
+    color: var(--form-field-error);
     padding: var(--spacer-xxs) var(--spacer-xxs) 0 var(--spacer-s);
 
     li {
@@ -62,7 +74,7 @@ form {
       }
 
       &:last-of-type {
-        border-bottom: .1rem solid $form-field-error;
+        border-bottom: .1rem solid var(--form-field-error);
         padding-bottom: var(--spacer-xs);
       }
     }
@@ -142,11 +154,16 @@ form {
   textarea {
     width: 100%;
   }
+
+  .secondary-data {
+    color: var(--text-color-secondary);
+    font-size: var(--font-size-decreased);
+  }
 }
 
 .input-select,
 .input-text {
-  background-color: #{$form-input-bg};
+  background-color: var(--form-input-bg);
   border: .1rem solid var(--input-border);
   border-radius: var(--spacer-xxs);
   font-size: var(--font-size-normal);
@@ -164,12 +181,12 @@ form {
   -moz-appearance: none;
   -webkit-appearance: none;
   appearance: none;
-  background: #{$form-input-bg} image_url('biovision/icons/dropdown.svg') no-repeat center right var(--spacer-xs) / 1.1rem auto;
+  background: var(--form-input-bg) image_url('biovision/icons/dropdown.svg') no-repeat center right var(--spacer-xs) / 1.1rem auto;
   padding-right: 3.2rem;
 }
 
 .floating-label {
-  display: block;
+  display: inline-block;
   padding: 1.4rem 0 0 0;
   position: relative;
 
@@ -193,17 +210,17 @@ form {
 
 .flag-label {
   align-items: flex-start;
-  display: flex;
+  display: inline-flex;
+  gap: var(--spacer-xxs);
 
   input {
     -moz-appearance: none;
     -webkit-appearance: none;
     appearance: none;
-    border: .2rem solid $form-control-color;
+    border: .2rem solid var(--form-control-color);
     border-radius: .2rem;
     display: inline-block;
     height: 1.6rem;
-    margin-right: var(--spacer-xxs);
     outline: none;
     width: 1.6rem;
 
@@ -216,7 +233,7 @@ form {
     }
 
     &:checked {
-      background: radial-gradient(#fff, #fff 25%, $form-control-color 25%, $form-control-color);
+      background: radial-gradient(#fff, #fff 25%, var(--form-control-color) 25%, var(--form-control-color));
     }
 
     &:disabled {
@@ -244,3 +261,32 @@ form {
     width: 100%;
   }
 }
+
+.entity-links {
+  list-style: none;
+  margin: var(--spacer-s) 0;
+  padding: 0 0 0 var(--spacer-s);
+
+  > li {
+    margin: 0;
+    padding: 0;
+  }
+}
+
+.searchable-list {
+  .current {
+    margin: var(--spacer-xs) 0;
+  }
+
+  ul {
+    list-style: none;
+  }
+
+  .text {
+    display: inline-block;
+
+    &:empty {
+      display: none;
+    }
+  }
+}

data/app/assets/stylesheets/biovision/components/quick_search.scss

@@ -0,0 +1,24 @@
+.widgets__quick-search {
+  --row-background-even: hsl(250, 75%, 95%);
+  --row-background-odd: hsl(250, 75%, 98%);
+
+  background: hsl(250, 75%, 98%);
+  box-shadow: var(--block-shadow);
+  margin: var(--spacer-s) 0 var(--spacer-m);
+  padding: var(--spacer-s) var(--spacer-xxs);
+  position: relative;
+
+  h3 {
+    font-weight: 400;
+  }
+
+  .results {
+    background: hsla(250, 75%, 98%, .5);
+    box-shadow: var(--block-shadow);
+    margin-top: 0;
+    min-width: 28rem;
+    position: absolute;
+    top: 100%;
+    z-index: 3;
+  }
+}

data/app/assets/stylesheets/biovision/components.scss

@@ -2,5 +2,6 @@
 @import "biovision/components/forms";
 @import "biovision/components/hamburger";
 @import "biovision/components/lists";
+@import "biovision/components/messages";
 @import "biovision/components/pagination";
 @import "biovision/components/breadcrumbs";