Add weekend color background

This commit is contained in:
mfcar 2025-06-15 11:36:53 +01:00
parent 40d03596ac
commit 33813794e4
No known key found for this signature in database

View File

@ -75,7 +75,8 @@
:class="{
'bg-black/20': !day.isCurrentMonth,
'bg-blue-600/30': day.isCurrentMonth && day.isToday,
'bg-transparent': day.isCurrentMonth && !day.isToday
'bg-transparent': day.isCurrentMonth && !day.isToday && !day.isWeekend,
'bg-slate-700/50': day.isCurrentMonth && !day.isToday && day.isWeekend
}"
>
<div v-if="day.isToday" class="absolute inset-0 border-2 border-blue-500 pointer-events-none" style="z-index: 5"></div>
@ -259,6 +260,7 @@ export default {
dayNumber: currentDay.getDate(),
isCurrentMonth: currentDay.getMonth() === month,
isToday: this.isSameDay(currentDay, today),
isWeekend: this.isWeekendDay(currentDay),
episodes: dayEpisodes
})
@ -346,6 +348,10 @@ export default {
isSameDay(date1, date2) {
return this.formatDateKey(date1) === this.formatDateKey(date2)
},
isWeekendDay(date) {
const dayOfWeek = date.getDay()
return dayOfWeek === 0 || dayOfWeek === 6
},
getItemColorClass(episode) {
const podcastId = episode.podcastId || episode.libraryItemId
const hash = this.itemGroupingHash(podcastId)