Promociones en misma tabla para tipo
This commit is contained in:
@ -47,6 +47,136 @@
|
||||
})
|
||||
}
|
||||
}
|
||||
class GroupedTableHandler extends TableHandler {
|
||||
promotions = {
|
||||
names: new Set(),
|
||||
values: []
|
||||
}
|
||||
process() {
|
||||
return {
|
||||
prices: prices => {
|
||||
let promotions = {}
|
||||
prices.map(price => price.promotions).forEach(promotionArray => {
|
||||
promotionArray.forEach(p => {
|
||||
if (!Object.hasOwn(promotions, p.name)) {
|
||||
promotions[p.name] = {
|
||||
name: p.name,
|
||||
type: p.type,
|
||||
amount: [],
|
||||
final: []
|
||||
}
|
||||
}
|
||||
promotions[p.name].amount.push(p.amount)
|
||||
promotions[p.name].final.push(p.final)
|
||||
})
|
||||
})
|
||||
return promotions
|
||||
},
|
||||
promotions: () => {
|
||||
return {
|
||||
names: promotions => {
|
||||
Object.keys(promotions).forEach(name => {
|
||||
this.add().promotion().name(name)
|
||||
})
|
||||
},
|
||||
values: ({promotions, formatters}) => {
|
||||
const temp = Object.values(promotions)
|
||||
if (temp.length > 0) {
|
||||
const data = temp.map(p => {
|
||||
return {
|
||||
name: p.name,
|
||||
type: p.type,
|
||||
amount: {
|
||||
min: Math.min(...p.amount),
|
||||
max: Math.max(...p.amount),
|
||||
desv: Stat.standardDeviation(p.amount),
|
||||
mean: Stat.mean(p.amount)
|
||||
},
|
||||
final: {
|
||||
min: Math.min(...p.final),
|
||||
max: Math.max(...p.final),
|
||||
desv: Stat.standardDeviation(p.final),
|
||||
mean: Stat.mean(p.final)
|
||||
}
|
||||
}
|
||||
})
|
||||
this.add().promotion().values({promotions: data, formatters})
|
||||
return
|
||||
}
|
||||
this.promotions.values.push([])
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
add() {
|
||||
return {
|
||||
promotion: () => {
|
||||
return {
|
||||
name: name => {
|
||||
this.promotions.names.add(name)
|
||||
},
|
||||
values: ({promotions, formatters}) => {
|
||||
this.promotions.values.push(promotions.map(promotion => {
|
||||
const amount_tooltip = [
|
||||
`Min: ${promotion.type === 1 ? 'UF ' + formatters.ufs.format(promotion.amount.min) : formatters.percent.format(promotion.amount.min)}`,
|
||||
`Max: ${promotion.type === 1 ? 'UF ' + formatters.ufs.format(promotion.amount.max) : formatters.percent.format(promotion.amount.max)}`,
|
||||
`Desv: ${promotion.type === 1 ? 'UF ' + formatters.ufs.format(promotion.amount.desv) : formatters.percent.format(promotion.amount.desv)}`
|
||||
].join("\n").replaceAll(' ', ' ')
|
||||
const final_tooltip = [
|
||||
`Min: UF ${formatters.ufs.format(promotion.final.min)}`,
|
||||
`Max: UF ${formatters.ufs.format(promotion.final.max)}`,
|
||||
`Desv: UF ${formatters.ufs.format(promotion.final.desv)}`
|
||||
].join("\n").replaceAll(' ', ' ')
|
||||
return {
|
||||
name: promotion.name,
|
||||
value: [
|
||||
`<td class="right aligned"><span data-tooltip="${amount_tooltip}" data-position="right center" data-variation="wide multiline">${promotion.type === 1 ? formatters.ufs.format(promotion.amount.mean) : formatters.percent.format(promotion.amount.mean)}</td>`,
|
||||
`<td class="right aligned"><span data-tooltip="${final_tooltip}" data-position="right center" data-variation="wide multiline">UF ${formatters.ufs.format(promotion.final.mean)}</td></td>`,
|
||||
].join("\n")
|
||||
}
|
||||
}))
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
build() {
|
||||
return {
|
||||
promotions: (table, tbody) => {
|
||||
if (this.promotions.names.size > 0) {
|
||||
const title = document.getElementById(this.ids.promotions)
|
||||
title.innerHTML = this.promotions.names.size > 0 ? Array.from(this.promotions.names)[0] : ''
|
||||
title.setAttribute('colspan', '2')
|
||||
if (this.promotions.names.size > 1) {
|
||||
const thead = table.querySelector('thead')
|
||||
Array.from(this.promotions.names).slice(1).forEach(name => {
|
||||
thead.insertAdjacentHTML('beforeend', `<th class="right aligned" style="text-decoration: overline" colspan="2">${name}</th>`)
|
||||
})
|
||||
}
|
||||
const trs = tbody.querySelectorAll('tr')
|
||||
this.promotions.values.forEach((row, i) => {
|
||||
const tr = trs[i]
|
||||
const td = tr.querySelector('td.promotions')
|
||||
if (row.length === 0) {
|
||||
td.setAttribute('colspan', 2 * this.promotions.names.size)
|
||||
return
|
||||
}
|
||||
td.remove()
|
||||
this.promotions.names.forEach(name => {
|
||||
const index = row.findIndex(r => r.name === name)
|
||||
if (index === -1) {
|
||||
tr.insertAdjacentHTML('beforeend', '<td colspan="2"></td>')
|
||||
return
|
||||
}
|
||||
tr.insertAdjacentHTML('beforeend', row[index].value)
|
||||
})
|
||||
})
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
</script>
|
||||
@endprepend
|
||||
|
||||
|
Reference in New Issue
Block a user