KPIs du mois de juin

OKR généraux

<script> if (!c3) { var c3 = bb;//for backward compliancy with c3 }; </script>  <section id="section_ca_facture_ce_mois_en_k_11829" class="section_11720_11830 template_section_113 col-sm-4" style="clear:none;padding-bottom:3vh; " data-resourceid="11830" data-info="" > <style scoped> #rowcontainer_ca_facture_ce_mois_en_k_11829.container { width:100%; } #rowcontainer_ca_facture_ce_mois_en_k_11829 .container { width:100%; } #rowcontainer_ca_facture_ce_mois_en_k_11829.container .textcontent h1, #rowcontainer_ca_facture_ce_mois_en_k_11829.container .textcontent h2, #rowcontainer_ca_facture_ce_mois_en_k_11829.container .textcontent h3, #rowcontainer_ca_facture_ce_mois_en_k_11829.container .textcontent h4, #rowcontainer_ca_facture_ce_mois_en_k_11829.container .textcontent h5, #rowcontainer_ca_facture_ce_mois_en_k_11829.container .textcontent h1 a, #rowcontainer_ca_facture_ce_mois_en_k_11829.container .textcontent h2 a, #rowcontainer_ca_facture_ce_mois_en_k_11829.container .textcontent h3 a, #rowcontainer_ca_facture_ce_mois_en_k_11829.container .textcontent h4 a, #rowcontainer_ca_facture_ce_mois_en_k_11829.container .textcontent h5 a { font-size:18px;text-align:center; } </style> <div id="rowcontainer_ca_facture_ce_mois_en_k_11829" class="rowcontainer_11720_11830 template_rowcontainer_113 container" style="clear:none; " data-resourceid="11830" data-info="" > <div class="row">   <div class="equalHeight col-xs-12"> <h2 class="title nofittext" style="font-size:18px;text-align:center;" data-minfontsize="8" data-maxfontsize="100" data-fittextsize="" data-displayRefWidth="1332" ><span > <span id="siteeditor-longtitle-11830-rte" href="/rest/newsiteeditor/longtitle/11830" field="longtitle" method="PUT" class="siteeditor " data-resourceid="11830" data-successmsg="Modification effectuée" >CA facturé ce mois (en K€)</span> </span> </h2> <div class="bottomlinetitle title"></div> </div>   <div id="chartC3_11830" class="chartC3"> </div> <script> // initialize this instance function initChartC3_11830() { //debugger; let jsonChart = { gauge: { min: 0, max: 6 }, color: { pattern: ['#F33809', '#F39509','#e2e345', '#22f309'], // the three color levels for the percentage values. threshold: { // unit: 'value', // percentage is default // max: 10, // 100 is default values: [2,4 ,6] } }, size: { height: 180 } }; jsonChart['bindto'] = '#chartC3_11830'; $.extend( jsonChart, {'data':{} }, {'axis':{} }); if (!jsonChart.data['type']) jsonChart.data['type'] = "gauge"; if (!jsonChart.data['columns']) jsonChart.data['columns'] = [ [ 'CA (en K €)',{{property_CA}} ], ]; if (!jsonChart.data['names']) jsonChart.data['names'] = { 'CA (en K €)':'CA (en K €)', }; if (!jsonChart.data['colors']) jsonChart.data['colors'] = { 'CA (en K €)':'#f2e209', }; if (!jsonChart.gauge) jsonChart.gauge={}; if (!jsonChart.gauge.label) jsonChart.gauge.label = {}; if (!jsonChart.gauge.label.format) { jsonChart.gauge.label.format = function(value, ratio, id) { let rawratio = ratio; ratio = d3.format(".0%")(ratio); // format ratio return JSON.stringify([ {"text":d3.format(".1%")(rawratio),"fill":"#224422","style":"font-size:25px;font-weight:bold;","dy":-12} , {"text":"("+value+")","fill":"#446644","style":"font-size:12px;font-weight:bold;","dy":12} ]); // used to pass values to the onrender function } } if (!jsonChart.onrendered) { jsonChart.onrendered = function() { //debugger; let label = null; //parse title if multiline //label = d3.select(this.config('bindto')).select('text.c3-gauge-value'); label = d3.select(this.config('bindto')).select('text.bb-gauge-value'); let myTitle = label?label.html():''; try { myTitleData = JSON.parse(myTitle); label.html(''); // remove existant text let tspanlist = label.selectAll('tspan') .data(myTitleData) .enter() .append('tspan') .text(d => d.text) .attr('fill',d => d.fill) .attr('style',d => d.style) .attr('x',d => d.x?d.x:0) .attr('dx',d => d.dx?d.dx:0) .attr('dy',function(d,i){ return d.dy?d.dy:(20*i) }) ; }catch(error) {};//title not a json... do nothing... //d3.select(this.config('bindto')).selectAll(".c3-chart-arc text").each(function(v) { d3.select(this.config('bindto')).selectAll(".bb-chart-arc text").each(function(v) { let label = d3.select(this); let myLabel = label.html(); try { myLabelData = JSON.parse(myLabel); label.html(''); // remove existant text let tspanlist = label.selectAll('tspan') .data(myLabelData) .enter() .append('tspan') .text(d => d.text) .attr('fill',d => d.fill) .attr('style',d => d.style) .attr('x',d => d.x?d.x:0) .attr('dx',d => d.dx?d.dx:0) .attr('dy',function(d,i){ return d.dy?d.dy:(20*i) }) ; }catch(error) {}; });//end d3 select each $("#chartC3Loader_11830").hide(); }//end onrendered }//end if let chart = c3.generate(jsonChart); } if (typeof $ !== "function") { window.addEventListener('DOMContentLoaded', initChartC3_11830, false); } else initChartC3_11830(); </script>   </div> </div> </section>      <script> if (!c3) { var c3 = bb;//for backward compliancy with c3 }; </script>  <section id="section_indicateur_prod_11829" class="section_11720_11832 template_section_113 col-sm-4" style="clear:none;padding-bottom:3vh; " data-resourceid="11832" data-info="" > <style scoped> #rowcontainer_indicateur_prod_11829.container { width:100%; } #rowcontainer_indicateur_prod_11829 .container { width:100%; } #rowcontainer_indicateur_prod_11829.container .textcontent h1, #rowcontainer_indicateur_prod_11829.container .textcontent h2, #rowcontainer_indicateur_prod_11829.container .textcontent h3, #rowcontainer_indicateur_prod_11829.container .textcontent h4, #rowcontainer_indicateur_prod_11829.container .textcontent h5, #rowcontainer_indicateur_prod_11829.container .textcontent h1 a, #rowcontainer_indicateur_prod_11829.container .textcontent h2 a, #rowcontainer_indicateur_prod_11829.container .textcontent h3 a, #rowcontainer_indicateur_prod_11829.container .textcontent h4 a, #rowcontainer_indicateur_prod_11829.container .textcontent h5 a { font-size:18px;text-align:center; } </style> <div id="rowcontainer_indicateur_prod_11829" class="rowcontainer_11720_11832 template_rowcontainer_113 container" style="clear:none; " data-resourceid="11832" data-info="" > <div class="row">   <div class="equalHeight col-xs-12"> <h2 class="title nofittext" style="font-size:18px;text-align:center;" data-minfontsize="8" data-maxfontsize="100" data-fittextsize="" data-displayRefWidth="1332" ><span > <span id="siteeditor-longtitle-11832-rte" href="/rest/newsiteeditor/longtitle/11832" field="longtitle" method="PUT" class="siteeditor " data-resourceid="11832" data-successmsg="Modification effectuée" >Indicateur prod</span> </span> </h2> <div class="bottomlinetitle title"></div> </div>   <div id="chartC3_11832" class="chartC3"> </div> <script> // initialize this instance function initChartC3_11832() { //debugger; let jsonChart = { gauge: { min: 0, max: 3 }, color: { pattern: ['#F33809', '#F39509','#e2e345', '#22f309'], // the three color levels for the percentage values. threshold: { // unit: 'value', // percentage is default // max: 10, // 100 is default values: [1, 2,3] } }, size: { height: 180 } }; jsonChart['bindto'] = '#chartC3_11832'; $.extend( jsonChart, {'data':{} }, {'axis':{} }); if (!jsonChart.data['type']) jsonChart.data['type'] = "gauge"; if (!jsonChart.data['columns']) jsonChart.data['columns'] = [ [ 'Indic_prod',{{property_Indic_prod}} ], ]; if (!jsonChart.data['names']) jsonChart.data['names'] = { 'Indic_prod':'Indic_prod', }; if (!jsonChart.data['colors']) jsonChart.data['colors'] = { 'Indic_prod':'#f2e209', }; if (!jsonChart.gauge) jsonChart.gauge={}; if (!jsonChart.gauge.label) jsonChart.gauge.label = {}; if (!jsonChart.gauge.label.format) { jsonChart.gauge.label.format = function(value, ratio, id) { let rawratio = ratio; ratio = d3.format(".0%")(ratio); // format ratio return JSON.stringify([ {"text":d3.format(".1%")(rawratio),"fill":"#224422","style":"font-size:25px;font-weight:bold;","dy":-12} , {"text":"("+value+")","fill":"#446644","style":"font-size:12px;font-weight:bold;","dy":12} ]); // used to pass values to the onrender function } } if (!jsonChart.onrendered) { jsonChart.onrendered = function() { //debugger; let label = null; //parse title if multiline //label = d3.select(this.config('bindto')).select('text.c3-gauge-value'); label = d3.select(this.config('bindto')).select('text.bb-gauge-value'); let myTitle = label?label.html():''; try { myTitleData = JSON.parse(myTitle); label.html(''); // remove existant text let tspanlist = label.selectAll('tspan') .data(myTitleData) .enter() .append('tspan') .text(d => d.text) .attr('fill',d => d.fill) .attr('style',d => d.style) .attr('x',d => d.x?d.x:0) .attr('dx',d => d.dx?d.dx:0) .attr('dy',function(d,i){ return d.dy?d.dy:(20*i) }) ; }catch(error) {};//title not a json... do nothing... //d3.select(this.config('bindto')).selectAll(".c3-chart-arc text").each(function(v) { d3.select(this.config('bindto')).selectAll(".bb-chart-arc text").each(function(v) { let label = d3.select(this); let myLabel = label.html(); try { myLabelData = JSON.parse(myLabel); label.html(''); // remove existant text let tspanlist = label.selectAll('tspan') .data(myLabelData) .enter() .append('tspan') .text(d => d.text) .attr('fill',d => d.fill) .attr('style',d => d.style) .attr('x',d => d.x?d.x:0) .attr('dx',d => d.dx?d.dx:0) .attr('dy',function(d,i){ return d.dy?d.dy:(20*i) }) ; }catch(error) {}; });//end d3 select each $("#chartC3Loader_11832").hide(); }//end onrendered }//end if let chart = c3.generate(jsonChart); } if (typeof $ !== "function") { window.addEventListener('DOMContentLoaded', initChartC3_11832, false); } else initChartC3_11832(); </script>   </div> </div> </section>      <script> if (!c3) { var c3 = bb;//for backward compliancy with c3 }; </script>  <section id="section_nombre_de_devis_signe_11829" class="section_11720_11831 template_section_113 col-sm-4" style="clear:none;padding-bottom:3vh; " data-resourceid="11831" data-info="" > <style scoped> #rowcontainer_nombre_de_devis_signe_11829.container { width:100%; } #rowcontainer_nombre_de_devis_signe_11829 .container { width:100%; } #rowcontainer_nombre_de_devis_signe_11829.container .textcontent h1, #rowcontainer_nombre_de_devis_signe_11829.container .textcontent h2, #rowcontainer_nombre_de_devis_signe_11829.container .textcontent h3, #rowcontainer_nombre_de_devis_signe_11829.container .textcontent h4, #rowcontainer_nombre_de_devis_signe_11829.container .textcontent h5, #rowcontainer_nombre_de_devis_signe_11829.container .textcontent h1 a, #rowcontainer_nombre_de_devis_signe_11829.container .textcontent h2 a, #rowcontainer_nombre_de_devis_signe_11829.container .textcontent h3 a, #rowcontainer_nombre_de_devis_signe_11829.container .textcontent h4 a, #rowcontainer_nombre_de_devis_signe_11829.container .textcontent h5 a { font-size:18px;text-align:center; } </style> <div id="rowcontainer_nombre_de_devis_signe_11829" class="rowcontainer_11720_11831 template_rowcontainer_113 container" style="clear:none; " data-resourceid="11831" data-info="" > <div class="row">   <div class="equalHeight col-xs-12"> <h2 class="title nofittext" style="font-size:18px;text-align:center;" data-minfontsize="8" data-maxfontsize="100" data-fittextsize="" data-displayRefWidth="1332" ><span > <span id="siteeditor-longtitle-11831-rte" href="/rest/newsiteeditor/longtitle/11831" field="longtitle" method="PUT" class="siteeditor " data-resourceid="11831" data-successmsg="Modification effectuée" >Nombre de devis signé</span> </span> </h2> <div class="bottomlinetitle title"></div> </div>   <div id="chartC3_11831" class="chartC3"> </div> <script> // initialize this instance function initChartC3_11831() { //debugger; let jsonChart = { gauge: { min: 0, max: 3 }, color: { pattern: ['#F33809', '#F39509','#e2e345', '#22f309'], // the three color levels for the percentage values. threshold: { // unit: 'value', // percentage is default // max: 10, // 100 is default values: [ 2,3] } }, size: { height: 180 } }; jsonChart['bindto'] = '#chartC3_11831'; $.extend( jsonChart, {'data':{} }, {'axis':{} }); if (!jsonChart.data['type']) jsonChart.data['type'] = "gauge"; if (!jsonChart.data['columns']) jsonChart.data['columns'] = [ [ 'signature',{{property_signature}} ], ]; if (!jsonChart.data['names']) jsonChart.data['names'] = { 'signature':'signature', }; if (!jsonChart.data['colors']) jsonChart.data['colors'] = { 'signature':'#f2e209', }; if (!jsonChart.gauge) jsonChart.gauge={}; if (!jsonChart.gauge.label) jsonChart.gauge.label = {}; if (!jsonChart.gauge.label.format) { jsonChart.gauge.label.format = function(value, ratio, id) { let rawratio = ratio; ratio = d3.format(".0%")(ratio); // format ratio return JSON.stringify([ {"text":d3.format(".1%")(rawratio),"fill":"#224422","style":"font-size:25px;font-weight:bold;","dy":-12} , {"text":"("+value+")","fill":"#446644","style":"font-size:12px;font-weight:bold;","dy":12} ]); // used to pass values to the onrender function } } if (!jsonChart.onrendered) { jsonChart.onrendered = function() { //debugger; let label = null; //parse title if multiline //label = d3.select(this.config('bindto')).select('text.c3-gauge-value'); label = d3.select(this.config('bindto')).select('text.bb-gauge-value'); let myTitle = label?label.html():''; try { myTitleData = JSON.parse(myTitle); label.html(''); // remove existant text let tspanlist = label.selectAll('tspan') .data(myTitleData) .enter() .append('tspan') .text(d => d.text) .attr('fill',d => d.fill) .attr('style',d => d.style) .attr('x',d => d.x?d.x:0) .attr('dx',d => d.dx?d.dx:0) .attr('dy',function(d,i){ return d.dy?d.dy:(20*i) }) ; }catch(error) {};//title not a json... do nothing... //d3.select(this.config('bindto')).selectAll(".c3-chart-arc text").each(function(v) { d3.select(this.config('bindto')).selectAll(".bb-chart-arc text").each(function(v) { let label = d3.select(this); let myLabel = label.html(); try { myLabelData = JSON.parse(myLabel); label.html(''); // remove existant text let tspanlist = label.selectAll('tspan') .data(myLabelData) .enter() .append('tspan') .text(d => d.text) .attr('fill',d => d.fill) .attr('style',d => d.style) .attr('x',d => d.x?d.x:0) .attr('dx',d => d.dx?d.dx:0) .attr('dy',function(d,i){ return d.dy?d.dy:(20*i) }) ; }catch(error) {}; });//end d3 select each $("#chartC3Loader_11831").hide(); }//end onrendered }//end if let chart = c3.generate(jsonChart); } if (typeof $ !== "function") { window.addEventListener('DOMContentLoaded', initChartC3_11831, false); } else initChartC3_11831(); </script>   </div> </div> </section>

<form id="form_11834" class="col-xs-12 style1" action="/rest/website/kpis-okrs-generaux/" method="PUT" onsubmit="" data-blapy-noblapydata="1" >    <div id="input_11835" class="col-xs-12 col-sm-4" style=" " > <div class="form-group"> <div > <label class="control-label" for="ca_11835">  <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-11835-rte" href="/rest/newsiteeditor/longtitle/11835" field="longtitle" method="PUT" class="siteeditor " data-resourceid="11835" data-successmsg="Modification effectuée" >Quel est le CA facturé ce mois</span>   </span> </div> </div>   </label> </div> <div> <input type="number" step="any" oninput="$(this).focus();" class="form-control" name="FORM_CA" id="ca_11835" placeholder="" value="{{property_CA}}" > </div> </div> </div>     <div id="input_11836" class="col-xs-12 col-sm-4" style="" > <div class="form-group"> <div > <label class="control-label" for="signature_11836">  <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-11836-rte" href="/rest/newsiteeditor/longtitle/11836" field="longtitle" method="PUT" class="siteeditor " data-resourceid="11836" data-successmsg="Modification effectuée" >Nombre de devis signé</span>   </span> </div> </div>   </label> </div> <div> <input type="number" step="any" oninput="$(this).focus();" class="form-control" name="FORM_signature" id="signature_11836" placeholder="" value="{{property_signature}}" > </div> </div> </div>     <div id="input_11837" class="col-xs-12 col-sm-4" style="" > <div class="form-group"> <div > <label class="control-label" for="production_11837">  <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-11837-rte" href="/rest/newsiteeditor/longtitle/11837" field="longtitle" method="PUT" class="siteeditor " data-resourceid="11837" data-successmsg="Modification effectuée" >indicateur de production</span>   </span> </div> </div>   </label> </div> <div> <input type="number" step="any" oninput="$(this).focus();" class="form-control" name="FORM_Indic_prod" id="production_11837" placeholder="" value="{{property_Indic_prod}}" > </div> </div> </div>  <style scoped> #formSubmit_11834, #formReset_11834{ -moz-box-shadow: 0px 1px 0px 0px #ffffff; -webkit-box-shadow: 0px 1px 0px 0px #ffffff; box-shadow: 0px 1px 0px 0px #ffffff; background-color:#4bc4d1; -moz-border-radius:6px; -webkit-border-radius:6px; border-radius:6px; border:1px solid #35afbc; display:inline-block; cursor:pointer; color:#e7ecef; font-family:Arial; font-size:15px; font-weight:bold; padding:2px 10px; text-decoration:none; text-shadow:0px -1px 0px #227a82; } #formSubmit_11834:hover, #formReset_11834:hover { background-color:#35afbc; color:#2d849a; } </style> <div class="submit_btn col-xs-12"> <div class="submit inner center"> <button id="formSubmit_11834" type="submit" class="btn btn-default" value="Envoyer" onClick="/*
let NB_Old = parseFloat($('#input_11713 input').val())|0;
let PSR_New =parseFloat($('#input_11716 input').val())|0;
let PSR_Old = parseFloat($('#input_11714 input').val())|0;
let Price_Stock = parseFloat($('#input_11715 input').val())|0;
let result=0;
if ( (Price_Stock - PSR_New) !== 0 ) 
{
 result= NB_Old * (PSR_New - PSR_Old) / (Price_Stock - PSR_New);
}
//debugger;
$('#blapy_11711').trigger('updateBlock',{
 'html':{
 'Resultat': result
 },
 'params':{
 embeddingBlockId:'resultat',
 }
});
return false;
*/" > Envoyer </button> </div> </div> </form> <script> if (typeof initFormCode_11834 !== "function") { function initFormCode_11834() { //start JSWebsiteToInclude $("[class^='alert alert-danger']").each(function() {($(this).html()=='')?$(this).removeClass():''}); $("#form_11834 button:submit").click(function(eventObject) { $('#form_11834').find('input,textarea,select').filter('[required]:hidden').prop('required', false); }); // start init /**  **/ $(document).off("submit", "#form_11834"); $(document).on("submit", "#form_11834", 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 = "11827"; 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_11834 if (typeof $ !== "function") { window.addEventListener('DOMContentLoaded', initFormCode_11834, false); } else initFormCode_11834(); }//end if </script>

<script id="script_11828" data-extmessage="{{{extmessage}}}"> $(function () { //debugger; let error_message_11828=""; let error_extmessage_11828 = ""; let error_code_11828 = "{{code}}"; let error_class_11828 = ""; let error_delay_11828 = 5000; //debugger; switch(error_code_11828) { case "200": error_message_11828 = "OK bien modifié"; error_class_11828 = "success"; //error_delay_11828 = 2000; let blapy_ids = "11829"; blapy_ids = blapy_ids.split(','); blapy_ids.map(function(blapy_id){ 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('reloadBlock',{ params:{ embeddingBlockId:$("#"+blapy_target).attr('data-blapy-container-name') } }); }); break; default: error_message_11828 = "Non modifié : {{message}}"; error_extmessage_11828 = $("#script_11828").attr("data-extmessage"); if (error_extmessage_11828 != '') { error_extmessage_11828 = "<pre>"+error_extmessage_11828+"</pre>"; } else { error_extmessage_11828=''; } error_class_11828 = "danger"; break; } $.imxNotify(error_message_11828,error_class_11828); }); </script>