new QrOqt(open, variable, context, verify, listopt, list_count, debugopt, decodeopt)
Componente que renderiza un mati-button
Parameters:
Name | Type | Attributes | Default | Description |
---|---|---|---|---|
open |
string | nombre de variable booleana que indica si esta abierto o cerrado el lector QR |
||
variable |
string | nombre de variable que va a contener el resultado |
||
context |
string | |||
verify |
string | |||
list |
string |
<optional> |
"false" | indica si tiene que leer varios codigos |
list_count |
string | |||
debug |
string |
<optional> |
"false" | |
decode |
string |
<optional> |
"true" |
- Source:
Example
<qr open="qr" variable="usuario" context="login" decode="false" auto_submit="true" >
<qr_offcanvas options='{"style": {}}'>
<div class="d-flex flex-column h-100" style="background-color:black;color:white">
<div class="mt-2 pt-2 pb-3 mx-2 text-center">
<div class="titulo-camara">Enfoque el código del DNI</div>
</div>
<div style="max-height: calc(100vh - 210px) ; overflow: hidden; width: 100vw">
<qr_cam options='{
"width":"100%",
"height": "-",
"formats":["PDF_417", "QR_CODE"]
}'></qr_cam>
</div>
<qr_torch_on>
<div class="d-flex justify-content-center mt-2 pt-2 mx-2">
<div class="align-self-center font-14">
Encender
</div>
<div class="align-self-center ps-1 mt-n1">
<img src="images/light-on.png" width="24"/>
</div>
</div>
</qr_torch_on>
<qr_torch_off>
<div class="d-flex justify-content-center mt-2 pt-2 mx-2">
<div class="align-self-center font-14">
Apagar
</div>
<div class="align-self-center ps-1 mt-n1">
<img src="images/light-off.png" width="26"/>
</div>
</div>
</qr_torch_off>
<qr_close>
<div id="footer-bar" class="footer-bar-4 footer-bar-attached iosTabBar mx-2">
<div class="d-flex w-100">
<div class="align-self-center w-100">
<a class="btn btn-full bg-danger shadow-bg shadow-bg-s font-14 text-button" href="x">
<img src="images/previous.png" width="30">
VOLVER
</a>
</div>
</div>
</div>
</qr_close>
<div>
<qr_error>Error: código inválido.</qr_error>
</div>
</div>
</qr_offcanvas>
<qr_open>
<div class="mt-4 mx-4 text-center">
<div class="btn btn-full gradient-highlight py-1 mb-2">
<img src="images/dni.png" width="40px">
<span class="ps-2">Ingrese con su DNI</span>
</div>
</div>
</qr_open>
</qr>