lms/lms/public/js/common_functions.js

frappe.ready(() => {

    frappe.provide("frappe.ui.form");

    setup_vue_and_file_size();

    $(".join-batch").click((e) => {
        join_course(e);
    });

    $(".notify-me").click((e) => {
        notify_user(e);
    });

    $(".btn-chapter").click((e) => {
        add_chapter(e);
    });

    $(document).on("click", ".btn-save-chapter", (e) => {
        save_chapter(e);
    });

    if ($("#body").length) {
        make_editor();
    }

});


const setup_vue_and_file_size = () => {
    frappe.require("/assets/frappe/node_modules/vue/dist/vue.js", () => {
        Vue.prototype.__ = window.__;
        Vue.prototype.frappe = window.frappe;
    });

    frappe.provide("frappe.form.formatters");
    frappe.form.formatters.FileSize = file_size;
};


const file_size = (value) => {
    if(value > 1048576) {
        value = flt(flt(value) / 1048576, 1) + "M";
    } else if (value > 1024) {
        value = flt(flt(value) / 1024, 1) + "K";
    }
    return value;
};


const join_course = (e) => {
    e.preventDefault();
    let course = $(e.currentTarget).attr("data-course");
    if (frappe.session.user == "Guest") {
        window.location.href = `/login?redirect-to=/courses/${course}`;
        return;
    }

    let batch = $(e.currentTarget).attr("data-batch");
    batch = batch ? decodeURIComponent(batch) : "";
    frappe.call({
        "method": "lms.lms.doctype.lms_batch_membership.lms_batch_membership.create_membership",
        "args": {
            "batch": batch ? batch : "",
            "course": course
        },
        "callback": (data) => {
            if (data.message == "OK") {
                $(".no-preview-modal").modal("hide");
                frappe.show_alert({
                    message: __("You are now a student of this course."),
                    indicator:'green'
                }, 3);
                setTimeout(function () {
                    window.location.href = `/courses/${course}/learn/1.1`;
                }, 3000);
            }
        }
    })
};


const notify_user = (e) => {
    e.preventDefault();
    var course = decodeURIComponent($(e.currentTarget).attr("data-course"));
    if (frappe.session.user == "Guest") {
        window.location.href = `/login?redirect-to=/courses/${course}`;
        return;
    }

    frappe.call({
        method: "lms.lms.doctype.lms_course_interest.lms_course_interest.capture_interest",
        args: {
            "course": course
        },
        callback: (data) => {
            $(".no-preview-modal").modal("hide");
            frappe.show_alert({
                message: __("You have opted to be notified for this course. You will receive an email when the course becomes available."),
                indicator:'green'
            }, 3);
            setTimeout(() => {
                window.location.reload();
            }, 3000);
        }
    })
};


const add_chapter = (e) => {
    let next_index = $("[data-index]").last().data("index");

    $(`<div class="chapter-parent chapter-edit">
        <div contenteditable="true" data-placeholder="${__('Chapter Name')}" class="chapter-title-main"></div>
        <div class="small my-2" contenteditable="true" data-placeholder="${__('Short Description')}"
        class="chapter-description"></div>
        <button class="btn btn-sm btn-secondary d-block btn-save-chapter"
        data-index="${next_index}"> ${__('Save')} </button>
        </div>`).insertAfter(`.chapter-parent:last`);

    $(".btn-chapter").attr("disabled", true);
    $([document.documentElement, document.body]).animate({
        scrollTop: $(".chapter-parent:last").offset().top
    }, 1000);

    $(".chapter-parent:last").find(".chapter-title-main").focus();
};


const save_chapter = (e) => {
    let target = $(e.currentTarget);
    let parent = target.closest(".chapter-parent");

    frappe.call({
        method: "lms.lms.doctype.lms_course.lms_course.save_chapter",
        args: {
            "course": $("#title").data("course"),
            "title": parent.find(".chapter-title-main").text(),
            "chapter_description": parent.find(".chapter-description").text(),
            "idx": target.data("index"),
            "chapter": target.data("chapter") ? target.data("chapter") : ""
        },
        callback: (data) => {
            window.location.reload();
        }
    });
};


const make_editor = () => {
    this.code_field_group = new frappe.ui.FieldGroup({
        fields: [
            {
                fieldname: "code_md",
                fieldtype: "Code",
                options: "Markdown",
                wrap: true,
                max_lines: Infinity,
                min_lines: 20,
                default: "Jannat Patel",
                depends_on: 'eval:doc.type=="Markdown"',
            }
        ],
        body: $("#body").get(0),
    });
    this.code_field_group.make();
    $("#body .form-section:last").removeClass("empty-section");
}