98 lines
2 KiB
HTML
98 lines
2 KiB
HTML
<!DOCTYPE html>
|
|
<meta charset="utf8" />
|
|
<title>hyperpop.js demo</title>
|
|
<style>
|
|
form {
|
|
border: solid 2px black;
|
|
padding: 0.2em;
|
|
margin: 1em 0;
|
|
}
|
|
section {
|
|
border: solid 2px blue;
|
|
padding: 0.2em;
|
|
margin-bottom: 1em;
|
|
}
|
|
|
|
body {
|
|
font-family: sans-serif;
|
|
max-width: 45rem;
|
|
margin: 0 auto;
|
|
padding: 1rem;
|
|
}
|
|
|
|
pre {
|
|
overflow-x: auto;
|
|
}
|
|
|
|
summary {
|
|
position: sticky;
|
|
top: 0px;
|
|
background: white;
|
|
}
|
|
</style>
|
|
|
|
<label for="token-input">Access token: </label>
|
|
<input id="token-input" name="token" />
|
|
|
|
<form id="token">
|
|
<button>Probar token</button>
|
|
<p class="status"></p>
|
|
</form>
|
|
|
|
<form id="save-token">
|
|
<button>Guardar token</button>
|
|
<p class="status"></p>
|
|
</form>
|
|
|
|
<form id="productos">
|
|
<button>Conseguir productos</button>
|
|
<p class="status"></p>
|
|
</form>
|
|
|
|
<form id="publicaciones">
|
|
<button>Conseguir publicaciones</button>
|
|
<p class="status"></p>
|
|
</form>
|
|
|
|
<form id="price">
|
|
<button>Conseguir precios</button>
|
|
<input name="filter" type="text" placeholder="Filtro por lista de precios (ID, opcional)" />
|
|
<p class="status"></p>
|
|
</form>
|
|
|
|
<form id="price-by-customer">
|
|
<button>Conseguir precios by customer</button>
|
|
<input name="filter" type="text" placeholder="Filtro por ID (opcional)" />
|
|
<p class="status"></p>
|
|
</form>
|
|
|
|
<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>
|
|
|
|
<form id="customers">
|
|
<button>Conseguir clientes</button>
|
|
<p class="status"></p>
|
|
</form>
|
|
|
|
<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>
|
|
|
|
<script type="module" src="../dist/demo/demo.js"></script>
|