51 lines
1.5 KiB
JavaScript
51 lines
1.5 KiB
JavaScript
import dayjs from 'dayjs'
|
|
|
|
export function attributesFromEvents(_events) {
|
|
// merge events with same date
|
|
let attributes = []
|
|
const now = dayjs().unix()
|
|
for (let e of _events) {
|
|
const key = dayjs.unix(e.start_datetime).tz().format('MMDD') // Math.floor(e.start_datetime/(3600*24)) // dayjs.unix(e.start_datetime).tz().format('YYYYMMDD')
|
|
const c = (e.end_datetime || e.start_datetime) < now ? 'vc-past' : ''
|
|
|
|
if (e.multidate === true) {
|
|
attributes.push({
|
|
dates: { start: new Date(e.start_datetime * 1000), end: new Date(e.end_datetime * 1000) },
|
|
highlight: {
|
|
start: { fillMode: 'outline' },
|
|
base: { fillMode: 'light' },
|
|
end: { fillMode: 'outline' },
|
|
}
|
|
})
|
|
continue
|
|
}
|
|
|
|
const i = attributes.find(a => a.day === key)
|
|
if (!i) {
|
|
attributes.push({
|
|
day: key, key: e.id, n: 1, dates: new Date(e.start_datetime * 1000),
|
|
dot: { color: 'teal', class: c }
|
|
})
|
|
continue
|
|
}
|
|
|
|
i.n++
|
|
if (i.n >= 20) {
|
|
i.dot = { color: 'purple', class: c }
|
|
} else if (i.n >= 10) {
|
|
i.dot = { color: 'red', class: c }
|
|
} else if (i.n >= 5) {
|
|
i.dot = { color: 'orange', class: c }
|
|
} else if (i.n >= 3) {
|
|
i.dot = { color: 'yellow', class: c }
|
|
} else {
|
|
i.dot = { color: 'teal', class: c }
|
|
}
|
|
|
|
}
|
|
|
|
// add a bar to highlight today
|
|
attributes.push({ key: 'today', dates: new Date(), highlight: { color: 'green', fillMode: 'outline' } })
|
|
|
|
return attributes
|
|
}
|