Опрос ваших пользователей с помощью Rails

Gemfile

 $ rails g counter_culture VoteOption votes_count
$ rake db:migrate

и запустите counter_culture :vote_option

Далее запустите генератор и примените созданную миграцию:

 [...]
//= require jquery.validate
[...]

Также добавьте следующую строку кода в * voice.rb *:

 validate()

Теперь кеш счетчика для подсчета голосов будет создан и управляться автоматически. Круто, не правда ли?

Драгоценный камень counter_culture может использоваться в более сложных сценариях и имеет множество опций, поэтому ознакомьтесь с его документацией.

Немного о проверке на стороне клиента

Чтобы немного улучшить взаимодействие с пользователем, добавьте некоторую проверку на стороне клиента, чтобы проверить, выбрал ли пользователь один из вариантов перед голосованием. Если нет — покажите ошибку вместо отправки формы. Существует отличный плагин jQuery под названием jQuery Validate, который, как следует из названия, помогает создавать различные правила проверки. Просто скачайте файлы плагина, поместите их в vendor / assets / javascripts и включите в ваш проект jquery.validate.js и Additional-method.js :

application.js

 [...]
<script data-turbolinks-track="true">
  $(document).ready(function() {
    var voting_form = $('#voting_form');
    voting_form.validate({
      focusInvalid: false,
      errorClass: 'alert alert-warning',
      errorElement: "div",
      errorPlacement: function(error, element) { voting_form.before(error); },
      rules: {
        'vote_option[id]': {
          required: true
        }
      },
      messages: {
        'vote_option[id]': {
          required: "Please select one of the options."
        }
      }
    });
  });
</script>

В простейшем случае все, что вам нужно сделать, это использовать метод focusInvalid Однако у нас есть немного более сложный сценарий, поэтому мы должны предоставить несколько вариантов:

опросы / show.html.erb

 errorClass

errorElement errorPlacement beforeerror Я хочу, чтобы он был помещен перед формой, поэтому я использую метод rulesvote_option[id]

messages До тех пор, пока мы хотим убедиться, что установлен только один из class UsersController < ApplicationController
def show
@user = User.find_by_id(params[:id])
end
end<% content_for(:page_header) do %>
<%= image_tag @user.image_url, alt: @user.name %>
<%= "#{@user.name}'s profile" %>
<% end %>

<% @user.vote_options.each do |option| %>
<div class="panel panel-default">
<div class="panel-heading"><%= link_to option.poll.topic, poll_path(option.poll) %></div>
<div class="panel-body">
<%= option.title %>
</div>
</div>
<% end %>[...]
def show
@user = User.includes(:vote_options).find_by_id(params[:id])
end
[...] [...]
resources :users, only: [:show]
[...]

На этом этапе вы можете проверить, как работает валидация, просто попытавшись отправить форму без включенных переключателей. Потрясающие!

 [...]
<ul class="nav navbar-nav navbar-right">
  <% if current_user %>
    <li><%= image_tag current_user.image_url, alt: current_user.name %></li>
    <li><%= link_to 'Profile', user_path(current_user) %></li>
    <li><%= link_to 'Logout', sign_out_path %></li>
  <% else %>
    <li><%= link_to 'Sign in', '/auth/facebook' %></li>
  <% end %>
</ul>
[...]

 end

 do … end

 {}

 bundle install