Добавьте HTML-элемент в radio_buttons с помощью Rails и SimpleForm - PullRequest
Новая
       17

Добавьте HTML-элемент в radio_buttons с помощью Rails и SimpleForm

0 голосов
/ 14 февраля 2019

Для моего проекта я попытался вставить элемент HTML в блок span с классом radio, сгенерированным SimpleForm (см. Пример моего кода ниже).Но после многих тестов и исследований я не прибыл, чтобы вставить этот элемент.

Мне нужен этот элемент HTML для добавления градиента градиента к моей галочке переключателя.

В моей форме, у меня естьэта строка для генерации radio_buttons: 


<%= f.input :gender, as: :radio_buttons, wrapper: :custom_radio_buttons, collection: [['female', '0'], ['male', '1']] %>

В моих инициализаторах у меня есть этот блок для моей пользовательской оболочки: 


config.wrappers :custom_radio_buttons, tag: 'div', class: 'form-group', error_class: 'has-error' do |b|                                                                                               
  b.use :html5
  b.optional :readonly                                                                                                                                                                                

  b.wrapper tag: 'div', class: 'radio-buttons' do |ba|                                                                                                                                              
    ba.use :label_input
  end                                                                                                                                                                                                 

  b.use :error, wrap_with: { tag: 'span', class: 'help-block' }                                                                                                                                       
  b.use :hint,  wrap_with: { tag: 'p', class: 'help-block' }
end

Это сгенерировало следующий блок HTML: 


<div class="form-group radio_buttons optional"> 
  <div class="radio-buttons">
    <label class="radio_buttons optional">
      Gender
    </label>
    <input type="hidden" name="gender" value="">
    <span class="radio">
      <input class="radio_buttons optional" type="radio" value="0" name="gender" id="gender_0">
      <label class="collection_radio_buttons" for="gender_0">
        female
      </label>
    </span>
    <span class="radio">
      <input class="radio_buttons optional" type="radio" value="1" name="gender" id="gender_1">
      <label class="collection_radio_buttons" for="gender_1">
        male
      </label>
    </span>
  </div>
</div>

Как мне вставить этот элемент в блоки <span class="radio">, сгенерированные SimpleForm?

Заранее спасибо.

...