templates/front/includes/scripts.twig line 1

Open in your IDE?
  1. <!-- jquery.min.js -->
  2. <script src="https://code.jquery.com/jquery-3.6.0.min.js"                                  integrity="sha256-/xUj+3OJU5yExlq6GSYGSHk7tPXikynS7ogEvDej/m4=" crossorigin="anonymous"></script>
  3. <script src="https://code.jquery.com/ui/1.13.0/jquery-ui.js"                               ></script>
  4. <script src="https://cdn.jsdelivr.net/npm/bootstrap@4.6.0/dist/js/bootstrap.bundle.min.js" integrity="sha384-Piv4xVNRyMGpqkS2by6br4gNJ7DXjqk09RmUpJ8jgGtD7zP9yug3goQfGII0yAns" crossorigin="anonymous"></script>
  5. <script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.11.0/umd/popper.min.js"    integrity="sha384-b/U6ypiBEHpOf/4+1nzFpr53nxSS+GLCkfwBdFNTxtclqqenISfwAzpKaMNFNmj4" crossorigin="anonymous"></script>
  6. <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.1.3/dist/js/bootstrap.bundle.min.js" integrity="sha384-ka7Sk0Gln4gmtz2MlQnikT1wXgYsOg+OMhuP+IlRH9sENBO0LRn5q+8nbTov4+1p" crossorigin="anonymous"></script>
  7. <script src="https://cdnjs.cloudflare.com/ajax/libs/ion-rangeslider/2.3.1/js/ion.rangeSlider.min.js"></script>
  8. <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.1.1/css/all.min.css" />
  11. <!-- sharethis -->
  12. <script type='text/javascript' src='https://platform-api.sharethis.com/js/sharethis.js#property=63110b5e560f0d00125e74b9&product=sop' async='async'></script>
  13. <script src="https://cdn.jsdelivr.net/npm/select2@4.1.0-rc.0/dist/js/select2.min.js"></script>
  15. <!-- script.js -->
  16. <script src="{{ asset('/assets/js/ckeditor4.23/ckeditor.js') }}"></script>
  17. <script src="{{ asset('/assets/js/main.js') }}"></script>
  18. <script>
  20.     $(document).ready(function () {
  21.         if ($('.bulleted_list_textarea').length) {
  22.             $('.bulleted_list_textarea').each(function (index, object) {
  23.                 let placeholder = $(object).attr('placeholder');
  24.                 CKEDITOR.replace(object, {
  25.                     editorplaceholder: placeholder,
  26.                     enterMode: CKEDITOR.ENTER_LIST,
  27.                     shiftEnterMode: CKEDITOR.ENTER_BR,
  28.                     autoParagraph: false,
  29.                     allowedContent: 'ul ol li[*]', // Tylko listy, * oznacza usunięcie atrybutów
  30.                     disallowedContent: '*[!ul,!ol,!li]', // Usunięcie innych elementów
  31.                     versionCheck: false,
  32.                     selector: '.bulleted_list_textarea',
  33.                     height: "280",
  34.                     content_style: "@import url('https://fonts.googleapis.com/css2?family=Roboto+Condensed:wght@300;400&family=Roboto:wght@300&display=swap'); body {margin-top: 4px; margin-left: 10px; height: 100% !important;  font-family: 'Roboto Condensed', sans-serif !important; font-size: 14px; font-weight: 400; color: #20262d;}" + "ul {margin: 0px; padding: 0.375rem 0.75rem;}" + "body > p {display:none;}" + ".mce-content-body[data-mce-placeholder]{ margin-top: 10px;position: relative;}",
  35.                     mobile: {
  36.                         height: "150",
  37.                         content_style: "@import url('https://fonts.googleapis.com/css2?family=Roboto+Condensed:wght@300;400&family=Roboto:wght@300&display=swap'); body {margin-top: 4px; margin-left: 10px; height: 100% !important;  font-family: 'Roboto Condensed', sans-serif !important; font-size: 14px; font-weight: 400; color: #20262d}" + "ul {margin: 0px; padding-left: 0px; padding: 0.375rem 0.75rem;}" + "body > p {display:none;}" + ".mce-content-body[data-mce-placeholder]{ margin-top: 10px;position: relative;}",
  38.                     },
  39.                     extraPlugins: "editorplaceholder",
  40.                     toolbar: [{name: 'basicstyles', items: ['BulletedList']}],
  41.                     removePlugins: "elementspath,save,magicline,image,flash,iframe,link,smiley,find,pagebreak,templates,about,maximize,showblocks,newpage,language,blockquote,save,flash,iframe,pagebreak,templates,about,showblocks,newpage,language,print,div'",
  42.                     on: {
  43.                         instanceReady: function (ckeditor) {
  44.                             var idtext = ckeditor.editor.name;
  45.                             let editor = ckeditor.editor;
  46.                             let value  = editor.getData();
  48.                             let id = object.id;
  49.                             if(value == ''){
  50.                                 editor.setData('<ul><li></li></ul>');
  51.                                 $('<textarea id="'+idtext+'" />').html('<ul><li></li></ul>')
  52.                             }
  53.                             createBulletedInput(value, idtext);
  54.                         },
  55.                         paste: function (ckeditor) {
  56.                             /*var idtext = ckeditor.editor.name;
  57.                             let editor  = ckeditor.editor;
  58.                             let valuePaste  = ckeditor.data.dataValue;
  59.                             let value  = editor.getData();
  60.                             let id = object.id;
  61.                             valuePaste = cleanListHtml(valuePaste);
  62.                              if (valuePaste.includes('<ul data-test="aggregate-bullet-model">') != false) {
  63.                                 valuePaste = valuePaste.replaceAll('<ul data-test="aggregate-bullet-model">', '<ul>');
  64.                             }
  65.                             if(valuePaste.includes('<ul data-stringify-type="unordered-list" data-list-tree="true" data-indent="0" data-border="0"><li data-stringify-indent="0" data-stringify-border="0">') != false){
  66.                                 valuePaste = valuePaste.replaceAll('<ul data-stringify-type="unordered-list" data-list-tree="true" data-indent="0" data-border="0"><li data-stringify-indent="0" data-stringify-border="0">', '<ul>');
  67.                             }
  68.                             if(valuePaste.includes('<li data-stringify-indent="0" data-stringify-border="0">') != false){
  69.                                 valuePaste = valuePaste.replaceAll('<li data-stringify-indent="0" data-stringify-border="0">', '<li>');
  70.                             }
  71.                             if (valuePaste.includes('<li') == false) {
  72.                                 valuePaste = '<li>'+ckeditor.data.dataValue+'</li>';
  73.                             }
  74.                             console.log(valuePaste);
  75.                             valuePaste = removeAttributesFromHTML(valuePaste);
  76.                             console.log(valuePaste);
  77.                             if(valuePaste.includes('<br>') != false){
  78.                                 valuePaste = valuePaste.replaceAll('<br>', '</li><li>');
  79.                             }
  80.                             if (valuePaste.includes('</ul><ul>') != false) {
  81.                                 valuePaste = valuePaste.replaceAll('</ul><ul>', '');
  82.                             }
  83.                             if (valuePaste.includes('<li><ul>') != false) {
  84.                                 valuePaste = valuePaste.replaceAll('<li><ul>', '');
  85.                             }
  86.                             if (valuePaste.includes('</ul></li>') != false) {
  87.                                 valuePaste = valuePaste.replaceAll('</ul></li>', '');
  88.                             }
  90.                             if (valuePaste.includes('<br/>') != false){
  91.                                 valuePaste = valuePaste.replaceAll('<br/>', '</li><li>');
  92.                             }
  93.                             if (valuePaste.includes('<br data-cke-eol="1">') != false){
  94.                                 valuePaste = valuePaste.replaceAll('<br data-cke-eol="1">', '');
  95.                             }
  97.                             if (valuePaste.includes('<br />') != false) {
  98.                                 valuePaste = valuePaste.replaceAll('<br />', '</li><li>');
  99.                             }
  100.                             if (valuePaste.includes('<div>') != false) {
  101.                                 valuePaste = valuePaste.replaceAll('<div>', '');
  102.                             }
  103.                             if (valuePaste.includes('</div>') != false) {
  104.                                 valuePaste = valuePaste.replaceAll('</div>', '');
  105.                             }
  106.                             //value += valuePaste;
  107.                             value = value.replaceAll('</ul>', '');
  108.                             value = value.replaceAll('<li><br></li>', '');
  109.                             value = value.replaceAll('<li><br/></li>', '');
  110.                             value = value.replaceAll('<li><br /></li>', '');
  111.                             value = value.replaceAll('<li>&nbsp;</li>', '');
  112.                             value = value.replaceAll('<ul>', '');
  113.                             editor.setData(value);
  114.                             createBulletedInput(value, idtext);*/
  115.                         },
  116.                         change: function (ckeditor) {
  117.                             var idtext = ckeditor.editor.name;
  118.                             let editor = ckeditor.editor;
  119.                             let value  = editor.getData();
  120.                             let id = object.id;
  121.                             if (value.includes('<ul data-test="aggregate-bullet-model">') != false) {
  122.                                 value = value.replaceAll('<ul data-test="aggregate-bullet-model">', '<ul>');
  123.                             }
  126.                             if(value.includes('<br>') != false){
  127.                                 value = value.replaceAll('<br>', '</li><li>');
  128.                             }
  129.                             console.log(value);
  130.                             value = removeAttributesFromHTML(value);
  131.                             console.log(value);
  132.                             if(value.includes('<ul data-stringify-type="unordered-list" data-list-tree="true" data-indent="0" data-border="0"><li data-stringify-indent="0" data-stringify-border="0">') != false){
  133.                                 value = value.replaceAll('<ul data-stringify-type="unordered-list" data-list-tree="true" data-indent="0" data-border="0"><li data-stringify-indent="0" data-stringify-border="0">', '<ul>');
  134.                             }
  135.                             if(value.includes('<li data-stringify-indent="0" data-stringify-border="0">') != false){
  136.                                 value = value.replaceAll('<li data-stringify-indent="0" data-stringify-border="0">', '<li>');
  137.                             }
  138.                             if (value.includes('</ul><ul>') != false) {
  139.                                 value = value.replaceAll('</ul><ul>', '');
  140.                             }
  141.                             if (value.includes('<li><ul>') != false) {
  142.                                 value = value.replaceAll('<li><ul>', '');
  143.                             }
  144.                             if (value.includes('</ul></li>') != false) {
  145.                                 value = value.replaceAll('</ul></li>', '');
  146.                             }
  147.                             if (value.includes('<div>') != false) {
  148.                                 value = value.replaceAll('<div>', '');
  149.                             }
  150.                             if (value.includes('</div>') != false) {
  151.                                 value = value.replaceAll('</div>', '');
  152.                             }
  154.                             if (value.includes('<br/>') != false){
  155.                                 value = value.replaceAll('<br/>', '</li><li>');
  156.                             }
  158.                             if (value.includes('<br data-cke-eol="1">') != false){
  159.                                 value = value.replaceAll('<br data-cke-eol="1">', '');
  160.                             }
  161.                             if (value.includes('<li>&nbsp;</li><li>') != false) {
  162.                                 value = value.replaceAll('<li>&nbsp;</li><li>', '<li>');
  163.                                 editor.setData(value);
  164.                             }
  165.                             if (value.includes('<br />') != false) {
  166.                                 value = value.replaceAll('<br />', '</li><li>');
  167.                             }
  168.                             let decodeText = $('<textarea id="'+idtext+'" />').html(value).text();
  169.                             createBulletedInput(decodeText, idtext);
  170.                         },
  171.                         key: function (ckeditor) {
  172.                             if (ckeditor.data.keyCode == 9 || ckeditor.data.keyCode == (CKEDITOR.SHIFT + 9)) {
  173.                                 ckeditor.cancel();
  174.                                 ckeditor.stop();
  175.                             }
  176.                             let editor = ckeditor.editor;
  177.                             let value  = editor.getData();
  179.                             var idtext = ckeditor.editor.name;
  180.                             if(ckeditor.data.keyCode == 13 && value.includes('<li>&nbsp;</li>') != false){
  182.                             }else{
  183.                                 if(ckeditor.data.keyCode != 1114129 && ckeditor.data.keyCode != 1114198 && ckeditor.data.keyCode != 9){
  186.                                     if ($('.'+editor.name).find('.cke_button__bulletedlist').hasClass('cke_button_off')) {
  187.                                         $('.'+editor.name).find('.cke_button__bulletedlist').click();
  188.                                     }
  190.                                     let id = object.id;
  191.                                     value = removeAttributesFromHTML(value);
  192.                                     if (value.includes('<br>') != false) {
  193.                                         value = value.replaceAll('<br>', '</li><li>');
  194.                                         editor.setData(value);
  195.                                     }
  196.                                     if (value.includes('<div>&nbsp;</div>') != false) {
  197.                                         value = value.replaceAll('<div>&nbsp;</div>', '');
  198.                                         editor.setData(value);
  199.                                     }
  202.                                     if (value.includes('</ul><ul>') != false) {
  203.                                         value = value.replaceAll('</ul><ul>', '');
  204.                                         editor.setData(value);
  205.                                     }
  206.                                     if (value.includes('<p>') != false) {
  207.                                         value = value.replaceAll('<p>', '<li>').replaceAll('</p>', '</li>').replaceAll('<div>', '<li>').replaceAll('</div>', '</li>').replaceAll('<li><br></li>', '');
  208.                                         editor.setData(value);
  209.                                     }
  210.                                     if (value.includes('<div>') != false) {
  211.                                         value = value.replaceAll('<div>', '<li>').replaceAll('</div>', '</li>').replaceAll('<li><br></li>', '');
  212.                                         editor.setData(value);
  213.                                     }
  215.                                     if (value.includes('<ul>') == false) {
  216.                                         editor.setData('<ul><li>'+ value +'</li></ul>');
  217.                                     }
  219.                                     let decodeText = $('<textarea id="'+idtext+'" />').html(value).text();
  220.                                     createBulletedInput(decodeText, idtext);
  221.                                 }
  222.                             }
  223.                         }
  224.                     }
  225.                 });
  226.             });
  227.         }
  228.     });
  230.     const INPUT_HIDDENS = (i, name, value) => {
  231.         return `<input type="hidden" name="offer[`+ name +`][selected][`+ i +`]" value="custom_input`+ value +`" class="input-list-point_`+ name +` input_bulleted_list_`+name+`_`+ i +`">`;
  232.     };
  234.     const BUTTON_NO_CLICK = () => {
  235.         return `
  236.             <button class="navbar-toggler navbar_click_to_change navbar_button_no_clicked" type="button" data-bs-toggle="collapse" data-bs-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
  237.                 <span class="navbar-toggler-line"></span>
  238.                 <span class="navbar-toggler-line"></span>
  239.                 <span class="navbar-toggler-line"></span>
  240.             </button>
  241.         `;
  242.     }
  244.     let rand = function() {
  245.         return Math.random().toString(36).substr(2); // remove `0.`
  246.     };
  248.     let generateToken = function() {
  249.         return rand() + rand(); // to make it longer
  250.     };
  252.     const BUTTON_CLICK = () => {
  253.         return `
  254.             <button class="navbar-toggler navbar_click_to_change navbar_button_clicked" type="button" data-bs-toggle="collapse" data-bs-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
  255.               <img src="{{ asset('assets/img/x-white.svg') }}">
  256.             </button>
  257.         `;
  258.     };
  260.     function alertMessage(response, reloadPage = false, waitReloadPage = 600)
  261.     {
  262.         $('.alert').removeClass('alert-danger alert-success');
  263.         $('.alert').addClass('alert-'+response.type);
  264.         $('.alert').show();
  265.         $('.alert_message').html(response.message);
  267.         if(reloadPage){
  268.             setTimeout(function (){
  269.                 location.reload();
  270.             }, waitReloadPage)
  271.         }else{
  272.             setTimeout(function (){
  273.                 $('.alert').hide();
  274.             }, waitReloadPage)
  275.         }
  276.     }
  277.     function removeAttributesFromHTML(htmlString) {
  278.         // Tworzymy tymczasowy element do sparsowania HTML
  279.         const tempDiv = document.createElement('div');
  280.         tempDiv.innerHTML = htmlString;
  282.         // Funkcja rekurencyjna do czyszczenia atrybutów
  283.         function cleanAttributes(element) {
  284.             if (element.nodeType === 1) { // tylko elementy HTML
  285.                 // Usuwamy wszystkie atrybuty
  286.                 while (element.attributes.length > 0) {
  287.                     element.removeAttribute(element.attributes[0].name);
  288.                 }
  289.             }
  290.             // Przechodzimy rekurencyjnie przez dzieci
  291.             for (let child of element.childNodes) {
  292.                 cleanAttributes(child);
  293.             }
  294.         }
  296.         // Czyścimy wszystkie dzieci tymczasowego elementu
  297.         for (let child of tempDiv.childNodes) {
  298.             cleanAttributes(child);
  299.         }
  301.         return tempDiv.innerHTML;
  302.     }
  303.     function cleanListHtml(html) {
  304.         const parser = new DOMParser();
  305.         const doc = parser.parseFromString(html, 'text/html');
  307.         const allowedTags = ['UL', 'OL', 'LI'];
  309.         function cleanElement(el) {
  310.             // Only process element nodes
  311.             if (el.nodeType !== 1) return;
  313.             // If tag is not allowed, unwrap its children
  314.             if (!allowedTags.includes(el.tagName)) {
  315.                 const parent = el.parentNode;
  316.                 while (el.firstChild) {
  317.                     parent.insertBefore(el.firstChild, el);
  318.                 }
  319.                 parent.removeChild(el);
  320.                 return;
  321.             }
  323.             // If tag is allowed, remove all attributes
  324.             while (el.attributes.length > 0) {
  325.                 el.removeAttribute(el.attributes[0].name);
  326.             }
  328.             // Recursively clean children
  329.             Array.from(el.childNodes).forEach(child => cleanElement(child));
  330.         }
  332.         Array.from(doc.body.childNodes).forEach(child => cleanElement(child));
  334.         return doc.body.innerHTML;
  335.     }
  339.     function createBulletedInput(value_data, NameType)
  340.     {
  341.         let clearString = '';
  342.         let R = 0;
  343.         let k = 0;
  344.         let value = value_data.replaceAll('<ul>','').replaceAll('</ul>', '').replaceAll('<li>', '').replaceAll('\n', '').replaceAll('&nbsp;', '').replaceAll('</li>', '\n').replaceAll('<br>', '\n').replaceAll('<br />', '\n').replaceAll('<div>', '').replaceAll('</div>', '');
  345.         let length = value.length;
  347.         $('.input-list-point_'+NameType).remove();
  348.         ListData                = [];
  349.         ResponseData[NameType]  = [];
  351.         for (k; k <= length; k++) {
  352.             if (value.charAt(k) != '\n') {
  353.                 if (value.charAt(k) != '') {
  354.                     clearString += value.charAt(k);
  355.                     ListData[R] = {"id": R, "text": clearString};
  356.                     ResponseData[NameType] = ListData;
  357.                     ResponseData[NameType].forEach((val,key)=>{
  358.                         if(typeof ResponseData[NameType][key].text){
  359.                             if($('.input_bulleted_list_'+NameType+'_'+ResponseData[NameType][key].id).length <= 0){
  360.                                 $('.box-bulleted_list_'+NameType).append(INPUT_HIDDENS(ResponseData[NameType][key].id, NameType, ResponseData[NameType][key].text));
  361.                             }else{
  362.                                 $('.input_bulleted_list_'+NameType+'_'+ResponseData[NameType][key].id).val('custom_input'+ResponseData[NameType][key].text);
  363.                             }
  364.                         }
  365.                     });
  366.                 }
  367.             } else {
  368.                 clearString = '';
  369.                 R ++;
  370.             }
  371.         }
  372.     }
  374.     $(document).on('click', '.check-wrapper img', function(){
  375.         $(this).closest('.check-wrapper').find('label').click();
  376.     });
  377.     $(document).on('click', '.check-wrapper label', function(e){
  378.         e.stopPropagation();
  379.     });
  380.     if (jQuery(window).innerWidth() < 600) {
  381.         $(document).on('click', '.package_range_switch_box img', function(){
  382.             $(this).closest('.package_range_switch_box').find('label.bold').click();
  383.         });
  384.     }
  385.     $(document).on('click', '.navbar_click_to_change', function(){
  386.         if($(this).hasClass('navbar_button_no_clicked')){
  387.             $('.navbar_button_no_clicked').remove();
  388.             $('.navbar-box-button').append(BUTTON_CLICK());
  389.         }else{
  390.             $('.navbar_button_clicked').remove();
  391.             $('.navbar-box-button').append(BUTTON_NO_CLICK());
  392.         }
  393.     });
  395.     $(document).on('click', '.package_box_selected', function (){
  396.         let element = $(this).data('package');
  397.         $('.package_box_selected').removeClass('package_selected');
  398.         $('.package_checkbox_selected').prop('checked', false);
  399.         $('label[data-package="'+element+'"]').addClass('package_selected');
  400.     })
  402.     // GGRZ 2022-10-26
  403.     $(window).bind('beforeunload', function(){
  404.         $('.box-spinner').css("display","block");
  405.     });
  407.     $(window).bind('unload', function(){
  408.         $('.box-spinner').css("display","none");
  409.     });
  410. </script>