biovision 0.0.200518.1 → 0.1.210414.0

data/app/views/application/not_found.jbuilder

@@ -0,0 +1,4 @@
+errors = [{code: 404, message: @message }]
+json.errors do
+  json.array! errors
+end

data/app/views/application/unauthorized.html.erb

@@ -0,0 +1,16 @@
+<% content_for :meta_title, t('.title') %>
+
+<article>
+  <div class="content-wrapper">
+    <h1><%= t('.heading') %></h1>
+
+    <div class="message-box error"><%= @message %></div>
+
+    <%=
+      render(
+        partial: 'components/users/form_tabs',
+        locals: { current: 'login' }
+      )
+    %>
+  </div>
+</article>

data/app/views/application/unauthorized.jbuilder

@@ -0,0 +1,4 @@
+errors = [{code: 401, message: @message }]
+json.errors do
+  json.array! errors
+end

data/app/views/authentication/new.html.erb

@@ -5,17 +5,11 @@
 
 <article>
   <div class="content-wrapper">
-    <h1><%= t('.heading') %></h1>
-
     <%=
       render(
-          partial: 'authentication/form',
-          locals: { form_id: 'authentication_form' }
+        partial: 'components/users/form_tabs',
+        locals: { current: 'login' }
       )
     %>
-
-    <nav>
-      <%= link_to t('my.recoveries.show.nav_text'), my_recovery_path, class: 'button-nav' %>
-    </nav>
   </div>
 </article>

data/app/views/components/content/_dynamic_page.html.erb

@@ -0,0 +1,21 @@
+<% unless entity.nil? %>
+  <%= render partial: 'shared/entity/metadata', locals: { entity: entity } %>
+  <% content_for :breadcrumbs do %>
+    <span><%= entity.name %></span>
+  <% end %>
+
+  <article>
+    <div class="content-wrapper">
+      <h1><%= entity.meta('heading') %></h1>
+
+      <% if content_component.editable?(entity) %>
+        <nav class="entity-actions">
+          <%= gear_icon(entity) %>
+          <%= edit_icon(entity) %>
+        </nav>
+      <% end %>
+
+      <div class="text"><%= raw(entity.body) %></div>
+    </div>
+  </article>
+<% end %>

data/app/views/components/users/_form_tabs.html.erb

@@ -0,0 +1,31 @@
+<% tabs = %w[login join] %>
+<section class="users__form-tabs">
+  <% tabs.each do |tab| %>
+    <%=
+      radio_button_tag(
+        'users__form_tab',
+        tab,
+        current == tab,
+        class: "visually-hidden tab-control-#{tab}",
+        id: "users__form-tab_#{tab}"
+      )
+    %>
+  <% end %>
+  <header class="labels">
+    <% tabs.each do |tab| %>
+      <%= label_tag("users__form-tab_#{tab}", t(".#{tab}"), class: tab) %>
+    <% end %>
+  </header>
+  <div class="tabs">
+    <% tabs.each do |tab| %>
+      <div class="tab <%= tab %>">
+        <%=
+          render(
+            partial: "components/users/#{tab}_form",
+            locals: local_assigns
+          )
+        %>
+      </div>
+    <% end %>
+  </div>
+</section>

data/app/views/components/users/_join_form.html.erb

@@ -0,0 +1,192 @@
+<% handler = Biovision::Components::UsersComponent[local_assigns[:entity]] %>
+<% if handler.registration_open? %>
+  <%=
+    form_with(
+      scope: 'user',
+      url: my_profile_path,
+      id: 'join-form',
+      data: { check_url: check_my_profile_path }
+    ) do |f|
+  %>
+    <% unless local_assigns[:entity].blank? %>
+      <%=
+        render(
+          partial: 'shared/entity/list_of_errors',
+          locals: { entity: entity }
+        )
+      %>
+    <% end %>
+    <div class="fields">
+      <% unless handler.email_as_login? || handler.phone_as_login? %>
+        <div>
+          <label class="floating-label">
+            <%=
+              f.text_field(
+                :screen_name,
+                class: 'input-text',
+                data: { check: :screen_name },
+                maxlength: 30,
+                pattern: User::SLUG_PATTERN_HTML,
+                placeholder: User.human_attribute_name(:screen_name),
+                required: true,
+                size: nil,
+                value: handler.attribute(:screen_name)
+              )
+            %>
+            <span>
+            <%= User.human_attribute_name(:screen_name) %>
+          </span>
+          </label>
+          <div class="check-result-error" data-field="screen_name"></div>
+          <div class="guideline"><%= t('activerecord.guidelines.user.screen_name') %></div>
+        </div>
+
+        <% if handler.use_phone? %>
+          <div>
+            <label class="floating-label">
+              <%=
+                f.telephone_field(
+                  :phone,
+                  class: 'input-text',
+                  data: { check: :phone },
+                  maxlength: User::PHONE_LIMIT,
+                  placeholder: User.human_attribute_name(:phone),
+                  required: handler.require_phone?,
+                  size: nil,
+                  value: handler.attribute(:phone)
+                )
+              %>
+              <span><%= User.human_attribute_name(:email) %></span>
+            </label>
+            <div class="check-result-error" data-field="email"></div>
+            <% unless handler.email_as_login? %>
+              <div class="guideline"><%= t('activerecord.guidelines.user.email') %></div>
+            <% end %>
+          </div>
+        <% end %>
+      <% end %>
+
+      <div>
+        <label class="floating-label">
+          <%=
+            f.email_field(
+              :email,
+              class: 'input-text',
+              data: { check: :email },
+              maxlength: User::EMAIL_LIMIT,
+              placeholder: User.human_attribute_name(:email),
+              required: handler.settings['require_email'],
+              size: nil,
+              value: handler.attribute(:email)
+            )
+          %>
+          <span><%= User.human_attribute_name(:email) %></span>
+        </label>
+        <div class="check-result-error" data-field="email"></div>
+        <% unless handler.email_as_login? %>
+          <div class="guideline"><%= t('activerecord.guidelines.user.email') %></div>
+        <% end %>
+      </div>
+
+      <div>
+        <label class="floating-label">
+          <%=
+            f.password_field(
+              :password,
+              class: 'input-text',
+              data: { check: :password },
+              maxlength: 70,
+              placeholder: User.human_attribute_name(:password),
+              required: true,
+              size: nil
+            )
+          %>
+          <span><%= User.human_attribute_name(:password) %></span>
+        </label>
+        <div class="check-result-error" data-field="password"></div>
+        <div class="guideline"><%= t('activerecord.guidelines.user.password') %></div>
+      </div>
+
+      <div>
+        <label class="floating-label">
+          <%=
+            f.password_field(
+              :password_confirmation,
+              class: 'input-text',
+              data: { check: :password_confirmation },
+              maxlength: 70,
+              placeholder: User.human_attribute_name(:password_confirmation),
+              required: true,
+              size: nil
+            )
+          %>
+          <span><%= User.human_attribute_name(:password_confirmation) %></span>
+        </label>
+        <div class="check-result-error" data-field="password_confirmation"></div>
+        <div class="guideline"><%= t('activerecord.guidelines.user.password_confirmation') %></div>
+      </div>
+
+      <% if handler.use_invites? %>
+        <div>
+          <label class="floating-label">
+            <%=
+              text_field_tag(
+                :code,
+                param_from_request(:code),
+                class: 'input-text',
+                data: { check: :code },
+                maxlength: Code::BODY_LIMIT,
+                placeholder: t('.invitation_code'),
+                required: handler.settings['invite_only'],
+                size: nil
+              )
+            %>
+            <span><%= t('.invitation_code') %></span>
+          </label>
+          <div class="check-result-error" data-field="code"></div>
+        </div>
+      <% end %>
+    </div>
+
+    <ul class="flags">
+      <li>
+        <label class="flag-label">
+          <%=
+            f.check_box(
+              :consent,
+              checked: true,
+              required: true
+            )
+          %>
+          <span><%= User.human_attribute_name(:consent) %></span>
+        </label>
+      </li>
+<!--
+      <li>
+        <label class="flag-label">
+          <%#=
+            f.check_box(
+              :allow_mail,
+              checked: handler.user.nil? ? true : handler.attribute(:allow_mail)
+            )
+          %>
+          <span><%#= User.human_attribute_name(:allow_mail) %></span>
+        </label>
+      </li>
+-->
+    </ul>
+
+    <div class="visually-hidden">
+      <label>
+        <%= check_box_tag :agree, '1', false, tabindex: '-1' %>
+        <span><%= t('.i_am_bot') %></span>
+      </label>
+    </div>
+
+    <div class="actions">
+      <%= button_tag t('.join'), class: 'button button-primary', name: nil %>
+    </div>
+  <% end %>
+<% else %>
+  <div class="message-box warning"><%= t('.closed') %></div>
+<% end %>

