refact title i18n and add test

Author: stefanocudini

geonode_mapstore_client/client/js/epics/__tests__/gnsave-test.js

@@ -257,6 +257,26 @@ describe('gnsave epics', () => {
         {layers: {flat: [{name: "testLayer", id: "test_id", perms: ['download_resourcebase']}], selected: ["test_id"]}});
     });
 
+    it('test gnSetDatasetsPermissions trigger updateNode for ADD_LAYER and set title in multilanguage', (done) => {
+        mockAxios.onGet().reply(() => [200,
+            {datasets: [{title: 'testLayer Default', title_en: 'testLayer EN', title_it: 'testLayerIT'}]}]);
+        const NUM_ACTIONS = 1;
+        testEpic(gnSetDatasetsPermissions, NUM_ACTIONS, addLayer({name: "testLayer", pk: "1", extendedParams: {pk: "1"}}), (actions) => {
+            try {
+                expect(actions.map(({type}) => type)).toEqual(["UPDATE_NODE"]);
+                expect(actions[0].options.title).toEqual({
+                    default: 'testLayer Default',
+                    'en-US': 'testLayer EN',
+                    'it-IT': 'testLayerIT'
+                });
+                done();
+            } catch (error) {
+                done(error);
+            }
+        },
+        {layers: {flat: [{name: "testLayer", id: "test_id", perms: ['download_resourcebase']}], selected: ["test_id"]}});
+    });
+
     it('should trigger saveResource (gnSaveDirectContent)', (done) => {
         const NUM_ACTIONS = 3;
         const pk = 1;

geonode_mapstore_client/client/js/epics/index.js

@@ -29,11 +29,22 @@ import { startAsyncProcess, STOP_ASYNC_PROCESS } from "@js/actions/resourceservi
 import { error as errorNotification } from "@mapstore/framework/actions/notifications";
 import { getProcessErrorInfo } from "@js/utils/ErrorUtils";
 import axios from '@mapstore/framework/libs/ajax';
-
-import { getMetadataSchema } from '@js/api/geonode/v2/metadata';
+import { getSupportedLocales } from '@mapstore/framework/utils/LocaleUtils';
 
 // We need to include missing epics. The plugins that normally include this epic is not used.
 
+function localeCodeToBCP47(iso2) {
+    const supportedLocales = getSupportedLocales();
+    supportedLocales['hy'] = {
+        code: 'hy-AM',
+        description: 'Armenian'
+    };
+    supportedLocales['ru'] = {
+        code: 'ru-RU',
+        description: 'Russian'
+    };
+    return supportedLocales[iso2] ? supportedLocales[iso2].code : iso2;
+}
 /**
 * @module epics/index
 */
@@ -100,7 +111,7 @@ export const gnFetchMissingLayerData = (action$, { getState } = {}) =>
 
 /**
  * Checks the permissions for layers when a map is loaded and when a new layer is added
- * to a map
+ * to a map and update layer in multi-language support for layer title in TOC
  */
 export const gnSetDatasetsPermissions = (actions$, { getState = () => {}} = {}) =>
     actions$.ofType(MAP_CONFIG_LOADED, ADD_LAYER)
@@ -125,76 +136,25 @@ export const gnSetDatasetsPermissions = (actions$, { getState = () => {}} = {})
             // skip layers of non-geonode origin
             if (!action.layer?.extendedParams?.pk) return Rx.Observable.empty();
 
-            // return Rx.Observable.defer(() => getDatasetByName(action.layer?.name))
-            // .switchMap((layer = {}) => {
-            //     const layerId = layersSelector(getState())?.find((la) => la.name === layer.alternate)?.id;
-            //     return Rx.Observable.of(updateNode(layerId, 'layer', {perms: layer.perms}));
-            // });
             if (action.type === ADD_LAYER) {
 
                 return Rx.Observable.defer(() => getDatasetByName(action.layer?.name))
                     .switchMap((layer = {}) => {
                         const layerId = layersSelector(getState())?.find((la) => la.name === layer.alternate)?.id;
                         const layerPk = layer?.pk;
-                        
-                        //TODO get settings MULTILANG_FIELDS from settings.py or get METADATA for specific layer
-
-                        // http://localhost/api/v2/metadata/instance/16
-                        // getMetadataByPk(layerPk)
-                        //     .then(({ schema }) => {
-                        //         //non contiene informazioni sulla multilingua della risorsa specifica
-                        //     });
 
-                        //TODO we need to preload metadata schema at boot ???
-                        return Rx.Observable.of(
-                            getMetadataSchema()
-                            .then(({ schema }) => {
-                                layer._schema = schema;
-                                const multilangFields = Object.keys(schema.properties).filter(prop => 
-                                    schema.properties[prop]['geonode:multilang'] === true
-                                );
-                                //only for layer title used in the TOC
-                                if (multilangFields.includes('title')) {
-
-                                    //all alng codes for titles fields
-                                    const titleLangCodes = Object.entries(schema.properties)
-                                        .filter(([key, value]) => value['geonode:multilang-group'] === 'title')
-                                        .reduce((acc, [key, value]) => {
-                                            //return values of 'geonode:multilang-lang'
-                                            const langCode = value['geonode:multilang-lang'];
-                                            if (langCode) {
-                                                acc.push(langCode);
-                                            }
-                                            return acc;
-                                        }, []); 
-                                    
-                                    //build a structure like:
-                                    // title: {
-                                    //     default: "geosolutions:label light",
-                                    //     "it-IT": "title_IT",
-                                    //     "en-US": "title_EN"
-                                    // }
-                                    const titleObjectMultilang = titleLangCodes.reduce((acc, langCode) => {
-                                        const propKey = `title_${langCode}`;
-                                        acc[langCode] = layer[propKey];
-                                        return acc;
-                                    }, { default: layer.title });
-
-                                    return updateNode(layerId, 'layer', {
-                                        perms: layer.perms, 
-                                        //MS multilang node structure
-                                        // "title": {
-                                        //     "default": "geosolutions:label light",
-                                        //     "it-IT": "title_IT",
-                                        //     "en-US": "title_EN"
-                                        // },
-                                        title: titleObjectMultilang
-                                     });
-                                }
-                            })
-                        );
-                        //old code without multilang support
-                        //return Rx.Observable.of(updateNode(layerId, 'layer', {perms: layer.perms, titles}));
+                        /*
+                         * Multilang support for only layer title in TOC
+                         */
+                        const title = Object.keys(layer)
+                            .filter(key => key.startsWith('title_'))
+                            .reduce((acc, key) => {
+                                const code = localeCodeToBCP47(key.replace('title_', ''));
+                                acc[code] = layer[key];
+                                return acc;
+                            }, {default: layer.title}) || layer.title;
+                        
+                        return Rx.Observable.of(updateNode(layerId, 'layer', {perms: layer.perms, title}));
                     });
             }
         });