Coder Social home page Coder Social logo

totaldebug / atomic-calendar-revive Goto Github PK

View Code? Open in Web Editor NEW
377.0 377.0 62.0 18.52 MB

An advanced calendar card for Home Assistant Lovelace.

Home Page: https://docs.totaldebug.uk/atomic-calendar-revive

License: MIT License

JavaScript 5.63% TypeScript 94.11% Shell 0.26%
calendar card hacs homeassistant javascript lovelace module

atomic-calendar-revive's People

Contributors

adrinkbeer avatar atlflyer avatar atomic7777 avatar bovender avatar dependabot-preview[bot] avatar dependabot[bot] avatar dis90 avatar dwradcliffe avatar feocco avatar finity69x2 avatar fredrike avatar hwikene avatar lordmike avatar luc3as avatar marksie1988 avatar micklesk avatar misa1515 avatar mrkhachaturov avatar myztillx avatar olen avatar phillprice avatar regevbr avatar repsionu avatar roumano avatar semantic-release-bot avatar tomasrudh avatar wrt54g 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  avatar  avatar  avatar

atomic-calendar-revive's Issues

[BUG] Progress bar icon and color

Prerequisites

Describe the bug

The progress bar doesnt show correctly, the icon is the incorrect size and the color doesnt set correctly

Steps to Reproduce

  1. enable progress bar
  2. set color

Expected behavior

color should change and progress icon should be shorter

Actual behavior:

color doesnt change and icon is huge

Screenshots

Card Configuration

Versions

  • HomeAssistant Version: 110
  • Plugin Version: 1.6.0

Additional Information

[FEATURE] Custom colors for Sat and Sun

Is your feature request related to a problem? Please describe.
Most of the calendars have special colors for Sat and Sun which helps to parse the grid more easily.

Describe the solution you'd like
Provide configuration for adjusting color of these days

[BUG] incorrect options / colors not working

Describe the bug
I had a lot of problems with colours, and found solutions to them all. Mostly just the documentation was wrong. Here they are:

Entity field 'color' does not work. People need to use 'titleColor'. EG:
titleColor: red

In your configuration examples, you have a line:
finishedEventFilter: 'grayscale(100%)'
This does not work because the code omits ';' from after it. People have to use:
finishedEventFilter: 'grayscale(100%);'

Same config example shows:
locationIconColor: 'rgb(230, 124, 115)'
This does not work because your code is inserting this directly into inline css. People should use:
locationIconColor: 'color:rgb(230, 124, 115)'

To Reproduce
N/A

Expected behavior
Should be able to use the items as described in the readme

Screenshots
N/A

Additional context
Add any other context about the problem here.

[BUG] dateColor not working when set under entities

Describe the bug
A clear and concise description of what the bug is.

When setting dateColor outside of entities: it works fine like the below
image

type: custom:atomic-calendar-revive
  title: XXX
  showProgressBar: false
  timeColor: 'var(--primary-color)'
  showLocation: false
  dateColor: 'var(--accent-color)'
  showNoEventsForToday: true
  entities:
    - calendar.XXX

However when using it inside entities (my aim is to have multiple calendars inside the one card, but colour separate them) the dateColor remains the same

entities:
  - entity: calendar.XXX
     timeColor: 'var(--primary-color)'
     dateColor: 'var(--accent-color)'

image

To Reproduce
Steps to reproduce the behavior.

See Above

Expected behavior
A clear and concise description of what you expected to happen.

Date Colour is changed
Screenshots
If applicable, add screenshots to help explain your problem.

Setup Information (please complete the following information):

  • Plugin Version - v1.2.0
  • Browser & Version Chrome Version 81.0.4044.113

Additional context
Add any other context about the problem here.

[FEATURE] Custom color for entity/calendar

Is your feature request related to a problem? Please describe.
It is hard to distinguish the type/source of the event

Describe the solution you'd like
Add an option to set custom calendar color (in entity object)

[BUG] Icons and colors not showing in calendar mode

Describe the bug
Calendar is not showing color or icons on the monthly Calendar glance view. Does correctly show in Events view.