data/app/views/components/users/_login_form.html.erb

@@ -0,0 +1,45 @@
+<%= form_with(url: login_path, id: 'login-form') do%>
+  <div class="errors"></div>
+  <div class="fields">
+    <div>
+      <label class="floating-label">
+        <%=
+          text_field_tag(
+            :login,
+            '',
+            class: 'input-text',
+            placeholder: t('.login'),
+            required: true
+          )
+        %>
+        <span><%= t('.login') %></span>
+      </label>
+      <div class="guideline"><%= t('.guidelines.login') %></div>
+    </div>
+    <div>
+      <label class="floating-label">
+        <%=
+          password_field_tag(
+            :password,
+            '',
+            class: 'input-text',
+            placeholder: t('activerecord.attributes.user.password'),
+            required: true
+          )
+        %>
+        <span><%= t('activerecord.attributes.user.password') %></span>
+      </label>
+      <div class="guideline"><%= t('.guidelines.password') %></div>
+    </div>
+  </div>
+  <div class="actions">
+    <%= button_tag t('.log_in'), class: 'button button-primary', name: nil %>
+    <%=
+      link_to(
+        t('my.recoveries.show.nav_text'),
+        my_recovery_path,
+        class: 'button button-secondary'
+      )
+    %>
+  </div>
+<% end %>

data/app/views/components/users/form/_image.html.erb

@@ -0,0 +1,17 @@
+<div>
+  <dt><%= f.label :image %></dt>
+  <dd>
+    <figure id="user-image" role="group" class="image-medium">
+      <%= f.label(:image, image_tag(entity.image.small.url)) %>
+      <figcaption>
+        <%=
+          f.file_field(
+            :image,
+            accept: 'image/jpeg,image/png,image/svg+xml',
+            data: { image: 'user-image' }
+          )
+        %>
+      </figcaption>
+    </figure>
+  </dd>
+</div>

data/app/views/components/users/form/_profile_data.html.erb

@@ -0,0 +1,54 @@
+<% %w[name patronymic surname].each do |field| %>
+  <div>
+    <dt>
+      <%= label_tag "profile_#{field}", t("activerecord.attributes.user_profile.#{field}") %>
+    </dt>
+    <dd>
+      <%=
+        text_field_tag(
+          "profile[#{field}]",
+          data[field],
+          class: 'input-text',
+          maxlength: 50,
+          size: nil
+        )
+      %>
+    </dd>
+  </div>
+<% end %>
+
+<div>
+  <dt>
+    <%= label_tag 'profile_about', t('activerecord.attributes.user_profile.about') %>
+  </dt>
+  <dd>
+    <%=
+    text_area_tag(
+      'profile[about]',
+      data['about'],
+      class: 'input-text',
+      cols: 80,
+      maxlength: 2000,
+      rows: 5
+    )
+    %>
+  </dd>
+</div>
+
+<div>
+  <dt>
+    <%= label_tag :profile_gender, t('activerecord.attributes.user_profile.gender') %>
+  </dt>
+  <dd>
+    <%=
+      select_tag(
+        'profile[gender]',
+        options_for_select(
+          Biovision::Components::Users::ProfileHandler.genders_for_select,
+          data['gender']
+        ),
+        class: 'input-select'
+      )
+    %>
+  </dd>
+</div>

