hyperpop.js/demo/index.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>
Implementación inicial 2021-09-23 00:17:35 +00:00			`<!DOCTYPE html>`
			`<meta charset="utf8" />`
TypeScript y Prettier 2021-09-22 22:32:17 +00:00			`<title>hyperpop.js demo</title>`
Implementación inicial 2021-09-23 00:17:35 +00:00			`<style>`
			`form {`
			`border: solid 2px black;`
			`padding: 0.2em;`
Orders 2021-11-15 21:48:48 +00:00			`margin: 1em 0;`
			`}`
			`section {`
			`border: solid 2px blue;`
			`padding: 0.2em;`
Demo: margen entre formularios 2021-10-12 22:25:58 +00:00			`margin-bottom: 1em;`
Implementación inicial 2021-09-23 00:17:35 +00:00			`}`
Demo: darle más drip 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;`
			`}`
demo: fijar el toggleable 2021-11-18 15:42:18 +00:00
			`summary {`
			`position: sticky;`
			`top: 0px;`
			`background: white;`
			`}`
Implementación inicial 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">`
getCustomers, getPrices y demo TypeScripteada 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>`
Implementación inicial 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>`

Publications 2021-11-01 20:48:42 +00:00			`<form id="publicaciones">`
			`<button>Conseguir publicaciones</button>`
			`<p class="status"></p>`
			`</form>`

getCustomers, getPrices y demo TypeScripteada 2021-10-12 22:29:57 +00:00			`<form id="price">`
Implementación inicial 2021-09-23 00:17:35 +00:00			`<button>Conseguir precios</button>`
Demo: filtrar por lista de precios en precios 2021-11-22 18:34:52 +00:00			`<input name="filter" type="text" placeholder="Filtro por lista de precios (ID, opcional)" />`
Implementación inicial 2021-09-23 00:17:35 +00:00			`<p class="status"></p>`
			`</form>`
TypeScript y Prettier 2021-09-22 22:32:17 +00:00
getCustomers, getPrices y demo TypeScripteada 2021-10-12 22:29:57 +00:00			`<form id="price-by-customer">`
			`<button>Conseguir precios by customer</button>`
getPricesByCustomer: filter 2021-10-12 22:57:24 +00:00			`<input name="filter" type="text" placeholder="Filtro por ID (opcional)" />`
getCustomers, getPrices y demo TypeScripteada 2021-10-12 22:29:57 +00:00			`<p class="status"></p>`
			`</form>`
Implementación inicial 2021-09-23 00:17:35 +00:00
PriceList 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>`

Orders 2021-11-15 21:48:48 +00:00			`<form id="customers">`
			`<button>Conseguir clientes</button>`
demo: mover el resultado de la consulta de clientes 2021-11-18 15:40:39 +00:00			`<p class="status"></p>`
getCustomers, getPrices y demo TypeScripteada 2021-10-12 22:29:57 +00:00			`</form>`
Implementación inicial 2021-09-23 00:17:35 +00:00
Orders 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>`

0.1.0 2021-11-15 21:59:07 +00:00			`<script type="module" src="../dist/demo/demo.js"></script>`