Current File : /home/vacivi36/ava/question/bank/comment/amd/src/comment.js
// 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/>.
/**
* Column selector js.
*
* @module qbank_comment/comment
* @copyright 2021 Catalyst IT Australia Pty Ltd
* @author Safat Shahin <safatshahin@catalyst-au.net>
* @license http://www.gnu.org/copyleft/gpl.html GNU GPL v3 or later
*/
import Fragment from 'core/fragment';
import * as Str from 'core/str';
import ModalEvents from 'core/modal_events';
import ModalFactory from 'core/modal_factory';
import Notification from 'core/notification';
/**
* Event listeners for the module.
*
* @method clickEvent
* @param {Number} questionId
* @param {Number} courseID
* @param {Number} contextId
*/
const commentEvent = (questionId, courseID, contextId) => {
let args = {
questionid: questionId,
courseid: courseID
};
ModalFactory.create({
type: ModalFactory.types.SAVE_CANCEL,
title: Str.get_string('commentheader', 'qbank_comment'),
body: Fragment.loadFragment('qbank_comment', 'question_comment', contextId, args),
large: true,
}).then((modal) => {
let root = modal.getRoot();
// Don't display the default add comment link in the modal.
root.on(ModalEvents.bodyRendered, function() {
const submitlink = document.querySelectorAll("div.comment-area a")[0];
submitlink.style.display = 'none';
});
// Version selection event.
root.on('change', '#question_comment_version_dropdown', function(e) {
args.questionid = e.target.value;
modal.setBody(Fragment.loadFragment('qbank_comment', 'question_comment', contextId, args));
});
// Get the required strings and updated the modal button text labels.
Str.get_strings([
{key: 'addcomment', component: 'qbank_comment'},
{key: 'close', component: 'qbank_comment'},
]).then((strings) => {
modal.setButtonText('save', strings[0]);
modal.setButtonText('cancel', strings[1]);
return;
}).fail(Notification.exception);
root.on(ModalEvents.cancel, function() {
location.reload();
modal.hide();
});
// Handle adding the comment when the button in the modal is clicked.
root.on(ModalEvents.save, function(e) {
e.preventDefault();
const submitlink = document.querySelectorAll("div.comment-area a")[0];
const textarea = document.querySelectorAll("div.comment-area textarea")[0];
// Check there is a valid comment to add, and trigger adding if there is.
if (textarea.value != textarea.getAttribute('aria-label') && textarea.value != '') {
submitlink.click();
}
});
root.on('click', 'button[data-action="hide"]', () => {
location.reload();
modal.hide();
});
modal.show();
return modal;
}).fail(Notification.exception);
};
/**
* Entrypoint of the js.
*
* @method init
* @param {string} questionSelector the question comment identifier.
*/
export const init = (questionSelector) => {
const target = document.querySelector(questionSelector);
target.addEventListener('click', () => {
// Call for the event listener to listed for clicks in any comment count row.
commentEvent(target.dataset.questionid, target.dataset.courseid, target.dataset.contextid);
});
};
Mini Shell