143 lines
3.3 KiB
JavaScript
143 lines
3.3 KiB
JavaScript
frappe.ready(() => {
|
|
frappe.telemetry.capture("on_course_outline_page", "lms");
|
|
$(".btn-add-chapter").click((e) => {
|
|
show_chapter_modal(e);
|
|
});
|
|
|
|
$(".edit-chapter").click((e) => {
|
|
show_chapter_modal(e);
|
|
});
|
|
|
|
$("#save-chapter").click((e) => {
|
|
save_chapter(e);
|
|
});
|
|
|
|
$(".lesson-dropzone").each((i, el) => {
|
|
setSortable(el);
|
|
});
|
|
|
|
$(".chapter-dropzone").each((i, el) => {
|
|
setSortable(el);
|
|
});
|
|
});
|
|
|
|
const show_chapter_modal = (e) => {
|
|
e.preventDefault();
|
|
$("#chapter-modal").modal("show");
|
|
let parent = $(e.currentTarget).closest(".chapter-container");
|
|
if (parent) {
|
|
$("#chapter-title").val($.trim(parent.find(".chapters-title").text()));
|
|
$("#chapter-description").val(
|
|
$.trim(parent.find(".chapter-description").text())
|
|
);
|
|
$("#chapter-modal").data("chapter", parent.data("chapter"));
|
|
$("#chapter-modal").data("idx", parent.data("idx"));
|
|
}
|
|
};
|
|
|
|
const save_chapter = (e) => {
|
|
validate_mandatory();
|
|
let parent = $("#chapter-modal");
|
|
|
|
frappe.call({
|
|
method: "lms.lms.doctype.lms_course.lms_course.save_chapter",
|
|
args: {
|
|
course: $("#course-outline").data("course"),
|
|
title: $("#chapter-title").val(),
|
|
chapter_description: $("#chapter-description").val(),
|
|
idx: parent.data("idx") || $(".chapter-container").length,
|
|
chapter: parent.data("chapter") || null,
|
|
},
|
|
callback: (data) => {
|
|
$("#chapter-modal").modal("hide");
|
|
frappe.show_alert({
|
|
message: __("Saved"),
|
|
indicator: "green",
|
|
});
|
|
setTimeout(() => {
|
|
window.location.reload();
|
|
}, 1000);
|
|
},
|
|
});
|
|
};
|
|
|
|
const validate_mandatory = () => {
|
|
if (!$("#chapter-title").val()) {
|
|
let error = $("p")
|
|
.addClass("error-message")
|
|
.text("Chapter title is required");
|
|
$(error).insertAfter("#chapter-title");
|
|
throw __("Chapter title is required");
|
|
}
|
|
};
|
|
|
|
const setSortable = (el) => {
|
|
new Sortable(el, {
|
|
group: "drag",
|
|
handle: ".drag-handle",
|
|
animation: 150,
|
|
fallbackOnBody: true,
|
|
swapThreshold: 0.65,
|
|
onEnd: (e) => {
|
|
if ($(e.item).hasClass("outline-lesson")) reorder_lesson(e);
|
|
else reorder_chapter(e);
|
|
},
|
|
onMove: (e) => {
|
|
if (
|
|
$(e.dragged).hasClass("outline-lesson") &&
|
|
$(e.to).hasClass("chapter-dropzone")
|
|
)
|
|
return false;
|
|
if (
|
|
$(e.dragged).hasClass("chapter-edit") &&
|
|
$(e.to).hasClass("lesson-dropzone")
|
|
)
|
|
return false;
|
|
},
|
|
});
|
|
};
|
|
|
|
const reorder_lesson = (e) => {
|
|
let old_chapter = $(e.from).closest(".chapter-container").data("chapter");
|
|
let new_chapter = $(e.to).closest(".chapter-container").data("chapter");
|
|
|
|
if (old_chapter == new_chapter && e.oldIndex == e.newIndex) return;
|
|
|
|
frappe.call({
|
|
method: "lms.lms.doctype.lms_course.lms_course.reorder_lesson",
|
|
args: {
|
|
old_chapter: old_chapter,
|
|
old_lesson_array: $(e.from)
|
|
.children()
|
|
.map((i, e) => $(e).data("lesson"))
|
|
.get(),
|
|
new_chapter: new_chapter,
|
|
new_lesson_array: $(e.to)
|
|
.children()
|
|
.map((i, e) => $(e).data("lesson"))
|
|
.get(),
|
|
},
|
|
callback: (data) => {
|
|
window.location.reload();
|
|
},
|
|
});
|
|
};
|
|
|
|
const reorder_chapter = (e) => {
|
|
if (e.oldIndex == e.newIndex) return;
|
|
|
|
frappe.call({
|
|
method: "lms.lms.doctype.lms_course.lms_course.reorder_chapter",
|
|
args: {
|
|
new_index: e.newIndex + 1,
|
|
chapter_array: $(e.to)
|
|
.children()
|
|
.map((i, e) => $(e).data("chapter"))
|
|
.get(),
|
|
},
|
|
callback: (data) => {
|
|
window.location.reload();
|
|
},
|
|
});
|
|
};
|