add missing files of spa homepage

GeoNode · Dec 3, 2020 · bea1848 · bea1848
1 parent be6c15d
commit bea1848
Show file tree

Hide file tree

Showing 156 changed files with 13,153 additions and 685 deletions.
diff --git a/geonode_mapstore_client/client/MapStore2 b/geonode_mapstore_client/client/MapStore2
diff --git a/geonode_mapstore_client/client/js/actions/gnsearch.js b/geonode_mapstore_client/client/js/actions/gnsearch.js
@@ -0,0 +1,93 @@
+/*
+ * Copyright 2020, GeoSolutions Sas.
+ * All rights reserved.
+ *
+ * This source code is licensed under the BSD-style license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+
+export const FETCH_SUGGESTIONS = 'GEONODE_SEARCH:FETCH_SUGGESTIONS';
+export const UPDATE_SUGGESTIONS = 'GEONODE_SEARCH:UPDATE_SUGGESTIONS';
+export const LOADING_SUGGESTIONS = 'GEONODE_SEARCH:LOADING_SUGGESTIONS';
+export const SEARCH_RESOURCES = 'GEONODE_SEARCH:SEARCH_RESOURCES';
+export const UPDATE_RESOURCES = 'GEONODE_SEARCH:UPDATE_RESOURCES';
+export const LOADING_RESOURCES = 'GEONODE_SEARCH:LOADING_RESOURCES';
+export const SELECT_RESOURCE = 'GEONODE_SEARCH:SELECT_RESOURCE';
+export const REQUEST_RESOURCE = 'GEONODE_SEARCH:REQUEST_RESOURCE';
+export const UPDATE_RESOURCES_METADATA = 'GEONODE_SEARCH:UPDATE_RESOURCES_METADATA';
+
+export function fetchSuggestions(text) {
+    return {
+        type: FETCH_SUGGESTIONS,
+        text
+    };
+}
+
+export function updateSuggestions(suggestions) {
+    return {
+        type: UPDATE_SUGGESTIONS,
+        suggestions
+    };
+}
+
+export function loadingSuggestions(loading) {
+    return {
+        type: LOADING_SUGGESTIONS,
+        loading
+    };
+}
+
+export function searchResources(params, pathname) {
+    return {
+        type: SEARCH_RESOURCES,
+        params,
+        pathname
+    };
+}
+
+export function updateResources(resources, reset) {
+    return {
+        type: UPDATE_RESOURCES,
+        resources,
+        reset
+    };
+}
+
+export function updateResourcesMetadata(metadata) {
+    return {
+        type: UPDATE_RESOURCES_METADATA,
+        metadata
+    };
+}
+
+export function loadingResources(loading) {
+    return {
+        type: LOADING_RESOURCES,
+        loading
+    };
+}
+
+export function requestResource(pk, ctype) {
+    return {
+        type: REQUEST_RESOURCE,
+        pk,
+        ctype
+    };
+}
+
+export default {
+    FETCH_SUGGESTIONS,
+    fetchSuggestions,
+    UPDATE_SUGGESTIONS,
+    updateSuggestions,
+    LOADING_SUGGESTIONS,
+    loadingSuggestions,
+    SEARCH_RESOURCES,
+    searchResources,
+    UPDATE_RESOURCES,
+    updateResources,
+    LOADING_RESOURCES,
+    loadingResources,
+    REQUEST_RESOURCE,
+    requestResource
+};
diff --git a/geonode_mapstore_client/client/js/api/geonode/v1/index.js b/geonode_mapstore_client/client/js/api/geonode/v1/index.js
@@ -8,7 +8,8 @@
 
 import axios from '@mapstore/framework/libs/ajax';
 import { getConfigProp } from '@mapstore/framework/utils/ConfigUtils';
-
+import cookies from 'js-cookie';
+import { setFilterById } from '@js/utils/GNSearchUtils';
 /**
 * Api for GeoNode v1
 * @name api.geonode.v1
@@ -51,66 +52,140 @@ export const getUserInfo = () => {
         .then(({ data }) => data);
 };
 
-export const getCategories = ({ q, ...params }) => {
+export const getCategories = ({ q, idIn, ...params }, filterKey = 'categories') => {
     const { endpointV1 = '/api' } = getConfigProp('geoNodeApi') || {};
-    return axios.get(`${endpointV1}/categories`, {
+    const queryIn = idIn
+        ? idIn.reduce((query, value, idx) => query + (idx === 0 ? '?' : '&') + 'identifier__in=' + value, '')
+        : '';
+    return axios.get(`${endpointV1}/categories${queryIn}`, {
         params: {
             limit: 30,
             ...params,
-            identifier__icontains: q
+            ...(q && { identifier__icontains: q })
         }
     })
         .then(({ data }) => {
-            return data?.objects || [];
+            const results = (data?.objects || [])
+                .map((result) => {
+                    const selectOption = {
+                        value: result.identifier,
+                        label: result.gn_description || result.gn_description_en
+                    };
+                    const category = {
+                        ...result,
+                        selectOption
+                    };
+                    setFilterById(filterKey + result.identifier, category);
+                    return category;
+                });
+            return results;
         });
 };
 
-export const getKeywords = ({ q, ...params }) => {
+export const getKeywords = ({ q, idIn, ...params }, filterKey =  'keywords') => {
     const { endpointV1 = '/api' } = getConfigProp('geoNodeApi') || {};
-    return axios.get(`${endpointV1}/keywords`, {
+    const queryIn = idIn
+        ? idIn.reduce((query, value, idx) => query + (idx === 0 ? '?' : '&') + 'slug__in=' + value, '')
+        : '';
+    return axios.get(`${endpointV1}/keywords${queryIn}`, {
         params: {
             limit: 30,
             ...params,
-            slug__icontains: q
+            ...(q && { slug__icontains: q })
         }
     })
         .then(({ data }) => {
-            return data?.objects || [];
+            const results = (data?.objects || [])
+                .map((result) => {
+                    const selectOption = {
+                        value: result.slug,
+                        label: result.slug
+                    };
+                    const keyword = {
+                        ...result,
+                        selectOption
+                    };
+                    setFilterById(filterKey + result.slug, keyword);
+                    return keyword;
+                });
+            return results;
         });
 };
 
-export const getRegions = ({ q, ...params }) => {
+export const getRegions = ({ q, idIn, ...params }, filterKey = 'regions') => {
     const { endpointV1 = '/api' } = getConfigProp('geoNodeApi') || {};
-    return axios.get(`${endpointV1}/regions`, {
+    const queryIn = idIn
+        ? idIn.reduce((query, value, idx) => query + (idx === 0 ? '?' : '&') + 'name__in=' + value, '')
+        : '';
+    return axios.get(`${endpointV1}/regions${queryIn}`, {
         params: {
             limit: 30,
             ...params,
-            name__icontains: q
+            ...(q && { name__icontains: q })
         }
     })
         .then(({ data }) => {
-            return data?.objects || [];
+            const results = (data?.objects || [])
+                .map((result) => {
+                    const selectOption = {
+                        value: result.name,
+                        label: result.name
+                    };
+                    const region = {
+                        ...result,
+                        selectOption
+                    };
+                    setFilterById(filterKey + result.name, region);
+                    return region;
+                });
+            return results;
         });
 };
 
-export const getOwners = ({ q, ...params }) => {
+export const getOwners = ({ q, idIn, ...params }, filterKey = 'owners') => {
     const { endpointV1 = '/api' } = getConfigProp('geoNodeApi') || {};
-    return axios.get(`${endpointV1}/owners`, {
+    const queryIn = idIn
+        ? idIn.reduce((query, value, idx) => query + (idx === 0 ? '?' : '&') + 'username__in=' + value, '')
+        : '';
+    return axios.get(`${endpointV1}/owners${queryIn}`, {
         params: {
             limit: 30,
             ...params,
-            username__icontains: q
+            ...(q && { username__icontains: q })
         }
     })
         .then(({ data }) => {
-            return data?.objects || [];
+            const results = (data?.objects || [])
+                .map((result) => {
+                    const selectOption = {
+                        value: result.username,
+                        label: result.username
+                    };
+                    const owner = {
+                        ...result,
+                        selectOption
+                    };
+                    setFilterById(filterKey + result.username, owner);
+                    return owner;
+                });
+            return results;
         });
 };
 
+export const setLanguage = (languageCode) => {
+    const csrfMiddlewareToken = cookies.get('csrftoken');
+    return axios.post('/i18n/setlang/', `csrfmiddlewaretoken=${csrfMiddlewareToken}&language=${languageCode}`, {
+        params: {
+            next: '/static/mapstore/configs/placeholder.json'
+        }
+    });
+};
+
 export default {
     getResourceByPk,
     getCategories,
     getKeywords,
     getRegions,
-    getOwners
+    getOwners,
+    setLanguage
 };