72 lines
2.1 KiB
JavaScript
72 lines
2.1 KiB
JavaScript
|
import { Controller } from 'stimulus'
|
||
|
|
|
||
|
|
/*
|
||
|
|
* Mantiene el stock actualizado, consultando a la API.
|
||
|
|
*
|
||
|
|
* * Obtiene todas las variantes en el controlador
|
||
|
|
* * Consulta a la API
|
||
|
|
* * Actualiza stock y precio
|
||
|
|
* * Deshabilita botón si no está en stock
|
||
|
|
*/
|
||
|
|
export default class extends Controller {
|
||
|
|
static targets = [ 'product' ]
|
||
|
|
|
||
|
|
async connect () {
|
||
|
|
if (this.variant_ids.length === 0) return
|
||
|
|
|
||
|
|
const ids = this.variant_ids.join(',')
|
||
|
|
const filter = { ids }
|
||
|
|
let response = await window.spree.products.list({ filter })
|
||
|
|
|
||
|
|
// TODO: Gestionar errores
|
||
|
|
if (response.isFail()) {
|
||
|
|
console.error(response.fail())
|
||
|
|
return
|
||
|
|
}
|
||
|
|
|
||
|
|
this.update_local_products(response.success().data)
|
||
|
|
|
||
|
|
// Recorrer todas las páginas
|
||
|
|
// XXX: Podríamos usar next pero la página 1 siempre se devuelve a
|
||
|
|
// sí misma y entraríamos en un loop infinito.
|
||
|
|
for (let page = 2; page <= response.success().meta.total_pages; page++) {
|
||
|
|
response = await window.spree.products.list({ filter, page })
|
||
|
|
|
||
|
|
// TODO: Gestionar errores
|
||
|
|
if (response.isFail()) {
|
||
|
|
console.error(response.fail())
|
||
|
|
continue
|
||
|
|
}
|
||
|
|
|
||
|
|
this.update_local_products(response.success().data)
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
/*
|
||
|
|
* La lista de todas las variantes incluidas en el controlador que no
|
||
|
|
* estén vacías.
|
||
|
|
*
|
||
|
|
* @return [Array]
|
||
|
|
*/
|
||
|
|
get variant_ids () {
|
||
|
|
if (!this._variant_ids) this._variant_ids = [...new Set(this.productTargets.map(p=> p.dataset.cartVariantId).filter(x => x.length > 0))]
|
||
|
|
|
||
|
|
return this._variant_ids
|
||
|
|
}
|
||
|
|
|
||
|
|
/*
|
||
|
|
* Los productos pueden estar duplicados así que buscamos todos.
|
||
|
|
*/
|
||
|
|
update_local_products (products) {
|
||
|
|
for (const product of products) {
|
||
|
|
for (const local of this.productTargets.filter(local => local.dataset.cartVariantId === product.id)) {
|
||
|
|
local.dataset.cartInStock = product.attributes.in_stock
|
||
|
|
local.dataset.cartPrice = product.attributes.price
|
||
|
|
|
||
|
|
local.querySelectorAll('[data-stock-add]').forEach(button => button.disabled = !product.attributes.in_stock)
|
||
|
|
local.querySelectorAll('[data-stock-price]').forEach(price => price.innerText = product.attributes.display_price)
|
||
|
|
}
|
||
|
|
}
|
||
|
|
}
|
||
|
|
}
|