Network errors can be handled by the app

assets/css/common/network/networkError.css

@@ -0,0 +1,14 @@
+/**
+ * Network error stylesheet
+ *
+ * @author Pierre HUBERT
+ */
+
+#networkErrorMessage {
+	position: fixed;
+	bottom: 2px;
+	left: 1px;
+	width: 300px;
+	max-width: 100%;
+	text-align: justify;
+}

assets/js/common/api.js

@@ -51,6 +51,17 @@ ComunicWeb.common.api.makeAPIrequest = function(apiURI, params, requireLoginToke
     apiXHR.onreadystatechange = function(){
         //We continue only if request is terminated
         if(apiXHR.readyState == 4){
+
+            //Check if response code is 0
+            if(apiXHR.status == 0){
+                //An error occured
+                ComunicWeb.common.network.setStatus(false);
+            }
+            else{
+                //It is a success
+                ComunicWeb.common.network.setStatus(true);
+            }
+
             //Prepare result
             var result = JSON.parse(apiXHR.responseText);
 

assets/js/common/functionsSchema.js

@@ -202,6 +202,11 @@ var ComunicWeb = {
 			 * Make a get request
 			 */
 			getRequest: function(url, cache, GETnextAction){},
+
+			/**
+			 * Update the status of the network
+			 */
+			setStatus: function(success){},
 		},
 
 		/**

assets/js/common/network.js

@@ -6,61 +6,101 @@
 
 ComunicWeb.common.network = {
 
-    /**
+	/**
-     * @var {object} Cache contener
+	 * @var {object} Cache contener
-     */
+	 */
-    cache: {},
+	cache: {},
 
-    /**
+	/**
-     * Make a GET request
+	 * Make a GET request
-     * 
+	 * 
-     * @param {String} url Destination URL
+	 * @param {String} url Destination URL
-     * @param {Boolean} cacheResponse Specify if data can be cached or not (optimize network)
+	 * @param {Boolean} cacheResponse Specify if data can be cached or not (optimize network)
-     * @param {function} GETnextAction What to do next
+	 * @param {function} GETnextAction What to do next
-     * @return {Boolean} False if it fails
+	 * @return {Boolean} False if it fails
-     */
+	 */
-    getRequest: function(url, cacheResponse, GETnextAction){
+	getRequest: function(url, cacheResponse, GETnextAction){
-        //First, check if it is required to cache the request
+		//First, check if it is required to cache the request
-        if(cacheResponse){
+		if(cacheResponse){
-            //Prepare cache entry name
+			//Prepare cache entry name
-            var cacheEntryName = encodeURIComponent(url);
+			var cacheEntryName = encodeURIComponent(url);
 
-            //Check if entry exists
+			//Check if entry exists
-            if(this.cache[cacheEntryName]){
+			if(this.cache[cacheEntryName]){
-                //Call next action with the url contained into the cache
+				//Call next action with the url contained into the cache
-                GETnextAction(this.cache[cacheEntryName]);
+				GETnextAction(this.cache[cacheEntryName]);
 
-                //Quit function
+				//Quit function
-                return true;
+				return true;
-            }
+			}
-        }
+		}
 
-        //No cache entry where found or cache is disabled, continue
+		//No cache entry where found or cache is disabled, continue
-        var xhrRequest = new XMLHttpRequest();
+		var xhrRequest = new XMLHttpRequest();
-        xhrRequest.open("GET", url);
+		xhrRequest.open("GET", url);
 
-        xhrRequest.onreadystatechange = function(){
+		xhrRequest.onreadystatechange = function(){
-            if(xhrRequest.readyState == 4){
+			if(xhrRequest.readyState == 4){
-                //We check if it is an error
+				//We check if it is an error
-                if(xhrRequest.status != 200){
+				if(xhrRequest.status != 200){
-                    //It's an error, we will quit soon, but debug message before
+					//It's an error, we will quit soon, but debug message before
-                    ComunicWeb.debug.logMessage("GET request failed on " + url + " Got response code " + xhrRequest.status);
+					ComunicWeb.debug.logMessage("GET request failed on " + url + " Got response code " + xhrRequest.status);
-                    return false;
+					return false;
-                }
+				}
-                
+				
-                //Check if it is required to cache result
+				//Check if it is required to cache result
-                if(cacheResponse){
+				if(cacheResponse){
-                    ComunicWeb.common.network.cache[cacheEntryName] = xhrRequest.responseText;
+					ComunicWeb.common.network.cache[cacheEntryName] = xhrRequest.responseText;
-                }
+				}
 
-                ComunicWeb.debug.logMessage("GET request: " + url + " Success (" + xhrRequest.status + ")");
+				ComunicWeb.debug.logMessage("GET request: " + url + " Success (" + xhrRequest.status + ")");
 
-                //Call next action
+				//Call next action
-                GETnextAction(xhrRequest.responseText);
+				GETnextAction(xhrRequest.responseText);
-            }
+			}
-        }
+		}
 
-        //Perform request
+		//Perform request
-        xhrRequest.send(null);
+		xhrRequest.send(null);
-    },
+	},
+
+	/**
+	 * Update the status of the network
+	 * 
+	 * @param {Boolean} success True for a successful request, false else
+	 * @return {Boolean} True for a success
+	 */
+	setStatus: function(success){
+
+		//If the request is the success, hide error message
+		if(success){
+			//Check if an error message was present on the screen
+			if(byId("networkErrorMessage")){
+				//Hide it
+				byId("networkErrorMessage").style.display = "none";
+			}
+		}
+		
+		//If we encountered a network error, display an error message
+		if(!success){
+			//Log state
+			ComunicWeb.debug.logMessage("NETWORK ERROR : It's seems a network request has just echoed... Please check the network !");
+
+			//Check if error message exists or not
+			if(!byId("networkErrorMessage")){
+				//Create error message contener
+				var networkErrorMessage = createElem("div", document.body);
+				networkErrorMessage.id = "networkErrorMessage";
+
+				//Create a callout element within it
+				var errorName = "<i class='fa fa-warning'></i> "+"Network error";
+				var errorMessage = "It seems that there is a network error, and Comunic can't access to the Internet anymore... Please check your internet connexion...";
+				var errorCallout = ComunicWeb.common.messages.createCalloutElem(errorName, errorMessage, "danger");
+				networkErrorMessage.appendChild(errorCallout)
+			}
+
+			//Make sure the error message is visible on the screen
+			byId("networkErrorMessage").style.display = "block";
+		}
+	}
 };

corePage/config/dev.config.php

@@ -23,6 +23,7 @@ $config['CSSfiles'] = array(
     //App stylesheets
     "%PATH_ASSETS%css/common/global.css",
     "%PATH_ASSETS%css/common/page/waitSplashScreen.css",
+    "%PATH_ASSETS%css/common/network/networkError.css",
 
     //Components stylesheets
     "%PATH_ASSETS%css/components/menuBar.css",