Fixes #1045: error shown if config cannot be loaded (#1086)

geosolutions-it · Oct 5, 2016 · a0c1df3 · a0c1df3
1 parent 3862034
commit a0c1df3
Show file tree

Hide file tree

Showing 6 changed files with 27 additions and 3 deletions.
diff --git a/web/client/plugins/Map.jsx b/web/client/plugins/Map.jsx
@@ -25,6 +25,7 @@ const MapPlugin = React.createClass({
         zoomControl: React.PropTypes.bool,
         mapLoadingMessage: React.PropTypes.string,
         loadingSpinner: React.PropTypes.bool,
+        loadingError: React.PropTypes.string,
         tools: React.PropTypes.array,
         options: React.PropTypes.object,
         toolsOptions: React.PropTypes.object,
@@ -109,6 +110,18 @@ const MapPlugin = React.createClass({
                 </plugins.Map>
             );
         }
+        if (this.props.loadingError) {
+            return (<div style={{
+                width: "100%",
+                height: "100%",
+                display: "flex",
+                justifyContent: "center",
+                alignItems: "center"
+            }} className="mapErrorMessage">
+                <Message msgId="map.loadingerror"/>:
+                    {this.props.loadingError}
+            </div>);
+        }
         return (<div style={{
             width: "100%",
             height: "100%",
@@ -128,9 +141,10 @@ const {mapSelector} = require('../selectors/map');
 const {layerSelectorWithMarkers} = require('../selectors/layers');
 
 const selector = createSelector(
-    [mapSelector, layerSelectorWithMarkers], (map, layers) => ({
+    [mapSelector, layerSelectorWithMarkers, (state) => state.mapInitialConfig && state.mapInitialConfig.loadingError && state.mapInitialConfig.loadingError.data], (map, layers, loadingError) => ({
         map,
-        layers
+        layers,
+        loadingError
     })
 );
 module.exports = {

diff --git a/web/client/product/assets/css/viewer.css b/web/client/product/assets/css/viewer.css
@@ -573,3 +573,8 @@ html, body, #container, .fill {
         color: white;
         font-size: 90%;
 }
+
+.mapErrorMessage {
+    font-size: 16px;
+    color: red;
+}
diff --git a/web/client/stores/StandardStore.js b/web/client/stores/StandardStore.js
@@ -43,7 +43,9 @@ module.exports = (initialState = {defaultState: {}, mobile: {}}, appReducers = {
         let newState = {
             ...allReducers(state, action),
             map: mapState && mapState.map ? map(mapState.map, action) : null,
-            mapInitialConfig: mapState ? mapState.mapInitialConfig : null,
+            mapInitialConfig: (mapState && mapState.mapInitialConfig) || (mapState && mapState.loadingError && {
+                loadingError: mapState.loadingError
+            }) || null,
             layers: mapState ? layers(mapState.layers, action) : null
         };
         if (action && action.type === CHANGE_BROWSER_PROPERTIES && newState.browser.mobile) {

diff --git a/web/client/translations/data.en-US b/web/client/translations/data.en-US
@@ -121,6 +121,7 @@
 		},
         "map": {
             "loading": "Loading...",
+            "loadingerror": "Error in loading",
             "name": "Name",
             "description": "Description",
             "namePlaceholder": "Map Name",

diff --git a/web/client/translations/data.fr-FR b/web/client/translations/data.fr-FR
@@ -122,6 +122,7 @@
 		},
         "map": {
             "loading": "Chargement...",
+            "loadingerror": "Erreur de chargement",
             "name": "Nom",
             "description": "Description",
             "namePlaceholder": "Nom de la carte",

diff --git a/web/client/translations/data.it-IT b/web/client/translations/data.it-IT
@@ -121,6 +121,7 @@
 		},
         "map": {
             "loading": "In caricamento...",
+            "loadingerror": "Errore di caricamento",
             "name": "Nome",
             "description": "Descrizione",
             "namePlaceholder": "Nome Mappa",