Improved class assignment for form fields in the plugin's default template (#2399)

* Added images decoding spanish translation

* Improved class assignment for form fields in the plugin's default template

* Fixed extra field.classes added

* Added Syslog tag

---------

Co-authored-by: pmoreno.rodriguez <pmoreno.rodriguez@outlook.com>

languages/es.yaml

@@ -211,7 +211,7 @@ PLUGIN_ADMIN:
   PASSWORD_VALIDATION_MESSAGE: "La contraseña debe contener al menos un número y una letra mayúscula y minúscula, y al menos 8 o más caracteres"
   LANGUAGE_HELP: "Establecer el idioma favorito"
   MEDIA: "Multimedia"
-  DEFAULTS: "Defaults"
+  DEFAULTS: "Valores predeterminados"
   SITE_TITLE: "Título del sitio"
   SITE_TITLE_PLACEHOLDER: "Título en todo el sitio"
   SITE_TITLE_HELP: "Título default para el sitio, algunas veces utilizados en los temas"
@@ -438,6 +438,8 @@ PLUGIN_ADMIN:
   LOG_HANDLER_HELP: "Dónde enviar los registros"
   SYSLOG_FACILITY: "Filtro del Syslog"
   SYSLOG_FACILITY_HELP: "Filtro del Syslog para el formato de salida"
+  SYSLOG_TAG: "Etiqueta Syslog"
+  SYSLOG_TAG_HELP: "Etiqueta Syslog para salida"
   DEBUGGER: "Depurador"
   DEBUGGER_HELP: "Habilitar depurador de Grav y ajustes siguientes"
   DEBUG_TWIG: "Depuración de twig"
@@ -451,7 +453,9 @@ PLUGIN_ADMIN:
   IMAGES_DEBUG: "Marca de agua de imágen de depuración"
   IMAGES_DEBUG_HELP: "Cubrir las imágenes con un texto indicando la profundidad de pixeles cuando se trabaja con retina por ejemplo"
   IMAGES_LOADING: "Comportamiento al cargar imágen"
-  IMAGES_LOADING_HELP: "El atributo cargando, permite al navegador diferir la carga de las imágenes que están fuera de pantalla y los iframes, hasta que el usuario se acerca a ellos. Cargando soporta tres valores: auto, perezoso, ansioso"
+  IMAGES_LOADING_HELP: "El atributo cargando, permite al navegador diferir la carga de las imágenes que están fuera de pantalla y los iframes, hasta que el usuario se acerca a ellos. Cargando soporta tres valores: auto, lazy, eager"
+  IMAGES_DECODING: "Comportamiento de decodificación de imágenes"
+  IMAGES_DECODING_HELP: "El atributo de decodificación permite a un navegador posponer la decodificación de imágenes fuera de la pantalla hasta que los usuarios se desplacen cerca de ellas. la decodificación admite tres valores: auto, sync, async"
   IMAGES_SEOFRIENDLY: "Nombres de imágenes SEO-Friendly"
   IMAGES_SEOFRIENDLY_HELP: "Cuando está activado, el nombre de la imagen se muestra primero, luego un hash menor para reflejar las operaciones procesadas"
   UPLOAD_LIMIT: "Tamaño límite para carga de archivos"

themes/grav/templates/forms/field.html.twig

@@ -42,7 +42,7 @@
                         <label for="toggleable_{{ field.name }}"></label>
                     </span>
                 {% endif %}
-               <label{{ (field.toggleable ? ' class="toggleable ' ~ field.classes ~ '" for="toggleable_' ~ field.name ~ '"' : ' class="' ~ field.classes ~ '"')|raw }}>
+               <label{{ (field.toggleable ? ' class="toggleable ' ~ field.labelclasses ~ '" for="toggleable_' ~ field.name ~ '"' : ' class="' ~ field.labelclasses ~ '"')|raw }}>
                 {% block label %}
                     {% if field.help %}
                         {% if field.markdown %}
@@ -61,7 +61,7 @@
                 {% endblock %}
                 </label>
                 {% if field.sublabel %}
-                <div class="form-sublabel">
+                <div class="form-sublabel {{ field.sublabelclasses }}">
                     {% if field.markdown %}
                         {{ field.sublabel|t|markdown(false)|raw }}
                     {% else %}

themes/grav/templates/forms/fields/editor/editor.html.twig

@@ -19,7 +19,7 @@
             {% if field.help %}
                 {% set hint = 'data-hint="' ~ field.help|t|raw ~ '"' %}
             {% endif %}
-            <div class="form-label form-field hint--bottom" {{ hint|raw }}>
+            <div class="form-label form-field hint--bottom {{ field.labelclasses }}" {{ hint|raw }}>
                 {{ field.label|t|raw }}
                 {{ field.validate.required in ['on', 'true', 1] ? '<span class="required">*</span>' }}
             </div>

themes/grav/templates/forms/fields/fieldset/fieldset.html.twig

@@ -7,7 +7,7 @@
 
       <div class="form-label form-fieldset--label">
         <h2>
-          <label{% if field.collapsible %} for="fieldset_collapsible_{{ field.name }}" class="form-fieldset--cursor"{% endif %}>
+          <label{% if field.collapsible %} for="fieldset_collapsible_{{ field.name }}" class="form-fieldset--cursor {{ field.labelclasses }}"{% endif %}>
             {% if field.help %}
             <span class="hint--bottom" data-hint="{{ field.help|t }}">
             {% endif %}

themes/grav/templates/forms/fields/list/list.html.twig

@@ -19,7 +19,7 @@
                 <label for="toggleable_{{ field.name }}"></label>
             </span>
         {% endif %}
-        <label{{ (field.toggleable ? ' class="toggleable ' ~ field.classes ~ '" for="toggleable_' ~ field.name ~ '"' : ' class="' ~ field.classes ~ '"')|raw }}>
+        <label{{ (field.toggleable ? ' class="toggleable ' ~ field.labelclasses ~ '" for="toggleable_' ~ field.name ~ '"' : ' class="' ~ field.labelclasses ~ '"')|raw }}>
             {% if field.help %}
                 {% if field.markdown %}
                     <span class="hint--bottom" data-hint="{{ field.help|t|markdown(false) }}">{{ field.label|t|markdown(false)|raw }} <i class="hint-icon fa fa-question-circle" aria-hidden="true"></i></span>
@@ -32,12 +32,12 @@
             {{ field.validate.required in ['on', 'true', 1] ? '<span class="required">*</span>' }}
         </label>
         {% if field.description %}
-        <div class="form-extra-wrapper">
+        <div class="form-extra-wrapper {{ field.wrapper_classes }}">
             <span class="form-description">{{ field.description|t|markdown(false)|raw }}</span>
         </div>
         {% endif %}
         {% if field.sublabel %}
-        <div class="form-sublabel">
+        <div class="form-sublabel {{ field.sublabelclasses }}">
             {% if field.markdown %}
                 {{ field.sublabel|t|markdown(false)|raw }}
             {% else %}

themes/grav/templates/forms/fields/pagemedia/pagemedia.html.twig

@@ -30,7 +30,7 @@
 
     <div class="pagemedia-field form-field grid vertical {% if field.classes is defined %}{{ field.classes }}{% endif %}">
     <div class="form-label">
-        <label class="media-collapser">
+        <label class="media-collapser {{ field.labelclasses }}">
           <i class="fa fa-fw small fa-chevron-{{ pageMediaStore.collapsed ? 'right' : 'down' }}"></i>
           {{ field.label|t }} <span data-pagemedia-count>({{ admin.page.media|length }})</span>
         </label>