To Reproduce
Inside my ui-lovelace.yaml file:
` resources:

  • url: /local/community_plugin/atomic_calendar_revive/atomic-calendar-revive.js
    type: module

title: Home
views:

  • icon: mdi:calendar
    title: Calendars
    cards:
    • type: "custom:atomic-calendar-revive"
      name: "Calendar"
      enableModeChange: true
      showColors: true
      defaultMode: 2
      firstDayOfWeek: 7
      maxDaysToShow: 10
      entities:
      • type: holiday
        titleColor: red
        entity: calendar.holidays_in_united_states
      • type: icon1
        entity: calendar.family`

Expected behavior
Expected to see color and icon updates on the Calendar view (defaultMode: 2)

Screenshots
Screen Shot 2020-04-04 at 8 46 11 AM
Screen Shot 2020-04-04 at 8 47 02 AM

Setup Information (please complete the following information):
I have tried on both Chrome and Firefox on a Mac. Cleaned out cache/cookies as well.
Newest js file as it was git cloned down this morning (4/4/20)

Additional context

[FEATURE] Disable progress bar for all-day events

Summary

Disable progress bar for all day event only

Motivation

To me it doesn't make sense to show a progress bar in an all-day event. In fact the progress of the day is measured instead of the event itself

Describe alternatives you've considered

Just accept as it is...;)

Additional context

For shorter meetings/appointments it makes sense to have a progress bar so I would still see the progress bar for such events.

[BUG] padding when card name is removed

Describe the bug
when the card name is removed the padding is incorrect

atomic7777/atomic_calendar#56

To Reproduce
remove name: from config

Expected behavior
Padding should be equal around the card

Setup Information (please complete the following information):

  • Plugin Version:
  • v1.4.1

Additional context
Add any other context about the problem here.

[FEATURE] Display calendar names

Is your feature request related to a problem? Please describe.

We show or family calendar and individual calendars on a dashboard and sometimes we have two appointments with the same name on a different time slot and this way we can see for who the appointment is ;-)

Describe the solution you'd like
Hi,

I want to show my current day as a small snippet on my homescreen, works great but what I'm missing is an indication of the appointment calendar ( the calendar entity of the appointment)

image

Describe alternatives you've considered
Adding the calendar after the appointment by the user, not everybody does this, or forgets ;-)

Additional context

image

Update docs for hacs

This plugin is now added to the default plugin repo for HACS. Docs need to be updated to reflect this, also the badge needs updating.

[BUG] Day selector doesn't work

Describe the bug
Day selector stays on the current day after clicking on the other one. The problem is that the agenda is shown correctly for the clicked day so it is confusing now. And it is regression comparing to prev version.

To Reproduce
Click on the other day in calendar view

Expected behavior
"current day" selection should switch to clicked/chosen day

Setup Information (please complete the following information):

  • v1.3.0

[BUG] Custom color doesn't work across all themes

Prerequisites

Describe the bug

Custom text color is making it not readable on my theme

Expected behavior

Custom colors should not be used by default. There are CSS variables which are available for all the cards:
image

My suggestion is to use the primary one

Actual behavior:

Screenshots

image

Versions

v1.6.0

  • HomeAssistant Version:
  • Plugin Version:

Additional Information

[BUG] Month name misalignment

Prerequisites

Describe the bug

Month name is misaligned with prev/next buttons. It is moved up comparing to buttons

Expected

Month name should be vertically aligned with buttons.

Screenshots

image

Versions

v1.6.1

Additional Information

[FEATURE] consider adding themes for colors

Is your feature request related to a problem? Please describe.
There are a lot of colour options so maybe add themes for ease of customisation

Describe the solution you'd like
Add themes, possibly to app or maybe just documentation for people to apply to config

Scrolling in card

Summary

Scrolling in card, preferable without scroll bars visible when more entries than visible in the card

Motivation

Using fixed card in my floor plan sidebar and when I have now more events then these that fit in the card then these are not visible

Describe alternatives you've considered

Dynamic card but this messed up my lay-out ;-)
Show less days but thats than not really handy to get an overview

Additional context

image

image

image

            - type: "custom:atomic-calendar-revive"
              maxDaysToShow: 2
              showWeekDay: true
              showMonth: true
              showNoEventsForToday: true
              noEventsForTodayText: Joehoe geen afspraken vandaag!
              noEventsForNextDays: true
              noEventsForNextDaysText: Geen afspraken de volgende dagen
              dateFormat: dd MMM YYYY W
              style: |
                :host {
                  left: 11.7%;
                  top:  43.6%;
                  width: 22%;
                  
                  height: 48%;                
                }
                .current {
                  margin-bottom: 7vw;
                }
                .variations {
                  margin-bottom: 4vw;
                }
                ha-card {
                  height: 100%;
                  
                  border-radius: 1vw;
                  font-size: 0.9vw !important;
                }
              entities:
                - entity: calendar.verjaardagen_jubilea 

