" + this._mandatoryFieldsMention + "

"; formtosend += "

" + this._additionnalInformation + "

"; var validatebuttondisabledoption = ""; if(_recaptchaEnabled){ ////console.log('afficher la div du recaptcha'); formtosend += "

"; validatebuttondisabledoption = "disabled-validatebutton"; } if (_context != 'preview') formtosend += ""; if(this._waitingMsg.length > 0) { if(document.getElementById('easiformWaitingMsg') !== null) document.getElementById('easiformWaitingMsg').innerHTML = this._waitingMsg; } }else{ formtosend = '

' + this._formEmptyExpression + '

'; } document.getElementById('easiformarea').innerHTML = formtosend; var subCategoryfield = document.getElementById("fld_SubCategory");// pour g?rer le cas des //Int�grer le bloc pour la KB if(this._integrateKB && subCategoryfield !== null && subCategoryfield !== undefined ) { var subCategoryDiv = document.getElementById("fld_SubCategory").parentNode.parentNode; var el = document.createElement("div"); el.id = "easiformKBzone"; el.innerHTML = this._KBnoarticles; el.class = "easiformKBZone"; this._insertAfter(el, subCategoryDiv); } }; this._prefillfieldsfromcookies = function() { if(this._htmlcontent.length>0){ var cookieForm = this._readCookie("easiform"); if(this._fieldPrefilling){ if (cookieForm != null) { var fieldval = cookieForm.split('&'); for (i = 0; i < fieldval.length; i++) { var fieldvalelt = fieldval[i]; var sublements = fieldvalelt.split("="); var element = document.easiform[sublements[0]]; var value = decodeURIComponent(sublements[1]).replace("%40", "@").replace("%2F", "/"); if (element != null) { if (element.length > 0) { if(element.type == 'select-one') { element.value = value; if(element.id === 'fld_SubCategory' && this._integrateKB){ var params = {}; params.category = value; setTimeout(function(){_searchKB(params);},0); } } else{ for (j = 0; j < element.length; j++) { var elt = element[j]; if (elt.value === value) elt.checked = true; } } } else if (element != null) { switch (element.type) { case 'text': element.value = value; break; case 'checkbox': element.checked = true; break; case 'select-one': element.value = value; } } } } } } } }; this._bindfields = function() { if(this._htmlcontent.length>0){ var elements = document.forms['easiform'].elements; var _integrateKB = this._integrateKB var _searchKB = this._searchKB for (i = 0; i < elements.length; i++) { var element = elements[i]; if(element.type !== 'file'){ if (element.addEventListener) { element.addEventListener("change", function() { _createCookie("easiform", _serializeform(document.forms['easiform'], 'uri'), 100); // //console.log("attachEvent this.id this.id : " + this.id) if(_integrateKB && this.id === 'fld_SubCategory') { var params = {}; params.category = this.value; _searchKB(params); } }, false); } else { element.attachEvent("onchange", function() { _createCookie("easiform", _serializeform(document.forms['easiform'], 'uri'), 100); // //console.log("attachEvent this.id : " + this.id) if(_integrateKB && this.id === 'fld_SubCategory'){ var params = {} params.category = this.value; _searchKB(params); } }, false); } } } //Binding des champs de type file afin de r?cup?rer leur contenu //r�cup�rer le contenu des champs files _filesFieldsIdsArray = document.querySelectorAll("#easiform [type=file]"); var fileFieldsArray = []; var loadFiles = function(event) { var fileIndex = 0; var input = event.target; var files = input.files; var reader = new FileReader(); function readFile(index) { if(index >= files.length) return; var file = files[index]; reader.onload = function(e) { var arrayBuffer = reader.result; //var arrayBufferComma = arrayBuffer.indexOf(","); if(_fileFields[input.id].files === null || _fileFields[input.id].files === undefined) _fileFields[input.id].files = []; _fileFields[input.id].files[fileIndex] = {}; _fileFields[input.id].files[fileIndex].name = input.files[fileIndex].name; //_fileFields[input.id].files[fileIndex].buffer = arrayBuffer.substring(arrayBufferComma + 1, arrayBuffer.length); _fileFields[input.id].files[fileIndex].fileText = arrayBuffer; //console.log("Reading file '" + input.files[fileIndex].name + "' OK"); fileIndex++; readFile(fileIndex) } //reader.readAsDataURL(file); //reader.readAsArrayBuffer(file); reader.readAsText(file, 'ISO-8859-1'); }; readFile(0); reader.onerror = function() { //console.log("Error reading file '" + input.files[fileIndex].name + "'"); }; }; //Add Event Listener for Input Files for (var index = 0; index < _filesFieldsIdsArray.length; ++index) { var fileField = _filesFieldsIdsArray[index]; _fileFields[fileField.id] = {}; if (fileField.addEventListener) { ////console.log('File binding fileField addEventListener: ' + fileField.id); fileField.addEventListener("change", function(evt) { loadFiles(evt); }, false); } else { ////console.log('File binding fileField addEventListener: ' + fileField.id); fileField.attachEvent("onchange", function(evt) { loadFiles(evt); }, false); } } //Add Event Listener For Submit document.getElementById("validatebutton").addEventListener("click", function(event){ if(_recaptchaEnabled){ if ($(this).hasClass('disabled-validatebutton')) { alert(_recaptchaErrorMessage); } else { myformbuilder.valideasiform(); } } else{ myformbuilder.valideasiform(); } }); } }; this._bindFilteringField = function(){// Fire an action when a field change and must refresh another field values // //console.log('_bindFilteringField this._htmlcontent.length : ' + this._htmlcontent.length); if(this._htmlcontent.length>0){ var fieldIds = []; var parentFields ={}; var parentFieldsList = []; // Binding des listes d�roulantes pour le filtrage du contenu, for (var index = 0; index < this._datas.length; ++index) { var parentField = this._datas[index].formParentFieldId; if(parentField !== null && parentField !== undefined){ if(parentFields[parentField] !== null && parentFields[parentField] !== undefined){ parentFields[parentField].fields.push(this._datas[index].fieldId); }else { parentFieldsList.push(parentField); parentFields[parentField]= {}; parentFields[parentField].fields = []; parentFields[parentField].fields.push(this._datas[index].fieldId); } } } for (var i = 0; i < parentFieldsList.length; i++) { var parentField = document.getElementById(parentFieldsList[i]); if(parentField !== null && parentField !== undefined){ parentField.fieldIds = parentFields[parentFieldsList[i]].fields; if (parentField.addEventListener) { var listener = parentField.addEventListener("change", function(evt) { _feedDynamicList(evt.target.fieldIds,evt.target.value); }, false); } else { parentField.attachEvent("onchange", function(evt) { _feedDynamicList(evt.target.fieldIds,evt.target.value); }, false); } } } } }; this._searchKB = function(params){ var category = params.category; params.formId = this._formid params.language =this._language var _KBZoneTitle = this._KBZoneTitle var _KBnoarticles = this._KBnoarticles jQuery.support.cors = true; //n?cessaire pour IE10 et IE11 jQuery.ajax({ url: this._formurl, type:"POST", data: JSON.stringify({ "fct_name": "jsFormKBByCategory", "authentication" : { "userid" : this._restUserId, "password" : this._restPwd }, "params": { "params":params } }), contentType:"application/json", dataType:"json", crossDomain : true, success: function(resultSuccess) { if (resultSuccess) { if(resultSuccess.status == "OK") { var data = resultSuccess.data; var articles = data.data; var result = data.result; if(result === 'success'){ var html = ""; if(articles.length>0) { html = "

