templates/appParts/childFormJs.html.twig line 1

Open in your IDE?
  1. {% if setTagDocReady is not defined or setTagDocReady==true %}
  2. <script>
  3.     $(document).ready(function () {
  4. {% endif %}
  5.         //remove child
  6.         $(".childcontainer").on("click", ".removechild", function () {
  7.             //console.log("Remove")
  8.             var currentGuestCount = parseInt( $(this).parent().parent().parent().parent().children().children().children().children(".update__child").text() );
  9.             var updatedCount = parseInt(currentGuestCount - 1);
  10.             $(this).parent().parent().parent().parent().children().children().children().children(".update__child").text(updatedCount);
  11.             $(this).closest(".search__rooms").remove();
  13.             if ( updatedCount === 0 ) {
  14.                 $('.search__child--update').addClass('d-none');
  15.                 localStorage.setItem('showChild', null);
  17.                 localStorage.removeItem('showChild');
  18.             } else if (updatedCount <= 1 ) {
  19.                 $("#occupancy_group_btn .search__child--update .plural").text('Child');
  20.                 localStorage.removeItem('plural');
  21.                 localStorage.setItem('single', 'true');
  22.             }
  23.         });
  24.         //add child
  25.         $(".search__child").on("click", function () {
  26.             $('.search__child--update').removeClass('d-none');
  27.             var currentGuestCount = parseInt( $(this).parent().parent().children('.occupany').children().children().children(".update__child").text() );
  28.             var updatedCount = parseInt(currentGuestCount + 1);
  30.             $('.update__child').each(function(){
  31.                 $(this).text(updatedCount);
  32.             });
  33.             {% set formNameChild='childrenAges[]' %}
  34.             {% if setFormName is defined and setFormName%}
  35.             {% set formNameChild=setFormName~'[childrenAges][]' %}
  36.             {% endif %}
  38.             $('.childcontainer').append('<div class="search__rooms">' +
  39.                 ' <span class="search__rooms--label">Child age</span>' +
  40.                 '<select name="{{ formNameChild }}" class="nav-form-control form-control form-primary child-age" required >' +
  41.                 '<option value="1">1</option>'+
  42.                 '<option value="2">2</option>'+
  43.                 '<option value="3">3</option>'+
  44.                 '<option value="4">4</option>'+
  45.                 '<option value="5">5</option>'+
  46.                 '<option value="6">6</option>'+
  47.                 '<option value="7">7</option>'+
  48.                 '<option value="8">8</option>'+
  49.                 '<option value="9">9</option>'+
  50.                 '<option value="10">10</option>'+
  51.                 '<option value="11">11</option>'+
  52.                 '<option value="12">12</option>'+
  53.                 '<option value="13">13</option>'+
  54.                 '<option value="14">14</option>'+
  55.                 '<option value="15">15</option>'+
  56.                 '<option value="16">16</option>'+
  57.                 '<option value="17">17</option>'+
  58.                 '</select>'+
  59.                 '    <a href="#!" class="removechild search__rooms--minus">' +
  60.                 '       <i class="fas fa-minus-circle"></i>' +
  61.                 '    </a>' +
  62.                 '</div>');
  64.             $('.child-age').focus();
  65.             if ( $(this).siblings('.childcontainer').children().length >= 2 ) {
  66.                 $(this).parent().parent().children('.occupany').children().children().children('.plural').text('Children');
  67.                 localStorage.setItem('plural', 'true');
  68.                 localStorage.removeItem('single');
  69.             } else {
  70.                 $(this).parent().parent().children('.occupany').children().children().children('.plural').text('Child');
  71.                 localStorage.removeItem('plural');
  72.                 localStorage.setItem('single', 'true');
  73.             }
  75.             localStorage.setItem('showChild', 'true');
  76.         });
  78.         $(".search__rooms--plus").on("click", function() {
  79.             var plus = $(this);
  80.             var oldValue = plus.parent().find("input").val();
  81.             var inputSource = plus.parent().find("input").data('title');
  83.             if (plus.text() == "+") {
  84.                 if (oldValue < 6) {
  85.                     var newVal = parseFloat(oldValue) + 1;
  86.                 } else {
  87.                     newVal = 6;
  88.                 }
  89.             }
  91.             plus.parent().find("input").val(newVal);
  92.             $('#' +inputSource ).text(newVal);
  93.         });
  95.         $(".search__rooms--minus").on("click", function() {
  96.             var minus = $(this);
  97.             var oldValue = minus.parent().find("input").val();
  98.             var inputSource = minus.parent().find("input").data('title');
  100.             if (minus.text() == "-") {
  101.                 if (oldValue > 1) {
  102.                     var newVal = parseFloat(oldValue) - 1;
  103.                 } else {
  104.                     newVal = 1;
  105.                 }
  106.             }
  107.             minus.parent().find("input").val(newVal);
  108.             $('#' +inputSource ).text(newVal);
  109.         });
  111. {% if setTagDocReady is not defined or setTagDocReady==true %}
  112.     });
  113. </script>
  114. {% endif %}