image

Thanks!

Add editor for Lovelace UI

Is your feature request related to a problem? Please describe.
It would be great if you could have a GUI editor for the plugin

Describe the solution you'd like
When configuring the card through lovelace ui it would be great to have a UI version of the editor rather than YAML

Describe alternatives you've considered
N/A

Additional context
N/A

More then one day with option set to 0

Describe the bug

Hi I set the option maxDaysToShow to 0 but still see more then one day (tomorrow) this was working fine with the original version but I like to use yours because of the extra options, can you check this please?

Thanks!

Expected behavior
Only show appointments of current day

Screenshots

image

Setup Information (please complete the following information):

  • Plugin Version
    image

  • Browser & Version [e.g. chrome, safari, chrome mobile etc.]

Mac OS Google Chrome latest version, iOS latest version, Chromium Rpi

Additional context

dateColor: white
name: false
dateSize: 70
dayWrapperLineColor: white
descSize: 70
dimFinishedEvents: true
entities:
  - entity: calendar.martine
  - entity: calendar.michael
  - entity: calendar.danny
  - entity: calendar.mertens_geysen
eventBarColor: white
finishedEventFilter: grayscale(100%)
finishedEventOpacity: 0.6
fullDayEventText: Dag afspraak
hoursFormat: 24
language: nl
sortByStartTime: true
locationIconColor: 'rgb(230, 124, 115)'
locationLinkColor: white
locationTextSize: 80
maxDaysToShow: 0
maxEventCount: 0
noEventsForTodayText: Geen afspraken vandaag
progressBarColor: white
showColors: true
showCurrentEventLine: false
showDescription: true
showLoader: true
showLocation: true
showMonth: false
showNoEventsForToday: true
showProgressBar: true
timeColor: white
timeSize: 80
titleColor: white
titleSize: 90
type: 'custom:atomic-calendar-revive'
untilText: Tot
showDate: false
disableEventLink: true

[BUG] Prev/next icons are missing

Describe the bug

Prev/next month icons are missing in HA v0.110

Paper icon and iron icons are no longer working - switch to ha-icon

Screenshots
image

Versions

  • HomeAssistant Version: 0.110.1
  • Plugin Version: 1.5.1

[BUG] Card does not refresh over time

Prerequisites

Describe the bug

The card state does not refresh over time. Events are not marked as completed, days do not go forward, progressbars do not progress, new events do not show up, no loading is performed etc. The only way to update is to refresh the entire page or navigate away from the dashboard.

This worked fine on the original atomic-calendar implementation so something is amiss, although I cannot tell if it is my environment that is to blame. This has been observed on Chrome browser on multiple computers, all running Windows 10.

Steps to Reproduce

  1. Create a card with a calendar
  2. Show the lovelace dashboard with the card
  3. Create an event in the calendar. The event will not show up by itself
  4. Refresh the page and wait until the event starts. A progressbar will not appear
  5. Wait until the event completes. It will not grey out.

Expected behavior

New events should be loaded promptly, events should properly be shown as completed, days should reflect actual day by itself etc.

Actual behavior:

The lovelace card is effectively frozen in the state it loaded as until a refresh is forced.

Screenshots

Card Configuration

  - disableEventLink: true
    disableLocationLink: true
    entities:
      - entity: calendar.events
      - blacklist: 'Daily, Lunch, synk'
        entity: calendar.work
      - entity: calendar.personlig
      - entity: calendar.releasecalendar
      - entity: calendar.warhammer
      - entity: calendar.helgdagar_i_sverige
      - entity: calendar.vuxna_man_gor_saker_tillsammans
    language: sv
    maxDaysToShow: 1
    noEventsForNextDaysText: Ingenting kommande dagar
    noEventsForTodayText: Ingenting idag
    showColors: true
    showDate: true
    showFullDayProgress: true
    showLoader: true
    showLocation: false
    showNoEventsForToday: true
    showProgressBar: true
    showWeekDay: true
    sortByStartTime: true
    title: Kalender
    type: 'custom:atomic-calendar-revive'

