https://www.lacasonahotelboutique.com/computer/module/contacto/js.js

1/* computer/contacto.js */
2
3var lng = $("#configdata").attr("lng");
4var DatePickerStart = $("#configdata").attr("DatePickerStart");
5DatePickerStart = DatePickerStart * 1;
6
7var NochesError_txt = "Stay minimum 1 (one) night";
8if (lng == "es") {
9  NochesError_txt = "Estancia minima de 1 (una) noche";
10}
11if (lng == "pt") {
12  NochesError_txt = "Noites de estadia minima de 1 (um)";
13}
14
15function dateafterContacto(eintrag, ausgang) {
16  var fechaegreso = $(eintrag).val();
17  var newdate = fechaegreso.split("/").reverse().join("-");
18  var dt = $.datepicker.parseDate("yy-mm-dd", newdate);
19  dt.setDate(dt.getDate() + 1);
20  var dtNew = $.datepicker.formatDate("yy-mm-dd", dt);
21  dtNew = dtNew.split("-").reverse().join("/");
22  $(ausgang).val(dtNew);
23  VerNochesContacto(1);
24}
25
26var Noches = "";
27var Tiempo = "";
28
29$("#px_date_in_contacto").click(function () {
30  document.activeElement.blur();
31});
32
33$("#px_date_out_contacto").click(function () {
34  document.activeElement.blur();
35});
36
37if (lng == "en") {
38  $("#px_date_in_contacto").datepicker({
39    timeOnly: false,
40    selectOtherMonths: true,
41    dateFormat: "dd/mm/yy",
42    onSelect: function (dateText, inst) {
43      dateSelecionada1 = $("#px_date_in_contacto").datepicker("getDate");
44      $("#px_date_out_contacto").val("");
45      dateSelecionada1.setDate(dateSelecionada1.getDate() + 1);
46      $("#px_date_out_contacto").datepicker(
47        "option",
48        "minDate",
49        dateSelecionada1
50      );
51      VerNochesContacto(0);
52      dateafterContacto("#px_date_in_contacto", "#px_date_out_contacto");
53      //$("#px_date_in_contacto").valid();
54    },
55  });
56
57  $("#px_date_out_contacto").datepicker({
58    timeOnly: false,
59    selectOtherMonths: true,
60    dateFormat: "dd/mm/yy",
61    onSelect: function (dateText, inst) {
62      dateSelecionada1 = $("#px_date_in_contacto").datepicker("getDate");
63      dateSelecionada2 = $("#px_date_out_contacto").datepicker("getDate");
64      one_day = 1000 * 60 * 60 * 24;
65      Noches = Math.ceil(
66        (dateSelecionada2.getTime() - dateSelecionada1.getTime()) / one_day
67      );
68      VerNochesContacto(Noches);
69      console.log("NOCHES=" + Noches);
70      //$("#px_date_out_contacto").valid();
71    },
72  });
73}
74
75if (lng == "es") {
76  console.log("lng: " + lng);
77  console.log("DatePickerStart: " + DatePickerStart);
78
79  $("#px_date_in_contacto").datepicker({
80    timeOnly: false,
81    dayNames: [
82      "Domingo",
83      "Lunes",
84      "Martes",
85      "Miércoles",
86      "Jueves",
87      "Viernes",
88      "Sábado",
89    ],
90    dayNamesMin: ["Do", "Lu", "Ma", "Mi", "Ju", "Vi", "Sa"],
91    dayNamesShort: ["Dom", "Lun", "Mar", "Mir", "Jue", "Vin", "Sab"],
92    monthNames: [
93      "Enero",
94      "Febrero",
95      "Marzo",
96      "Abril",
97      "Mayo",
98      "Junio",
99      "Julio",
100      "Agosto",
101      "Septiembre",
102      "Octubre",
103      "Noviembre",
104      "Diciembre",
105    ],
106    monthNamesShort: [
107      "Ene",
108      "Feb",
109      "Mar",
110      "Abr",
111      "May",
112      "Jun",
113      "Jul",
114      "Ago",
115      "Sep",
116      "Oct",
117      "Nov",
118      "Dic",
119    ],
120    dateFormat: "dd/mm/yy",
121    onSelect: function (dateText, inst) {
122      dateSelecionada1 = $("#px_date_in_contacto").datepicker("getDate");
123      $("#px_date_out_contacto").val("");
124      dateSelecionada1.setDate(dateSelecionada1.getDate() + 1);
125      $("#px_date_out_contacto").datepicker(
126        "option",
127        "minDate",
128        dateSelecionada1
129      );
130      VerNochesContacto(0);
131      dateafterContacto("#px_date_in_contacto", "#px_date_out_contacto");
132      //$("#px_date_in_contacto").valid();
133    },
134  });
135
136  $("#px_date_out_contacto").datepicker({
137    timeOnly: false,
138    dayNames: [
139      "Domingo",
140      "Lunes",
141      "Martes",
142      "Miércoles",
143      "Jueves",
144      "Viernes",
145      "Sábado",
146    ],
147    dayNamesMin: ["Do", "Lu", "Ma", "Mi", "Ju", "Vi", "Sa"],
148    dayNamesShort: ["Dom", "Lun", "Mar", "Mir", "Jue", "Vin", "Sab"],
149    monthNames: [
150      "Enero",
151      "Febrero",
152      "Marzo",
153      "Abril",
154      "Mayo",
155      "Junio",
156      "Julio",
157      "Agosto",
158      "Septiembre",
159      "Octubre",
160      "Noviembre",
161      "Diciembre",
162    ],
163    monthNamesShort: [
164      "Ene",
165      "Feb",
166      "Mar",
167      "Abr",
168      "May",
169      "Jun",
170      "Jul",
171      "Ago",
172      "Sep",
173      "Oct",
174      "Nov",
175      "Dic",
176    ],
177    dateFormat: "dd/mm/yy",
178    onSelect: function (dateText, inst) {
179      dateSelecionada1 = $("#px_date_in_contacto").datepicker("getDate");
180      dateSelecionada2 = $("#px_date_out_contacto").datepicker("getDate");
181      one_day = 1000 * 60 * 60 * 24;
182      Noches = Math.ceil(
183        (dateSelecionada2.getTime() - dateSelecionada1.getTime()) / one_day
184      );
185      VerNochesContacto(Noches);
186      //$("#px_date_out_contacto").valid();
187    },
188  });
189}
190
191if (lng == "pt") {
192  $("#px_date_in_contacto").datepicker({
193    timeOnly: false,
194    selectOtherMonths: true,
195    dayNames: [
196      "Domingo",
197      "Segunda-feira",
198      "Terça-feira",
199      "Quarta-feira",
200      "Quinta-feira",
201      "Sexta-feira",
202      "Sábado",
203    ],
204    dayNamesMin: ["Do.", "2ª", "3ª", "4ª", "5ª", "6ª", "Sa."],
205    dayNamesShort: ["Dom.", "Seg.", "Ter.", "Qua.", "Qui.", "Sex.", "Sab."],
206    monthNames: [
207      "Janeiro",
208      "Fevereiro",
209      "Março",
210      "Abril",
211      "Maio",
212      "Junho",
213      "Julho",
214      "Agosto",
215      "Setembro",
216      "Outubro",
217      "Novembro",
218      "Dezembro",
219    ],
220    monthNamesShort: [
221      "Jan",
222      "Fev",
223      "Mar",
224      "Abr",
225      "Mai",
226      "Jun",
227      "Jul",
228      "Ago",
229      "Set",
230      "Oct",
231      "Nov",
232      "Dez",
233    ],
234    dateFormat: "dd/mm/yy",
235    onSelect: function (dateText, inst) {
236      dateSelecionada1 = $("#px_date_in_contacto").datepicker("getDate");
237      $("#px_date_out_contacto").val("");
238      dateSelecionada1.setDate(dateSelecionada1.getDate() + 1);
239      $("#px_date_out_contacto").datepicker(
240        "option",
241        "minDate",
242        dateSelecionada1
243      );
244      VerNochesContacto(0);
245      dateafterContacto("#px_date_in_contacto", "#px_date_out_contacto");
246      //$("#px_date_in_contacto").valid();
247    },
248  });
249
250  $("#px_date_out_contacto").datepicker({
251    timeOnly: false,
252    selectOtherMonths: true,
253    dayNames: [
254      "Domingo",
255      "Segunda-feira",
256      "Terça-feira",
257      "Quarta-feira",
258      "Quinta-feira",
259      "Sexta-feira",
260      "Sábado",
261    ],
262    dayNamesMin: ["Do.", "2ª", "3ª", "4ª", "5ª", "6ª", "Sa."],
263    dayNamesShort: ["Dom.", "Seg.", "Ter.", "Qua.", "Qui.", "Sex.", "Sab."],
264    monthNames: [
265      "Janeiro",
266      "Fevereiro",
267      "Março",
268      "Abril",
269      "Maio",
270      "Junho",
271      "Julho",
272      "Agosto",
273      "Setembro",
274      "Outubro",
275      "Novembro",
276      "Dezembro",
277    ],
278    monthNamesShort: [
279      "Jan",
280      "Fev",
281      "Mar",
282      "Abr",
283      "Mai",
284      "Jun",
285      "Jul",
286      "Ago",
287      "Set",
288      "Oct",
289      "Nov",
290      "Dez",
291    ],
292    dateFormat: "dd/mm/yy",
293    onSelect: function (dateText, inst) {
294      dateSelecionada1 = $("#px_date_in_contacto").datepicker("getDate");
295      dateSelecionada2 = $("#px_date_out_contacto").datepicker("getDate");
296      one_day = 1000 * 60 * 60 * 24;
297      Noches = Math.ceil(
298        (dateSelecionada2.getTime() - dateSelecionada1.getTime()) / one_day
299      );
300      VerNochesContacto(Noches);
301    },
302  });
303}
304
305var today = new Date();
306var tomorrow = new Date();
307
308today.setDate(today.getDate() + DatePickerStart);
309tomorrow.setDate(tomorrow.getDate() + DatePickerStart + 1);
310
311$("#px_date_in_contacto").datepicker(
312  "option",
313  "minDate",
314  new Date(new Date().getFullYear(), today.getMonth(), today.getDate())
315);
316$("#px_date_out_contacto").datepicker(
317  "option",
318  "minDate",
319  new Date(new Date().getFullYear(), tomorrow.getMonth(), tomorrow.getDate())
320);
321
322dateSelecionada1 = $("#px_date_in_contacto").datepicker("getDate");
323dateSelecionada2 = $("#px_date_out_contacto").datepicker("getDate");
324
325function VerNochesContacto(Noches) {
326  console.log("NOCHESFUNCION" + Noches);
327  if (Number(Noches) <= 0) {
328    console.log("PXSOL Nights: " + Noches);
329    $("#contact_module_form #NightError").html(NochesError_txt);
330    $("#contact_module_form #NochesText").text(Noches);
331    $("#contact_module_form #NightsContacto").val(Noches);
332  } else {
333    console.log("PXSOL Nights: " + Noches);
334    $("#contact_module_form #NightError").html("");
335    $("#contact_module_form #NochesText").text(Noches);
336    $("#contact_module_form #NightsContacto").val(Noches);
337  }
338}
339
340window.onRecaptchaError = function (error) {
341  console.error("RecaptchaError", error);
342  grecaptcha.reset();
343  setTimeout(() => {
344    grecaptcha.execute();
345  }, 300);
346};
347
348if ($(".ModuloWrap_contacto").length > 0) {
349  var Json = JSON.parse($("#configdata").attr("Json"));
350
351  console.log(Json);
352
353  var ValidarNombre = Json.ValidarNombre !== 0 ? true : false;

354  var ValidarApellido = Json.ValidarApellido !== 0 ? true : false;
355  var ValidarEmail1 = Json.ValidarEmail1 !== 0 ? true : false;
356  var ValidarEmail2 = Json.ValidarEmail2 !== 0 ? true : false;
357  var ValidarFechaDeEntrada = Json.ValidarFechaDeEntrada !== 0 ? true : false;
358  var ValidarFechaDeSalida = Json.ValidarFechaDeSalida !== 0 ? true : false;
359  var ValidarPais = Json.ValidarPais !== 0 ? true : false;
360  var ValidarProvincia = Json.ValidarProvincia !== 0 ? true : false;
361  var ValidarTelefono = Json.ValidarTelefono !== 0 ? true : false;
362  var ValidarQuery = Json.ValidarQuery !== 0 ? true : false;
363
364  function onSubmit(token) {
365    if (grecaptcha.getResponse() !== "") {
366      $("#SaveConsultas").hide();
367      $("#contact_module_form").submit();
368      parent.FnLoadingON();
369    }
370  }
371
372  $("#contact_module_form").unbind();
373  $("#contact_module_form").submit(function (e) {
374    e.preventDefault();
375    ApiPost(e, $(this), function (res) {
376      if (res && res.CID) {
377        FnLoadingOFF();
378        $(".FormConsulta_Form").remove();
379        $(".FormConsulta_Thankyou").show();
380        var posFormConsulta = $(".FormConsulta_Thankyou").attr("pos");
381        $([document.documentElement, document.body]).animate(
382          {
383            scrollTop: $(".FormConsulta_Thankyou").offset().top - 200,
384          },
385          2000
386        );
387        ga("ClientTracker.send", "event", "ContactForm", "submit", res.CID);
388        ga(
389          "PxsolTracker.send",
390          "event",
391          "ContactForm",
392          "submit",
393          posFormConsulta
394        );
395      }
396    });
397  });
398
399  $(function () {
400    $("#contact_module_form").validate({
401      rules: {
402        FirstName: {
403          required: ValidarNombre,
404        },
405        LastName: {
406          required: ValidarApellido,
407        },
408        Email1: {
409          required: ValidarEmail1,
410          email: true,
411        },
412        Email2: {
413          required: ValidarEmail2,
414          email: true,
415          equalTo: "#Email1",
416        },
417        Country: {
418          required: ValidarPais,
419        },
420        Start: {
421          required: ValidarFechaDeEntrada,
422        },
423        End: {
424          required: ValidarFechaDeSalida,
425        },
426        Phone: {
427          required: ValidarTelefono,
428        },
429        State: {
430          required: ValidarProvincia,
431        },
432        Query: {
433          required: ValidarQuery,
434        },
435      },
436      messages: {
437        FirstName: {
438          required: $("#configdata").attr("requiredtext"),
439        },
440        LastName: {
441          required: $("#configdata").attr("requiredtext"),
442        },
443        Email1: {
444          required: $("#configdata").attr("requiredtext"),
445          email: $("#configdata").attr("email"),
446        },
447        Email2: {
448          required: $("#configdata").attr("requiredtext"),
449          email: $("#configdata").attr("email"),
450          equalTo: $("#configdata").attr("equalTo"),
451        },
452        Phone: {
453          required: $("#configdata").attr("requiredtext"),
454        },
455        Country: {
456          required: $("#configdata").attr("requiredtext"),
457        },
458        State: {
459          required: $("#configdata").attr("requiredtext"),
460        },
461        Start: {
462          required: $("#configdata").attr("requiredtext"),
463        },
464        End: {
465          required: $("#configdata").attr("requiredtext"),
466        },
467        Query: {
468          required: $("#configdata").attr("requiredtext"),
469        },
470      },
471    });
472
473    $("#SaveConsultas").click(function (e) {
474      if ($("#contact_module_form").valid()) {
475        if ($(".g-recaptcha").length > 0) {
476          grecaptcha.execute();
477          onSubmit();
478        } else {
479          "#SaveConsultas".hide();
480          $("#contact_module_form").submit();
481          parent.FnLoadingON();
482        }
483      }
484    });
485
486    for (i = 2; i <= 4; i++) {
487      $(".ModuloWrap_contacto #ContenidoHab_" + i + "").hide();
488    }
489
490    $(".ModuloWrap_contacto #habitanum").change(function () {
491      for (i = 1; i <= 4; i++) {
492        $(".ModuloWrap_contacto #ContenidoHab_" + i + "").hide();
493      }
494      var TotalHab = $(".ModuloWrap_contacto #habitanum").val();
495      for (i = 1; i <= TotalHab; i++) {
496        //alert("hab"+i);
497        $(".ModuloWrap_contacto #ContenidoHab_" + i + "").show();
498      }
499    });
500
501    $(".ModuloWrap_contacto #ContenidoHab_1").show();
502
503    $(".ModuloWrap_contacto #TipoHabitacionTxt").change(function () {
504      $(".ModuloWrap_contacto .TipoHabitacionTxt").html(
505        $(".ModuloWrap_contacto #TipoHabitacionTxt").val()
506      );
507    });
508
509    $(".ModuloWrap_contacto #hab1_mayores").change(function () {
510      var Mayores = $(".ModuloWrap_contacto #hab1_mayores").val();
511      var Menores = $(".ModuloWrap_contacto #hab1_menores").val();
512      if (Mayores == 0 && Menores == 0) {
513        $(".ModuloWrap_contacto #hab1_mayores").val(1);
514      }
515    });
516
517    for (i = 1; i <= 10; i++) {
518      $(".ModuloWrap_contacto #hab" + i + "_mayores").change(function () {
519        var Mayores = $(".ModuloWrap_contacto #hab" + i + "_mayores").val();
520        var Menores = $(".ModuloWrap_contacto #hab" + i + "_menores").val();
521        if (Mayores == 0 && Menores == 0) {
522          $(".ModuloWrap_contacto #hab" + i + "_mayores").val(1);
523        }
524      });
525      $(".ModuloWrap_contacto #hab" + i + "_menores").change(function () {
526        var Mayores = $(".ModuloWrap_contacto #hab" + i + "_mayores").val();
527        var Menores = $(".ModuloWrap_contacto #hab" + i + "_menores").val();
528        if (Mayores == 0 && Menores == 0) {
529          $(".ModuloWrap_contacto #hab" + i + "_mayores").val(1);
530        }
531      });
532    }
533
534    var url = $("#contact_module_form").attr("url");
535
536    $(document).mousemove(function () {
537      if ($("#contact_module_form").attr("action") === "") {
538        $("#contact_module_form").attr("action", url);
539      }
540    });
541  });
542}