feat: la demo permite usar basic auth
This commit is contained in:
parent
3eafdcb7dd
commit
6e4a9a74bd
2 changed files with 63 additions and 28 deletions
70
demo/demo.ts
70
demo/demo.ts
|
@ -15,17 +15,29 @@ import {
|
||||||
getPriceLists,
|
getPriceLists,
|
||||||
} from "../index.js";
|
} from "../index.js";
|
||||||
|
|
||||||
// TODO: hacerlo input
|
const hostInput = document.querySelector<HTMLInputElement>("#host")!;
|
||||||
const HOST = "http://sutty.vm:4001";
|
const userInput = document.querySelector<HTMLInputElement>("#user")!;
|
||||||
|
const passInput = document.querySelector<HTMLInputElement>("#pass")!;
|
||||||
|
|
||||||
const tokenInput = document.querySelector<HTMLInputElement>("#token-input")!;
|
const tokenInput = document.querySelector<HTMLInputElement>("#token-input")!;
|
||||||
|
|
||||||
if (localStorage.token) {
|
function headers() {
|
||||||
tokenInput.value = localStorage.token;
|
const h = new Headers();
|
||||||
|
|
||||||
|
h.set("content-type", "application/json");
|
||||||
|
|
||||||
|
if (tokenInput.value) {
|
||||||
|
h.set("accesstoken", tokenInput.value);
|
||||||
|
} else {
|
||||||
|
const basic = btoa(`${userInput.value}:${passInput.value}`);
|
||||||
|
h.set("authorization", `Basic ${basic}`);
|
||||||
|
}
|
||||||
|
|
||||||
|
return h;
|
||||||
}
|
}
|
||||||
|
|
||||||
function token() {
|
function host() {
|
||||||
return tokenInput.value;
|
return hostInput.value;
|
||||||
}
|
}
|
||||||
|
|
||||||
function clear(el: Node) {
|
function clear(el: Node) {
|
||||||
|
@ -88,34 +100,34 @@ function setupForm(selector: string, listener: (event: Event) => Promise<any>) {
|
||||||
});
|
});
|
||||||
}
|
}
|
||||||
|
|
||||||
setupForm("#token", () => dummy(HOST, token()));
|
setupForm("#token", () => {
|
||||||
setupForm("#save-token", async () => {
|
console.log(headers());
|
||||||
localStorage.token = token();
|
return dummy(host(), headers());
|
||||||
});
|
});
|
||||||
setupForm("#productos", () => getProductos(HOST, token(), {}));
|
setupForm("#productos", () => getProductos(host(), headers(), {}));
|
||||||
setupForm("#publicaciones", () => getPublications(HOST, token(), {}));
|
setupForm("#publicaciones", () => getPublications(host(), headers(), {}));
|
||||||
setupForm("#price", (event) =>
|
setupForm("#price", (event) =>
|
||||||
getPrices(HOST, token(), {
|
getPrices(host(), headers(), {
|
||||||
filter: (event.target! as any).filter.value,
|
filter: (event.target! as any).filter.value,
|
||||||
})
|
})
|
||||||
);
|
);
|
||||||
setupForm("#stock", (event) =>
|
setupForm("#stock", (event) =>
|
||||||
getStocks(HOST, token(), {
|
getStocks(host(), headers(), {
|
||||||
filter: (event.target! as any).filter.value,
|
filter: (event.target! as any).filter.value,
|
||||||
warehouseCode: (event.target! as any).warehouseCode.value,
|
warehouseCode: (event.target! as any).warehouseCode.value,
|
||||||
})
|
})
|
||||||
);
|
);
|
||||||
setupForm("#price-by-customer", (event) =>
|
setupForm("#price-by-customer", (event) =>
|
||||||
getPricesByCustomer(HOST, token(), {
|
getPricesByCustomer(host(), headers(), {
|
||||||
filter: (event.target! as any).filter.value,
|
filter: (event.target! as any).filter.value,
|
||||||
})
|
})
|
||||||
);
|
);
|
||||||
setupForm("#price-list", (event) =>
|
setupForm("#price-list", (event) =>
|
||||||
getPriceLists(HOST, token(), {
|
getPriceLists(host(), headers(), {
|
||||||
filter: (event.target! as any).filter.value,
|
filter: (event.target! as any).filter.value,
|
||||||
})
|
})
|
||||||
);
|
);
|
||||||
setupForm("#customers", () => getCustomers(HOST, token(), {}));
|
setupForm("#customers", () => getCustomers(host(), headers(), {}));
|
||||||
|
|
||||||
let customer: Customer | null = null;
|
let customer: Customer | null = null;
|
||||||
|
|
||||||
|
@ -123,7 +135,7 @@ setupForm("#pedido-customer", async (event) => {
|
||||||
const cuit = (event.target! as any).cuit.value;
|
const cuit = (event.target! as any).cuit.value;
|
||||||
if (cuit.length === 0) throw new Error("No pusiste un CUIT.");
|
if (cuit.length === 0) throw new Error("No pusiste un CUIT.");
|
||||||
|
|
||||||
const customers = await getCustomers(HOST, token(), {
|
const customers = await getCustomers(host(), headers(), {
|
||||||
customer: {
|
customer: {
|
||||||
type: TipoDeDocumento.CUIT,
|
type: TipoDeDocumento.CUIT,
|
||||||
number: cuit,
|
number: cuit,
|
||||||
|
@ -160,17 +172,23 @@ setupForm("#pedido-item", async (event) => {
|
||||||
const sku = (event.target! as any).sku.value;
|
const sku = (event.target! as any).sku.value;
|
||||||
if (sku.length === 0) throw new Error("No pusiste un SKU.");
|
if (sku.length === 0) throw new Error("No pusiste un SKU.");
|
||||||
|
|
||||||
const productosResponse = await getProductos(HOST, token(), { filter: sku });
|
const productosResponse = await getProductos(host(), headers(), {
|
||||||
|
filter: sku,
|
||||||
|
});
|
||||||
if (productosResponse.Data.length !== 1)
|
if (productosResponse.Data.length !== 1)
|
||||||
throw new Error("Encontré más de un producto.");
|
throw new Error("Encontré más de un producto.");
|
||||||
|
|
||||||
const preciosDelClienteResponse = await getPricesByCustomer(HOST, token(), {
|
const preciosDelClienteResponse = await getPricesByCustomer(
|
||||||
SKUCode: sku,
|
host(),
|
||||||
customer: {
|
headers(),
|
||||||
type: customer.DocumentType,
|
{
|
||||||
number: customer.DocumentNumber,
|
SKUCode: sku,
|
||||||
},
|
customer: {
|
||||||
});
|
type: customer.DocumentType,
|
||||||
|
number: customer.DocumentNumber,
|
||||||
|
},
|
||||||
|
}
|
||||||
|
);
|
||||||
if (preciosDelClienteResponse.Data.length !== 1)
|
if (preciosDelClienteResponse.Data.length !== 1)
|
||||||
throw new Error("Encontré más de un producto.");
|
throw new Error("Encontré más de un producto.");
|
||||||
|
|
||||||
|
@ -216,5 +234,5 @@ setupForm("#pedido", async () => {
|
||||||
},
|
},
|
||||||
};
|
};
|
||||||
|
|
||||||
return await order(HOST, token(), orderJson);
|
return await order(host(), headers(), orderJson);
|
||||||
});
|
});
|
||||||
|
|
|
@ -31,6 +31,15 @@
|
||||||
}
|
}
|
||||||
</style>
|
</style>
|
||||||
|
|
||||||
|
<label for="host">Host: </label>
|
||||||
|
<input id="host" name="host" value="http://sutty.vm:4001" />
|
||||||
|
|
||||||
|
<label for="user">User: </label>
|
||||||
|
<input id="user" name="user" />
|
||||||
|
|
||||||
|
<label for="pass">Pass: </label>
|
||||||
|
<input id="pass" name="pass" value="" />
|
||||||
|
|
||||||
<label for="token-input">Access token: </label>
|
<label for="token-input">Access token: </label>
|
||||||
<input id="token-input" name="token" />
|
<input id="token-input" name="token" />
|
||||||
|
|
||||||
|
@ -56,7 +65,11 @@
|
||||||
|
|
||||||
<form id="price">
|
<form id="price">
|
||||||
<button>Conseguir precios</button>
|
<button>Conseguir precios</button>
|
||||||
<input name="filter" type="text" placeholder="Filtro por lista de precios (ID, opcional)" />
|
<input
|
||||||
|
name="filter"
|
||||||
|
type="text"
|
||||||
|
placeholder="Filtro por lista de precios (ID, opcional)"
|
||||||
|
/>
|
||||||
<p class="status"></p>
|
<p class="status"></p>
|
||||||
</form>
|
</form>
|
||||||
|
|
||||||
|
@ -75,7 +88,11 @@
|
||||||
<form id="stock">
|
<form id="stock">
|
||||||
<button>Conseguir stock</button>
|
<button>Conseguir stock</button>
|
||||||
<input name="filter" type="text" placeholder="Filtro por ID (opcional)" />
|
<input name="filter" type="text" placeholder="Filtro por ID (opcional)" />
|
||||||
<input name="warehouseCode" type="text" placeholder="Filtro por código de deposito (opcional)" />
|
<input
|
||||||
|
name="warehouseCode"
|
||||||
|
type="text"
|
||||||
|
placeholder="Filtro por código de deposito (opcional)"
|
||||||
|
/>
|
||||||
<p class="status"></p>
|
<p class="status"></p>
|
||||||
</form>
|
</form>
|
||||||
|
|
||||||
|
|
Loading…
Reference in a new issue