mod/data/amd/src/saveaspreset.js

  1. // This file is part of Moodle - http://moodle.org/
  2. //
  3. // Moodle is free software: you can redistribute it and/or modify
  4. // it under the terms of the GNU General Public License as published by
  5. // the Free Software Foundation, either version 3 of the License, or
  6. // (at your option) any later version.
  7. //
  8. // Moodle is distributed in the hope that it will be useful,
  9. // but WITHOUT ANY WARRANTY; without even the implied warranty of
  10. // MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
  11. // GNU General Public License for more details.
  12. //
  13. // You should have received a copy of the GNU General Public License
  14. // along with Moodle. If not, see <http://www.gnu.org/licenses/>.
  15. /**
  16. * Javascript module for saving a database as a preset.
  17. *
  18. * @module mod_data/saveaspreset
  19. * @copyright 2021 Mihail Geshoski <mihail@moodle.com>
  20. * @license http://www.gnu.org/copyleft/gpl.html GNU GPL v3 or later
  21. */
  22. import ModalForm from 'core_form/modalform';
  23. import Notification from 'core/notification';
  24. import {get_string as getString} from 'core/str';
  25. const selectors = {
  26. saveAsPresetButton: '[data-action="saveaspreset"]',
  27. };
  28. /**
  29. * Initialize module.
  30. */
  31. export const init = () => {
  32. document.addEventListener('click', (event) => {
  33. const saveAsPresetButton = event.target.closest(selectors.saveAsPresetButton);
  34. if (!saveAsPresetButton) {
  35. return;
  36. }
  37. event.preventDefault();
  38. const modalForm = new ModalForm({
  39. modalConfig: {
  40. title: getString('savedataaspreset', 'mod_data'),
  41. },
  42. formClass: 'mod_data\\form\\save_as_preset',
  43. args: {d: saveAsPresetButton.dataset.dataid},
  44. saveButtonText: getString('save'),
  45. returnFocus: saveAsPresetButton,
  46. });
  47. // Show a toast notification when the form is submitted.
  48. modalForm.addEventListener(modalForm.events.FORM_SUBMITTED, event => {
  49. if (event.detail.result) {
  50. window.location.reload();
  51. } else {
  52. Notification.addNotification({
  53. type: 'error',
  54. message: event.detail.errors.join('<br>')
  55. });
  56. }
  57. });
  58. modalForm.show();
  59. });
  60. };