Translate resource type in the detail panel (#2108)

Author: dsuren1

geonode_mapstore_client/client/MapStore2

@@ -73,7 +73,7 @@ import Message from '@mapstore/framework/components/I18N/Message';
  *                  {
  *                      "type": "query",
  *                      "labelId": "gnviewer.resourceType",
- *                      "value": "{context.get(state('gnResourceData'), 'resource_type')}",
+ *                      "valueId": "{'gnviewer.' + context.get(state('gnResourceData'), 'resource_type')}",
  *                      "pathname": "/",
  *                      "query": {
  *                          "f": "{context.get(state('gnResourceData'), 'resource_type')}"
@@ -130,7 +130,7 @@ function ResourceDetailsPanel({
                 {
                     "type": "query",
                     "labelId": "gnviewer.resourceType",
-                    "value": "{context.get(state('gnResourceData'), 'resource_type')}",
+                    "valueId": "{'gnviewer.' + context.get(state('gnResourceData'), 'resource_type')}",
                     "pathname": "/",
                     "query": {
                         "f": "{context.get(state('gnResourceData'), 'resource_type')}"

geonode_mapstore_client/client/js/plugins/ResourceDetails/ResourceDetails.jsx

@@ -40,9 +40,24 @@ import useParsePluginConfigExpressions from '@mapstore/framework/plugins/Resourc
 import { hashLocationToHref } from '@mapstore/framework/utils/ResourcesFiltersUtils';
 import { getMonitoredStateSelector, getRouterLocation, getDetailPanelTab } from '@mapstore/framework/plugins/ResourcesCatalog/selectors/resources';
 import withScrollableTabs from '@js/components/enhancers/withScrollableTabs';
+import { getMessageById } from '@mapstore/framework/utils/LocaleUtils';
 import { setDetailPanelTab } from '@mapstore/framework/plugins/ResourcesCatalog/actions/resources';
 const DetailsInfo = withScrollableTabs(DetailsInfoComp);
 
+const transformValue = (obj, messages) => {
+    if (Array.isArray(obj)) {
+        return obj.map(item => transformValue(item, messages));
+    }
+    if (obj && typeof obj === 'object') {
+        const { valueId, items, ...rest } = obj;
+        return {
+            ...rest,
+            ...(valueId ? { value: getMessageById(messages, valueId) } : {}),
+            ...(items ? { items: transformValue(items, messages) } : {})
+        };
+    }
+    return obj;
+};
 const ConnectedDetailsThumbnail = connect(
     createSelector([
         state => state?.gnresource?.showMapThumbnail || false,
@@ -86,6 +101,7 @@ function DetailsPanel({
 
     const resource = parseCatalogResource(resourceProp);
     const parsedConfig = useParsePluginConfigExpressions(monitoredState, { tabs }, context?.plugins?.requires);
+    const transformedTabs = transformValue(parsedConfig?.tabs ?? [], context?.messages);
 
     const { query } = url.parse(location.search, true);
     const updatedLocation = useRef();
@@ -140,7 +156,7 @@ function DetailsPanel({
             {!loading ? <DetailsInfo
                 className="_padding-lr-md"
                 key={resource?.pk || resource?.id}
-                tabs={replaceResourcePaths(parsedConfig.tabs, resource, [])}
+                tabs={replaceResourcePaths(transformedTabs, resource, [])}
                 tabComponents={tabComponents}
                 query={query}
                 formatHref={handleFormatHref}
@@ -161,7 +177,8 @@ function DetailsPanel({
 }
 
 DetailsPanel.contextTypes = {
-    plugins: PropTypes.object
+    plugins: PropTypes.object,
+    messages: PropTypes.object
 };
 
 const ConnectedDetailsPanel = connect(

geonode_mapstore_client/client/js/plugins/ResourceDetails/containers/DetailsPanel.jsx

@@ -478,7 +478,13 @@
             "showPreview": "Vorschau anzeigen",
             "hidePreview": "Vorschau ausblenden",
             "columnTitle": "Titel",
-            "columnOwner": "Eigentümer"
+            "columnOwner": "Eigentümer",
+            "dataset": "datensatz",
+            "map": "karte",
+            "geostory": "geostory",
+            "document": "dokument",
+            "dashboard": "dashboard",
+            "mapviewer": "kartenviewer"
         },
         "resourcesCatalog": {
             "anonymous": "Jeder",

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

@@ -478,7 +478,13 @@
             "showPreview": "Show Preview",
             "hidePreview": "Hide Preview",
             "columnTitle": "Title",
-            "columnOwner": "Owner"
+            "columnOwner": "Owner",
+            "dataset": "dataset",
+            "map": "map",
+            "geostory": "geostory",
+            "document": "document",
+            "dashboard": "dashboard",
+            "mapviewer": "mapviewer"
         },
         "resourcesCatalog": {
             "anonymous": "Anyone",

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

@@ -477,7 +477,13 @@
             "showPreview": "Mostrar vista previa",
             "hidePreview": "Ocultar vista previa",
             "columnTitle": "Título",
-            "columnOwner": "Propietario"
+            "columnOwner": "Propietario",
+            "dataset": "conjunto de datos",
+            "map": "mapa",
+            "geostory": "geohistoria",
+            "document": "documento",
+            "dashboard": "tablero",
+            "mapviewer": "visor de mapa"
         },
         "resourcesCatalog": {
             "anonymous": "Cualquiera",

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

@@ -448,7 +448,13 @@
             "showPreview": "Show Preview",
             "hidePreview": "Hide Preview",
             "columnTitle": "Title",
-            "columnOwner": "Owner"
+            "columnOwner": "Owner",
+            "dataset": "dataset",
+            "map": "map",
+            "geostory": "geostory",
+            "document": "document",
+            "dashboard": "dashboard",
+            "mapviewer": "mapviewer"
         },
         "resourcesCatalog": {
             "anonymous": "Anyone",

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

@@ -478,7 +478,13 @@
             "showPreview": "Afficher l'aperçu",
             "hidePreview": "Masquer l'aperçu",
             "columnTitle": "Titre",
-            "columnOwner": "Propriétaire"
+            "columnOwner": "Propriétaire",
+            "dataset": "jeu de données",
+            "map": "carte",
+            "geostory": "géohistoire",
+            "document": "document",
+            "dashboard": "tableau de bord",
+            "mapviewer": "visionneuse de carte"
         },
         "resourcesCatalog": {
             "anonymous": "N'importe qui",

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

@@ -448,7 +448,13 @@
             "showPreview": "Show Preview",
             "hidePreview": "Hide Preview",
             "columnTitle": "Title",
-            "columnOwner": "Owner"
+            "columnOwner": "Owner",
+            "dataset": "dataset",
+            "map": "map",
+            "geostory": "geostory",
+            "document": "document",
+            "dashboard": "dashboard",
+            "mapviewer": "mapviewer"
         },
         "resourcesCatalog": {
             "anonymous": "Anyone",

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

@@ -480,7 +480,13 @@
             "showPreview": "Mostra Anteprima",
             "hidePreview": "Nascondi Anteprima",
             "columnTitle": "Titolo",
-            "columnOwner": "Proprietario"
+            "columnOwner": "Proprietario",
+            "dataset": "dataset",
+            "map": "mappa",
+            "geostory": "geostory",
+            "document": "documento",
+            "dashboard": "dashboard",
+            "mapviewer": "visualizzatore di mappa"
         },
         "resourcesCatalog": {
             "anonymous": "Chiunque",