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-bottom: 1em;
  }

  body {
    font-family: sans-serif;
    max-width: 45rem;
    margin: 0 auto;
    padding: 1rem;
  }

  pre {
    overflow-x: auto;
  }
</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="price">
  <button>Conseguir precios</button>
  <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="customer">
  <button>Conseguir clientes</button>
  <p class="status"></p>
</form>

<script type="module" src="../build/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;`
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;`
			`}`
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>`

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>`
			`<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
getCustomers, getPrices y demo TypeScripteada 2021-10-12 22:29:57 +00:00			`<form id="customer">`
			`<button>Conseguir clientes</button>`
			`<p class="status"></p>`
			`</form>`
Implementación inicial 2021-09-23 00:17:35 +00:00
getCustomers, getPrices y demo TypeScripteada 2021-10-12 22:29:57 +00:00			`<script type="module" src="../build/demo/demo.js"></script>`