CS-Coursework/public/pages/test/screens/testscreen.js

/**
 * @file   This file provides the functionality for the test
 * @author Arlo Filley
 * 
 * TODO:
 *      - provide a button that allows the user to exit the test
 *      - provide a count down to the start of a test
 *      - implement menus to allow the user to control the parameters of a test
 */

/**
 * this class displays the text of the test to the the screen and then takes input from the user
 * displaying red if it is inaccurate, and green if it is
 */
class TestScreen {
    constructor() {
        this.textbox = new Textbox(
            100, windowHeight / 2 - 100,
            windowWidth - 500,windowHeight,
            0, true, "#000", false, "#000", "#000", true, true);
        this.timer = new Timer(0,0,windowWidth,50,0,true,"#fff", true, "#000", "#666", user.time, true);
        this.timerStarted = false;
        this.stopButton = new Button(0,50,200,50, "Stop Test");
    }

    draw() {
        this.textbox.draw();
        this.timer.draw();
        if (this.timerStarted) {
            this.timer.tick();
        }
        this.stopButton.draw();
        if (this.stopButton.isPressed()) {
            window.location.href = "/typing/pages/leaderboard/index.html"
        }

        if (this.timer.hasEnded) {
            this.stopButton.y = 0
            text("Test Has Ended", 100, 100);
        }
    }

    letterTyped(key) {
        if (this.timer.hasEnded) return;
        this.textbox.letterTyped(key);
        if (!this.timerStarted) {
            this.timer.start();
            this.timerStarted = true;
        } 
    }
}