templates/bundles/EasyAdminBundle/default/includes/_body_javascript.html.twig line 1

Open in your IDE?
  1. {% block body_javascript %}
  3.     <script type="text/javascript">
  4.         $(function() {
  5.             const toggles = document.querySelectorAll('.checkbox-switch input[type="checkbox"]');
  6.             for (i = 0; i < toggles.length; i++) {
  7.                 toggles[i].addEventListener('change', function () {
  8.                     const toggle = this;
  9.                     const newValue = this.checked;
  10.                     const oldValue = !newValue;
  11.                     const propertyName = this.closest('.checkbox-switch').dataset.propertyname;
  13.                     const toggleUrl = "{{ path('easyadmin', { action: 'edit', entity: _entity_config.name, view: 'list' })|raw }}"
  14.                         + "&id=" + this.closest('tr').dataset.id
  15.                         + "&property=" + propertyName
  16.                         + "&newValue=" + newValue.toString();
  18.                     let toggleRequest = $.ajax({ type: "GET", url: toggleUrl, data: {} });
  20.                     toggleRequest.done(function(result) {});
  22.                     toggleRequest.fail(function() {
  23.                         // in case of error, restore the original value and disable the toggle
  24.                         toggle.checked = oldValue;
  25.                         toggle.disabled = true;
  26.                         toggle.closest('.checkbox-switch').classList.add('disabled');
  27.                     });
  28.                 });
  29.             }
  31.             $('.action-delete').on('click', function(e) {
  32.                 e.preventDefault();
  33.                 const id = $(this).parents('tr').first().data('id');
  35.                 $('#modal-delete').modal({ backdrop: true, keyboard: true })
  36.                     .off('click', '#modal-delete-button')
  37.                     .on('click', '#modal-delete-button', function () {
  38.                         let deleteForm = $('#delete-form');
  39.                         deleteForm.attr('action', deleteForm.attr('action').replace('__id__', id));
  40.                         deleteForm.trigger('submit');
  41.                     });
  42.             });
  44.             {% if _has_filters %}
  45.             // HTML5 specifies that a <script> tag inserted with innerHTML should not execute
  46.             // https://developer.mozilla.org/en-US/docs/Web/API/Element/innerHTML#Security_considerations
  47.             // That's why we can't use just 'innerHTML'. See https://stackoverflow.com/a/47614491/2804294
  48.             var setInnerHTML = function(element, htmlContent) {
  49.                 element.innerHTML = htmlContent;
  50.                 Array.from(element.querySelectorAll('script')).forEach( oldScript => {
  51.                     const newScript = document.createElement('script');
  52.                     Array.from(oldScript.attributes)
  53.                         .forEach(attr => newScript.setAttribute(attr.name, attr.value));
  54.                     newScript.appendChild(document.createTextNode(oldScript.innerHTML));
  55.                     oldScript.parentNode.replaceChild(newScript, oldScript);
  56.                 });
  57.             };
  59.             document.querySelector('.action-filters-button').addEventListener('click', function(event) {
  60.                 let filterButton = event.currentTarget;
  61.                 let filterModal = document.querySelector(filterButton.dataset.modal);
  62.                 let filterModalBody = filterModal.querySelector('.modal-body');
  64.                 $(filterModal).modal({ backdrop: true, keyboard: true });
  65.                 filterModalBody.innerHTML = '<div class="fa-3x px-3 py-3 text-muted text-center"><i class="fas fa-circle-notch fa-spin"></i></div>';
  67.                 $.get(filterButton.getAttribute('href'), function (response) {
  68.                     setInnerHTML(filterModalBody, response);
  69.                 });
  71.                 event.preventDefault();
  72.                 event.stopPropagation();
  73.             });
  74.             {% endif %}
  76.             {% if _has_batch_actions %}
  78.             $(document).ready(function () {
  79.                 const $content = $('.panel');
  80.                 let $input = $content.find(':hidden#batch_form_ids');
  81.                 let ids = $input.val() ? $input.val().split(',') : [];
  82.                 showBatchAcions(ids, $content);
  83.             });
  85.             //const titleContent = $('.panel-heading > .panel-title').html();
  87.             $(document).on('click', '.deselect-batch-button', function () {
  88.                 $(this).closest('.panel').find(':checkbox.form-batch-checkbox-all').prop('checked', false).trigger('change');
  89.             });
  90.             $(document).on('change', '.form-batch-checkbox-all', function () {
  91.                 $(this).closest('.panel').find(':checkbox.form-batch-checkbox').prop('checked', $(this).prop('checked')).trigger('change');
  92.             });
  93.             $(document).on('change', '.form-batch-checkbox', function () {
  94.                 const $content = $(this).closest('.panel');
  95.                 let $input = $content.find(':hidden#batch_form_ids');
  96.                 let ids = $input.val() ? $input.val().split(',') : [];
  97.                 const id = $(this).val();
  99.                 if ($(this).prop('checked')) {
  100.                     if (-1 === ids.indexOf(id)) {
  101.                         ids.push(id);
  102.                     }
  103.                 } else {
  104.                     ids = ids.filter(function(value) { return value !== id });
  105.                     $content.find(':checkbox.form-batch-checkbox-all').prop('checked', false);
  106.                 }
  108.                 showBatchAcions(ids, $content);
  110.                 $input.val(ids.join(','));
  112.                 //$content.find('.panel-heading > .panel-title').html(0 == ids.length ? titleContent : ' ');
  113.             });
  115.             let showBatchAcions = function (ids, $content) {
  116.                 if (0 === ids.length) {
  117.                     $content.find('.panel-control').show();
  118.                     $content.find('.batch-actions').hide();
  119.                     $content.find('table').removeClass('table-batch');
  120.                 } else {
  121.                     $content.find('.batch-actions').show();
  122.                     $content.find('.panel-control').hide();
  123.                     $content.find('table').addClass('table-batch');
  124.                 }
  125.             };
  127.             $('button[name="batch_form[name]"][value="captureMail"]').on('click', function (event) {
  128.                 event.preventDefault();
  129.                 event.stopPropagation();
  131.                 const $content = $('.panel');
  132.                 let $input = $content.find(':hidden#batch_form_ids');
  133.                 let ids = $input.val() ? $input.val().split(',') : [];
  134.                 let emails = [];
  135.                 for (const idsKey in ids)
  136.                 {
  137.                     emails.push($('table tbody tr[data-id=' + ids[idsKey] + ']').find('td.string:eq(1) > span').attr('title'));
  138.                 }
  140.                 $('.toast').text('(' + ids.length + ') Correos Copiados').toast('show');
  141.                 copyTextToClipboard(emails.join(' '));
  142.                 $('.deselect-batch-button').click();
  143.             });
  145.             let modalTitle = $('#batch-action-confirmation-title');
  146.             const titleContentWithPlaceholders = modalTitle.text();
  147.             $('button[name="batch_form[name]"].batch-action-requires-confirmation').on('click', function (event) {
  148.                 event.preventDefault();
  149.                 event.stopPropagation();
  150.                 let $button = $(this);
  152.                 const actionName = $button.text();
  153.                 const numberOfSelectedItems = $('input[type="checkbox"].form-batch-checkbox:checked').length;
  154.                 modalTitle.text(titleContentWithPlaceholders
  155.                     .replace('%action_name%', actionName)
  156.                     .replace('%num_items%', numberOfSelectedItems));
  158.                 $('#modal-batch-action').modal({ backdrop : true, keyboard : true })
  159.                     .off('click', '#modal-batch-action-button')
  160.                     .on('click', '#modal-batch-action-button', function () {
  162.                         //let body_mail = $('textarea[name="batch_form[body_mail]"]').clone().hide();
  163.                         //$('form[name="batch_form"]').append(body_mail);
  164.                         $button.unbind('click');
  165.                         $button.trigger('click');
  167.                         modalTitle.text(titleContentWithPlaceholders);
  168.                     });
  169.             });
  170.             {% endif %}
  171.         });
  172.     </script>
  174.     {% if 'search' == app.request.get('action') %}
  175.         <script type="text/javascript">
  176.             const _search_query = "{{ app.request.get('query')|default('')|e('js') }}";
  177.             // the original query is prepended to allow matching exact phrases in addition to single words
  178.             $('#main').find('table tbody td:not(.actions)').highlight($.merge([_search_query], _search_query.split(' ')));
  179.         </script>
  180.     {% endif %}
  181. {% endblock %}