Gem globalize kullanarak, yerel ayarları tüm sayfa için değil, yalnızca girdi için nasıl değiştirebilirim?

Bağlam: Bisiklet kiralama için bir Ruby on Rails uygulaması için, gem küreselleştirmek :descriptionfarklı dillerde giriş ile başa çıkmak için kullanıyorum .

Mevcut durum: Küreselleşme uygulaması işe yaradı, bulunduğum bölgeye bağlı olarak descriptionbelirli bir dilde depolayabiliyorum . Girişi :description, tüm bir web sayfasının yerel ayarı temelinde ele alınır.

Bu :description, doğru dilde saklamak için bu sayfadaki her şeyin dilde değişmesi gerektiği anlamına gelir .

Alternatif olarak, tüm kullanılabilir yerel ayarları gösterebilir descriptionve her biri için gösterebilirim . (Aşağıdaki yorum koduna da bakınız).

Soru: Kullanıcının :descriptionyalnızca bir dil seçmesine ve ardından kaydetmesine izin vermenin bir yolunu arıyorum:description ve tüm web sayfasının dilini değiştirmeden doğru dilde .

kod

form

<div class="row">
        <%# I18n.available_locales.each do |locale| %>
          <!-- <h1><%#= locale %></h1> -->
          <%= f.globalize_fields_for locale do |ff| %>
          <div class="col-10">
            <div class="form-group">
              <label class="form-control-label text required" for="accommodation_category_description">Description</label>
              <div><%= ff.text_area :description, :rows =>"5", :cols =>"30",  class:"form-control is-valid text required" %></div>
              </div>
            </div>
          <% end %>
        <%# end %>
        </div>
      </div>

ilklendiriciler / globalization.rb

module ActionView
  module Helpers
    class FormBuilder
      #
      # Helper that renders translations fields
      # on a per-locale basis, so you can use them separately
      # in the same form and still saving them all at once
      # in the same request.

      def globalize_fields_for(locale, *args, &proc)
        raise ArgumentError, "Missing block" unless block_given?
        @index = @index ? @index + 1 : 1
        object_name = "#{@object_name}[translations_attributes][#{@index}]"
        object = @object.translations.find_by_locale locale.to_s
        @template.concat @template.hidden_field_tag("#{object_name}[id]", object ? object.id : "")
        @template.concat @template.hidden_field_tag("#{object_name}[locale]", locale)
        @template.fields_for(object_name, object, *args, &proc)
      end
    end
  end
end

Globalize.with_localeYerel ayarı geçici olarak ayarlamak için kullanabilirsiniz , bu görünümler için de geçerlidir:

<% Globalize.with_locale(some_other_locale) do %>
  in this part of the page locale will be <%= locale.inspect %>
<% end %>

Ancak sizin durumunuz için, formu dinamik hale getirmenin daha kullanıcı dostu bir yolu olacaktır, böylece kullanıcı istedikleri çeşitli diller için çeviri ekleyebilir.

Globalleştirilen çeviriler yalnızca YourModel::Translationyerel ayarlarla çevrilmiş alanlara sahip ek bir tablo / modeldir , böylece diğer iç içe formlarda olduğu gibi bunlarla doğrudan çalışabilirsiniz.

Projenize dinamik formları işleyecek mücevher kozası ekleyin (varlık boru hattı yerine webpacker kullanıyorsanız - ek adımlar gerektirebilir, global jquery eklemek ve erb enterpolasyonu kullanarak gem'ten js gerektiriyorsa, buraya bakın ).

Modelinizde:

translates :description #, ...
accepts_nested_attributes_for :translations, allow_destroy: true

denetleyicide:

def your_some_params
  params.require(:your_model_name).permit(
        ...
        translations_attributes: [
          :id, :_destroy,
          :locale,
          :description,
        ]
      )
end

bilgi vermek:

  <div id='translations'>
    <%= form.fields_for :translations do |t| %>
      <%= render 'translation_fields', f: t %>
    <% end %>

    <div class='links'>
      <%= link_to_add_association 'add translation', form, :translations  %>
    </div>
  </div>

gibi çeviriler için kısmi:

<div class='nested-fields'>
  <%= f.hidden_field  :id %>
  <%= f.select :locale, I18n.available_locales %>
  <%= f.text_area :description %>

  <%= link_to_remove_association "remove this translation", f %>
</div>