Cadeau - step 1

Quelques informations sur le chanceux afin d'obtenir l'idée cadeau que vous allez pouvoir offrir

<form id="form_15392" class="col-xs-12 style1" action="/rest/cadeau/cadeau/" method="{{#id}}PUT{{/id}}{{^id}}POST{{/id}}" onsubmit="$.imxLoaderDisplay('sasha');" data-blapy-noblapydata="1" >    <div id="input_15395" class="col-xs-12 col-sm-9" style="height:0;width:0;" > <div class="form-group"> <div style="display:none"> <label class="control-label" for="id_15395">  <div class=" noinit formInputFieldTitle"> <div class="formInputFieldTitle titleWithNoLine" style="" data-minfontsize="8" data-maxfontsize="100" data-fittextsize="" data-displayRefWidth="1332" ><span > <span id="siteeditor-longtitle-15395-rte" href="/rest/newsiteeditor/longtitle/15395" field="longtitle" method="PUT" class="siteeditor " data-resourceid="15395" data-successmsg="Modification effectuée" >id</span>   </span> </div> </div>   </label> </div> <div> <input type="hidden" class="form-control" name="FORM_id" id="id_15395" placeholder="" value="{{#id}}{{id}}{{/id}}" > </div> </div> </div>     <div id="input_15447" class="col-xs-12 col-sm-9" style="height:0;width:0;" > <div class="form-group"> <div style="display:none"> <label class="control-label" for="tv-cadeauoccasion_15447">  <div class=" noinit formInputFieldTitle"> <div class="formInputFieldTitle titleWithNoLine" style="" data-minfontsize="8" data-maxfontsize="100" data-fittextsize="" data-displayRefWidth="1332" ><span > <span id="siteeditor-longtitle-15447-rte" href="/rest/newsiteeditor/longtitle/15447" field="longtitle" method="PUT" class="siteeditor " data-resourceid="15447" data-successmsg="Modification effectuée" >tv_cadeauOccasion</span>   </span> </div> </div>   </label> </div> <div> <input type="hidden" class="form-control" name="FORM_tv_cadeauOccasion" id="tv-cadeauoccasion_15447" placeholder="" value="{{templateVars.cadeauOccasion }}" > </div> </div> </div>     <div id="input_15394" class="col-xs-12 col-sm-6" style="" > <div class="form-group"> <div > <label class="control-label" for="pagetitle_15394">  <div class=" noinit formInputFieldTitle"> <div class="formInputFieldTitle titleWithNoLine" style="" data-minfontsize="8" data-maxfontsize="100" data-fittextsize="" data-displayRefWidth="1332" ><span > <span id="siteeditor-longtitle-15394-rte" href="/rest/newsiteeditor/longtitle/15394" field="longtitle" method="PUT" class="siteeditor " data-resourceid="15394" data-successmsg="Modification effectuée" >Quel est son prénom ?</span>   </span> </div> </div>   </label> </div> <div> <input type="text" class="form-control" name="FORM_pagetitle" id="pagetitle_15394" placeholder="" value="{{pagetitle}}" > </div> </div> </div>     <script> function initSelectOption_15443() { function startBootstrapSelect() { $('#tv-cadeautype_15443').val('{{templateVars.cadeauType}}'); $('#tv-cadeautype_15443').selectpicker( $.extend({},{ iconBase: 'far' ,tickIcon:'fa-check' }) ); } $.loadFileOnce("/assets/libraries/bootstrap-select/js/bootstrap-select.js") .done( function() { startBootstrapSelect(); }); }//end initSelectOption_xxx if (typeof $ !== "function") { window.addEventListener('DOMContentLoaded', initSelectOption_15443, false); } else initSelectOption_15443(); </script> <div id="selectoptions_15443" class="col-sm-6 selectContainer" style=""> <div class="form-group"> <div> <label class="control-label" for="tv-cadeautype_15443">  <div class=" noinit formSelectOptionsFieldTitle"> <div class="formSelectOptionsFieldTitle titleWithNoLine" style="" data-minfontsize="8" data-maxfontsize="100" data-fittextsize="" data-displayRefWidth="1332" ><span > <span id="siteeditor-longtitle-15443-rte" href="/rest/newsiteeditor/longtitle/15443" field="longtitle" method="PUT" class="siteeditor " data-resourceid="15443" data-successmsg="Modification effectuée" >Vous souhaitez plutôt orienté votre cadeau sur ..</span> </span> </div> </div>   </label> </div> <div> <select id="tv-cadeautype_15443" class="form-control selectpicker show-tick" name="FORM_tv_cadeauType" title="" >  <option value="Un objet" data-icon="" > Un objet </option>   <option value="Une expérience" data-icon="" > Une expérience </option>   <option value="Un Voyage" data-icon="" > Un Voyage </option>   <option value="Un week-end" data-icon="" > Un week-end </option>   <option value="Un Atelier" data-icon="" > Un Atelier </option>  </select> <script> function initSelect_15443() { $('#select_tv-cadeautype_15443').val("{{templateVars.cadeauType}}").change(); let chaine="{{templateVars.cadeauType}}"; let defaultOptions = chaine.split(',').map(valeur => valeur.trim()); $.doTimeout( 100, function() { if ($('#tv-cadeautype_15443').length) { $('#tv-cadeautype_15443') .selectpicker('val', defaultOptions); return false; } else { return true;// retest later } }); if (false) { $.doTimeout( 100, function() { if ($('#select_tv-cadeautype_15443').length) { $('#select_tv-cadeautype_15443').attr('data-metronicfixed',"0"); $.doTimeout( 500, function() { if ( ($('#select_tv-cadeautype_15443').attr('data-metronicfixed') == "0") && ($('#select_tv-cadeautype_15443') .parent() .find('div[class="dropdown-menu open"][role="combobox"]') .length) ) { // fix dropdown pb with metronic $('div[class="dropdown-menu open"][role="combobox"]').removeClass('open'); $('#select_tv-cadeautype_15443').attr('data-metronicfixed',"1"); // set an outline to the generated "button" $("#select_tv-cadeautype_15443 ~ button").addClass('btn-outline'); return false; } else { // retest later return true; } }); return false; } else return true; }); } } if (typeof $ === 'undefined') { window.addEventListener('DOMContentLoaded', function(){ initSelect_15443(); }); } else initSelect_15443(); </script> </div> </div> </div>     <script> function initSelectOption_15431() { function startBootstrapSelect() { $('#tv-cadeaubudget_15431').val('{{templateVars.cadeauBudget}}'); $('#tv-cadeaubudget_15431').selectpicker( $.extend({},{ iconBase: 'far' ,tickIcon:'fa-check' }) ); } $.loadFileOnce("/assets/libraries/bootstrap-select/js/bootstrap-select.js") .done( function() { startBootstrapSelect(); }); }//end initSelectOption_xxx if (typeof $ !== "function") { window.addEventListener('DOMContentLoaded', initSelectOption_15431, false); } else initSelectOption_15431(); </script> <div id="selectoptions_15431" class="col-sm-4 selectContainer" style=""> <div class="form-group"> <div> <label class="control-label" for="tv-cadeaubudget_15431">  <div class=" noinit formSelectOptionsFieldTitle"> <div class="formSelectOptionsFieldTitle titleWithNoLine" style="" data-minfontsize="8" data-maxfontsize="100" data-fittextsize="" data-displayRefWidth="1332" ><span > <span id="siteeditor-longtitle-15431-rte" href="/rest/newsiteeditor/longtitle/15431" field="longtitle" method="PUT" class="siteeditor " data-resourceid="15431" data-successmsg="Modification effectuée" >Quel est le budget du cadeau?</span> </span> </div> </div>   </label> </div> <div> <select id="tv-cadeaubudget_15431" class="form-control selectpicker show-tick" name="FORM_tv_cadeauBudget" title="" >  <option value="<10€" data-icon="" > <10€ </option>   <option value="10€ - 25€" data-icon="" > 10€ - 25€ </option>   <option value="25€ - 50€" data-icon="" > 25€ - 50€ </option>   <option value="50€ - 100€" data-icon="" > 50€ - 100€ </option>   <option value="100€ - 300€" data-icon="" > 100€ - 300€ </option>   <option value=">300€" data-icon="" > >300€ </option>  </select> <script> function initSelect_15431() { $('#select_tv-cadeaubudget_15431').val("{{templateVars.cadeauBudget}}").change(); let chaine="{{templateVars.cadeauBudget}}"; let defaultOptions = chaine.split(',').map(valeur => valeur.trim()); $.doTimeout( 100, function() { if ($('#tv-cadeaubudget_15431').length) { $('#tv-cadeaubudget_15431') .selectpicker('val', defaultOptions); return false; } else { return true;// retest later } }); if (false) { $.doTimeout( 100, function() { if ($('#select_tv-cadeaubudget_15431').length) { $('#select_tv-cadeaubudget_15431').attr('data-metronicfixed',"0"); $.doTimeout( 500, function() { if ( ($('#select_tv-cadeaubudget_15431').attr('data-metronicfixed') == "0") && ($('#select_tv-cadeaubudget_15431') .parent() .find('div[class="dropdown-menu open"][role="combobox"]') .length) ) { // fix dropdown pb with metronic $('div[class="dropdown-menu open"][role="combobox"]').removeClass('open'); $('#select_tv-cadeaubudget_15431').attr('data-metronicfixed',"1"); // set an outline to the generated "button" $("#select_tv-cadeaubudget_15431 ~ button").addClass('btn-outline'); return false; } else { // retest later return true; } }); return false; } else return true; }); } } if (typeof $ === 'undefined') { window.addEventListener('DOMContentLoaded', function(){ initSelect_15431(); }); } else initSelect_15431(); </script> </div> </div> </div>     <script> function initSelectOption_15433() { function startBootstrapSelect() { $('#tv-cadeaulien_15433').val('{{{templateVars.cadeauLien_concat}}}'); $('#tv-cadeaulien_15433').selectpicker( $.extend({},{ iconBase: 'far' ,tickIcon:'fa-check' ,"showTick":true }) ); } $.loadFileOnce("/assets/libraries/bootstrap-select/js/bootstrap-select.js") .done( function() { startBootstrapSelect(); }); }//end initSelectOption_xxx if (typeof $ !== "function") { window.addEventListener('DOMContentLoaded', initSelectOption_15433, false); } else initSelectOption_15433(); </script> <div id="selectoptions_15433" class="col-sm-4 selectContainer" style=""> <div class="form-group"> <div> <label class="control-label" for="tv-cadeaulien_15433">  <div class=" noinit formSelectOptionsFieldTitle"> <div class="formSelectOptionsFieldTitle titleWithNoLine" style="" data-minfontsize="8" data-maxfontsize="100" data-fittextsize="" data-displayRefWidth="1332" ><span > <span id="siteeditor-longtitle-15433-rte" href="/rest/newsiteeditor/longtitle/15433" field="longtitle" method="PUT" class="siteeditor " data-resourceid="15433" data-successmsg="Modification effectuée" >tv_cadeauLien</span> </span> </div> </div>   </label> </div> <div> <select id="tv-cadeaulien_15433" class="form-control selectpicker show-tick" name="FORM_tv_cadeauLien[]" title="" multiple >  <option value="Amis" data-icon="" > Amis </option>   <option value="Famille" data-icon="" > Famille </option>   <option value="Collègues" data-icon="" > Collègues </option>   <option value="Vous êtes Proches" data-icon="" > Vous êtes Proches </option>   <option value="Vous ne vous connaissez pas trop" data-icon="" > Vous ne vous connaissez pas trop </option>  </select> <script> function initSelect_15433() { $('#select_tv-cadeaulien_15433').val("{{{templateVars.cadeauLien_concat}}}").change(); let chaine="{{{templateVars.cadeauLien_concat}}}"; let defaultOptions = chaine.split(',').map(valeur => valeur.trim()); $.doTimeout( 100, function() { if ($('#tv-cadeaulien_15433').length) { $('#tv-cadeaulien_15433') .selectpicker('val', defaultOptions); return false; } else { return true;// retest later } }); if (false) { $.doTimeout( 100, function() { if ($('#select_tv-cadeaulien_15433').length) { $('#select_tv-cadeaulien_15433').attr('data-metronicfixed',"0"); $.doTimeout( 500, function() { if ( ($('#select_tv-cadeaulien_15433').attr('data-metronicfixed') == "0") && ($('#select_tv-cadeaulien_15433') .parent() .find('div[class="dropdown-menu open"][role="combobox"]') .length) ) { // fix dropdown pb with metronic $('div[class="dropdown-menu open"][role="combobox"]').removeClass('open'); $('#select_tv-cadeaulien_15433').attr('data-metronicfixed',"1"); // set an outline to the generated "button" $("#select_tv-cadeaulien_15433 ~ button").addClass('btn-outline'); return false; } else { // retest later return true; } }); return false; } else return true; }); } } if (typeof $ === 'undefined') { window.addEventListener('DOMContentLoaded', function(){ initSelect_15433(); }); } else initSelect_15433(); </script> </div> </div> </div>     <div id="formRow_15501" class="col-xs-12 " style="padding-top:4vh; padding-bottom:2vh;" >  <div class=" formRowTitle noinit"> <div class="formRowTitle nofittext" style="" data-minfontsize="8" data-maxfontsize="100" data-fittextsize="" data-displayRefWidth="1332" ><span > <span id="siteeditor-longtitle-15501-rte" href="/rest/newsiteeditor/longtitle/15501" field="longtitle" method="PUT" class="siteeditor " data-resourceid="15501" data-successmsg="Modification effectuée" >Quelques précisions avant de commencer</span> </span> </div> <div class="bottomlinetitle formRowTitle noinit"></div> </div>   <div class="row_15501 row">    <div id="input_15502" class="col-xs-12 col-sm-6" style="" > <div class="checkbox" > <input type="checkbox" id="checkbox_15502" class="css-checkbox" {{#templateVars.orginalesQuestions}}checked{{/templateVars.orginalesQuestions}} onclick="if ($(this).prop('checked')==true) { $('#checkbox_hidden_15502') .attr('value','1'); } else { $('#checkbox_hidden_15502') .attr('value','0'); } " > <label for="checkbox_15502" class="css-label1"> <span id="siteeditor-longtitle-15502-rte" href="/rest/newsiteeditor/longtitle/15502" field="longtitle" method="PUT" class="siteeditor " data-resourceid="15502" data-successmsg="Modification effectuée" >Je souhaite des questions originales pour un cadeau original</span> </label> <input type="hidden" id="checkbox_hidden_15502" name="FORM_tv_orginalesQuestions" value="" > <script> //do init for the checkbox<->hidden checkbox value... function initCheckBox_15502() { //local js code if($("#checkbox_15502").prop('checked')==true) { $('#checkbox_hidden_15502').attr('value','1'); } else { $('#checkbox_hidden_15502').attr('value','0'); } } if (typeof $ !== "function") { window.addEventListener('DOMContentLoaded', initCheckBox_15502, false); } else initCheckBox_15502(); </script> </div> </div>     <script> function initSelectOption_15503() { function startBootstrapSelect() { $('#tv-cadeautime_15503').val('{{templateVars.cadeauTime }}'); $('#tv-cadeautime_15503').selectpicker( $.extend({},{ iconBase: 'far' ,tickIcon:'fa-check' }) ); } $.loadFileOnce("/assets/libraries/bootstrap-select/js/bootstrap-select.js") .done( function() { startBootstrapSelect(); }); }//end initSelectOption_xxx if (typeof $ !== "function") { window.addEventListener('DOMContentLoaded', initSelectOption_15503, false); } else initSelectOption_15503(); </script> <div id="selectoptions_15503" class="col-sm-6 selectContainer" style=""> <div class="form-group"> <div> <label class="control-label" for="tv-cadeautime_15503">  <div class=" noinit formSelectOptionsFieldTitle"> <div class="formSelectOptionsFieldTitle titleWithNoLine" style="" data-minfontsize="8" data-maxfontsize="100" data-fittextsize="" data-displayRefWidth="1332" ><span > <span id="siteeditor-longtitle-15503-rte" href="/rest/newsiteeditor/longtitle/15503" field="longtitle" method="PUT" class="siteeditor " data-resourceid="15503" data-successmsg="Modification effectuée" >Quel temps souhaitez-vous consacrez à trouver la bonne idée cadeau?</span> </span> </div> </div>   </label> </div> <div> <select id="tv-cadeautime_15503" class="form-control selectpicker show-tick" name="FORM_tv_cadeauTime" title="" >  <option value="<30 secondes" data-icon="" > <30 secondes </option>   <option value="1 minute" data-icon="" > 1 minute </option>   <option value="3 minutes" data-icon="" > 3 minutes </option>   <option value="5 minutes" data-icon="" > 5 minutes </option>   <option value="J'ai tout mon temps" data-icon="" > J'ai tout mon temps </option>  </select> <script> function initSelect_15503() { $('#select_tv-cadeautime_15503').val("{{templateVars.cadeauTime }}").change(); let chaine="{{templateVars.cadeauTime }}"; let defaultOptions = chaine.split(',').map(valeur => valeur.trim()); $.doTimeout( 100, function() { if ($('#tv-cadeautime_15503').length) { $('#tv-cadeautime_15503') .selectpicker('val', defaultOptions); return false; } else { return true;// retest later } }); if (false) { $.doTimeout( 100, function() { if ($('#select_tv-cadeautime_15503').length) { $('#select_tv-cadeautime_15503').attr('data-metronicfixed',"0"); $.doTimeout( 500, function() { if ( ($('#select_tv-cadeautime_15503').attr('data-metronicfixed') == "0") && ($('#select_tv-cadeautime_15503') .parent() .find('div[class="dropdown-menu open"][role="combobox"]') .length) ) { // fix dropdown pb with metronic $('div[class="dropdown-menu open"][role="combobox"]').removeClass('open'); $('#select_tv-cadeautime_15503').attr('data-metronicfixed',"1"); // set an outline to the generated "button" $("#select_tv-cadeautime_15503 ~ button").addClass('btn-outline'); return false; } else { // retest later return true; } }); return false; } else return true; }); } } if (typeof $ === 'undefined') { window.addEventListener('DOMContentLoaded', function(){ initSelect_15503(); }); } else initSelect_15503(); </script> </div> </div> </div>  </div> </div>  <style scoped> #formSubmit_15392, #formReset_15392{ background: #00BEF3; border-radius: 50px; box-shadow: 0 10px 15px rgba(0, 190, 243, 0.1); color: #f5f7fa; font-weight: 800; padding: 15px 30px; letter-spacing: 0.1em; transition: all 0.3s ease; text-align: center; cursor: pointer; border: none; outline: none; /*il y a du CSS dans la congiguration CSS */ } #formSubmit_15392:hover, #formReset_15392:hover { background: #0098D3; box-shadow: 0 15px 20px rgba(0, 152, 211, 0.2); transform: translateY(-2px); } </style> <div class="submit_btn col-xs-12"> <div class="submit inner center"> <button id="formSubmit_15392" type="submit" class="btn btn-default" value="Continuer" onClick="" > Continuer </button> </div> </div> </form> <script> if (typeof initFormCode_15392 !== "function") { function initFormCode_15392() { //start JSWebsiteToInclude $("[class^='alert alert-danger']").each(function() {($(this).html()=='')?$(this).removeClass():''}); $("#form_15392 button:submit").click(function(eventObject) { $('#form_15392').find('input,textarea,select').filter('[required]:hidden').prop('required', false); }); // start init /**  **/ $(document).off("submit", "#form_15392"); $(document).on("submit", "#form_15392", function(event) { event.preventDefault(); // get all the inputs into an array. let $inputs = $(this).serializeArray(); // not sure if you wanted this, but I thought I'd add it. // get an associative array of the values in the form. let formValues = {}; $.each($inputs, function() { if (this.name.indexOf('[]') >= 0) {//this input is an array of input (as select options) let name=this.name.replace('[]',''); if (!formValues[name]) formValues[name]=[]; formValues[name].push(this.value); name = name.replace('FORM_',''); if (!formValues[name]) formValues[name]=[]; formValues[name].push(this.value); //add a variable with the concat of the array... formValues[name+'_concat']=formValues[name].join(); } else { formValues[this.name] = this.value; formValues[this.name.replace('FORM_','')] = this.value; } }); //parse tag values with input $.each($inputs, function() { // {{=<% %>=}} //to skip mustache processing let match = this.value.match(/{{(.*)}}/gy); //search tag field name that could be used from blapyURLData_Link // <%={{ }}=%> //to reactivate mustache processing if (match != null) { formValues[this.name]=Mustache.render(this.value,formValues); } }); //add the submit input info that is not given by the serializeArray if (event.originalEvent) { aSubmitInput = $(event.originalEvent.currentTarget.activeElement); if (aSubmitInput) { //the submit was emitted by an input that is not of submit type (enter on a field perhaps) if (aSubmitInput.attr('type') != 'submit') { //let's get the first submit object aSubmitInput = $(event.originalEvent.target).find("*").filter(':submit:visible:first') } if (aSubmitInput && aSubmitInput.attr('name')) formValues[aSubmitInput.attr('name')] = aSubmitInput.attr('value'); } } let blapy_id = "15397"; let blapy_target = blapy_id.split('->'); let blapyObject=blapy_id+"_div"; if (blapy_target.length>1) { blapyObject = blapy_target[0]; blapy_target= blapy_target[1]; } else { blapy_target= blapy_id; } if ($.isNumeric( blapy_target )) blapy_target = "blapy_"+blapy_target+"_div"; $('#blapy_'+blapyObject).trigger('postData', { aUrl: $(this).attr("action"), params: jQuery.extend({'embeddingBlockId':$('#'+blapy_target).attr('data-blapy-container-name')}, formValues), method: $(this).attr("method"), noBlapyData:$(this).attr("data-blapy-noblapydata") }); });//end on submit /**  **/ }//end initFormCode_15392 if (typeof $ !== "function") { window.addEventListener('DOMContentLoaded', initFormCode_15392, false); } else initFormCode_15392(); }//end if </script>