fix placeholder i18n

Author: stefanocudini

geonode_mapstore_client/client/js/plugins/MetadataEditor/components/_widgets/TextWidgetMultiLang.jsx

@@ -12,10 +12,14 @@ import isString from 'lodash/isString';
 
 import DefaultTextareaWidget from '@rjsf/core/lib/components/widgets/TextareaWidget';
 import IconWithTooltip from '../IconWithTooltip';
+import Message from '@mapstore/framework/components/I18N/Message';
+import { getMessageById } from '@mapstore/framework/utils/LocaleUtils';
 
 const TextWidgetMultiLang = (props) => {
 
     const { formData, onChange, schema, required, formContext } = props;
+    console.log('TextWidgetMultiLang props', props);
+
     const id = props.id || Math.random().toString(36).substring(7);
     const { title, description } = schema;
 
@@ -45,6 +49,8 @@ const TextWidgetMultiLang = (props) => {
         onChange(newValue);
     };
 
+    const placeholder = getMessageById(formContext.messages, "gnviewer.typeText").replace("{lang}", languageLong(currentLang));
+
     return (
         <div className="form-group field field-string multilang-widget">
             <label className={`control-label${formContext?.capitalizeTitle ? ' capitalize' : ''}`}>
@@ -62,7 +68,7 @@ const TextWidgetMultiLang = (props) => {
                     onFocus={() => {}}
                     onBlur={() => {}}
                     options={{ rows: 5 }}
-                    placeholder={`Type textarea in ${languageLong(currentLang)}...`}
+                    placeholder={placeholder}
                 />
             ) :
                 <input
@@ -71,7 +77,7 @@ const TextWidgetMultiLang = (props) => {
                     value={values[currentLang] || ""}
                     onChange={handleInputChange}
                     onBlur={() => {}}
-                    placeholder={`Type text in ${languageLong(currentLang)}...`}
+                    placeholder={placeholder}
                 />
             }
 

geonode_mapstore_client/client/js/plugins/MetadataEditor/containers/MetadataEditor.jsx

@@ -236,7 +236,8 @@ function MetadataEditor({
                     formContext={{
                         title: formTitle,
                         metadata: metadataMultiLang,
-                        capitalizeTitle: capitalizeFieldTitle
+                        capitalizeTitle: capitalizeFieldTitle,
+                        messages
                     }}
                     schema={schemaMultiLang}
                     uiSchema={uiSchemaMultiLang}

geonode_mapstore_client/static/mapstore/gn-translations/data.de-DE.json

@@ -504,6 +504,7 @@
             "datasetTitle": "Datensatztitel",
             "name": "Name",
             "type": "Typ",
+            "typeText": "Text in {lang} eingeben...",
             "nillable": "Nullbar",
             "restrictions": "Einschränkungen",
             "loadAttributesFromJSONSchema": "Attribute aus JSON-Schema laden",

geonode_mapstore_client/static/mapstore/gn-translations/data.en-US.json

@@ -504,6 +504,7 @@
             "datasetTitle": "Dataset title",
             "name": "Name",
             "type": "Type",
+            "typeText": "Type text in {lang} ...",
             "nillable": "Nillable",
             "restrictions": "Restrictions",
             "loadAttributesFromJSONSchema": "Load attributes from JSON Schema",

geonode_mapstore_client/static/mapstore/gn-translations/data.es-ES.json

@@ -503,6 +503,7 @@
             "datasetTitle": "Título del conjunto de datos",
             "name": "Nombre",
             "type": "Tipo",
+            "typeText": "Escriba texto en {lang} ...",
             "nillable": "Nulable",
             "restrictions": "Restricciones",
             "loadAttributesFromJSONSchema": "Cargar atributos desde esquema JSON",

geonode_mapstore_client/static/mapstore/gn-translations/data.fi-FI.json

@@ -474,6 +474,7 @@
             "datasetTitle": "Dataset title",
             "name": "Name",
             "type": "Type",
+            "typeText": "Kirjoita teksti kielellä {lang} ...",
             "nillable": "Nillable",
             "restrictions": "Restrictions",
             "loadAttributesFromJSONSchema": "Load attributes from JSON Schema",

geonode_mapstore_client/static/mapstore/gn-translations/data.fr-FR.json

@@ -504,6 +504,7 @@
             "datasetTitle": "Titre du jeu de données",
             "name": "Nom",
             "type": "Type",
+            "typeText": "Tapez le texte en {lang} ...",
             "nillable": "Nullable",
             "restrictions": "Restrictions",
             "loadAttributesFromJSONSchema": "Charger les attributs depuis le schéma JSON",

geonode_mapstore_client/static/mapstore/gn-translations/data.hr-HR.json

@@ -474,6 +474,7 @@
             "datasetTitle": "Dataset title",
             "name": "Name",
             "type": "Type",
+            "typeText": "Unesite tekst na {lang} ...",
             "nillable": "Nillable",
             "restrictions": "Restrictions",
             "loadAttributesFromJSONSchema": "Load attributes from JSON Schema",

geonode_mapstore_client/static/mapstore/gn-translations/data.it-IT.json

@@ -506,6 +506,7 @@
             "datasetTitle": "Titolo del dataset",
             "name": "Nome",
             "type": "Tipo",
+            "typeText": "Digita il testo in {lang} ...",
             "nillable": "Annullabile",
             "restrictions": "Restrizioni",
             "loadAttributesFromJSONSchema": "Carica attributi da schema JSON",

geonode_mapstore_client/static/mapstore/gn-translations/data.nl-NL.json

@@ -474,6 +474,7 @@
             "datasetTitle": "Dataset title",
             "name": "Name",
             "type": "Type",
+            "typeText": "Typ tekst in {lang} ...",
             "nillable": "Nillable",
             "restrictions": "Restrictions",
             "loadAttributesFromJSONSchema": "Load attributes from JSON Schema",