admin.js

var assignment_release_states = null;

function gradeIndividualItem() {
    //This function figures out the parameters to feed to createGradingPanel, which does most of the work
    var sel1 = document.getElementById("gradingoption1");
    var assignOrChap = sel1.options[sel1.selectedIndex].value;

    set_release_button();

    var studentPicker = document.getElementById("studentselector");
    if (studentPicker.selectedIndex == -1) {
        $("#rightsideGradingTab").empty();
        return;
    }

    var rightSideDiv = $("#rightsideGradingTab");
    var question, sid;
    var questions, sstudents;
    var q_column = document.getElementById("questionselector");
    sstudents = studentPicker.selectedOptions;
    questions = q_column.selectedOptions;
    if (
        sstudents.length == 1 &&
        assignOrChap == "assignment" &&
        getSelectedItem("assignment") != null
    ) {
        calculateTotals();
    } else {
        document.getElementById("assignmentTotalform").style.visibility = "hidden";
    }

    $(rightSideDiv)[0].style.visibility = "visible";
    rightSideDiv.html(""); //empty it out
    rightSideDiv.html(`<div id='filterqs'
    style="
    width: 60%;
    margin-left: auto;
    margin-right: auto;
    padding: 5px;">
    <select id="filterSelect">
        <option value="nofilter">Show All</option>
        <option value="filterto0">Show questions with a score of 0 or None</option>
        <option value="filterto1">Show questions with a non-zero score</option>
    </select>
    `)
    let rsd = document.querySelector("#filterSelect");
    rsd.addEventListener('change',
    function () {
        let gPanels = document.querySelectorAll(".loading");
        for (let panel of gPanels) {
            let v = panel.querySelector("#gradingform").querySelector("#input-grade").value;
            if (rsd.value == "filterto0") {
                if (v == 0 || v == "") {
                    panel.style.display = "block";
                } else {
                    panel.style.display = "none";
                }
            } else if (rsd.value == "filterto1") {
                if (v > 0) {
                    panel.style.display = "block";
                } else {
                    panel.style.display = "none";
                }
            } else {
                panel.style.display = "block";
            }
        }
    });

    //Not sure if questions or students should be the outer loop
    var mg = false;
    if (questions.length * sstudents.length > 1) {
        mg = true;
    }
    for (var qnum = 0; qnum < questions.length; qnum++) {
        question = questions[qnum].value;
        for (var snum = 0; snum < sstudents.length; snum++) {
            sid = sstudents[snum].value;
            var newid =
                "Q" +
                question.replace(/[!-#*@+:?>~.\/ ]/g, "_") +
                "S" +
                sid.replace(/[!-#*@+:?>~.\/ ]/g, "_");
            // This creates the equivalent of outerRightDiv for each question and student
            // The guts of the form are filled in by the show function in createGradingPanel.
            var divstring = `
                <div style="border:1px solid;padding:5px;margin:5px;" id="${newid}">
                    <h4 id="rightTitle"></h4><div id="questiondisplay">Question Display
                </div>
                <div style="display:none" id="shortanswerresponse"></div>
                    <div id="gradingform"></div>
                </div>`;
            rightSideDiv.append(divstring);
            createGradingPanel($("#" + newid), question, sid, mg);
        }
    }
}

function getSelectedGradingColumn(type) {
    //gradingoption1 has contents of picker for type of stuff in column (e.g., assignment, student)
    //chaporassignselector has contents of column (e.g., actual assignments)
    var opt1 = document.getElementById("gradingoption1");
    var col1Type = opt1.options[opt1.selectedIndex].value;
    var col2Type = "question";
    var col3type = "student";

    if (col1Type == type) {
        col = document.getElementById("chaporassignselector");
    } else if (col2Type == type) {
        col = document.getElementById("questionselector");
    } else if (col3type == type) {
        col = document.getElementById("studentselector");
    } else {
        col = null;
    }
    return col;
}

function getSelectedItem(type) {
    var col = getSelectedGradingColumn(type);
    var id = null;
    if (col == null) {
        return null;
    }
    if (type == "student") {
        if (col.selectedIndex != -1) {
            return col.options[col.selectedIndex].value;
        } else {
            return null;
        }
    } else if (type == "assignment") {
        if (col.selectedIndex != -1) {
            // they've selected an assignment; return that assignment name
            return col.options[col.selectedIndex].value;
        } else {
            return null;
        }
    } else if (type == "question") {
        if (col.selectedIndex != -1) {
            // they've selected a question; return that question name
            return col.options[col.selectedIndex].value;
        } else {
            return null;
        }
    }
}

// This function is called from the grading page when the
// autograde and show scores button is clicked.
function autoGrade() {
    var assignment = getSelectedItem("assignment");
    var question = getSelectedItem("question");
    var studentID = getSelectedItem("student");
    // todo -- check the number of selected
    let qs = $("#questionselector").select2("val");
    if (qs && qs.length > 1) {
        alert(
            "Autograding does not work with multiple selections.  Leave blank to grade all questions.  You may select 1 question."
        );
        $("#autogradesubmit").prop("disabled", false);
        return;
    }
    let ss = $("#studentselector").select2("val");
    if (ss && ss.length > 1) {
        alert(
            "Autograding does not work with multiple selections.  Leave blank to grade all students. You may select 1 student."
        );
        $("#autogradesubmit").prop("disabled", false);
        return;
    }
    var enforceDeadline = $("#enforceDeadline").is(":checked");
    var params = {
        url: eBookConfig.autogradingURL,
        type: "POST",
        dataType: "JSON",
        data: {
            assignment: assignment,
            question: question,
            sid: studentID,
            enforceDeadline: enforceDeadline,
        },
        success: function (retdata) {
            $("#assignmentTotalform").css("visibility", "hidden");
            if (question != null || studentID != null) {
                alert(retdata.message);
            }
        },
    };

    if (assignment != null && question === null && studentID == null) {
        (async function (students, ajax_params) {
            // Grade each student provided.
            let student_array = Object.keys(students);
            let total = 0;
            $("#gradingprogresstitle").html("<h3>Grading in Progress</h3>");
            $("#autogradingprogress").html("");
            $("#autogradingprogress").css("border", "1px solid");
            for (let index = 0; index < student_array.length; ++index) {
                let student = student_array[index];
                ajax_params.data.sid = student;
                try {
                    res = await jQuery.ajax(ajax_params);
                    $("#autogradingprogress").prepend(
                        `${index + 1} of ${student_array.length}: ${student}
                        <a href="/runestone/dashboard/questiongrades?sid=${encodeURIComponent(
                            student
                        )}&assignment_id=${encodeURIComponent(assignment)}">${
                            students[student]
                        }</a>
                        ${res.message}
                        Score: ${res.total_mess} <br>`
                    );
                    total = total + res.total_mess;
                } catch (e) {
                    console.log(`Error when autograding ${student} is ${e}`);
                }
            } // end for
            $("#autogradingprogress").prepend(
                `Average Score: ${total / student_array.length} <br>`
            );
            $("#gradingprogresstitle").html("<h3>Grading Complete</h3>");
            gradingSummary("autogradingsummary");
            $("#autogradesubmit").prop("disabled", false);
        })(students, params);
    } else {
        jQuery.ajax(params).always(function () {
            gradingSummary("autogradingsummary");
            $("#autogradesubmit").prop("disabled", false);
        });
    }
}

function calculateTotals(sid) {
    var assignment = getSelectedItem("assignment");
    var question = getSelectedItem("question");
    var studentID;
    if (!sid) {
        studentID = getSelectedItem("student");
    } else {
        studentID = sid;
    }
    $("#assignmentTotalform").css("visibility", "hidden");
    jQuery.ajax({
        url: eBookConfig.calcTotalsURL,
        type: "POST",
        dataType: "JSON",
        data: {
            assignment: assignment,
            question: question,
            sid: studentID,
        },
        success: function (retdata) {
            if (retdata.computed_score != null) {
                //show the form for setting it manually
                $("#assignmentTotalform").css("visibility", "visible");
                // populate it with data from retdata
                $("#computed-total-score").val(retdata.computed_score);
                $("#manual-total-score").val(retdata.manual_score);
            } else {
                alert(retdata.message);
            }
        },
    });
}

function gradingSummary(container) {
    let assignment = getSelectedItem("assignment");
    jQuery.ajax({
        url: `${eBookConfig.app}/assignments/get_summary`,
        dataType: "JSON",
        data: {
            assignment: assignment,
        },
        success: function (retdata) {
            // retdata is array of rows in dictionary form.
            $("#gradingsummarytitle").html("<h3>Grading Summary</h3>");
            container = document.getElementById(container);
            $(container).html("");
            let columns = [];
            if (retdata && retdata.length > 0) {
                for (let k of Object.keys(retdata[0])) {
                    columns.push({ data: k, renderer: "html" });
                }

                var hot = new Handsontable(container, {
                    data: retdata,
                    colHeaders: Object.keys(retdata[0]),
                    licenseKey: "non-commercial-and-evaluation",
                    columns: columns,
                });
            }
        },
    });
}

function saveManualTotal() {
    var assignment = getSelectedItem("assignment");
    var studentID = getSelectedItem("student");
    jQuery.ajax({
        url: eBookConfig.setTotalURL,
        type: "POST",
        dataType: "JSON",
        data: {
            assignment: assignment,
            sid: studentID,
            score: $("#manual-total-score").val(),
        },
        success: function (retdata) {
            if (!retdata.success) {
                alert(retdata.message);
            }
        },
    });
}

function sendLTI_Grade() {
    var assignment = getSelectedItem("assignment");
    var studentID = getSelectedItem("student");
    jQuery.ajax({
        url: eBookConfig.sendLTIGradeURL,
        type: "POST",
        dataType: "JSON",
        data: {
            assignment: assignment,
            sid: studentID,
        },
        success: function (retdata) {
            if (!retdata.success) {
                alert(retdata.message);
            }
        },
    });
}

function showDeadline() {
    var dl = new Date(assignment_deadlines[getSelectedItem("assignment")]);
    // Need to update deadline by timezone
    var now = new Date();
    tzoff = now.getTimezoneOffset();
    dl.setHours(dl.getHours() + tzoff / 60);
    $("#dl_disp").text(dl);

    return dl;
}

function createGradingPanel(element, acid, studentId, multiGrader) {
    if (!eBookConfig.gradingURL) {
        alert("Can't grade without a URL");
        return false;
    }
    var elementID = $(element)[0].id; //some of this might be redundant
    // Clear any locally-stored info, which might be from showing another student's answer.
    // See ``runestonebase.js, localStorageKey()``.
    localStorage.removeItem(
        eBookConfig.email + ":" + eBookConfig.course + ":" + acid + "-given"
    );
    //make an ajax call to get the htmlsrc for the given question
    let data = { acid: acid, sid: studentId };
    if (typeof assignmentids !== "undefined") {
        let selectedAssignment = document.getElementById("chaporassignselector").value;
        let assignmentId = assignmentids[selectedAssignment];
        if (assignmentId) {
            data.assignmentId = assignmentId;
        }
    }
    $.getJSON("/runestone/admin/htmlsrc", data, async function (result) {
        var htmlsrc = result.htmlsrc;
        const attachURL = result.attach_url;
        var enforceDeadline = $("#enforceDeadline").is(":checked");
        var dl = showDeadline();
        await renderRunestoneComponent(htmlsrc, elementID + ">#questiondisplay", {
            sid: studentId,
            graderactive: true,
            enforceDeadline: enforceDeadline,
            deadline: dl,
            rawdeadline: assignment_deadlines[getSelectedItem("assignment")],
            tzoff: new Date().getTimezoneOffset() / 60,
            multiGrader: multiGrader,
            gradingContainer: elementID,
            attachURL: attachURL,
        });
    });

    //this is an internal function for createGradingPanel
    // called when Save Grade is pressed
    function save(event) {
        event.preventDefault();

        //        if (form==undefined){form=$(this);} //This might be redundant
        var form = jQuery(this);
        var grade = jQuery("#input-grade", form).val();
        var comment = jQuery("#input-comments", form).val();
        if (comment === "autograded") {
            comment = "instructor graded";
        }
        jQuery.ajax({
            url: eBookConfig.gradeRecordingUrl,
            type: "POST",
            dataType: "JSON",
            data: {
                acid: acid,
                sid: studentId,
                grade: grade,
                comment: comment,
                assignmentid: $(document.getElementById("chaporassignselector")).val(),
            },
            success: function (data) {
                jQuery(".grade", element).html(data.grade);
                jQuery(".comment", element).html(data.comment);
                calculateTotals(studentId);
            },
        });
    }

    function show(data) {
        // get rid of any other modals -- incase they are just hanging out.
        //jQuery('.modal.modal-grader:not(#modal-template .modal)').remove();
        // the submit button is connected to the save function by a jquery submit event.
        var rightDiv = jQuery(element);

        jQuery("#gradingform", rightDiv).remove();
        var newForm = document.createElement("form");
        newForm.setAttribute("id", "gradingform");
        formstr = `<form>
                <label for="input-grade">Grade</label>
                <input id="input-grade" type="text" class="form-control" value= ""/>
                <label for="input-comments">Comments</label>
                <textarea id="input-comments" class="form-control" rows=2> </textarea>`;
        if (!multiGrader) {
            formstr += `
                <input type="submit" value="Save Grade" class="btn btn-primary" />
            </form>
            <button class="btn btn-default next" type="button">Save and next</button>`;
        } else {
            formstr += "</form>";
        }
        newForm.innerHTML = formstr;
        rightDiv[0].appendChild(newForm);
        let chapAssignSelector = document.getElementById("chaporassignselector");
        let currAssign =
            chapAssignSelector.options[chapAssignSelector.selectedIndex].value;
        let currPoints = "";
        if (question_points[currAssign]) {
            currPoints = question_points[currAssign][data.acid];
        }
        jQuery("#rightTitle", rightDiv).html(
            `${data.name} <em>${data.acid}</em> <span>Points: ${currPoints} </span>`
        );

        if (data.file_includes) {
            // create divids for any files they might need
            var file_div_template =
                '<pre id="file_div_template" style = "display:none;">template text</pre>;';
            var index;
            for (index = 0; index < data.file_includes.length; index += 1) {
                if (jQuery("#" + data.file_includes[index].acid, rightDiv).length == 0) {
                    // doesn't exist yet, so add it.
                    jQuery("body").append(file_div_template);
                    jQuery("#file_div_template").text(
                        data.file_includes[index].contents
                    );
                    jQuery("#file_div_template").attr(
                        "id",
                        data.file_includes[index].acid
                    );
                }
            }
        }

        if (multiGrader) {
            jQuery("#input-grade", element).change(function () {
                //alert(this.value + acid + studentId);
                var inp = this;
                jQuery.ajax({
                    url: eBookConfig.gradeRecordingUrl,
                    type: "POST",
                    dataType: "JSON",
                    data: {
                        acid: acid,
                        sid: studentId,
                        grade: this.value,
                        assignmentid: $(
                            document.getElementById("chaporassignselector")
                        ).val(),
                    },
                    success: function (data) {
                        inp.style.backgroundColor = "#ddffdd";
                        calculateTotals(studentId);
                    },
                });
            });

            // Grading interface when a comment is entered.
            jQuery("#input-comments", element).change(function () {
                var inp = this;
                jQuery.ajax({
                    url: eBookConfig.gradeRecordingUrl,
                    type: "POST",
                    dataType: "JSON",
                    data: {
                        acid: acid,
                        sid: studentId,
                        comment: this.value,
                        assignmentid: $(
                            document.getElementById("chaporassignselector")
                        ).val(),
                    },
                    success: function (data) {
                        inp.style.backgroundColor = "#ddffdd";
                    },
                });
            });
        }

        // pull in any prefix or suffix code, already retrieved in data
        var complete_code = data.code;
        if (data.includes) {
            complete_code =
                data.includes + "\n#### end of included code\n\n" + complete_code;
        }
        if (data.suffix_code) {
            complete_code = complete_code + "\n\n#### tests ####\n" + data.suffix_code;
        }

        // outerdiv, acdiv, sid, initialcode, language

        // Handle the save button
        jQuery("form", rightDiv).submit(save);
        // Handle the save and next button
        jQuery(".next", rightDiv).click(function (event) {
            event.preventDefault();
            jQuery("form", rightDiv).submit();
            // This next block should not run until save is complete.
            var selectedStudent = document.getElementById("studentselector");
            try {
                var ind = selectedStudent.selectedIndex + 1;
                selectedStudent.selectedIndex = ind;
                $(selectedStudent).val(selectedStudent.value);
                $(selectedStudent).trigger("change");
            } catch (err) {
                //reached end of list
            }
        });
        try {
            jQuery("#" + data.id).focus();
        } catch (err) {
            // this will happen when you try to preview a reading assignment in the manual grading interface
            console.log(`Cannot preview ${data.id}`);
        }

        var divid;
        setTimeout(function () {
            var obj = new XMLHttpRequest();
            obj.open(
                "GET",
                "/runestone/admin/getGradeComments?acid=" +
                    acid +
                    "&sid=" +
                    encodeURIComponent(studentId),
                true
            );
            obj.send(
                JSON.stringify({
                    newins: "studentid",
                })
            );
            obj.onreadystatechange = function () {
                if (obj.readyState == 4 && obj.status == 200) {
                    var resp = obj.responseText;
                    var newdata = JSON.parse(resp);
                    if (newdata != "Error") {
                        jQuery("#input-grade", rightDiv).val(newdata.grade);
                        jQuery("#input-comments", rightDiv).val(newdata.comments);
                    } else {
                        jQuery("#input-grade", rightDiv).val(null);
                        jQuery("#input-comments", rightDiv).val(null);
                    }
                }
            };
        }, 250);
    }

    element.addClass("loading");
    var assignment = getSelectedItem("assignment");
    var enforceDeadline = $("#enforceDeadline").is(":checked");

    jQuery.ajax({
        url: eBookConfig.gradingURL,
        type: "POST",
        dataType: "JSON",
        data: {
            assignment: assignment,
            acid: acid,
            sid: studentId,
            enforceDeadline: enforceDeadline,
        },
        success: function (data) {
            show(data);
        },
    });
}

function makeOption(text, value, disabledQ) {
    var option = document.createElement("option");
    option.text = text;
    option.value = value;
    if (disabledQ != undefined) {
        $(option).attr("disabled", true);
    }
    return option;
}

function populateQuestions(select, question_names) {
    $(select).empty();
    var chapter = "";
    var questiontext;
    for (i = 0; i < question_names.length; i++) {
        var q = question_names[i];
        if (q.endsWith("+")) {
            q = q.substring(0, q.length - 1);
            questiontext = q + " ✓";
        } else {
            questiontext = q;
        }

        // makeOption(text,value)
        select.add(makeOption(questiontext, q));
    }

    $(select).select2({
        size: 10,
        theme: "bootstrap",
        closeOnSelect: false,
        allowClear: true,
        placeholder: "Select Question(s)",
    });

    $(select).on("select2:unselect", function () {
        $("#allquestioncb").prop("checked", false);
    });
}

// when the chapter or assignment changes
function updateQuestionList() {
    var sel1 = document.getElementById("gradingoption1");
    var chapAssign = sel1.options[sel1.selectedIndex].value;
    var chapAssignSelector = document.getElementById("chaporassignselector");
    var questionSelector = document.getElementById("questionselector");

    $("#rightsideGradingTab").empty();
    // This will hold the name of the selected chapter or assignment.
    var col1val = "";
    if (chapAssignSelector.selectedIndex > -1) {
        col1val = chapAssignSelector.options[chapAssignSelector.selectedIndex].value;
    } else {
        $("#questionselector").empty();
        $("#rightsideGradingTab").empty();
        $("#autogradingform").hide();
        $("#assignmentTotalform").hide();
        $("#releasebutton").hide();
        return;
    }
    $("#releasestate").text("");

    if (chapAssign == "assignment") {
        set_release_button();
        showDeadline();
        autograde_form.style.visibility = "visible";
        document.getElementById("assignmentTotalform").style.visibility = "hidden";
        if (!assignment_release_states[col1val]) {
            $("#releasestate").text("Grades Not Released");
        } else {
            $("#releasestate").text("");
        }
        gradingSummary("autogradingsummary");
    }
    if (chapAssign == "assignment") {
        populateQuestions(questionSelector, assignmentinfo[col1val]);
        populateAssignmentTable();
    } else if (chapAssign == "chapter") {
        //FIX: This is where we should get a list of all questions from the chapter
        //chapters[label] should store a list of all question names
        //populateQuestions should be a model for this.
        populateQuestions(questionSelector, chapters[col1val]);
    }

    questionSelector.style.visibility = "visible";
}

function gradeSelectedStudent() {
    var selectedStudent = document.getElementById("studentselector");

    var lastcolval = selectedStudent.selectedIndex;
    if (lastcolval != -1) {
        gradeIndividualItem();
    }
    selectedStudent.style.visibility = "visible";
}

function pickedAssignments(column) {
    var pickedcolumn = document.getElementById(column);

    $("#" + column).empty();
    var option = document.createElement("option");
    pickedcolumn.add(option);
    var assignments = assignmentinfo;

    var keys = Object.keys(assignments);
    keys.sort();
    for (var i = 0; i < keys.length; i++) {
        option = document.createElement("option");
        var key = keys[i];
        option.text = key;
        option.value = key;
        pickedcolumn.add(option);
        pickedcolumn.style.visibility = "visible";
    }
    $("#" + column).select2({
        size: 10,
        theme: "bootstrap",
        placeholder: "Select Assignment",
    });
    $("#" + column).on("select2:unselect", function () {
        $("#releasestate").text("");
    });
}

function displayDefaultQuestion(column) {
    var pickedcolumn = document.getElementById(column);
    $("#" + column).empty();

    var option = document.createElement("option");
    option.text = "<- Choose option";
    option.value = "default";
    pickedcolumn.add(option);
    $("option[value='default']").attr("disabled", "disabled");
    pickedcolumn.style.visibility = "visible";

    $("#" + column).select2({
        size: 10,
        theme: "bootstrap",
        placeholder: "Pick Chapter or Assignment first",
    });
}

function pickedStudents(column) {
    var pickedcolumn = document.getElementById(column);
    $("#" + column).empty();
    // students = students.replace(/&#x27;/g, '"');
    for (const sid in students) {
        let option = document.createElement("option");
        option.text = students[sid];
        option.value = sid;
        pickedcolumn.add(option);
        pickedcolumn.style.visibility = "visible";
    }

    $("#" + column).select2({
        size: 10,
        theme: "bootstrap",
        closeOnSelect: false,
        allowClear: true,
        placeholder: "Select Student(s)",
    });

    $("#" + column).on("select2:unselect", function () {
        $("#allstudentcb").prop("checked", false);
    });
}

function pickedChapters(column) {
    var pickedcolumn = document.getElementById(column);
    $("#" + column).empty();
    var option = document.createElement("option");
    pickedcolumn.add(option);
    var keys = [];
    var i;
    for (i in chapters) {
        if (chapters.hasOwnProperty(i)) {
            keys.push(i);
        }
    }

    for (i = 0; i < keys.length; i++) {
        var key = keys[i];
        option = document.createElement("option");
        option.text = key;
        option.value = key;
        pickedcolumn.add(option);
        pickedcolumn.style.visibility = "visible";
    }

    $("#" + column).select2({
        size: 10,
        theme: "bootstrap",
        placeholder: "Select Chapter",
    });
}

// Start Here for the flow of events when grading.
// 1. Choose either an assignment or a chapter
// 2. When you choose a specific assignment it populates the questions for that assignment
// 3. students are always populated in the third column
function selectChapOrAssignment() {
    var select1 = document.getElementById("gradingoption1");
    var val = select1.options[select1.selectedIndex].value;
    $("#rightsideGradingTab").empty();
    $("#releasestate").text("");
    $(".allcbclass").show();

    document.getElementById("assignmentTotalform").style.visibility = "hidden";
    autograde_form = document.getElementById("autogradingform");
    autograde_form.style.visibility = "hidden";

    $("#questionselector").empty();
    $("#allquestioncb").prop("checked", false);
    $("#studentselector").empty();
    $("#allstudentcb").prop("checked", false);

    if (val == "assignment") {
        pickedAssignments("chaporassignselector");
    } else if (val == "chapter") {
        pickedChapters("chaporassignselector");
    }

    // TODO: After collecting data from the logs we can decide whether to keep
    // the chapter selection.
    let data = {
        event: "grading",
        act: val,
        div_id: "chooseChapOrAssign",
        course_name: eBookConfig.course,
    };
    let jsheaders = new Headers({
        "Content-type": "application/json; charset=utf-8",
        Accept: "application/json",
    });
    let request = new Request("/ns/logger/bookevent", {
        method: "POST",
        headers: jsheaders,
        body: JSON.stringify(data),
    });
    fetch(request);

    displayDefaultQuestion("questionselector");
    pickedStudents("studentselector");
}

function getCourseStudents() {
    jQuery.ajax({
        url: eBookConfig.getCourseStudentsURL,
        type: "POST",
        dataType: "JSON",
        data: {},
        success: function (retdata) {
            students = retdata;
        },
    });
}

function getStudents(sectionName) {
    var section = sectionName;

    var studentList = document.getElementById("studentNames");
    studentList.innerHTML = "";

    var obj = new XMLHttpRequest();
    obj.open("GET", "/runestone/sections/students/" + section, true);
    obj.send(
        JSON.stringify({
            sectionName: sectionName,
        })
    );
    obj.onreadystatechange = function () {
        if (obj.readyState == 4 && obj.status == 200) {
            var students = JSON.parse(obj.responseText);
            var studentsNames = [];
            for (i = 0; i < students.length; i++) {
                studentsNames.push(students[i][1] + ", " + students[i][0]);
            }

            studentsNames.sort();

            for (i = 0; i < studentsNames.length; i++) {
                studentList.innerHTML +=
                    '<a href="#" class="list-group-item"> <h4 style="text-align: center" class="list-group-item-heading">' +
                    studentsNames[i] +
                    "</h4> </a>";
            }

            var total = document.getElementById("total");
            if (students == "") {
                total.innerHTML = "Total: 0";
            } else {
                total.innerHTML = "Total: " + students.length;
            }
        }
    };
}

// TODO: This function is also defined in admin.html. ???
function getLog() {
    var obj = new XMLHttpRequest();
    obj.open("GET", "/runestone/admin/getChangeLog", true);
    obj.send(
        JSON.stringify({
            variable: "variable",
        })
    );
    obj.onreadystatechange = function () {
        if (obj.readyState == 4 && obj.status == 200) {
            changeLog = document.getElementById("changelog");
            changeLog.innerHTML = obj.responseText;
        }
    };
}

function add_instructor() {
    var select = document.getElementById("addins").elements.student;
    var index = select.selectedIndex;
    var studentid = select.options[index].value; //value gives the value, text gives the actual text
    var studentname = select.options[index].text;

    var obj = new XMLHttpRequest();
    obj.open("POST", "/runestone/admin/addinstructor/" + studentid, true);
    obj.send(
        JSON.stringify({
            newins: "studentid",
        })
    );
    obj.onreadystatechange = function () {
        if (obj.readyState == 4 && obj.status == 200) {
            studlist = document.getElementById("studentlist");
            studlist.remove(index);
            inslist = document.getElementById("instructorlist");
            newopt = document.createElement("option");
            newopt.value = studentid;
            newopt.innerHTML = studentname;
            inslist.appendChild(newopt);
        }
    };
}

function remove_instructor() {
    var select = document.getElementById("removeins").elements.instructor;
    var index = select.selectedIndex;
    var studentid = select.options[index].value; //value gives the value, text gives the actual text
    var studentname = select.options[index].text;
    var obj = new XMLHttpRequest();
    obj.open("POST", "/runestone/admin/removeinstructor/" + studentid, true);
    obj.send(
        JSON.stringify({
            newins: "studentid",
        })
    );
    obj.onreadystatechange = function () {
        if (obj.readyState == 4 && obj.status == 200) {
            gotdeleted = JSON.parse(obj.responseText);
            if (gotdeleted[0]) {
                inslist = document.getElementById("instructorlist");
                inslist.remove(index);
                studlist = document.getElementById("studentlist");
                newopt = document.createElement("option");
                newopt.value = studentid;
                newopt.innerHTML = studentname;
                studlist.appendChild(newopt);
            } else {
                //flash message that you can't remove yourself
            }
        }
    };
}

function TA_search() {
    var elements = document.getElementsByClassName("available_students");
    for (var i = 0; i < elements.length; i++) {
        var name = elements[i].innerText.toUpperCase();
        var text = $("#TA_search").val();
        if (name.includes(text.toUpperCase())) {
            elements[i].style.display = "block";
            elements[i].disabled = false;
        } else {
            elements[i].style.display = "none";
            elements[i].disabled = true;
        }
    }
}

function edit_indexrst(form) {
    let data = {
        newtext: form.editIndex.value,
    };
    jQuery.post("/runestone/admin/editindexrst", data, function () {
        alert("Successfully edited index.rst");
    });
}

// *************************
// Assignments tab functions
// *************************