updated holidays to look different

This commit is contained in:
2025-11-28 15:00:18 -05:00
parent 9a77614786
commit f544faf257
2 changed files with 122 additions and 13 deletions

View File

@@ -1,3 +1,6 @@
kiosk_mode:
hide_header: '[[[ user_name === "Viewer" ]]]'
hide_sidebar: '[[[ is_state("input_boolean.hide_sidebar", "on") ]]]'
views:
- title: Home
sections:
@@ -74,8 +77,30 @@ views:
styles: |
.bubble-button-background {
opacity: 1 !important;
background-color: ${hass.states['input_text.brian_calendar_filter'].state === '.*' ? 'light-grey' : 'rgba(15, 208, 184, 0.3)'} !important;}
}
background-color: ${hass.states['input_text.brian_calendar_filter'].state === '.*' ? 'light-grey' : 'rgba(15, 208, 184, 0.3)'} !important;}
}
- type: custom:bubble-card
card_type: button
button_type: state
entity: person.kate
scrolling_effect: false
show_icon: true
show_name: true
show_state: false
tap_action:
action: perform-action
perform_action: script.kate_calendar_visible_filter_duplicate
target: {}
button_action:
tap_action:
action: perform-action
perform_action: script.kate_calendar_visible_filter_duplicate
target: {}
styles: |
.bubble-button-background {
opacity: 1 !important;
background-color: ${hass.states['input_text.kate_calendar_filter'].state === '.*' ? 'light-grey' : 'rgba(240, 8, 130, 0.5)'} !important;}
}
- type: custom:bubble-card
card_type: button
button_type: state
@@ -98,7 +123,29 @@ views:
.bubble-button-background {
opacity: 1 !important;
background-color: ${hass.states['input_text.dog_calendar_filter'].state === '.*' ? 'light-grey' : 'rgba(15, 100, 255, 0.5)'} !important;}
}
}
- type: custom:bubble-card
card_type: button
button_type: state
entity: calendar.holidays
scrolling_effect: false
show_icon: true
show_name: true
show_state: false
tap_action:
action: perform-action
perform_action: script.holiday_calendar_visible_filter
target: {}
button_action:
tap_action:
action: perform-action
perform_action: script.holiday_calendar_visible_filter
target: {}
styles: |
.bubble-button-background {
opacity: 1 !important;
background-color: ${hass.states['input_text.holiday_calendar_filter'].state === '.*' ? 'light-grey' : 'rgba(175, 150, 255, 0.6)'} !important;}
}
- type: custom:bubble-card
card_type: button
button_type: name
@@ -156,11 +203,15 @@ views:
- type: custom:config-template-card
entities:
- input_text.brian_calendar_filter
- input_text.kate_calendar_filter
- input_text.dog_calendar_filter
- input_text.holiday_calendar_filter
- inpup_select.calendar_view
variables:
PERSONCAL: states['input_text.brian_calendar_filter']?.state
PERSON2CAL: states['input_text.kate_calendar_filter']?.state
DOGCAL: states['input_text.dog_calendar_filter']?.state
HOLCAL: states['input_text.holiday_calendar_filter']?.state
VIEW: states['input_select.calendar_view']?.state
DAYS: |
(() => {
@@ -176,7 +227,7 @@ views:
if (calendarView === 'Bimonth') return 56;
// Default fallback to 7 if no condition matches
return 28;
return 7;
})()
card:
type: custom:week-planner-card
@@ -185,13 +236,21 @@ views:
name: brian
color: rgba(15, 208, 184, 0.3)
filter: ${ PERSONCAL }
- entity: calendar.kate
name: kate
color: rgba(223, 8, 119, 0.35)
filter: ${ PERSON2CAL }
- entity: calendar.dogs
name: dogs
color: rgba(15, 100, 255, 0.5)
filter: ${ DOGCAL }
- entity: calendar.holidays
name: holidays
color: rgba(175, 150, 255, 0.6)
filter: ${ HOLCAL }
days: ${ DAYS }
startingDayOffset: 0
startingDay: sunday
startingDayOffset: 0
hideWeekend: false
noCardBackground: false
compact: false
@@ -225,8 +284,7 @@ views:
style: |
ha-card {
.event.past {
opacity: .2;
background-color: gray !important;
opacity: .3;
}
.time {
color: #333333 !important;
@@ -241,6 +299,12 @@ views:
overflow: hidden !important;
font-size: 1.1em !important;
}
.fullday .inner {
padding: 0.25rem !important;
}
.fullday .inner .time {
display: none !important;
}
.none {
background-color: transparent !important;
}
@@ -264,11 +328,8 @@ views:
--background-color: red;
border: solid 1px whitesmoke;
padding: 0.2%;
width: 13% !important;
}
width: 12% !important;
}
}
grid_options:
columns: full
@@ -289,9 +350,11 @@ views:
${hass.states['input_select.calendar_select'].state ==
'brian' ? 'rgba(15, 208, 184, 0.3)'
: hass.states['input_select.calendar_select'].state ==
'kate' ? 'rgba(223, 8, 119, 0.35)'
: hass.states['input_select.calendar_select'].state ==
'dogs' ? 'rgba(15, 100, 255, 0.5)'
: hass.states['input_select.calendar_select'].state ==
'Birthdays' ? '#000000'
'Birthdays' ? 'light-grey'
: 'red'} !important;
}
modules: []
@@ -315,6 +378,10 @@ views:
card:
type: entities
entities:
- entity: input_datetime.calendar_day_event_start
name: Event Start Date
- entity: input_datetime.calendar_day_event_end
name: Event End Date
- entity: input_datetime.calendar_event_start
name: Start Time
- entity: input_datetime.calendar_event_end
@@ -341,6 +408,8 @@ views:
[[[
if (states['input_select.calendar_select'].state == 'brian')
return "rgba(15, 208, 184, 0.3)";
if (states['input_select.calendar_select'].state == 'kate')
return "rgba(223, 8, 119, 0.35)";
if (states['input_select.calendar_select'].state == 'dogs')
return "rgba(15, 100, 255, 0.5)";
if (states['input_select.calendar_select'].state == 'Birthdays')