Merge branch 'issue-10491' into panel.sutty.nl

app/assets/stylesheets/application.scss

@@ -154,6 +154,12 @@ ol.breadcrumb {
   transition: all 3s;
 }
 
+fieldset {
+  legend {
+    font-size: 1rem;
+  }
+}
+
 .mapable,
 .taggable {
   .input-map,

app/models/metadata_locales.rb

@@ -1,22 +1,49 @@
 # frozen_string_literal: true
 
 # Los valores de este metadato son artículos en otros idiomas
-class MetadataLocales < MetadataTemplate
-  def default_value
-    super || []
-  end
-
+class MetadataLocales < MetadataHasAndBelongsToMany
   # Todos los valores posibles para cada idioma disponible
   #
-  # TODO: Optimizar?
-  # TODO: Mantener sincronizados
-  #
   # @return { lang: { title: uuid } }
   def values
     @values ||= site.locales.map do |locale|
-      [locale, site.posts(lang: locale).map do |post|
-        [post.title.value, post.uuid.value]
+      [locale, posts.where(lang: locale).map do |post|
+        [title(post), post.uuid.value]
       end.to_h]
     end.to_h
   end
+
+  # Siempre hay una relación inversa
+  #
+  # @return [True]
+  def inverse?
+    true
+  end
+
+  # El campo inverso se llama igual en el otro post
+  #
+  # @return [Symbol]
+  def inverse
+    :locales
+  end
+
+  private
+
+  # Obtiene todos los locales distintos a este post
+  #
+  # @return [Array]
+  def other_locales
+    site.locales.reject do |locale|
+      locale == post.lang.value.to_sym
+    end
+  end
+
+  # Obtiene todos los posts de los otros locales con el mismo layout
+  #
+  # @return [PostRelation]
+  def posts
+    other_locales.map do |locale|
+      site.posts(lang: locale).where(layout: post.layout.value)
+    end.reduce(&:concat)
+  end
 end

app/views/posts/attributes/_locales.haml

@@ -1,39 +1,18 @@
--#
+%fieldset
+  %legend= post_label_t(attribute, post: post)
 
-  Crea un input-map para cada idioma por separado.  Podríamos hacer uno
-  solo que tenga todos los idiomas pero puede ser una interfaz confusa.
+  = render 'posts/attribute_feedback',
+    post: post, attribute: attribute, metadata: metadata
 
-  TODO: Esto permite seleccionar más de una traducción por idioma...
+  - site.locales.each do |locale|
+    - next if post.lang.value == locale
+    - locale_t = t("locales.#{locale}.name", default: locale.to_s.humanize)
+    - value = metadata.value.find do |v|
+      - metadata.values[locale].values.include? v
 
-- site.locales.each do |locale|
-  -# Ignorar el idioma actual
-  - next if post.lang.value == locale
-  - locale_t = t("locales.#{locale}.name")
-  - values = metadata.value.select do |x|
-    - metadata.values[locale].values.include? x
+    .form-group
+      = label_tag "#{base}_#{attribute}_#{locale}", locale_t
 
-  .form-group
-    = label_tag "#{base}_#{attribute}_#{locale}", locale_t
-
-    .mapable{ dir: t("locales.#{locale}.dir"), lang: locale,
-      data: { values: values.to_json,
-      'default-values': metadata.values[locale].to_json,
-      name: "#{base}[#{attribute}][]",
-      list: id_for_datalist(attribute, locale),
-      button: t('posts.attributes.add'),
-      remove: 'false', legend: locale_t,
-      described: id_for_help(attribute, locale) } }
-
-      = text_field(*field_name_for(base, attribute, '[]'),
-        value: values.join(', '),
-        dir: t("locales.#{locale}.dir"), lang: locale,
-        **field_options(attribute, metadata))
-
-    = render 'posts/attribute_feedback',
-      post: post,
-      attribute: [attribute, 'mapable'].flatten,
-      metadata: metadata
-
-    %datalist{ id: id_for_datalist(attribute, locale) }
-      - metadata.values[locale].keys.each do |value|
-        %option{ value: value }
+      = select_tag("#{plain_field_name_for(base, attribute)}[]",
+        options_for_select(metadata.values[locale], value),
+        **field_options(attribute, metadata), include_blank: t('.empty'))

config/locales/en.yml

@@ -22,6 +22,9 @@ en:
     fr:
       name: French
       dir: ltr
+    ur:
+      name: Urdu
+      dir: rtl
   login:
     email: E-mail address
     password: Password

config/locales/es.yml

@@ -22,6 +22,9 @@ es:
     fr:
       name: Francés
       dir: ltr
+    ur:
+      name: Urdu
+      dir: rtl
   login:
     email: Correo electrónico
     password: Contraseña