@regulaforensics/document-reader/examples/react_native/src/main.html

This is an npm module for Regula Document Reader SDK. It allows you to read various kinds of identification documents using your phone's camera.

<div class="column" style="height: 100%">
    <div class="column header">
        <span id="status" class="title">Loading...</span>
        <div class="column divider"></div>
    </div>
    <div id="main" class="column no-scroll">
        <div class="row">
            <div class="column" style="padding: 5px;">
                <p>Portrait</p>
                <img id="portrait-image" src="images/portrait.png" height="150px" width="150px">
            </div>
            <div class="column" style="padding: 5px;">
                <p>Document image</p>
                <img id="document-image" src="images/document.png" height="150px" width="200px">
            </div>
        </div>
        <div id="scenario-container" class="column no-scroll"
            style="margin-top: 15px; background-color: rgba(0, 0, 0, 0.03);">
            <div id="scenarios" class="scroll">
                <div class="row" style="align-items: baseline; padding: 15px;">
                    <input type="radio" name="scenario" value="Aaa">
                    <span style="width: 200px; padding-left: 5px;">Aaa</span>
                </div>
                <div class="row" style="align-items: baseline; padding: 15px;">
                    <input type="radio" name="scenario" value="Aaa">
                    <span style="width: 200px; padding-left: 5px;">Aaa</span>
                </div>
                <div class="row" style="align-items: baseline; padding: 15px;">
                    <input type="radio" name="scenario" value="Aaa">
                    <span style="width: 200px; padding-left: 5px;">Aaa</span>
                </div>
                <div class="row" style="align-items: baseline; padding: 15px;">
                    <input type="radio" name="scenario" value="Aaa">
                    <span style="width: 200px; padding-left: 5px;">Aaa</span>
                </div>
                <div class="row" style="align-items: baseline; padding: 15px;">
                    <input type="radio" name="scenario" value="Aaa">
                    <span style="width: 200px; padding-left: 5px;">Aaa</span>
                </div>
            </div>
        </div>
        <div class="row" style="width: 360px; padding-top: 15px;">
            <span id="rfid-checkbox-description" style="font-size: 18px;">Process rfid reading</span>
            <input id="rfid-checkbox" type="checkbox" style="margin-left: auto;" />
        </div>
        <div id="bt-device" class="row" style="display: none;">
            <input type="text" placeholder="Regula 0000" />
            <button class="button">Connect</button>
        </div>
        <div class="row">
            <button id="scan" class="button">Scan document</button>
            <button id="recognize" class="button">Scan image</button>
        </div>
        <div style="padding-top: 20px;"></div>
    </div>
    <div id="custom-rfid" class="column no-scroll" style="display: none;">
        <span id="rfid-description" style="font-size: 22px">Place your phone on top of the NFC tag</span>
        <div class="progress-bar">
            <div id="progress"></div>
        </div>
        <button id="cancel-rfid" class="text-button" style="margin-top: 50px;">X</button>
    </div>
</div>