grade/grading/form/guide/amd/src/grades/grader/gradingpanel/comments.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. * Grading panel frequently used comments selector.
  17. *
  18. * @module gradingform_guide/grades/grader/gradingpanel/comments
  19. * @copyright 2019 Andrew Nicols <andrew@nicols.co.uk>
  20. * @license http://www.gnu.org/copyleft/gpl.html GNU GPL v3 or later
  21. */
  22. import Selectors from './comments/selectors';
  23. /**
  24. * Manage the frequently used comments in the Marking Guide form.
  25. *
  26. * @param {String} rootId
  27. */
  28. export const init = (rootId) => {
  29. const rootNode = document.querySelector(`#${rootId}`);
  30. rootNode.addEventListener('click', (e) => {
  31. if (!e.target.matches(Selectors.frequentComment)) {
  32. return;
  33. }
  34. e.preventDefault();
  35. const clicked = e.target.closest(Selectors.frequentComment);
  36. const criterion = clicked.closest(Selectors.criterion);
  37. const remark = criterion.querySelector(Selectors.remark);
  38. if (!remark) {
  39. return;
  40. }
  41. // Either append the comment to an existing comment or set it as the comment.
  42. if (remark.value.trim()) {
  43. remark.value += `\n${clicked.innerHTML}`;
  44. } else {
  45. remark.value += clicked.innerHTML;
  46. }
  47. });
  48. };