2021-09-23 00:17:35 +00:00
|
|
|
<!DOCTYPE html>
|
|
|
|
|
<meta charset="utf8" />
|
2021-09-22 22:32:17 +00:00
|
|
|
<title>hyperpop.js demo</title>
|
2021-09-23 00:17:35 +00:00
|
|
|
<style>
|
|
|
|
|
form {
|
|
|
|
|
border: solid 2px black;
|
|
|
|
|
padding: 0.2em;
|
2021-11-15 21:48:48 +00:00
|
|
|
margin: 1em 0;
|
|
|
|
|
}
|
|
|
|
|
section {
|
|
|
|
|
border: solid 2px blue;
|
|
|
|
|
padding: 0.2em;
|
2021-10-12 22:25:58 +00:00
|
|
|
margin-bottom: 1em;
|
2021-09-23 00:17:35 +00:00
|
|
|
}
|
2021-10-12 22:56:47 +00:00
|
|
|
|
|
|
|
|
body {
|
|
|
|
|
font-family: sans-serif;
|
|
|
|
|
max-width: 45rem;
|
|
|
|
|
margin: 0 auto;
|
|
|
|
|
padding: 1rem;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
pre {
|
|
|
|
|
overflow-x: auto;
|
|
|
|
|
}
|
2021-11-18 15:42:18 +00:00
|
|
|
|
|
|
|
|
summary {
|
|
|
|
|
position: sticky;
|
|
|
|
|
top: 0px;
|
|
|
|
|
background: white;
|
|
|
|
|
}
|
2021-09-23 00:17:35 +00:00
|
|
|
</style>
|
|
|
|
|
|
|
|
|
|
<label for="token-input">Access token: </label>
|
|
|
|
|
<input id="token-input" name="token" />
|
|
|
|
|
|
|
|
|
|
<form id="token">
|
2021-10-12 22:29:57 +00:00
|
|
|
<button>Probar token</button>
|
|
|
|
|
<p class="status"></p>
|
|
|
|
|
</form>
|
|
|
|
|
|
|
|
|
|
<form id="save-token">
|
|
|
|
|
<button>Guardar token</button>
|
2021-09-23 00:17:35 +00:00
|
|
|
<p class="status"></p>
|
|
|
|
|
</form>
|
|
|
|
|
|
|
|
|
|
<form id="productos">
|
|
|
|
|
<button>Conseguir productos</button>
|
|
|
|
|
<p class="status"></p>
|
|
|
|
|
</form>
|
|
|
|
|
|
2021-11-01 20:48:42 +00:00
|
|
|
<form id="publicaciones">
|
|
|
|
|
<button>Conseguir publicaciones</button>
|
|
|
|
|
<p class="status"></p>
|
|
|
|
|
</form>
|
|
|
|
|
|
2021-10-12 22:29:57 +00:00
|
|
|
<form id="price">
|
2021-09-23 00:17:35 +00:00
|
|
|
<button>Conseguir precios</button>
|
2021-11-22 18:34:52 +00:00
|
|
|
<input name="filter" type="text" placeholder="Filtro por lista de precios (ID, opcional)" />
|
2021-09-23 00:17:35 +00:00
|
|
|
<p class="status"></p>
|
|
|
|
|
</form>
|
2021-09-22 22:32:17 +00:00
|
|
|
|
2021-10-12 22:29:57 +00:00
|
|
|
<form id="price-by-customer">
|
|
|
|
|
<button>Conseguir precios by customer</button>
|
2021-10-12 22:57:24 +00:00
|
|
|
<input name="filter" type="text" placeholder="Filtro por ID (opcional)" />
|
2021-10-12 22:29:57 +00:00
|
|
|
<p class="status"></p>
|
|
|
|
|
</form>
|
2021-09-23 00:17:35 +00:00
|
|
|
|
2021-11-18 15:07:35 +00:00
|
|
|
<form id="price-list">
|
|
|
|
|
<button>Conseguir listas de precios</button>
|
|
|
|
|
<input name="filter" type="text" placeholder="Filtro por ID (opcional)" />
|
|
|
|
|
<p class="status"></p>
|
|
|
|
|
</form>
|
|
|
|
|
|
2022-06-16 21:59:47 +00:00
|
|
|
<form id="stock">
|
|
|
|
|
<button>Conseguir stock</button>
|
|
|
|
|
<input name="filter" type="text" placeholder="Filtro por ID (opcional)" />
|
|
|
|
|
<input name="warehouseCode" type="text" placeholder="Filtro por código de deposito (opcional)" />
|
|
|
|
|
<p class="status"></p>
|
|
|
|
|
</form>
|
|
|
|
|
|
2021-11-15 21:48:48 +00:00
|
|
|
<form id="customers">
|
|
|
|
|
<button>Conseguir clientes</button>
|
2021-11-18 15:40:39 +00:00
|
|
|
<p class="status"></p>
|
2021-10-12 22:29:57 +00:00
|
|
|
</form>
|
2021-09-23 00:17:35 +00:00
|
|
|
|
2021-11-15 21:48:48 +00:00
|
|
|
<section>
|
|
|
|
|
<form id="pedido-customer">
|
|
|
|
|
<p class="status"></p>
|
|
|
|
|
<input type="text" name="cuit" placeholder="CUIT" />
|
|
|
|
|
<button>Setear cliente</button>
|
|
|
|
|
</form>
|
|
|
|
|
<form id="pedido-item">
|
|
|
|
|
<p class="status"></p>
|
|
|
|
|
<input type="text" name="sku" placeholder="SKU" />
|
|
|
|
|
<button>+</button>
|
|
|
|
|
<ul class="productos"></ul>
|
|
|
|
|
</form>
|
|
|
|
|
<form id="pedido">
|
|
|
|
|
<p class="status"></p>
|
|
|
|
|
<button>Hacer pedido</button>
|
|
|
|
|
</form>
|
|
|
|
|
</section>
|
|
|
|
|
|
2021-11-15 21:59:07 +00:00
|
|
|
<script type="module" src="../dist/demo/demo.js"></script>
|
