updated holidays to look different
This commit is contained in:
95
config.yaml
95
config.yaml
@@ -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')
|
||||
|
||||
Reference in New Issue
Block a user