diff --git a/assets/css/pages/groups/pages/settings.css b/assets/css/pages/groups/pages/settings.css index ffef42c6..e4d4c6e0 100644 --- a/assets/css/pages/groups/pages/settings.css +++ b/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; } \ No newline at end of file diff --git a/assets/js/components/groups/interface.js b/assets/js/components/groups/interface.js index 3f3b753c..ba50ae7d 100644 --- a/assets/js/components/groups/interface.js +++ b/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); + }, }; \ No newline at end of file diff --git a/assets/js/pages/groups/pages/settings.js b/assets/js/pages/groups/pages/settings.js index 787896fa..b9207962 100644 --- a/assets/js/pages/groups/pages/settings.js +++ b/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; + + }); + + + }); + + }); }, } \ No newline at end of file