templates/front/offer/offer_preview/offer_preview.twig line 1

Open in your IDE?
  1. {% if offer is defined %}
  2.     {% set description = offer.workDescription|default %}
  3.     {% if app.request.locale == 'pl' %}
  4.         {% set title = offer.header.offerNamePL != '' ? offer.header.offerNamePL|default : offer.header.offerNameEN|default %}
  5.     {% else %}
  6.         {% set title = offer.header.offerNameEN != '' ? offer.header.offerNameEN|default : offer.header.offerNamePL|default %}
  7.     {% endif %}
  8. {% endif %}
  10. {% extends "front/layouts/default.twig" %}
  12. {% block content %}
  13.     {% if offer.offer|default(null) is null %}
  14.         {% set offer = offer %}
  15.     {% else %}
  16.         {% set offer = offer.offer %}
  17.     {% endif %}
  19.     {% include 'front/offer/offer_preview/includes/header/back_to_list_menu_top.twig' %}
  20.     {% include 'front/offer/offer_preview/includes/offer_preview.twig'
  21.         with
  22.         {
  23.             bottom_menu: true,
  24.             offer: offer,
  25.         }
  26.     %}
  27. {% endblock %}
  29. {% set currentPath = app.request.schemeAndHttpHost ~ app.request.requestUri %}
  31. {# Recaptch #}
  32. {% block script %}
  33. <input type="text" class="page_url" value="{{ currentPath }}" style="display: none;"> 
  35. <script src="https://www.google.com/recaptcha/api.js?render=6LfE3zUqAAAAAJ-V6PWpV7aWU_sbzShJho_MKIJn" async defer></script>
  36. <script>
  38. let pageUrl = {{ currentPath|json_encode|raw  }};
  40. const ARROW_DOWN = () => {
  41.     return `
  42.     <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-caret-down-fill" viewBox="0 0 16 16">
  43.         <path d="M7.247 11.14 2.451 5.658C1.885 5.013 2.345 4 3.204 4h9.592a1 1 0 0 1 .753 1.659l-4.796 5.48a1 1 0 0 1-1.506 0z"/>
  44.     </svg>`;
  45. };
  47. const ARROW_UP = () => {
  48.     return `
  49.     <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-caret-up-fill" viewBox="0 0 16 16">
  50.         <path d="m7.247 4.86-4.796 5.481c-.566.647-.106 1.659.753 1.659h9.592a1 1 0 0 0 .753-1.659l-4.796-5.48a1 1 0 0 0-1.506 0z"/>
  51.     </svg>`;
  52. };
  54. let langguage = `{{app.request.locale}}`;
  55. let messageSize = {
  56.     pl:'Plik ma za duży rozmiar (dozwolony rozmiar max 5 MB).',
  57.     en:'The file is too large (allowed size max 5 MB).'
  58. };
  59. let messageApplication = {
  60.     pl:'Zgłoszenie nie zostało wysłane, spróbuj ponownie.',
  61.     en:'The application was not sent, please try again.'
  62. };
  64. let messageType = {
  65.     pl: 'Nieprawidłowe rozszerzenie.',
  66.     en: 'Invalid extension.'
  67. }
  69. function validRequiredCheckBox(textbox){
  70.     let messageValidCheckbox = `{{ 'USER_ZONE.APPLICATION_MODAL.CHECKBOX_MESSAGE_VALID'|trans }}`;
  71.     if(!textbox.checked){
  72.         textbox.setCustomValidity(messageValidCheckbox);
  73.     }else{
  74.         textbox.setCustomValidity('');
  75.     }
  76.     return true;
  77. }
  79. function onSubmit(token) {
  80.     $.ajax({
  81.         method:'POST',
  82.         url:'/recaptch/send/data',
  83.         data:{response:token},
  84.         success: (rep)=>
  85.         {
  86.             if(rep.success == true){
  87.                 grecaptcha.ready(function() {
  88.                     grecaptcha.execute('6LfE3zUqAAAAAJ-V6PWpV7aWU_sbzShJho_MKIJn', {action: 'submit'}).then(function(token2) {
  89.                         $('#from-aplication').append('<input type="hidden" name="response" value="'+token2+'">');
  90.                     });
  91.                 });
  92.                 $('#from-aplication').trigger('submit');
  93.             }else{
  94.                 $('.alert-application').show();
  95.                 langguage == 'pl' ? $('.alert-message').text(messageApplication.pl):$('.alert-message').text(messageApplication.en);
  96.                 $('.button-to-send-cv').attr('disabled',false);
  97.             }
  98.         }
  99.     });
  100. }
  102. $(document).on('click', '.copy_url', function(){
  103.     $('.page_url').show();
  104.     $('.page_url').select();
  105.     document.execCommand("copy");
  106.     $('.page_url').blur();
  107.     $('.page_url').hide();
  108. });
  110. $('#from-aplication').submit(function(e) {
  111.     let valid = $('.file_is_valid').length;
  112.     let checkboxObject = $('.form_checkbox_valid_required');
  113.     let checkbox = checkboxObject.toArray();
  114.     let inputRequiredObject = $('.form_input_valid_required');
  115.     let inputRequired = inputRequiredObject.toArray();
  116.     let error = false;
  117.     e.preventDefault();
  119.     if (inputRequiredObject.length) {
  120.         inputRequired.forEach((element) => {
  121.             if (!$(element).val()) {
  122.                 $(element).css('border','1px solid red');
  123.                 error = true;
  124.                 return;
  125.             }
  127.             $(element).removeAttr('style');
  128.         });
  129.     }
  131.     if (checkboxObject.length) {
  132.         checkbox.forEach((element) => {
  133.             if (!$(element).prop('checked')) {
  134.                 $(element).css('border','1px solid red');
  135.                 error = true;
  136.                 return;
  137.             }
  139.             $(element).removeAttr('style');
  140.         });
  141.     }
  143.     if (!valid) {
  144.         $('.box-upload').css('border','1px solid red');
  145.         error = true;
  146.     }
  148.     if (!error) {
  149.         $('#from-aplication').unbind('submit');
  150.         $('.alert-application').show();
  151.         $('.button-to-send-cv').attr('disabled', true);
  152.         $('.alert-message').text(`{{ 'USER_ZONE.APPLICATION_MODAL.THANKS'|trans }}`);
  153.         $('.box-upload').removeAttr('style');
  154.         setTimeout(()=>{
  155.              e.currentTarget.submit()
  156.         }, 2000);
  157.     }
  158. });
  160. $(document).on('click', '.text-checkbox2-label', function(){
  161.     if($(this).hasClass('drop-down-list-checkbox')){
  162.         $(this).removeClass('drop-down-list-checkbox');
  163.         $('.arrow-label-checkbox').html(ARROW_DOWN);
  164.         $('.box-text-checlbox2-label').hide();
  165.     }else{
  166.         $(this).addClass('drop-down-list-checkbox');
  167.         $('.arrow-label-checkbox').html(ARROW_UP);
  168.         $('.box-text-checlbox2-label').show();
  169.     }
  170. });
  171.  
  172. $(document).ready(function(){
  173.     const acceptFileType = `{{ constant('App\\Entity\\File::ACCEPTED_FILE_TYPE')|json_encode }}`;
  174.     $('.upload-button').change(function(e){
  175.         var name = e.target.files[0].name;
  176.         var type = e.target.files[0].type;
  177.         var size = Math.round(((e.target.files[0].size/1024)/1024).toFixed(4));
  178.         if(acceptFileType.includes(type))
  179.         {
  180.             if(size >= 5){
  181.                 $('.upload-button').removeClass('file_is_valid');
  182.                 $('.box-upload').css('border','1px solid red');
  183.                 langguage == 'pl' ? $('.text-message-upload').text(messageSize.pl):$('.text-message-upload').text(messageSize.en) ;
  184.             }else{
  185.                 $('.upload-button').addClass('file_is_valid');
  186.                 $('.text-message-upload').text(name);
  187.                 $('.box-upload').removeAttr('style')
  188.             }
  189.         }else{
  190.             $('.box-upload').css('border','1px solid red');
  191.             $('.upload-button').removeClass('file_is_valid');
  192.             langguage == 'pl' ? $('.text-message-upload').text(messageType.pl):$('.text-message-upload').text(messageType.en) ;
  193.         }
  194.     });
  195. });  
  197. function slug(text)
  198. {
  199.     text = text.toString().toLowerCase().trim();
  200.     const sets = [
  201.         {to: 'a', from: '[ÀÁÂÃÄÅÆĀĂĄẠẢẤẦẨẪẬẮẰẲẴẶἀ]'},
  202.         {to: 'c', from: '[ÇĆĈČ]'},
  203.         {to: 'd', from: '[ÐĎĐÞ]'},
  204.         {to: 'e', from: '[ÈÉÊËĒĔĖĘĚẸẺẼẾỀỂỄỆ]'},
  205.         {to: 'g', from: '[ĜĞĢǴ]'},
  206.         {to: 'h', from: '[ĤḦ]'},
  207.         {to: 'i', from: '[ÌÍÎÏĨĪĮİỈỊ]'},
  208.         {to: 'j', from: '[Ĵ]'},
  209.         {to: 'ij', from: '[IJ]'},
  210.         {to: 'k', from: '[Ķ]'},
  211.         {to: 'l', from: '[ĹĻĽŁ]'},
  212.         {to: 'm', from: '[Ḿ]'},
  213.         {to: 'n', from: '[ÑŃŅŇ]'},
  214.         {to: 'o', from: '[ÒÓÔÕÖØŌŎŐỌỎỐỒỔỖỘỚỜỞỠỢǪǬƠ]'},
  215.         {to: 'oe', from: '[Œ]'},
  216.         {to: 'p', from: '[ṕ]'},
  217.         {to: 'r', from: '[ŔŖŘ]'},
  218.         {to: 's', from: '[ߌŜŞŠȘ]'},
  219.         {to: 't', from: '[ŢŤ]'},
  220.         {to: 'u', from: '[ÙÚÛÜŨŪŬŮŰŲỤỦỨỪỬỮỰƯ]'},
  221.         {to: 'w', from: '[ẂŴẀẄ]'},
  222.         {to: 'x', from: '[ẍ]'},
  223.         {to: 'y', from: '[ÝŶŸỲỴỶỸ]'},
  224.         {to: 'z', from: '[ŹŻŽ]'},
  225.         {to: '-', from: '[·/_,:;\']'}
  226.     ];
  227.     sets.forEach(set => {
  228.         text = text.replace(new RegExp(set.from, 'gi'), set.to);
  229.     });
  230.     return text
  231.         .replace(/\s+/g, '-')
  232.         .replace(/[^0-9a-zа-я\u0370-\u03ff\u1f00-\u1fff-]+/g, '')
  233.         .replace(/--+/g, '-')
  234.         .replace(/^-+/, '')
  235.         .replace(/-+$/, '');
  236. }
  238. function createFiltersString(){
  239.   filtersString = '';
  240.     $('.click-filter').each(function() {
  241.         if (filtersString === '') {
  242.             filtersString += '?';
  243.             filtersString += $(this).data('filter-key') + '=' + slug($(this).data('filter'));
  244.         } else {
  245.             filtersString += '&';
  246.             filtersString += $(this).data('filter-key') + '=' +  slug($(this).data('filter'));
  247.           
  248.         }
  249.         if($(this).data('filter-key') == "filters[search][]"){
  250.             filtersString += '&';
  251.             filtersString += "filters[phrase]["+slug($(this).data('filter'))+"]" + '=' + $(this).data('filter');
  252.         }
  253.         // filtersString += '&page=1'
  254.     });
  255. }
  257. function buildUrl() {
  258.   let newUrl = window.location.protocol + "//" + window.location.host + filtersString;
  259.   return newUrl;
  260. }
  262. $(document).on('click', '.search-button-list', function (e) {
  263.   $('.click-filter').removeClass('.click-filter');
  264.   $(this).addClass('click-filter');
  265.   createFiltersString();
  266.   let url = `{{ path('front-page', {url: get_page_url(app.request.locale, constant('App\\Config\\Pages::OFFERS_INDUSTRY'))})}}`;
  267.   window.location.href = url+filtersString + '&filters[page][]=1';
  268.   return false;
  269. });
  270. </script>
  271. {% endblock %}