Proyectos de Subversion Moodle

// This file is part of Moodle - http://moodle.org/

//

// Moodle is free software: you can redistribute it and/or modify

// it under the terms of the GNU General Public License as published by

// the Free Software Foundation, either version 3 of the License, or

// (at your option) any later version.

//

// Moodle is distributed in the hope that it will be useful,

// but WITHOUT ANY WARRANTY; without even the implied warranty of

// MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the

// GNU General Public License for more details.

//

// You should have received a copy of the GNU General Public License

// along with Moodle.  If not, see <http://www.gnu.org/licenses/>.

/**

 * Add bulk actions to the users list report

 *

 * @module     core_admin/bulk_user_actions

 * @copyright  2024 Marina Glancy

 * @license    http://www.gnu.org/copyleft/gpl.html GNU GPL v3 or later

 */

import * as reportSelectors from "core_reportbuilder/local/selectors";

import * as tableEvents from "core_table/local/dynamic/events";

import * as FormChangeChecker from "core_form/changechecker";

import * as CustomEvents from "core/custom_interaction_events";

import jQuery from "jquery";

const Selectors = {

  bulkActionsForm: "form#user-bulk-action-form",

  userReportWrapper: '[data-region="report-user-list-wrapper"]',

  checkbox:

    'input[type="checkbox"][data-togglegroup="report-select-all"][data-toggle="slave"]',

  masterCheckbox:

    'input[type="checkbox"][data-togglegroup="report-select-all"][data-toggle="master"]',

  checkedRows:

    '[data-togglegroup="report-select-all"][data-toggle="slave"]:checked',

  filtersForm: 'form#filters-form', // Seleccionamos el formulario de filtros

};

/**

 * Función para resetear los filtros

 */

const resetFilters = () => {

  const filterForm = document.querySelector(Selectors.filtersForm); // Asegúrate de que el selector coincide con los filtros

  if (!filterForm) return;

  // Crear un objeto FormData que contendrá todos los valores del formulario

  const formData = new FormData(filterForm);

  // Iterar sobre cada elemento de input en el formulario

  filterForm.querySelectorAll("input, select").forEach((element) => {

    if (element.type === "checkbox" || element.type === "radio") {

      // Si es un checkbox o radio, desmarcarlo

      element.checked = false;

    } else {

      // Si es un input de texto o select, limpiar el valor

      element.value = "";

    }

    // Opcional: para asegurarse de que los valores del FormData también se reseteen

    formData.set(element.name, "");

  });

  // Si hay algún elemento select, deseleccionar la opción seleccionada

  filterForm.querySelectorAll("select").forEach((select) => {

    select.selectedIndex = -1; // Deseleccionar la opción seleccionada

  });

};

/**

 * Initialize module

 */

export const init = () => {

  const userBulkForm = document.querySelector(Selectors.bulkActionsForm);

  const userReport = userBulkForm

    ?.closest(Selectors.userReportWrapper)

    ?.querySelector(reportSelectors.regions.report);

  if (!userBulkForm || !userReport) {

    return;

  }

  const actionSelect = userBulkForm.querySelector("select");

  CustomEvents.define(actionSelect, [CustomEvents.events.accessibleChange]);

  jQuery(actionSelect).on(CustomEvents.events.accessibleChange, (event) => {

    if (event.target.value && `${event.target.value}` !== "0") {

      const e = new Event("submit", { cancelable: true });

      userBulkForm.dispatchEvent(e);

      if (!e.defaultPrevented) {

        FormChangeChecker.markFormSubmitted(userBulkForm);

        userBulkForm.submit();

      }

    }

  });

  // Cada vez que los checkboxes en el informe cambien, actualizamos la lista de usuarios en los valores del formulario

  // y habilitamos/deshabilitamos el select de acciones.

  const updateUserIds = () => {

    const selectedUsers = [

      ...userReport.querySelectorAll(Selectors.checkedRows),

    ];

    const selectedUserIds = selectedUsers.map((check) => parseInt(check.value));

    userBulkForm.querySelector('[name="userids"]').value =

      selectedUserIds.join(",");

    // Deshabilitar el selector de acción si no se seleccionan usuarios, y resetear la selección actual.

    actionSelect.disabled = selectedUsers.length === 0;

    if (actionSelect.disabled) {

      actionSelect.value = "0";

    }

    const selectedUsersNames = selectedUsers.map(

      (check) => document.querySelector(`label[for="${check.id}"]`).textContent

    );

    // Agregar los ids y nombres de los usuarios a los atributos de datos del formulario para que estén disponibles desde

    // otros módulos JS que escuchen el evento de submit del formulario.

    userBulkForm.data = {

      userids: selectedUserIds,

      usernames: selectedUsersNames,

    };

  };

  updateUserIds();

  document.addEventListener("change", (event) => {

    // Cuando los checkboxes son marcados junto a usuarios individuales o el toggle maestro (Seleccionar todo/nada).

    if (

      (event.target.matches(Selectors.checkbox) ||

        event.target.matches(Selectors.masterCheckbox)) &&

      userReport.contains(event.target)

    ) {

      updateUserIds();

    }

  });

  document.addEventListener(tableEvents.tableContentRefreshed, (event) => {

    // Cuando el contenido del informe se actualiza (es decir, se cambia la página, se aplican filtros, etc.).

    if (userReport.contains(event.target)) {

      updateUserIds();

      resetFilters(); // Restablecer los filtros después de cada actualización de la tabla

    }

  });

};