Get account image settings from the server

assets/js/pages/settings/navigationPane.js

@@ -77,6 +77,20 @@ ComunicWeb.pages.settings.navigationPane = {
 		sectionSecurityLink.onclick = function(){
 			openPage("settings/security");
 		};
+
+		//Account image
+		var sectionSecurity = createElem2({
+			appendTo: elemList,
+			type: "li",
+		});
+		var sectionSecurityLink = createElem2({
+			appendTo: sectionSecurity,
+			type: "a",
+			innerHTML: "<i class='fa fa-file-image-o'></i> Account image"
+		});
+		sectionSecurityLink.onclick = function(){
+			openPage("settings/account_image");
+		};
 	}
 
 }

assets/js/pages/settings/sections/accountImage.js

@@ -0,0 +1,63 @@
+/**
+ * Account image settings section
+ * 
+ * @author Pierre HUBERT
+ */
+
+ComunicWeb.pages.settings.sections.accountImage = {
+
+	/**
+	 * Open settings section
+	 * 
+	 * @param {object} args Additionnal arguments
+	 * @param {HTMLElement} target The target for the page
+	 */
+	open: function(args, target){
+		
+		//Create a box
+		var box = createElem2({
+			appendTo: target,
+			type: "div",
+			class: "box box-primary box-account-image-settings"
+		});
+
+		//Add box header
+		var boxHead = createElem2({
+			appendTo: box,
+			type: "div",
+			class: "box-header",
+		});
+		var boxTitle = createElem2({
+			appendTo: boxHead,
+			type: "h3",
+			class: "box-title",
+			innerHTML: "Account image"
+		});
+
+		//Create box body
+		var boxBody = createElem2({
+			appendTo: box,
+			type: "div",
+			class: "box-body"
+		});
+
+		//Add loading callout
+		var loadMsg = ComunicWeb.common.messages.createLoadingCallout(boxBody);
+		
+		//Fetch information about account image on the API
+		ComunicWeb.components.settings.interface.getAccountImage(function(result){
+
+			//Remove loading message
+			loadMsg.remove();
+
+			//Check for errors
+			if(result.error){
+				notify("Could not get account image information !", "danger");
+				return;
+			}
+
+			//Apply account image settings
+			
+		});
+	},
+}

assets/js/pages/settings/sections/general.js

@@ -42,7 +42,7 @@ ComunicWeb.pages.settings.sections.general = {
 		});
 
 		//Display loading message
-		var loadingMsg = ComunicWeb.common.messages.createCalloutElem("Loading", "Please wait while this page is loading...", "info");
+		var loadingMsg = ComunicWeb.common.messages.createLoadingCallout();
 		boxBody.appendChild(loadingMsg);
 
 		//Load general settings information

assets/js/pages/settings/sectionsList.js

@@ -29,4 +29,12 @@ ComunicWeb.pages.settings.sectionsList = {
 		title: "Password",
 		handler: "ComunicWeb.pages.settings.sections.password.open",
 	},
+
+	/**
+	 * Account image
+	 */
+	account_image: {
+		title: "Account image",
+		handler: "ComunicWeb.pages.settings.sections.accountImage.open"
+	},
 }