45 lines
1.6 KiB
HTML
45 lines
1.6 KiB
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="subgrid col-12">
|
|
<div class="dropdown col-11">
|
|
<div id="myDropdown" class="dropdown-content">
|
|
<input type="text" placeholder="Search.." id="myInput" class="dropdown-input">
|
|
<div id="dropdownOptions" class="dropdown-options"></div>
|
|
</div>
|
|
</div>
|
|
<div class="col-1">
|
|
<input type="number" id="amount" name="amount" min="1" value="1"/>
|
|
</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>
|