" + _KBZoneTitle + "

" articles.forEach(function(e){ html += "

" + e.title + "

" }) }else{ html = "

" + _KBnoarticles + "

" } jQuery("#easiformKBzone").html(html); }else { console.log("erreur lors de la r?cup?ration des message :" + data.data); } } else { console.log("Call OK with status = KO : " + resultSuccess.error); } } }, error: function (resultError) { jQuery("#easiformWaiting").hide(); //console.log("Call KO !") //console.dir(resultError); } }); }; this._bindKBFields = function(){//fire the action to search the right element in the KB jQuery("#fld_Category").change(function() { //Console.log( "Handler for .change() called. for category" ); }); jQuery("#fld_Description").change(function() { //Console.log( "Handler for .change() called. for Description" ); }); } //JSON FORM - OBSOLETE this._createjsonForm = function() { var jsonformschema = JSON.parse(this._jsonformschema); jQuery.getScript("//cdn.jsdelivr.net/underscorejs/1.6.0/underscore-min.js", function() { jQuery.getScript(_solutionUrl + "_CRM/FrmBldr/jsonform.js", function() { jQuery('#easiformarea').jsonForm({ params: { fieldHtmlClass: "form-control" }, schema: _jsonformschema, onSubmit: function(errors, values) { if (errors) { alert('bad!:(') } else { alert('good!'); } } }); }); }); }; this._solutionUrl = config.siteUrl; this._datas = config.data; this._formid = config.formId; this._htmlcontent = config.htmlcontent; this._formurl = config.formurl; this._thankmessage = config.thankmessage; this._jsonformschema = config.jsonformschema; this._context = config.context; this._language = config.language; this._validatebuttonlabel = config.validatebuttonlabel; this._fieldPrefilling = config.fieldPrefilling; this._mandatoryFieldsMention = config.mandatoryFieldsMention; this._formEmptyExpression = config.formEmptyExpression; this._restUserId = config.restUserId; this._restPwd = config.restPwd; this._waitingMsg = config.waitingMsg; this._mandatoryFieldEmptyMessage = config.mandatoryFieldEmptyMessage; this._additionnalInformation = config.additionnalInformation; this._redirectionMode = config.redirectionMode; this._integrateKB = config.integrateKB; this._KBnoarticles = config.KBNoarticles; this._KBZoneTitle = config.KBZoneTitle; this._MailErrorMessage = config.MailErrorMessage; //recaptchas var _recaptchaEnabled = config.recaptchaEnabled; this._recaptchaK = config.recaptchaK; var _recaptchaResponseOK = false; var _recaptchaResponseToken = ""; var _recaptchaErrorMessage = config.recaptchaErrorMessage; //gestion des fichiers init new variables this._fileFields = {}; this._filesFieldsIdsArray = []; return { // Public methods and variables recaptchaVerifyCallback : function(response) { _recaptchaResponseOK = true; _recaptchaResponseToken = response; jQuery('#validatebutton').removeClass('disabled-validatebutton'); }, go: function() { if (!window.jQuery) { //console.log('inject jquery'); _inject("https://code.jquery.com/jquery-1.11.0.min.js", "js"); }; if(this._integrateKB){ setTimeout(function(){ _createform(); _feedDynamicLists(); _bindfields(); _bindFilteringField(); _prefillfieldsfromcookies(); },200) }else { _createform(); _feedDynamicLists(); _bindfields(); _bindFilteringField(); _prefillfieldsfromcookies(); } }, valideasiform: function() { _valideasiform(); } }; }; return { // Get the Singleton instance if one exists // or create one if it doesn't getInstance: function(config) { if (!instance) { instance = init(config); } return instance; } }; })(); var myformbuilder = formbuilder_obj.getInstance({ "siteUrl": "https://www2.easiware.fr/onepark/", "formId": "7", "data": dynamicListContent, "htmlcontent": "

