diff --git a/assets/css/components/conversations/windows.css b/assets/css/components/conversations/windows.css index 85965882..44735d97 100644 --- a/assets/css/components/conversations/windows.css +++ b/assets/css/components/conversations/windows.css @@ -29,9 +29,10 @@ bottom: 0; height: 250px; width: 100%; - background: #d2d6de; + background: #FFFFFF; overflow: auto; transition: transform .5s cubic-bezier(.22,.61,.36,1); + padding: 10px; } #conversationsElem .conversation-settings-pane.open { diff --git a/assets/js/components/conversations/chatWindows.js b/assets/js/components/conversations/chatWindows.js index 0b57c1e2..44788343 100644 --- a/assets/js/components/conversations/chatWindows.js +++ b/assets/js/components/conversations/chatWindows.js @@ -164,7 +164,7 @@ ComunicWeb.components.conversations.chatWindows = { * @return {Boolean} True for a success */ showConversationSettings: function(infos){ - console.log(infos); + //Create and display conversation settings button wheel infos.box.settingsButton = createElem2({ type: "button", @@ -185,17 +185,34 @@ ComunicWeb.components.conversations.chatWindows = { type: "div", appendTo: infos.box.boxBody, class: "conversation-settings-pane", - innerHTML: "

Welcome to settings world

", }); //Make the settings button lives infos.box.settingsButton.onclick = function(){ + //Update settings pane classname if(settingsPane.className.includes(" open")) settingsPane.className = settingsPane.className.replace(" open", ""); //Close the pane else settingsPane.className += " open"; //Open the pane }; + //Create the conversation form + var settingsForm = ComunicWeb.components.conversations.utils.createConversationForm(settingsPane); + + //Update form informations + settingsForm.createButton.innerHTML = "Update conversation"; + + //Update conversation name + if(infos.infos.name) + settingsForm.conversationNameInput.value = infos.infos.name; + + //Update conversation members + + //Update follow conversation checkbox + + console.log(infos); + console.log(settingsForm); + //Success return true; },