data/app/views/contact/_form.html.erb

@@ -0,0 +1,108 @@
+<%
+  entity ||= FeedbackMessage.new
+  form_class ||= 'contact__feedback-form'
+  form_id ||= 'feedback_form'
+  fields ||= %i[name email comment]
+  required_fields ||= %i[name email comment]
+  message ||= t('.message')
+%>
+<%=
+  form_with(
+    model: entity,
+    url: feedback_messages_path,
+    html: {
+      id: form_id,
+      class: form_class
+    }
+  ) do |f|
+%>
+  <div class="state-1">
+    <div class="fields">
+      <% if fields.include?(:name) %>
+        <label class="floating-label feedback-name">
+          <%=
+            f.text_field(
+              :name,
+              class: 'input-text',
+              maxlength: FeedbackMessage::NAME_LIMIT,
+              placeholder: entity.class.human_attribute_name(:name),
+              required: required_fields.include?(:name)
+            )
+          %>
+          <span><%= entity.class.human_attribute_name(:name) %></span>
+        </label>
+      <% end %>
+      <% if fields.include?(:email) %>
+        <label class="floating-label feedback-email">
+          <%=
+            f.email_field(
+              :email,
+              class: 'input-text',
+              maxlength: FeedbackMessage::EMAIL_LIMIT,
+              placeholder: entity.class.human_attribute_name(:email),
+              required: required_fields.include?(:email)
+            )
+          %>
+          <span><%= entity.class.human_attribute_name(:email) %></span>
+        </label>
+      <% end %>
+      <% if fields.include?(:phone) %>
+        <label class="floating-label feedback-phone">
+          <%=
+            f.telephone_field(
+              :phone,
+              class: 'input-text',
+              maxlength: FeedbackMessage::PHONE_LIMIT,
+              placeholder: entity.class.human_attribute_name(:phone),
+              required: required_fields.include?(:phone)
+            )
+          %>
+          <span><%= entity.class.human_attribute_name(:phone) %></span>
+        </label>
+      <% end %>
+      <% if fields.include?(:comment) %>
+        <label class="floating-label feedback-comment">
+          <%=
+            f.text_area(
+              :comment,
+              class: 'input-text',
+              maxlength: FeedbackMessage::COMMENT_LIMIT,
+              placeholder: entity.class.human_attribute_name(:comment),
+              required: required_fields.include?(:comment)
+            )
+          %>
+          <span><%= entity.class.human_attribute_name(:comment) %></span>
+        </label>
+      <% end %>
+      <% if fields.include?(:attachment) %>
+        <label class="floating-label feedback-attachment">
+          <%=
+            f.file_field(
+              :attachment,
+              class: 'input-text',
+              placeholder: entity.class.human_attribute_name(:attachment),
+              required: required_fields.include?(:attachment)
+            )
+          %>
+          <span><%= entity.class.human_attribute_name(:attachment) %></span>
+        </label>
+      <% end %>
+    </div>
+    <div class="disclaimer">
+      <%= check_box_tag :agree, '1', false, class: 'visually-hidden', id: nil, tabindex: -1 %>
+      <p>
+        <%= t('.disclaimer') %>
+        (<%= link_to(t('legal.privacy.nav_text'), privacy_path) %>).
+      </p>
+    </div>
+    <div class="actions">
+      <%= hidden_field_tag 'form_id', form_id %>
+      <%= button_tag(t('.submit'), class: 'button button-primary') %>
+    </div>
+  </div>
+  <div class="state-2">
+    <div class="result">
+      <p><%= raw message %></p>
+    </div>
+  </div>
+<% end %>