Lovelace Google Calendar

Supersonical · August 16, 2018, 9:08am

Anyway, thanks for a really good looking kalender card!
God job!

arsaboo · August 16, 2018, 12:31pm

I am in EST. Also, if there is no event, the date should not appear right?

arsaboo · August 16, 2018, 12:32pm

Working fine on my iOS app here. I am guessing it is a cache issue. Are you on the latest beta version of the app (that allows clearing cache)?

Supersonical · August 16, 2018, 12:41pm

Hey arsaboo not sure how i can get the app. I have reinstalled the app but still seeing the code error in red. Might be a ios thing… I´m running version 1.1.1 on IOS

anyway, i stumbled on your github! really nice setup you have

Supersonical · August 16, 2018, 1:42pm

Seems like this is not only related to the Google calender component, i get the same error when adding

This is my config:
resources:

url: /local/dist/google-calendar-card.js?v=2
type: js
url: https://use.fontawesome.com/releases/v5.2.0/css/all.css
type: css
url: /local/custom_ui/weather-card.js
type: js

type: “custom:weather-card”
entity_weather: weather.yweather
entity_sun: sun.sun

arsaboo · August 16, 2018, 3:44pm

Where did you save the google-calendar-card.js file? I suspect the path is incorrect.

Ste · August 17, 2018, 10:33am

Great card! Thank you for sharing, it’s really a great addon!
It’s possibile to change the title from “Calendar” to something else?

Thank you!

Ste

rdehuyss · August 17, 2018, 10:49am

Yep, use name in de config, on the same level as entities.

Supersonical · August 17, 2018, 12:16pm

Issue solved

I had to add,

frontend:
javascript_version: latest

jfierb_3420 · August 17, 2018, 12:21pm

Nice work! I would love to see this for a caldev calendar.

rdehuyss · August 18, 2018, 10:23am

I’m looking into caldav support but I’m not able to set up caldav support in home-assistant…

What is your configuration like?

I’m using this:

calendar:
  - platform: caldav
    username: username
    password: password
    url: http://192.168.1.250:5000/caldav/admin/home/

The error I have is:
The CalDAV server you are using has a problem with path handling.

I’m trying it with synology however. They have Synology Calendar which supports caldav. I don’t really want to setup another caldav server…

jfierb_3420 · August 18, 2018, 11:19am

My configuration is almost identical.

calendar:
  - platform: caldav
    username: username
    password: !secret calendar_password
    url: https://example.com/remote.php/dav/

I am using Nextcloud as a NAS solution with a CalDAV server. This worked out of the box and HA automatically discovers all the calendars which belong to the specified user.

Unfortunately, I am not an expert on CalDAV… But have you tried to add your CalDAV calendar to a different client e.g. Thunderbird, Outlook or DAVdroid?

rdehuyss · August 18, 2018, 12:50pm

Hi Abeksis,

I don’t know that much of RTL support and I’m developing a new card. I’m open for suggestions on how to implement it and pull requests however. Do you know something about that?

rdehuyss · August 18, 2018, 1:05pm

Hi all,

I updated the card and it now:

supports also caldav calendars (at least my synology calendar which should be caldav compliant)
fixed the icon color
I do not add the progressbar anymore when there are no events today
less resource hungry, no dependency on font-awesome anymore

Do note that installation instructions are now different!! Please check them on the github, I updated them.

Cheers,
R

rdehuyss · August 18, 2018, 1:05pm

Hi @jfierb_3420,

caldav support is there!

rdehuyss · August 18, 2018, 1:06pm

Hi @arsaboo,

this should be solved with the new version

jfierb_3420 · August 18, 2018, 2:15pm

Wow, thanks! Great work.

Just a brief comment:

I implemented the calendar on the same tab as the Custom animated weather card where @arsaboo contributed to. The apperance of both cards got messed up because they both use the class day. So the CSS of one of the cards was applied to both of them. I fixed it by changing the class name and according CSS entry from day to calendar_day.

jfierb_3420 · August 18, 2018, 2:18pm

I can confirm that it also works with Nextcloud as a CalDAV server!

calendar

vermis · August 18, 2018, 4:17pm

Please I need help, I deleted <dist> dir, uploaded calendar-card.js (raw download) to config/www and modified ui.lovelace.yaml like this:
resources:
  - url: https://unpkg.com/[email protected]/moment.js
    type: js
  - url: /local/calendar-card.js
    type: module


  - type: "custom:calendar-card"
    name: ""
    showprogressbar: false
    entities:
      - calendar.personal
      - calendar.contacts
But I get an error saying no such custom card to be shown.

As I was writing this post I rememberedd appending ?v=0.0.3 to the resource call, like this:

  - url: /local/calendar-card.js?v=0.0.3
    type: module

And now it works and quite well, so thank you @rdehuyss for creating it.

Darbos · August 22, 2018, 3:44am

How can I change the color of the meeting time?