Versions

  • HomeAssistant Version: 0.110.3
  • Plugin Version: 1.8.3

Additional Information

[BUG] Redundant row in calendar view

Describe the bug
Card in calendar view shows redundant row from the next month.

To Reproduce
April 2020

Expected behavior
If the row doesn't contain any days from the curren/selected month don't show it

Screenshots
image

Setup Information (please complete the following information):

  • Plugin Version: 1.2.0
  • Chrome

[BUG] issue with day height in calendar mode

Prerequisites

Describe the bug

The calendar is larger with the new release, which causes issues with the view for some people

Steps to Reproduce

  1. update to 1.5.2

Expected behavior

Days are much larger than they used to be when no icon was used.

Actual behavior:

Screenshots

image

Card Configuration

type: custom:stack-in-card
cards:
  - type: markdown
    style: |
      ha-card { height: 40px; }
    padding: '0px'
    content: >
      ## {{ states('sensor.clocktalk_date') }}

  - type: "custom:atomic-calendar-revive"
    style: |
      ha-card { height: 215px; }
    title: ""
    firstDayOfWeek: 7
    defaultMode: 2
    showDate: false
    showLastCalendarWeek: false
    entities:
      - entity: calendar.holidays_in_united_states
        type: holiday
        blacklist: 'daylight, super, tax, black, monday'

  - type: markdown
    style: |
      ha-card { height: 185px }
    padding: '0px'
    content: >
       

      {{ states('sensor.next_payday') }}

      {{ states('sensor.next_holiday') }}

      {{ states('sensor.next_birthday') }}

      {{ states('sensor.next_fullmoon') }}

      {{ states('sensor.next_dst') }}

Versions

  • HomeAssistant Version: 110
  • Plugin Version: 1.5.2

Additional Information

[FEATURE] - Event Whitelist

Is your feature request related to a problem? Please describe.
Im aware of the blacklist function, but I have quite a few calendars where I only want to show if there is a certain word in the name of the event.. so kind of the opposite.. requiring a whitelist function

Describe the solution you'd like
e.g. I have a google calendar from the school where my children go, they post all events containing the class 'name', so I'd only want to show events containing "6B" for my eldest..

Describe alternatives you've considered
N/A

Additional context
N/A

[BUG] Show future events

Describe the bug
A clear and concise description of what the bug is.
I am not sure it's a bug or it is actually not present, but I would like to be able to see in the calendar future events, with the ability on click on the date with an event and have information about that (maybe some bar that expand below the calendar itself?)

To Reproduce
Steps to reproduce the behavior.

  • Have a calendar with future events configured

Expected behavior
A clear and concise description of what you expected to happen.
I would expect to see a dot (or any graphical sign) on a day in the future where events are present (technically also in the past, but that would be a plus :D )

Screenshots
If applicable, add screenshots to help explain your problem.
image

Setup Information (please complete the following information):

  • Plugin Version 1.4.1
  • Browser & Version [e.g. chrome, safari, chrome mobile etc.]
    Chrome (81.0.4044.138) on Windows 10

Additional context
Add any other context about the problem here.
I am using CalDAV and ICS calendars, not Google, not sure it might be relevant!

the calendar can't be loaded from home assistant component

Prerequisites

Describe the bug

After migrating to a new install, the error "the calendar can't be loaded from home assistant component" shows.
The configuration is the exact same as in my previous install where it is still functioning.
Installed latest version from HACS, also tried older versions without success.
Google calendar sensors are working as they should.
Tried removing the google token and re-authenticating with no improvement.
nothing in the logs.

Steps to Reproduce

  1. migrate
  2. install from HACS
  3. copy over config
  4. restart HA
  5. error..

Expected behavior

a functioning card

Actual behavior:

a non functioning card

