Comunic/ComunicWeb
1
0
Fork 0
mirror of https://github.com/pierre42100/ComunicWeb synced 2024-11-23 04:29:21 +00:00
Code Issues Projects Releases Wiki Activity

Created conversation creation form

Browse Source
This commit is contained in:
Pierre 2017-06-17 11:33:15 +02:00
parent dea79bdce1
commit ba5273eafe
2 changed files with 59 additions and 40 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

45
assets/js/components/conversations/list.js
View File

@ -69,52 +69,19 @@ ComunicWeb.components.conversations.list = {
//Change box title //Change box title
listBox.boxTitle.innerHTML = "New conversation"; listBox.boxTitle.innerHTML = "New conversation";
//Create and display conversation creation form //Create the form
var createForm = createElem("div", listBox.boxBody); var form = ComunicWeb.components.conversations.utils.createConversationForm(listBox.boxBody);
//Choose users
//Create select user element
var usersElement = createFormGroup({
target: createForm,
label: "Users",
multiple: true,
placeholder: "Select users",
type: "select2"});
//Initialize user selector
ComunicWeb.components.userSelect.init(usersElement);
//Conversation name
var conversationNameInput = createFormGroup({
target: createForm,
label: "Conversation name",
placeholder: "Optionnal",
type: "text"});
//Follow disucssion
var followConversationInput = createFormGroup({
target: createForm,
label: "Follow conversation",
checked: true,
type: "checkbox"});
//Create button
var createButton = createElem("button", createForm);
createButton.className = "btn btn-primary";
createButton.style.width = "100%";
createButton.innerHTML = "Create conversation";
//Generate a summary object about all the informations we have got //Generate a summary object about all the informations we have got
var infos = { var infos = {
listBox: listBox, listBox: listBox,
usersElement: usersElement, usersElement: form.usersElement,
conversationNameInput: conversationNameInput, conversationNameInput: form.conversationNameInput,
followConversationInput: followConversationInput, followConversationInput: form.followConversationInput,
}; };
//Make button lives //Make button lives
createButton.onclick = function(){ form.createButton.onclick = function(){
ComunicWeb.components.conversations.list.submitCreateConversationForm(infos); ComunicWeb.components.conversations.list.submitCreateConversationForm(infos);
}; };

54
assets/js/components/conversations/utils.js
View File

@ -52,7 +52,59 @@ ComunicWeb.components.conversations.utils = {
//Success //Success
return true; return true;
} },
/**
* Create and display a conversation creation / edition form
*
* @param {HTMLElement} target The target of the creation form
* @return {Object} Informations about the form
*/
createConversationForm: function(target){
//Create form object
var form = {};
//Create and display conversation creation form
form.rootElem = createElem("div", target);
//Choose users
//Create select user element
form.usersElement = createFormGroup({
target: form.rootElem,
label: "Users",
multiple: true,
placeholder: "Select users",
type: "select2"});
//Initialize user selector
ComunicWeb.components.userSelect.init(form.usersElement);
//Conversation name
form.conversationNameInput = createFormGroup({
target: form.rootElem,
label: "Conversation name",
placeholder: "Optionnal",
type: "text"});
//Follow disucssion
form.followConversationInput = createFormGroup({
target: form.rootElem,
label: "Follow conversation",
checked: true,
type: "checkbox"});
//Create button
form.createButton = createElem2({
type: "button",
appendTo: form.rootElem,
class: "btn btn-primary",
innerHTML: "Create conversation"
});
form.createButton.style.width = "100%";
//Return result
return form;
},
} }