famouswolf / week-planner-card Goto Github PK
View Code? Open in Web Editor NEWCustom Home Assistant card displaying a responsive overview or multiple days with events from one of multiple calendars
License: MIT License
Custom Home Assistant card displaying a responsive overview or multiple days with events from one of multiple calendars
License: MIT License
Maybe I missed it but is there a way to change the event times to 12 hour format with AM/PM?
Is there a way to filter events in or out so that they do or don’t appear in the calendar? I subscribe to some work and school (my kids) calendars that I don’t control, and I would like to restrict the number of events that appear on my calendar as not all of the events posted in the public calendar are pertinent to myself or my family?
thanks,
B
It should be possible to configure the card using the visual editor
The forecast attribute of the weather entity was deprecated in 2023.9 and has been removed in 2024.4. Now the weather forecast service should be used. See https://www.home-assistant.io/blog/2023/09/06/release-20239/#weather-forecast-service
I really love this card. Thanks. I do miss one feature though, and that is an option to hide events for which the end time/date has passed.
When using card_mod with this card it doesn't work. The styles aren't applied. Debug also doesn't give any information. The styles are (sometimes) applied in the preview when editing the card.
When weather is enabled the card keeps loading after a short while. This is because this.loading
gets below 0 because it is decreased every time the weather websocket callback is called.
It is possible to hide past events with hidePastEvents
in configuration, but it should also be possible to still show the past events and style them differently.
When displaying just today on a dashboard, only items from midnight local through 5:00 p.m. local are displayed. My time zone is GMT -700, so the cutoff corresponds to midnight GMT.
type: custom:week-planner-card
calendars:
- entity: calendar.chris
color: '#1976d2'
timeFormat: t
days: 1
startingDay: today
If I start playing with the days parameter, setting it to 1.2, for example, the full day will be displayed, but it will also display Tomorrow, with no events.
Desired behavior: Displaying Today for 1 day should cover all events from midnight to midnight local time.
Additional adjustment: Use only integer portion of Days parameter
Spacing on cards should be reduced for display on smaller screens
Please add a configurable 'title' to the card.
I am using my calendar different than most, I have actually used the calendar 5 times, once for 'whole family' events, then a different card for each member of the family. Each card may have multiple ical calendars within it, but it is only relating to that person.
This is reimplementing the whiteboard we have beside the dinner table, but hopefully with less manual updates required!
It would be nice if each person's name appeared at the top of their card. A configurable title (similar to many other cards) would be great.
Thanks,
If you keep the view turned on during the night and startingDay
is set to today
(or not set at all), the first day shown the next morning is yesterday.
When fetching the events there should be a check if startDay is still the correct start day.
Would like to suggest an option to hide days without anything planned.
It would be great if we could hide the date number. Usecase could be more rows with calendars for family-members to create a family planner with each family member their own row
Good day,
This is an awesome project, thank you! It would be beneficial if there were a way to make today's date BOLD, or CIRCLED, or possibly place a LINE underneath the date, or in any way different from the rest of the dates for easier overview.
Heey,
What is the planned release date for version 1.5.0?
(HACS does not offer an update)
I see some features that I would like to use for my styling 😸
Getting the following error when adding the custom repo:
<Integration FamousWolf/week-planner-card> Repository structure for v1.5.1 is not compliant
Trying to build this i managed to get the Calendar setup but everytime the days of the week are vertically 1 above the other is there a sample code you have availible to achive the horizantal view as display in the example card
type: custom:week-planner-card
days: 7
noCardBackground: true
eventBackground: rgba(0, 0, 0, 0.1)
updateInterval: 60
calendars:
I'd like the calendar to start on the first day of the month and show the whole month. Essentially like the included calendar card but yours is much more customizable.
The Full Day Events are not showing for me when starting day is today.
As a workaround I have to set the starting day to yesterday, then they show in the today section.
Hello,
thanks for this great card. I am playing around with it and i am wondering if it's possible to show only the tomorrow date or the day after tomorrow? Maybe with card-mod?
So basically i would like to set "days: 2" but hiding the current day.
Thanks
Can we adjust how many days weather is shown? currently have it showing two rows of 5, so 10 days. Weather is shown for 6 of them, which means the weather is shown only on the first day of the second row. It's a tiny detail, but if it's an easy adjustment that would be great.
See https://hacs.xyz/docs/publish/include/ for more information
I tried using HACS (left comment under issue Add to hacs repository) but it says this repository is not valid. I tried to follow manual download instructions and the file eweek-planner-card.js does not exists. I also thought it may be a typo and searched for week-planner-card.js but that does not exist either.
I did note that your Add to hacs repository issue was not closed yet, so if this is part of that same request, feel free to just close this one.
Love your card, it does EXACTLY what I was looking for, so fingers crossed I can install it!
I have card mod installed and have some things set up based on examples from the docs and other issues, and some are working, some are not. For example here, the card background works and is the same color as the bar, but the date isn't red and past events aren't transparent.
card_mod:
style: |
.day.today .date {
color: red;
}
.event.past {
opacity: .3;
}
.event {
background-color: var(--border-color) !important;
}
Add a click to display event details in an overlay
It would be really nice if you could style the entire event a certain color instead of just having a bar on the left.
How is the primacy of calendars determined when it comes time to display events with the same starting time, e.g. entire day events? It doesn't appear to be related to the sequence in which the calendars are entered in the card yaml.
There is no error handling when fetching calendar events. This means the card won't show anything if there are any problems. A proper error message should be shown.
It should be possible to hide Saturdays and Sundays. If the starting day is set to yesterday, today or tomorrow and that's a Saturday or Sunday it should start with Monday
Each day that has weather forecast available should be able to get a weather icon and min/max temperature next to or below the date. This should be optional.
weather:
entity: weather.openweathermap
showTemperature: true
showLowTemperature: true
weather: weather.openweathermap
I don't have the weather displayed, and it's loading endlessly. What is the reason for this?
When noCardBackground
is set, any box-shadow set on the card should also be removed
When I try to show the entire month nothing will be displayed.
Component Version v1.4.0
Home Assistant OS 12.3
Home Assistant Core Version 2024.6.1
Right now the number of columns is hardcoded based on the width of the card. This should be made configurable. It should still be responsive, but the cutoff points and the number of columns should be configurable.
It should be possible to show the event location directly in the overview. This should be configurable and off by default.
A loading indicator should be shown when waiting for API calls
As a user with multiple calendars for each family member, I'd like to have events that match (presumably by title and times) to be collapsed into one entry with the calendar colours stacked so that I can reduce clutter.
E.g. this could be one entry with blue, pink, and purple lines on the left side:
Depending on the service used, the weather forecast could start with tomorrow, not today. If that is the case, the forecast for tomorrow is shown for today. There is probably a date in the forecast, so this should be checked. If there is no forecast for today, perhaps the current weather information can be shown.
I'd love to see an option implemented to hide all day events from showing in the calendar.
I cannot for the life of me get the background of this card to be anything other than white. I have tried both noCardBackground: false and noCardBackground: true. Is there something else I should be doing? I currently have it setup as Panel (1 card) view type so that there are 7 day columns.
I am currently using the rolling week format, which is nice, but it can be hard to spot the weekend. It would be nice to format the weekend days differently (probably a different background color).
Please could you add a CCS class to describe the day or whether it is the weekend.
Thanks,
I have a few different calendars for each family member I have the full background color set via card mod, not just the bar. As such, some calendars I need to have darker text vs others, otherwise it's hard to read white text on a light background. I'm requesting the ability to set text color for the events, times, etc per calendar, not just overall. Can this already be done via card_mod?
Hi, just wondering if its posible to set a specific start day for the view, so that it shows for example Sunday to Saturday as a fixed week instead of refreshing to Today being the first day?
Hello, I'm having trouble with displaying a certain number of days while also hiding/ignoring the days without any events.
Here is my config:
type: custom:week-planner-card
calendars:
- entity: calendar.famille
color: blue
days: 5
noCardBackground: true
hideDaysWithoutEvents: true
hidePastEvents: true
showLocation: true
compact: true
Shows the next 5 days with events and hides the days without any event till 5 days are shown.
Shows the days with events in the next 5 days and hides the one without any events, resulting in only 2 or 3 days showing.
Is there an option I'm not aware of that would fix this issue?
A declarative, efficient, and flexible JavaScript library for building user interfaces.
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
An Open Source Machine Learning Framework for Everyone
The Web framework for perfectionists with deadlines.
A PHP framework for web artisans
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
Some thing interesting about web. New door for the world.
A server is a program made to process requests and deliver data to clients.
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
Some thing interesting about visualization, use data art
Some thing interesting about game, make everyone happy.
We are working to build community through open source technology. NB: members must have two-factor auth.
Open source projects and samples from Microsoft.
Google ❤️ Open Source for everyone.
Alibaba Open Source for everyone
Data-Driven Documents codes.
China tencent open source team.