All files / app/web-ui/view submit-mfa-view.ts

100% Statements 31/31
100% Branches 3/3
100% Functions 3/3
100% Lines 31/31

Press n or j to go to the next uncovered block, b, p or k for the previous block.

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 311x 1x 1x 1x 1x 1x 1x 14x 14x 14x 14x 14x 14x 14x 14x 14x 14x 14x 14x 14x 14x 14x 1x 1x 14x 14x 1x 1x 14x 14x 1x
import {Resources} from "../../../lib/resources/main.js";
import {submitMfaCSS} from "../css/submit-mfa-css.js";
import {submitMfaScript} from "../scripts/submit-mfa-scripts.js";
import {View} from "./base.js";
 
export class SubmitMfaView extends View {
    protected override get content(): string {
        return `
            <h2>Enter MFA Code</h2>
            <div id="mfaInput">
                <input type="number" id="firstDigit" maxlength="1" size="1" pattern="[0-9]" required autofocus>
                <input type="number" id="secondDigit" maxlength="1" size="1" pattern="[0-9]" required>
                <input type="number" id="thirdDigit" maxlength="1" size="1" pattern="[0-9]" required>
                <input type="number" id="fourthDigit" maxlength="1" size="1" pattern="[0-9]" required>
                <input type="number" id="fifthDigit" maxlength="1" size="1" pattern="[0-9]" required>
                <input type="number" id="sixthDigit" maxlength="1" size="1" pattern="[0-9]" required>
            </div>
            <button id="submitButton" onclick="submitMfa()">Submit</button>
            <button id="resendButton" class="inverted" onclick="navigate('${Resources.manager().webBasePath}/request-mfa')">Resend Code/Change Method</button>
            <button id="cancelButton" class="inverted" onclick="navigate('${Resources.manager().webBasePath}/state')">Cancel</button>
        `;
    }
 
    get scripts() {
        return [...super.scripts, submitMfaScript]
    }
 
    get css() {
        return [...super.css, submitMfaCSS]
    }
}