Card Configuration

              - type: 'custom:atomic-calendar-revive'
                entities:
                  - entity: calendar.gimme_steve_jaspers
                  - entity: calendar.aliesbeyersgmailcom
                  - entity: calendar.kids_algemeen
                  - entity: calendar.moeke_voss
                  - entity: calendar.opleidingen
                  - entity: calendar.ruben
                  - entity: calendar.aaron
                  - entity: calendar.steve_werken
                  - entity: calendar.stevejaspers83gmailcom
                  - entity: calendar.verjaardagen
                  - entity: calendar.worldwide_space_launches
                    whitelist: 'spacex'
                  - entity: calendar.feestdagen_in_belgie
                  - entity: calendar.family
                  - entity: calendar.belangrijk
                  - entity: calendar.anderlecht
                dateColor: "#f5b400"
                dateSize: 110
                dayWrapperLineColor: "#cfd2d9"
                showWeekDay: true
                dimFinishedEvents: true
                finishedEventFilter: grayscale(100%)
                finishedEventOpacity: 0.4
                fullDayEventText: Hele dag
                locationIconColor: "#f5b400"
                locationLinkColor: "#f5b400"
                locationTextSize: 100
                maxDaysToShow: 31
                progressBarColor: "#f5b400"
                showColors: true
                showCurrentEventLine: false
                showLocation: true
                showMonth: false
                showNoEventsForToday: true
                showProgressBar: true
                disableEventLink: true
                disableLocationLink: true
                timeColor: "#f5b400"
                timeSize: 100
                name: ""
                titleColor: "#cfd2d9"
                titleSize: 110
                untilText: Until
                gridrow: 3 / 5
                gridcol: 1 / 2
                style: |
                  ha-card {
                    height: 100% !important;
                    padding: 0px 0px 0px 0px !important;
                    overflow: hidden !important;
                    border-top: 1px solid #cfd2d9;
                  }
                  hr.progress {
                    border-width: 2px 0 0 0 !important;
                  }
                  .cal-nameContainer {
                    display: none !important;
                  }

Versions

  • HomeAssistant Version: 0.111
  • Plugin Version: 1.8.7

[FEATURE] Make UI more appealing

Is your feature request related to a problem? Please describe.
IMO the UI is not very nice (packed/crowdy) and not touch friendly (where most of us use HA on touch devices)

Describe the solution you'd like

  • add more spacing/paddings
  • change ugly day selector which overlaps with content
  • add grid lines to make grid easier to parse for eyes
  • make entire day container clickable/tapable
  • ... (in general make it awesome)

Consider having skins/themes maybe? Like 3-4 appearances which could be chosen via config (they should be very small). This way everyone will adjust easily the card to their taste (as probably no-one likes to configure something with thousands of settings).

Additional context
Few simple fixes like grid lines, paddings done in 2 min. IMO looks nicer
image
comparing to this
image
The problem is that all these numbers and icons are very close to each other and it is hard to extract fast meaningful information from it

[FEATURE] Revise the progress indicator styling

Summary

Users have often been confused by the progress indicator[1] — likely in part because its styling includes a control handle, which implies that it's an interactive slider[2] rather than a determinate linear progress indicator[3].

To make the interface more readily understandable, I suggest removing the circular control handle and updating the progress track to better match the visual styling of Slider Entity Row[4] by default, which many people also use.

Atomic Calendar Revive (left), Slider Entity Row (right)
comparison_with_slider

Updated:

updated

[1] https://community.home-assistant.io/t/lovelace-google-calendar/63662/13
[2] https://material.io/components/sliders
[3] https://material.io/components/progress-indicators#linear-progress-indicators
[4] https://github.com/thomasloven/lovelace-slider-entity-row

Perhaps there are alternate default theme styles that ought to be swapped in. If not, the manual changes I'd suggest are:

  1. Remove circular handle
  2. Increase the the vertical height of the track line to match the same height that sliders use
  3. Update coloration so that the left of the track is shown as the primary theme/progress color and the background/inactive track is shown the same as on a slider.

Thanks for working on this!

Motivation

Best practices improvement for UI

Why did the current UI pattern emerge? Google uses a similar UI element to demarcate progress through a day in calendar views. But their "day progress" indicator doesn't actually include a progress indicator for the current event and this seems to have been misinterpreted during original feature implementation.

7FD32C01-135B-4A8C-902D-D12635B94CDD_1_201_a

Describe alternatives you've considered

Just turn it off if you don't like it.

Additional context

dim doesnt work as expected

Prerequisites

Describe the bug

Events showing as past even when they havent and events that have past not showing past.

Steps to Reproduce

  1. enable dim for ended events

Expected behavior

dim should only happen when event has ended

Actual behavior:

dim happens all the time

Screenshots

Card Configuration

Versions

  • HomeAssistant Version:
  • Plugin Version: v1.8.5

Additional Information

Increased number of Icons for Calendar

Summary

I’d like to add more icons and filters to my calendar