Last Name<\/label><\/span><\/span> * <\/span><\/div>

First Name<\/label><\/span><\/span> * <\/span><\/div>

Email<\/label><\/span><\/span> * <\/span><\/div>

Reservation Number<\/label><\/span><\/span><\/div>

Files<\/label><\/span>

<\/div><\/span><\/div>

Description<\/label><\/span>

<\/textarea><\/span><span id=\"easi_fielmandatoryspan_Description\" class=\"mandatory\"> * <\/span><\/div>",
        "formurl": "https://www2.easiware.fr/onepark/go.aspx?v=/CRM/WebServicesREST",
        "validatebuttonlabel" : "Enviar",
        "thankmessage": "",
        "jsonformschema": "",
        "context": "",
        "language" : "en",
        "fieldPrefilling" : true,
        "mandatoryFieldsMention" : "* Mandatory fields",
        "formEmptyExpression"    : "Form contain no fields.",
        "mandatoryFieldEmptyMessage"    : "May you please fill mandatory fields (*).",
        "restUserId" : "webform",
        "restPwd" : "cBAIqLKXtR",
        "waitingMsg" : "",
        "additionnalInformation" : "",
        "redirectionMode" : "_self",
        "integrateKB" : false,
        "KBNoarticles" : "No content found related to your question",
        "KBZoneTitle" : "Articles related to your question",
        "MailErrorMessage" : "Could you please fill email address with correct format",
    
        //recaptcha informations : 
        "recaptchaEnabled" : false,
        "recaptchaK" : "S24%",
        "recaptchaErrorMessage" : "S25%",
    });
    myformbuilder.go();
    var easiVerifyCallback = function(response){
        ////console.log('easiVerifyCallback');
        //console.dir(response)
        myformbuilder.recaptchaVerifyCallback(response);
    };
    var easirecaptchaOnloadCallback = function() {
        grecaptcha.render('easi_recaptcha_div', {
            'sitekey' : "S24%",
            'callback' : easiVerifyCallback,
            'theme' : 'white'
        });
    };