templates/recurrent_jobs_search/_includes/form_javascript.html.twig line 1

Open in your IDE?
  1. {{ include('/_includes/radiusslider.html.twig') }}
  3. <script>
  4. {{ inlineJsWrapperBegin() }}
  5. jQuery('form[name="recurrent_jobs_search_parameters"]').on('submit', function () {
  6. jQuery(window).on('beforeunload', function () {
  7. startLoader()
  8. });
  9. });
  10. const progressBar = document.getElementById('progress-bar')
  11. const progressBarTarget = document.getElementById('progress-bar-target')
  12. let intervalId
  13. const startLoader = function () {
  14. const max = 95;
  15. progressBar.classList.add('tw-block')
  16. progressBar.classList.remove('tw-hidden')
  17. let progress = 0;
  18. progressBarTarget.style.width = progress + '%';
  19. clearInterval(intervalId)
  20. intervalId = setInterval(() => {
  21. if (progress < max) {
  22. progress += Math.random() * 5;
  23. if (progress > max) progress = max;
  24. progressBarTarget.style.width = progress + '%';
  25. }
  26. }, 60
  27. );
  28. }
  29. jQuery('.popular-jobs-button').on('click', function (event) {
  30. event.preventDefault();
  31. jQuery('.popular-jobs').toggleClass('tw-hidden');
  32. jQuery('.info-bubble').addClass('tw-hidden');
  33. jQuery('.info-bubble').removeClass('md:tw-block');
  34. jQuery('.popular-jobs-arrow').toggleClass('fa-chevron-down');
  35. jQuery('.popular-jobs-arrow').toggleClass('fa-chevron-up');
  36. if (!jQuery('.popular-jobs').hasClass('tw-hidden')) {
  37. } else {
  38. jQuery('#recurrent_jobs_search_parameters_filterSearchterm').focus();
  39. }
  40. })
  42. jQuery('#specificBlockID.form-group').contents().unwrap();
  44. jQuery('.suggested-searchterm-button').on('click', function (event) {
  45. event.preventDefault();
  46. jQuery('#recurrent_jobs_search_parameters_filterSearchterm').val(jQuery(this).attr('data-translation'));
  47. jQuery('.popular-jobs').toggleClass('tw-hidden');
  48. jQuery('.popular-jobs-arrow').toggleClass('fa-chevron-down');
  49. jQuery('.popular-jobs-arrow').toggleClass('fa-chevron-up');
  50. jQuery('#recurrent_jobs_search_parameters_filterSearchterm').focus();
  51. });
  53. {{ inlineJsWrapperEnd() }}
  54. </script>
  56. {{ include('/_includes/selectZipcodeOrCity.html.twig') }}
  57. {{ include('/_includes/searchFormFieldValidation.html.twig') }}
  59. <script defer src="{{ asset('assets/generated/js/autoSuggest.js')|cdnifyUri }}"></script>
  61. <script>
  62. {{ inlineJsWrapperBegin() }}
  63. window.appFunctions.initializeAutoSuggest('recurrent_jobs_search_parameters_filterSearchterm', 'searchterm-autosuggest-results', '{{ path('occupational_fields_and_professions_search.autosuggest.api') }}', '<p class="autosuggest-item m-0 cursor-pointer list-group-item list-group-item-action py-1">', '</p>', '<hr/>', 'autosuggest-item', '0');
  64. {{ inlineJsWrapperEnd() }}
  65. </script>
  67. {% if showMembershipModal is defined and showMembershipModal %}
  68. <script>
  69. {{ inlineJsWrapperBegin() }}
  70. jQuery('#jobseeker-membership-modal').modal('show');
  71. jQuery('#jobseeker-membership-close-button').on('click', function () {
  72. jQuery('#jobseeker-membership-modal').modal('hide');
  73. })
  74. {{ inlineJsWrapperEnd() }}
  75. </script>
  76. {% endif %}
  78. <script>
  79. {{ inlineJsWrapperBegin() }}
  80. window.appFunctions.searchAllJobs = function () {
  81. event.preventDefault();
  82. var querystring = jQuery('form[name="recurrent_jobs_search_parameters"]').serialize();
  83. window.location.href = '{{ path('recurrent_jobs_search.all_jobs') }}?' + querystring;
  84. }
  86. window.appFunctions.searchAllJobsExternalBoost = function () {
  87. event.preventDefault();
  88. var querystring = jQuery('form[name="recurrent_jobs_search_parameters"]').serialize();
  89. window.location.href = '{{ path('recurrent_jobs_search.all_jobs') }}?' + querystring + '&boostExternalJobs=1';
  90. }
  92. {{ inlineJsWrapperEnd() }}
  94. </script>
  96. {% if criteo_service.pageShouldContainCriteoCode(app.request, app.user) %}
  97. <!-- Criteo Product Tag -->
  98. <script>
  99. {{ inlineJsWrapperBegin() }}
  100. if (typeof window.CCM === 'object') {
  101. const hasConsentForEmbedding = CCM.acceptedEmbeddings.some(embedding => {
  102. return embedding.name === 'Criteo';
  103. });
  105. if (hasConsentForEmbedding) {
  106. window.criteo_q = window.criteo_q || [];
  107. var deviceType = /iPad/.test(navigator.userAgent) ? "t" : /Mobile|iP(hone|od)|Android|BlackBerry|IEMobile|Silk/.test(navigator.userAgent) ? "m" : "d";
  108. window.criteo_q.push({
  109. event: "setAccount",
  110. account: 88703
  111. },
  112. {
  113. event: "setEmail",
  114. email: {% if app.user is defined and app.user is not null and app.user.email is defined and app.user.email is not null %}"{{ app.user.email|sha256 }}",
  115. hash_method: "sha256"
  116. {% else %}
  117. "" {% endif %}
  118. },
  119. {
  120. event: "setSiteType",
  121. type: deviceType
  122. },
  123. {
  124. event: "viewItem",
  125. item: "1"
  126. });
  127. }
  128. }
  130. {{ inlineJsWrapperEnd() }}
  131. </script>
  132. <!-- END Criteo Product Tag -->
  133. {% endif %}