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

Params for createFormGroup passed through an object

Browse Source
This commit is contained in:
Pierre 2017-06-07 14:14:16 +02:00
parent 3245935617
commit 5dbfe3b2ea
1 changed files with 34 additions and 14 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

48
assets/js/common/utils.js
View File

@ -65,38 +65,40 @@ function checkMail(emailAddress){
/** /**
* Create a formgroup element * Create a formgroup element
* *
* @param {HTMLElement} target The target of the field * @param {Object} infos Informations about the formgroup element to create
* @param {String} label The label of the field * * @info {HTMLElement} target The target of the field
* @param {String} placeholder The placeholder of the field (for checkbox: * * @info {String} label The label of the field
* defines if the box has to be checked by default) * * @info {String} placeholder The placeholder of the field
* @param {String} type The type of the field * * @info {Boolean} checked Defines if the fields has to be checked or not (checkbox only)
* * @info {Boolean} multiple Defines if the fields can accept more than one response
* * @info {String} type The type of the field
* @return {HTMLElement} The input * @return {HTMLElement} The input
*/ */
function createFormGroup(target, label, placeholder, type){ function createFormGroup(infos){
//Create formgroup //Create formgroup
var formGroup = createElem("div", target); var formGroup = createElem("div", infos.target);
formGroup.className = "form-group"; formGroup.className = "form-group";
//Add label //Add label
var labelElem = createElem("label", formGroup); var labelElem = createElem("label", formGroup);
//Treatement differs if it is a checkbox //Treatement differs if it is a checkbox
if(type == "checkbox"){ if(infos.type == "checkbox"){
//Create checkbox //Create checkbox
var input = createElem("input", labelElem) ; var input = createElem("input", labelElem) ;
input.type = "checkbox"; input.type = "checkbox";
//Check if input has to be checked by default //Check if input has to be checked by default
if(placeholder){ if(infos.checked){
if(placeholder === "true"){ if(infos.checked === true){
input.checked = "true"; input.checked = "true";
} }
} }
//Add label value //Add label value
var labelValue = createElem("span", labelElem); var labelValue = createElem("span", labelElem);
labelValue.innerHTML = " "+label; labelValue.innerHTML = " "+infos.label;
//Enable iCheck //Enable iCheck
$(input).iCheck({ $(input).iCheck({
@ -104,9 +106,27 @@ function createFormGroup(target, label, placeholder, type){
radioClass: 'iradio_flat-blue' radioClass: 'iradio_flat-blue'
}); });
} }
else if(infos.type == "select2"){
//In case of select2 element
//Check for label
if(infos.label)
labelElem.innerHTML = infos.label;
else
labelElem.remove(); //Remove useless label element
//Create input
var input = createElem("select", formGroup);
input.style.width = "100%";
input.className = "form-control select2";
if(infos.multiple) //For multiple changes
input.setAttribute("multiple", "multiple");
if(infos.placeholder) //Placeholder if required
input.setAttribute("data-placeholder", infos.placeholder);
}
else { else {
//Else continue the function as a normal input type //Else continue the function as a normal input type
labelElem.innerHTML = label; labelElem.innerHTML = infos.label;
//Create input group //Create input group
var inputGroup = createElem("div", formGroup); var inputGroup = createElem("div", formGroup);
@ -116,8 +136,8 @@ function createFormGroup(target, label, placeholder, type){
//Create input //Create input
var input = createElem("input", inputGroup); var input = createElem("input", inputGroup);
input.className = "form-control"; input.className = "form-control";
input.type = type; input.type = infos.type;
input.placeholder = placeholder; input.placeholder = infos.placeholder;
} }
//Return input //Return input