calories/templates/camera_test.html

<div class="grid">
    <div id="video-container" class="col-12">
        <video id="video">Camera not available.</video>
        <canvas id="canvas" hidden> </canvas>
    </div>
    <div class="dropdown col-12">
        <div id="myDropdown" class="dropdown-content">
            <input type="text" placeholder="Search.." id="myInput">
            <div id="dropdownOptions" class="dropdown-options"></div>
        </div>
    </div>
    <div class="col-12">
        <h3>Valgt vare</h3>
        <table>
        <tr>
            <td style="text-align: right"><b>ID:</b></td>
            <td id="id"></td>
        </tr>
        <tr>
            <td style="text-align: right"><b>Barcode:</b></td>
            <td id="barcode"></td>
        </tr>
        <tr>
            <td style="text-align: right; vertical-align: top"><b>Name:</b></td>
            <td id="name" style="vertical-align: top"></td>
        </tr>
        <tr>
            <td style="text-align: right"><b>Manufacturer:</b></td> <td id="manufacturer"></td>
        </tr>
        </table>
    </div>
    <div class="subgrid col-12" style="height: 100px">
        <form id="submit-form" class="col-6" onsubmit="return confirm('Do you really want to submit the form?');">
            <input id="form-id" hidden>
            <input id="submit-button" class="maximize" type="submit" value="Submit" disabled>
        </form>
        <button id="scan-barcode-button" class="col-6">Scan barcode</button>
    </div>
</div>