Can send a request on the API to delete group logo.

assets/css/pages/groups/pages/settings.css

@@ -27,5 +27,6 @@
 .group-settings-container .group-logo-settings-img {
     width: 150px;
     margin: auto;
+    margin-bottom: 10px;
     display: block;
 }

assets/js/components/groups/interface.js

@@ -95,6 +95,21 @@ ComunicWeb.components.groups.interface = {
         var apiURI = "groups/upload_logo";
         data.append("id", id);
         ComunicWeb.common.api.makeFormDatarequest(apiURI, data, true, callback);
-    }
+    },
+
+    /**
+     * Delete user logo
+     * 
+     * @param {Number} id The ID of the target group
+     * @param {Function} callback
+     */
+    deleteLogo: function(id, callback){
+        //Perform the request over the API
+        var apiURI = "groups/delete_logo";
+        var params = {
+            id: id
+        };
+        ComunicWeb.common.api.makeAPIrequest(apiURI, params, true, callback);
+    },
 
 };

assets/js/pages/groups/pages/settings.js

@@ -192,6 +192,7 @@ ComunicWeb.pages.groups.pages.settings = {
 			src: settings.icon_url
 		});
 
+
 		//Add a button to update the group logo
 		var updateGroupLogoLabel = createElem2({
 			appendTo: groupLogoSettingsContainer,
@@ -236,5 +237,42 @@ ComunicWeb.pages.groups.pages.settings = {
 			});
 
 		});
+
+
+		//Add a button to delete the account image
+		add_space(groupLogoSettingsContainer);
+		var deleteLogoBtn = createElem2({
+			appendTo: groupLogoSettingsContainer,
+			type: "div",
+			class: "btn btn-sm btn-danger",
+			innerHTML: "Delete logo"
+		});
+		deleteLogoBtn.addEventListener("click", function(e){
+
+			//Ask user confirmation
+			ComunicWeb.common.messages.confirm("Do you really want to delete group logo ? This operation can not be reverted !", function(c){
+
+				//Check if the user rejected the request
+				if(!c) return;
+
+				//Forward the request on the server
+				ComunicWeb.components.groups.interface.deleteLogo(id, function(result){
+
+					//Check for errors
+					if(result.error)
+						return notify("An error occurred while trying to delete group logo!", "danger");
+					
+					//Success
+					notify("The group logo has been successfully deleted!", "success");
+
+					//Apply new group logo
+					groupLogo.src = result.url;
+
+				});
+
+
+			});
+
+		});
 	},
 }