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

100% Statements 35/35
100% Branches 4/4
100% Functions 4/4
100% Lines 35/35

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 31 32 33 34 351x 1x 1x 1x 1x 1x 1x 15x 15x 15x 15x 15x 15x 15x 15x 15x 15x 15x 15x 15x 15x 15x 1x 1x 15x 15x 1x 1x 15x 15x 1x 1x 15x 15x 1x
import {Resources} from "../../../lib/resources/main.js";
import {submitMfaCSS, submitMfaCSSDark} 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]
    }
 
    get cssDark() {
        return [...super.cssDark, submitMfaCSSDark]
    }
}