Skip to content

Instantly share code, notes, and snippets.

@parzibyte

parzibyte/index.html

Created Aug 22, 2019
Embed
What would you like to do?
<!doctype html>
<html lang="es">
<!--
Plantilla inicial de Bootstrap 4
@author parzibyte
Visita: parzibyte.me/blog
-->
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1,
shrink-to-fit=no">
<meta name="description" content="Demostrar capacidades de plugin de impresión para impresora térmica en JavaScript">
<meta name="author" content="Parzibyte">
<title>Demostrar capacidades de plugin de impresión</title>
<!-- Cargar el CSS de Boostrap-->
<link href="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-ggOyR0iXCbMQv3Xipma34MD+dH/1fQ784/j6cY/iJTQUOhcWr7x9JvoRxT2MZw1T" crossorigin="anonymous">
</head>
<body>
<main role="main" class="container-fluid">
<div class="row">
<div class="col-12">
<h1>Demostrar capacidades de plugin de impresión</h1>
<a href="//parzibyte.me/blog">By Parzibyte</a>
<br>
<a class="btn btn-danger btn-sm" href="../../index.html">Documentación</a>
</div>
<!-- Aquí pon las col-x necesarias, comienza tu contenido, etcétera -->
<div class="col-12 col-lg-6">
<h2>Ajustes de impresora</h2>
<strong>Nombre de impresora seleccionada: </strong>
<p id="impresoraSeleccionada"></p>
<div class="form-group">
<select class="form-control" id="listaDeImpresoras"></select>
</div>
<button class="btn btn-primary btn-sm" id="btnRefrescarLista">Refrescar lista</button>
<button class="btn btn-primary btn-sm" id="btnEstablecerImpresora">Establecer como predeterminada</button>
<h2>Capacidades</h2>
<p>Utiliza el siguiente botón para imprimir un recibo de prueba en la impresora predeterminada:</p>
<button class="btn btn-success" id="btnImprimir">Imprimir ticket</button>
</div>
<div class="col-12 col-lg-6">
<h2>Log</h2>
<button class="btn btn-warning btn-sm" id="btnLimpiarLog">Limpiar log</button>
<pre id="estado"></pre>
</div>
</div>
</main>
<script src="./script.js"></script>
</body>
</html>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment