admin/tool/componentlibrary/amd/src/clipboardwrapper.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. * Wrapper to ensure that all Hugo example snippets have a "Copy to clipboard" button.
  17. *
  18. * @module tool_componentlibrary/clipboardwrapper
  19. * @copyright 2021 Bas Brands <bas@moodle.com>
  20. * @license http://www.gnu.org/copyleft/gpl.html GNU GPL v3 or later
  21. */
  22. import 'core/copy_to_clipboard';
  23. import selectors from 'tool_componentlibrary/selectors';
  24. import Templates from 'core/templates';
  25. let idCounter = 0;
  26. /**
  27. * Initialise the clipboard button on all reusable code.
  28. *
  29. * @method
  30. */
  31. export const clipboardWrapper = async() => {
  32. document.querySelectorAll(selectors.clipboardcontent).forEach(element => {
  33. if (!element.id) {
  34. element.id = `tool_componentlibrary_content-${idCounter++}`;
  35. }
  36. Templates.renderForPromise('tool_componentlibrary/clipboardbutton', {clipboardtarget: `#${element.id} code`})
  37. .then(({html, js}) => {
  38. Templates.prependNodeContents(element, html, js);
  39. return;
  40. })
  41. .catch();
  42. });
  43. };