Motivation

I have a joint calendar that puts the name of the person in and so a filter by name is great, but then other calendars are only for one person, without the name and so i cannot use the same icon

Describe alternatives you've considered

Another solution could be to add a filter yes/no option for each calendar?

Additional context

I had a try at adding Icon4 and Icon5 info to the config, but I’m no coder and it didn’t work!

titleSize config not responding

Prerequisites

Describe the bug

titleSize not working

Steps to Reproduce

  1. Edit calendar card
  2. Show code editor
  3. Insert: titleSize: 130 (instead of default 100)

Expected behavior

titleSize changes to 130

Actual behavior:

titleSize remains 100

Screenshots

screenshot

Card Configuration
dateSize: 130
enableModeChange: true
entities:

  • entity: calendar.xxxxx
  • entity: calendar.xxxxx
  • entity: calendar.xxxxx
  • entity: calendar.xxxxx
  • entity: calendar.xxxxx
    hoursFormat: 24h
    name: Calendar
    showDate: false
    showDescription: false
    showWeekDay: true
    sortByStartTime: true
    timeSize: 130
    titleSize: 130
    type: 'custom:atomic-calendar-revive'

Versions

  • HomeAssistant Version: Home Assistant 0.110.3
  • Plugin Version: v1.8.5

Additional Information

[FEATURE] Option to disable event URLs

Is your feature request related to a problem? Please describe.
It is frustrating when in Kiosk mode someone clicks the links with no way to return.

Describe the solution you'd like
have an option in the configuration to disable URLs on events

Describe alternatives you've considered
N/A

Additional context
N/A

[BUG] Repeated Calendar Entries not showing on Month View

I'm seeing the same behaviour as this closed issue.

Describe the bug
Events that repeat daily only appear on the first day of the calendar.

To Reproduce
Add some events that repeat daily.

Expected behavior
I expect to see the events listed on every day of the month.

In the screenshot below are both calendars are showing the same google calendar. The calendar only contains 5 events which repeat every day. However there is only an icon on the first day of the month. Clicking the first day (27 April) shows the day's events. Clicking any of the other days does nothing.

Screenshots
Screenshot 2020-05-18 at 03 04 52

Setup Information (please complete the following information):

Plugin Version
1.4.2

Browser & Version
Chrome 81.0.4044.138
Opera 68.0.3618.104

Additional context
This also affects the List view, where you only see the repeating events for 1 day, no matter what maxDaysToShow or maxEventCount are set to.

[BUG] HACS Install asks to write "/community_plugin/atomic_calendar" into resources

Describe the bug
A clear and concise description of what the bug is.
See title
To Reproduce
Steps to reproduce the behavior.
Install using HACS
Expected behavior
A clear and concise description of what you expected to happen.

Based on readme.md it should be writing /community_plugin/atomic_calendar_revive

Confused as original version implies it's not being maintained and hence this is the one to use and yet the original version was updated only a few hours ago.

Screenshots
If applicable, add screenshots to help explain your problem.

Setup Information (please complete the following information):

  • Plugin Version
  • Browser & Version [e.g. chrome, safari, chrome mobile etc.]

Additional context
Add any other context about the problem here.

[FEATURE] Filter by event start time

I work for a Global Company and they add lots of recurring meetings outside my timezone to my calendar.

It would be good to be able to filter these out from my calendar view by setting a whitelist of start and finish times to show in the UI.

I've tried using the text whitelist for things like '1:00 AM, 12:00 AM' but that doesn't not work as I think it looks at subject and body.

[FEATURE] Hide Title / Rename to name

Is your feature request related to a problem? Please describe.
I would like to be able to hide the title from the card. also the title should be called "Name" to match with other cards.

Describe the solution you'd like

  • title option change to "name"
  • ability to leave name blank

Describe alternatives you've considered
N/A

Additional context
N/A

[FEATURE] Give agenda items some space

Is your feature request related to a problem? Please describe.
The daily agenda in the calendar view is still very packed and looks little bit like a bug

Describe the solution you'd like
margin-top: 10px for the agenda container (blue box on screenshot)
margin-top: 5px for event container (pink top line - applied to every event container)
margin: 0 5px for event name (pink sides for the name)

Before:
image
After:
image

image

[BUG] Custom element not found: atomic-calendar-revive

Describe the bug

Error: Custom element not found: atomic-calendar-revive

