Class: QrOqt

.Components.Input.QrOqt(open, variable, context, verify, listopt, list_count, debugopt, decodeopt)

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>