templates/login/_loginBoxJs.html.twig line 1

Open in your IDE?
  1. {% include 'backOffice/appParts/_addressAutocompleteGoogleJs.html.twig' with {'inputId':'request_access_addressLine1'} %}
  2. {% include 'backOffice/appParts/phoneNumberJs.html.twig' %}
  3. <script src="{{ asset('js/plugins/jquery.validate.min.js') }}"></script>
  4. <script>
  5.     //Validate form when click on btn Submit.
  6.     $(function() {
  7.         $.validator.addMethod("validatePhoneNumberFormat", function (value, element) {
  8.             let regex = $(element).attr('data-regex');
  9.             let pattern = new RegExp(regex);
  10.             return pattern.test(value);
  11.         }, function(value, element) {
  12.             return "Format is not valid. It must be "+$(element).attr('placeholder');
  13.         });
  14.         $("form[name='request_access']").validate({
  15.             rules: {
  16.                 "request_access[phone]": {
  17.                     required: true,
  18.                     validatePhoneNumberFormat:true
  19.                 }
  20.             },
  21.             submitHandler: function(form) {
  22.                 submitSpinnerSecondaryBtn("#submitBtn");
  23.                 submitSpinnerForm(form);
  24.                 form.submit();
  25.             }
  26.         });
  27.     });
  28.     //END Validate form when click on btn Submit.
  29. </script>
  30. <script>
  31.     initPhoneNumberFormat('request_access_phone',false,'request_access_phoneCountryCode');
  32.     $(document).ready(function () {
  33.         //Open the tab by the url
  34.         const hash = window.location.hash;
  35.         if (hash.match('#')) {
  36.             let tabObj = document.querySelector("#"+$('a[href="'+hash+'"].nav-link').attr('id'));
  37.             let tab = new bootstrap.Tab(tabObj);
  38.             tab.show();
  39.         }
  40.         //End: Open the tab on url
  42.         {% if openGetStarted is defined and openGetStarted %}
  43.         $('#signup-tab').tab('show');
  44.         {% endif %}
  45.         $(".openGetStarted").click(function (){
  46.             $('#signup-tab').tab('show');
  47.         });
  49.         //Sort country
  50.         // sortCountries(document.getElementById('request_access_country'));
  51.         // function sortCountries(countriesElem) {
  52.         //     let countriesTop=["","United States","United Kingdom","France","Belgium","Brazil","Canada","Germany","India","Italy","Mexico","Netherlands","Spain","Switzerland","Venezuela"];
  53.         //     var tempTopCountries = new Array();
  54.         //     var tempDownCountries = new Array();
  55.         //     let j=0;
  56.         //     for (var i=0;i<countriesElem.options.length;i++) {
  57.         //         if (countriesTop.indexOf(countriesElem.options[i].text) != -1)
  58.         //         {
  59.         //             // found it
  60.         //             let countryTopIndex=countriesTop.indexOf(countriesElem.options[i].text);
  61.         //             tempTopCountries[countryTopIndex] = new Array();
  62.         //             tempTopCountries[countryTopIndex][0] = countriesElem.options[i].text;
  63.         //             tempTopCountries[countryTopIndex][1] = countriesElem.options[i].value;
  64.         //         }
  65.         //         else{
  66.         //             tempDownCountries[j] = new Array();
  67.         //             tempDownCountries[j][0] = countriesElem.options[i].text;
  68.         //             tempDownCountries[j][1] = countriesElem.options[i].value;
  69.         //             j++;
  70.         //         }
  71.         //     }
  72.         //
  73.         //     while(countriesElem.options.length > 0) {
  74.         //         countriesElem.options[0] = null;
  75.         //     }
  76.         //
  77.         //     i=0;
  78.         //     var op = new Option("Please choose","");
  79.         //     countriesElem.options[i] = op;
  80.         //     i++;
  81.         //
  82.         //     //Add to the dropdown list the top countries
  83.         //     while(i<tempTopCountries.length) {
  84.         //         op = new Option(tempTopCountries[i][0], tempTopCountries[i][1]);
  85.         //         countriesElem.options[i] = op;
  86.         //         i++
  87.         //     }
  88.         //
  89.         //     //Add to the dropdown list the other countries
  90.         //     var group = $('<optgroup label="---" />');
  91.         //
  92.         //     j=1;
  93.         //     group.appendTo(countriesElem);
  94.         //     while (j<tempDownCountries.length) {
  95.         //         op = new Option(tempDownCountries[j][0], tempDownCountries[j][1]);
  96.         //         countriesElem.options[i] = op;
  97.         //         i++;
  98.         //         j++;
  99.         //     }
  100.         //     return;
  101.         // }
  102.         // //End: Sort country
  104.         {#$("#request_access_country").change(function () {#}
  105.         {#    let stateSelect = $("#request_access_state");#}
  106.         {#    let data = {idCountry: $(this).val()};#}
  107.         {#    stateSelect.val(null); // clear out values selected#}
  108.         {#    stateSelect.attr('value', ''); // re-init to show default status#}
  109.         {#    stateSelect.attr('required',false);#}
  110.         {#    $.ajax({#}
  111.         {#        type: 'post',#}
  112.         {#        url: "{{ path('states_by_country') }}",#}
  113.         {#        data: data,#}
  114.         {#        success: function (data) {#}
  115.         {#            stateSelect.attr('required','required');#}
  116.         {#            stateSelect.html(' ');#}
  117.         {#            stateSelect.append('<option  value="" selected="selected">Please Choose</option>');#}
  118.         {#            for (let i = 0, total = data.length; i < total; i++) {#}
  119.         {#                stateSelect.append('<option value="' + data[i].id + '">' + data[i].name + ' </option>');#}
  120.         {#            }#}
  121.         {#            let countrySelectCol = $('#countryCol');#}
  122.         {#            let stateSelectCol = $('#stateCol');#}
  123.         {#            if(data.length){#}
  124.         {#                countrySelectCol.addClass('col-md-6');#}
  125.         {#                countrySelectCol.removeClass('col-md-12');#}
  126.         {#                stateSelectCol.removeClass('d-none');#}
  127.         {#                stateSelect.prop( "disabled", false );#}
  128.         {#            }else{#}
  129.         {#                countrySelectCol.addClass('col-md-12');#}
  130.         {#                countrySelectCol.removeClass('col-md-6');#}
  131.         {#                stateSelectCol.addClass('d-none');#}
  132.         {#                stateSelect.prop( "disabled", true );#}
  133.         {#            }#}
  134.         {#        }#}
  135.         {#    });#}
  136.         {#});#}
  137.     });
  138. </script>