Giter Club home page Giter Club logo

week-planner-card's People

Contributors

beyondwatts avatar famouswolf avatar

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar  avatar  avatar

week-planner-card's Issues

Filtering Events

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

Request: Navigate between months

First of all, love the card.
But it would be awesome if we would be able to navigate to future and past dates in the same way we can navigate with the built in calendar.
image

Visual editor

It should be possible to configure the card using the visual editor

Hide past due events

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.

card_mod is not applied

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.

Keeps loading when weather is enabled

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.

Style past events differently

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.

Showing Today for 1 day excludes entries after midnight GMT

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

Request: add a title to the card

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!

image

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,

Days are not updated when the day ends

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.

Hide days without any events

Would like to suggest an option to hide days without anything planned.

  • Today should always be shown even without events.
  • "days" options should still be respected to still only show events x days in the future.

Hide date number

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

Highlight today's date

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.

Release version 1.5

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 😸

Issue Installing via HACS

Getting the following error when adding the custom repo:
<Integration FamousWolf/week-planner-card> Repository structure for v1.5.1 is not compliant

For the love of god i am unable to display it in Home assistant as Horizantal

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:

  • entity: calendar.gezin
    color: '#e6c229'
    texts:
    noEvents: Geen activiteiten
    fullDay: Hele dag
    today: Vandaag
    tomorrow: Morgen
    sunday: Zondag
    monday: Maandag
    tuesday: Dinsdag
    wednesday: Woensdag
    thursday: Donderdag
    friday: Vrijdag
    saturday: Zaterdag

Have calendar start on first day of month

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.

Full Day Event not showing when starting day is today

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.

  • Component Version v1.4.0
  • Home Assistant OS 12.3
  • Home Assistant Core Version 2024.6.1

Ability to show month

First off, thanks for creating this. It looks amazing.

I am using it to show a lot more than a week though. It would be useful if there was some way to differentiate months. I think the most simple would be to add the option to have the month visible? Perhaps something like this

image

Show only "tomorrow", "the day after tomorrow" etc.

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

adjust days for weather

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.

File listed for Manual Installation in ReadMe does not exist

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!

Card Mod not working from examples

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;
    }

Event background color

It would be really nice if you could style the entire event a certain color instead of just having a bar on the left.

Primacy of Calendars

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.

Hide weekends

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

Add weather forecast to days

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.

The weather is not displayed

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?

Entire Month not working

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

Make columns configurable

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.

Show event location

It should be possible to show the event location directly in the overview. This should be configurable and off by default.

Request: Combine events

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:
image

Weather forecast is offset by 1 day

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.

Hide All Day Events

I'd love to see an option implemented to hide all day events from showing in the calendar.

Background Image/Theme

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.

Request: Add CSS class for weekend (or days of the week)

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,

Custom Colors Per Calendar

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?

Ability to set Start Day for the week view

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?

"hideDaysWithoutEvents" conflicts with "days" option

Description

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

What is expected to happen:

Shows the next 5 days with events and hides the days without any event till 5 days are shown.

What actually happens:

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?

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.