To Reproduce
Steps to reproduce the behavior.

  1. Installed via HACs, per instructions here
  2. Confirmed the URL got placed in the Lovelace Resources tab
  3. Confirmed the files got placed in the www/community/ directory
  4. Added manual card with the Simple Configuration, except with my calendar.XXXX
  5. Restarted HA, no change to error

Expected behavior
just trying to get the card to display at this point.

Screenshots
URL was properly placed in the Lovelace Resources tab:
image

Files stored (by HACs) in the www/community/ directory:
image

Initial card config:
image

Setup Information (please complete the following information):

  • Plugin Version: v1.2.0
  • Browser & Version: Chrome Version 81.0.4044.129 (Official Build) (64-bit)

Additional context
Sorry, may not be an actual bug - but I have checked all the things I know to check (directories for the files, resources page, etc and it all looks correct - so not sure where else to turn!

Progress bars not showing correctly since #145 fix

Prerequisites

Describe the bug

When using the new showFullDayProgress the progress bars are not shown correctly. Both progress bars are hidden of visible if this is set.

Steps to Reproduce

  1. set the full day progress to false
  2. set the show progress bar to true

Expected behavior

Full day progress bar should be hidden, but short events should show progress bar

Actual behavior:

both progress bars are either shown or hidden

Screenshots

Card Configuration

Versions

  • HomeAssistant Version: 110
  • Plugin Version: v1.7.0

Additional Information

[BUG] no whitelist on calendar view

Describe the bug
When adding a whitelist this will not currently work on calendar view

To Reproduce
N/A Always happens

Expected behavior

  • When a whitelist is added, only events in that whitelist should be shown unless in blacklist
  • When a whitelist is not present, all events should be shown, if not in a blacklist

Screenshots
N/A

Setup Information (please complete the following information):

  • v1.1.1

Additional context
The code that controlled this was stopping the calendar icons from processing correctly, I have removed this until a solution can be added.

[FEATURE] Better UI for agenda in calendar view

Is your feature request related to a problem? Please describe.
It is hard to read the todays agenda in the calendar view.

  • I know about the switch between calendar/list view and I thought it will be sufficient but it isn't actually. Usually I don't even notice that under current day number is a small icon telling me that somethig is scheduled. I want to see the items for the current day by default under the calendar.
  • The way how the items are disaplyed after clicking on the calendar day is unreadable.

Describe the solution you'd like

  • Show current day agenda by default (click on the date/day not required)
  • Show agenda under calendar view in readable way (give a way to customize it)
    e.g. as a bars with calendar-specific background color for all-day events and color dot's for events at specific hours

Additional context
I'm proposing the UI to follow same pattern as the one from Google calendar:
image

[FEATURE] Change click actions

Is your feature request related to a problem? Please describe.
Is there any chance you can change the default click action, basically I don’t want it to open google calendar in a new tab

Describe the solution you'd like
add new option "defaultClick" this will have number options depending on desired result e.g.

0 = _self
1 = _blank
2 = _parent
3 = _top

Describe alternatives you've considered
N/A

Additional context
N/A

Event Icon colors not working as expected

Prerequisites

Describe the bug

CalEventIcon1Color and CalEventIcon2Color not working as expected after upgrading to v1.8.5

Steps to Reproduce

Expected behavior

CalEventIcon1Color and CalEventIcon2Color working as expected

Actual behavior:

Screenshots

Card Configuration

      - type: "custom:atomic-calendar-revive"
        name: "Home Calendar"
        entities:
        - entity: calendar.home_calendar
          type: icon2
        - entity: calendar.facebook_events
          type: icon1
        - entity: calendar.aus_vic_public_holidays
          type: holiday
        CalEventIcon1: mdi:facebook
        CalEventIcon1Color: LIGHTSKYBLUE
        CalEventIcon2Color: GOLDENROD
        CalEventHolidayColor: DEEPPINK
        enableModeChange: true
        defaultMode: 2
        fullDayEventText: 'All day'
        untilText: 'Until'
        showColors: true
        maxDaysToShow: 7
        showLocation: true
        showMonth: false
        showCurrentEventLine: false
        dateColor: PERU
        dateSize: 110
        timeColor: ANTIQUEWHITE
        # timeSize: 90
        titleColor: gold
        # titleSize: 100
        locationIconColor: AZURE
        locationLinkColor: GAINSBORO
        # locationTextSize: 90
        dimFinishedEvents: true
        finishedEventOpacity: 0.6
        # finishedEventFilter: 'grayscale(100%)'
        # dayWrapperLineColor: black
        # eventBarColor: blue
        showProgressBar: true
        # progressBarColor: blue
        nameColor: DARKKHAKI
        calWeekDayColor: "#b8490d"
        calDayColor: "rgb(179,222,120)"
        defaultCalColor: "rgb(255,0,0)"
        eventTitleColor: BURLYWOOD
        eventTitleSize: 115

Versions

  • HomeAssistant Version: 0.110.2
  • Plugin Version: 1.8.5

Additional Information

[BUG] Setting "Show Loader" is broken (always true)

Discovered this when trying to turn off the loader for a calendar card I have. Looking at the code editor, I see showLoader: false, but after saving the loader still shows. When I open the visual editor again the Show Loader setting is set to true again - despite still showing as false in the code editor.

I'm using v1.3.0 and running Chrome 81.0.4044.129 on Windows 10.

[BUG] calGridColor not changing

Prerequisites

Describe the bug

When setting the calGridColor option, the color doesnt change

Steps to Reproduce

  1. set calGridColor

Expected behavior

Calendar view grid color should change to provided color

Actual behavior:

nothing happens

Screenshots
the border should be a pastel yellow but stays grey.

image

Card Configuration

calGridColor: 'rgba(253, 253, 150, .35)'

Versions

  • HomeAssistant Version: 110
  • Plugin Version: 1.5.3

Additional Information

[BUG] icons wrong size in v0.110

Prerequisites

Describe the bug

All icons are now displayed at thee incorrect size since the upgrade to v0.110

Steps to Reproduce

  1. Upgrade HomeAssistant to v0.110

Expected behavior

Icons should be correct size

Actual behavior:

Icons are too large

Screenshots

image

Card Configuration

N/A

Versions

  • HomeAssistant Version: v0.110
  • Plugin Version: v1.5.0

Additional Information

This can be fixed by adding --mdc-icon-size: <px> to each of the styles

Issues with some of the parameters

Prerequisites

Describe the bug

The locationIconColor and eventTitleSize parameters are not working as it should.

Steps to Reproduce

Expected behavior

The locationIconColor and eventTitleSize parameters working as it should.

Actual behavior:

Screenshots

Card Configuration

 ```
 - type: "custom:atomic-calendar-revive"
    name: "Home Calendar"
    entities:
    - entity: calendar.home_calendar
      type: icon2
    - entity: calendar.facebook_events
      type: icon1
    - entity: calendar.aus_vic_public_holidays
      type: holiday
    CalEventIcon1: mdi:facebook
    CalEventIcon1Color: LIGHTSKYBLUE
    CalEventIcon2Color: GOLDENROD
    CalEventHolidayColor: DEEPPINK
    enableModeChange: true
    defaultMode: 2
    fullDayEventText: 'All day'
    untilText: 'Until'
    showColors: true
    maxDaysToShow: 7
    showLocation: true
    showMonth: false
    showCurrentEventLine: false
    dateColor: PERU
    dateSize: 110
    timeColor: ANTIQUEWHITE
    # timeSize: 90
    titleColor: gold
    # titleSize: 100
    locationIconColor: AZURE
    locationLinkColor: GAINSBORO
    # locationTextSize: 90
    dimFinishedEvents: true
    finishedEventOpacity: 0.6
    # finishedEventFilter: 'grayscale(100%)'
    # dayWrapperLineColor: black
    # eventBarColor: blue
    showProgressBar: true
    # progressBarColor: blue
    nameColor: DARKKHAKI
    calWeekDayColor: "#b8490d"
    calDayColor: "rgb(179,222,120)"
    defaultCalColor: "rgb(255,0,0)"
    eventTitleColor: BURLYWOOD
    eventTitleSize: 115
```yaml

Versions

  • HomeAssistant Version: 0.110.2
  • Plugin Version: 1.7.0

Additional Information

[FEATURE] Option "showWeekDay"?

Could we have a new option "showWeekDay" in the event view which lets you hide weekdays? Would be pretty useful for my contact calendar (containing birthdays only). I don't really need to know on what weekday friends and family have their birthdays, so I'd love to be able to declutter my UI by removing that information.

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.