PCRS.js

// ==UserScript==
// @name         Instant-PCRS
// @namespace    http://tampermonkey.net/
// @version      0.1
// @description  try to take over the world!
// @author       You
// @match        https://cms-pcrs.utsc.utoronto.ca/cscb09w23/content/challenges/*
// @icon         https://www.google.com/s2/favicons?sz=64&domain=utoronto.ca
// @grant        unsafeWindow
// @require      https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js
// ==/UserScript==

(function () {
    'use strict';

    // Your code here...
    function checkIfIsMCQ() {
        // if a content includes 'multiple_choice-***', then it has a MCQ
        return document.body.innerHTML.includes('multiple_choice-');
    }

    function checkIfIsVideo() {
        // if a content includes 'video-***', then it has a video
        return document.body.innerHTML.includes('video-');
    }

    // Define a class that stores the info of a choice
    class Choice {
        constructor(id, text, value, isCorrect) {
            this.id = id;
            this.text = text;
            this.value = value;
            this.isCorrect = isCorrect;
        }
    }

    // Define a class that stores choices of a question
    class Question {
        constructor(id, choices) {
            this.id = id;
            this.choices = choices;
        }
    }

    // Get cookie
    function getCookie(cname) {
        var name = cname + "=";
        var ca = document.cookie.split(';');
        for (var i = 0; i < ca.length; i++) {
            var c = ca[i].trim();
            if (c.indexOf(name) == 0) return c.substring(name.length, c.length);
        }
        return "";
    }

    // Send a request to the server to get test cases
    function runAnswer(submission, questionId) {
        // POST a request to the server with 'csrftoken' and 'submission'
        var csrftoken = getCookie('csrftoken');
        // console.log('cookie: ' + csrftoken);

        // If submissions has more than one element, make it string
        var submission_str;
        var data;
        // console.log('Type of submission: ' + typeof(submission));
        if (typeof (submission) == 'string') {
            data = 'csrfmiddlewaretoken=' + csrftoken + '&submission=' + submission;
        }
        else if (typeof (submission) == 'object') {
            if (submission.length == 0) {
                data = 'csrfmiddlewaretoken=' + csrftoken;
            }
            else {
                // console.log('Special submission: ' + submission);
                // console.log(submission.join('&submission='));
                submission_str = submission.join('&submission=');
                data = 'csrfmiddlewaretoken=' + csrftoken + '&submission=' + submission_str;
            }
        }

        var url = window.location.href.split('content')[0] +
            'problems/' + questionId.split('-')[0] +
            '/' + questionId.split('-')[1] + '/run';

        var result;
        $.ajax({
            type: 'POST',
            url: url,
            data: data,
            async: false,
            success: function (data) {
                result = data;
                // console.log(result);
                // console.log(result.score + ' / ' + result.max_score);
            },
            error: function (data) {
                console.log(data);
                // Create a Alertbox to show the error
                var text = 'Error: ' + data;
                alert(text);
            }
        });
        return [result.score, result.max_score];
    }

    // Try to get full marks
    function getFullMark(options, questionId) {
        console.log('Sending request to the server...');
        var scores = runAnswer([], questionId);
        // console.log('scores: ' + scores);

        var current_score = scores[0];
        var max_score = scores[1];
        var empty_score = current_score;

        var correct_choices = max_score - current_score;

        console.log(correct_choices + ' options needed.');

        var i;
        for (i = 0; i < options.length; i++) {
            var tmp_score = runAnswer(options[i].value, questionId);
            // console.log('Option ' + options[i].value + ' score: ' + tmp_score[0]);

            if (tmp_score[0] > empty_score) {
                // empty_score = tmp_score[0];
                options[i].isCorrect = true;
                console.log('Option ' + options[i].value + ' is correct.');
            }
        }

        var choice_list = []
        for (i = 0; i < options.length; i++) {
            if (options[i].isCorrect) {
                choice_list.push(options[i].value);
            }
        }

        console.log('Final choice: ' + choice_list);

        scores = runAnswer(choice_list, questionId);
        current_score = scores[0];
        max_score = scores[1];

        console.log(current_score, max_score);
        return current_score == max_score;
    }

    // Get the options for MQC
    function getMCQQuestions() {
        // Get the questions by id contains 'multiple_choice-***'
        // <div id="multiple_choice-1117">
        var questionElements = document.querySelectorAll('[id^="multiple_choice-"]');
        console.log(questionElements.length + ' questions in total.');

        // var optionElements = document.getElementsByClassName('controls');
        // console.log(optionElements.length + ' questions in total.');
        // console.log(optionElements);

        // Get the options by the class name 'checkbox'
        // <input type="checkbox" name="options" id="id_options_1" value="1117">
        var finished_cnt = 0;
        for (var i = 0; i < questionElements.length; i++) {
            var question = new Question();
            question.choices = [];

            // question.id = problem_pk;
            try {
                question.id = questionElements[i].id;
            }
            catch (err) {
                question.id = 'error';
                console.log('Error: Cannot get question id for question ' + i + ':');
                console.log('questionElements[i]: ' + questionElements[i]);
                continue;
            }

            // Get the id of the option by Type 'checkbox'
            // <label class="checkbox">
            // <input type="checkbox" name="options" id="id_options_5" value="880">... </label>
            // </label>
            var optionElements = questionElements[i].getElementsByClassName('checkbox');
            console.log(optionElements.length + ' options in total.');
            var options = [];

            for (var j = 0; j < optionElements.length; j++) {
                options.push(optionElements[j].getElementsByTagName('input')[0]);
                var option = options[j];
                var id = option.id;
                var text = option.innerText;
                var value = option.value;
                var isCorrect = false;
                var choice = new Choice(id, text, value, isCorrect);
                // console.log(choice);
                question.choices.push(choice);
            }
            console.log(question);

            // Try to get full marks
            if (getFullMark(options, question.id)) {
                finished_cnt++;
            }

            // // Update HTML element
            // questions_cnt = questionElements.length;
            // var solved_cnt = document.getElementById('questions_cnt');
            // solved_cnt.innerText = finished_cnt + ' / ' + questions_cnt;

        }
        console.log(finished_cnt + ' questions finished.');
        return finished_cnt;
    }

    function getVideos() {
        // Request URL: https://cms-pcrs.utsc.utoronto.ca/cscb09w23/content/videos/155/watched
        // Request Method: POST
        // csrftoken: wzbVUY9KD7B5Y3u6LOQ3wNoWO2qnA3kx4gQUQsbhjFBtu2ZjUc35rxvAfLabK4TZ
        // download: false

        var videoElements = document.querySelectorAll('[id^="video-"]');
        console.log(videoElements.length + ' videos in total.');

        var finished_cnt = 0;
        for (var i = 0; i < videoElements.length; i++) {
            var video = videoElements[i];
            var video_id = video.id.split('-')[1];
            console.log('Watching ' + video_id);

            var url = window.location.origin + '/' +
                window.location.pathname.split('/')[1] +
                '/content/videos/' + video_id + '/watched';

            // Include origin and referer to avoid 403 error
            var headers = {
                'Origin': window.location.origin,
                'Referer': window.location.href,
                'X-CSRFToken': getCookie('csrftoken'),
            };

            // console.log(headers);

            $.ajax({
                url: url,
                type: 'POST',
                headers: headers,
                async: false,
                data: {
                    'csrftoken': getCookie('csrftoken'),
                    'download': 'false'
                },
                success: function (data) {
                    console.log('Finished watching ' + video_id);
                    finished_cnt++;
                },
                error: function (data) {
                    console.log("Failed to watch " + video_id);
                    var error_msg = data;
                    alert(error_msg);
                }
            });

            // // Update HTML element with the number of finished videos
            // videos_cnt = document.getElementById('videos_cnt');
            // videos_cnt.innerHTML = '<li><a>' + finished_cnt + '/' + videoElements.length + ' Finished</a></li>';
        }
        console.log(finished_cnt + ' videos finished.');
        return finished_cnt;
    }

    console.log(checkIfIsMCQ() ? 'MCQ Found' : 'No MCQ Found');
    console.log(checkIfIsVideo() ? 'Video Found' : 'No Video Found');

    // Create a HTML button to display the result in student-navbar
    var Instant_PCRS_Button = document.createElement('ul');
    Instant_PCRS_Button.className = 'pcrs-navbar-nav';
    Instant_PCRS_Button.id = 'instant-pcrs';

    if (checkIfIsMCQ() || checkIfIsVideo()) {
        Instant_PCRS_Button.innerHTML = '<li><a>Instant PCRS</a></li>';
    } else {
        Instant_PCRS_Button.innerHTML = '<li><a>Contains no MCQ/Video</a></li>';
    }

    // Append the element to student-navbar
    var navbar = document.getElementsByClassName('collapse navbar-collapse')[0];
    navbar.appendChild(Instant_PCRS_Button);

    // Append the number of questions
    var questionElements = document.querySelectorAll('[id^="multiple_choice-"]');
    var questions_cnt = document.createElement('ul');
    questions_cnt.className = 'pcrs-navbar-nav';
    questions_cnt.id = 'questions_cnt';
    questions_cnt.innerHTML = '<li><a>' + questionElements.length + ' MCQs</a></li>';
    navbar.appendChild(questions_cnt);

    // Append the number of videos
    var videoElements = document.querySelectorAll('[id^="video-"]');
    var videos_cnt = document.createElement('ul');
    videos_cnt.className = 'pcrs-navbar-nav';
    videos_cnt.id = 'videos_cnt';
    videos_cnt.innerHTML = '<li><a>' + videoElements.length + ' Videos</a></li>';
    navbar.appendChild(videos_cnt);

    // Monitor the hit of id 'instant-pcrs'
    document.getElementById('instant-pcrs').addEventListener('click', function () {
        var finished_MCQ_cnt = getMCQQuestions();
        questions_cnt.innerHTML = '<li><a>' + finished_MCQ_cnt + '/' + questionElements.length + ' Finished</a></li>';

        var finished_Video_cnt = getVideos();
        videos_cnt.innerHTML = '<li><a>' + finished_Video_cnt + '/' + videoElements.length + ' Finished</a></li>';
    });

})();