templates/SCRIPTS/control_filters.html.twig line 1

Open in your IDE?
  1. <script type="text/javascript">
  3.     $(document).ready(function () {
  5.         // Función para obtener los filtros de cualquier bloque/formulario
  6.         function getFiltersAsParams($block) {
  7.             const params = new URLSearchParams();
  9.             $block.find('input[name^="filter["], select[name^="filter["], textarea[name^="filter["]').each(function () {
  10.                 const $input = $(this);
  12.                 if (($input.is(":checkbox") || $input.is(":radio")) && !$input.is(":checked")) return;
  14.                 if ($input.attr("name").endsWith("[]")) {
  15.                     const values = Array.isArray($input.val()) ? $input.val() : [$input.val()];
  16.                     values.forEach(val => { if (val !== "") params.append($input.attr("name"), val); });
  17.                 } else if ($input.val() !== "") {
  18.                     params.append($input.attr("name"), $input.val());
  19.                 }
  20.             });
  22.             return params;
  23.         }
  25.         // Copiar filtros de todos los bloques a un formulario antes de submit
  26.         function copyFiltersToForm($form) {
  27.             $form.find(".__cloned-filter").remove();
  29.             $('[id^="filter-"], .prometeo-filters').each(function () {
  30.                 const $block = $(this);
  32.                 $block.find('input[name^="filter["], select[name^="filter["], textarea[name^="filter["]').each(function () {
  33.                     const $input = $(this);
  35.                     if (($input.is(":checkbox") || $input.is(":radio")) && !$input.is(":checked")) return;
  37.                     if ($input.attr("name").endsWith("[]")) {
  38.                         const values = Array.isArray($input.val()) ? $input.val() : [$input.val()];
  39.                         values.forEach(val => {
  40.                             if (val === "") return;
  41.                             $("<input>").attr({
  42.                                 type: "hidden",
  43.                                 name: $input.attr("name"),
  44.                                 value: val,
  45.                                 class: "__cloned-filter"
  46.                             }).appendTo($form);
  47.                         });
  48.                     } else if ($input.val() !== "") {
  49.                         $("<input>").attr({
  50.                             type: "hidden",
  51.                             name: $input.attr("name"),
  52.                             value: $input.val(),
  53.                             class: "__cloned-filter"
  54.                         }).appendTo($form);
  55.                     }
  56.                 });
  57.             });
  58.         }
  60.         // Detectar cualquier submit de formulario y copiar filtros
  61.         $("form").on("submit", function () {
  62.             copyFiltersToForm($(this));
  63.         });
  65.         // Actualizar enlaces de exportación para incluir todos los filtros
  66.         function updateExportLinks() {
  67.             $('a[href*="/export"]').each(function () {
  68.                 const $link = $(this);
  70.                 $link.off("click.updateFilters").on("click.updateFilters", function () {
  71.                     const url = new URL($link.attr("href"), window.location.origin);
  72.                     const params = new URLSearchParams(url.search);
  74.                     $('[id^="filter-"], .prometeo-filters').each(function () {
  75.                         getFiltersAsParams($(this)).forEach((value, key) => params.append(key, value));
  76.                     });
  78.                     $link.attr("href", url.pathname + "?" + params.toString());
  79.                 });
  80.             });
  81.         }
  83.         updateExportLinks();
  85.         // Observador para nuevos enlaces de exportación que se agreguen dinámicamente
  86.         const observer = new MutationObserver(() => updateExportLinks());
  87.         observer.observe(document.body, { childList: true, subtree: true });
  88.     });
  90. </script>