Hi all,
I’m trying to get the Google Calendar custom card to work in my Home Assistant installation, but I can’t get it to work.
I’ve added the calendar-card.js file to my /www/ folder,
Added this line to my lovelace-ui.yaml
resources:
url: /local/calendar-card.js?track=true
Authorized the Calendar to work with HA
Added this to my configuration.yaml
google:gfs.apps.googleusercontent.com
Restarted Home Assistant and then, when it still didn’t work, rebooted the entire system.
I get as far as the ‘google_calendars.yaml’ being created, but I can’t add a calendar card. The calendars actually show up under ‘Unused entities’ but, beyond that, nothing.
When I try to add
type: 'custom:calendar-card'
I’m informed that the custom entity doesn’t exist.
I followed these instructions, to begin with
Hopefully someone can point me in the right direction.
Thanks
What was the procedure you used to get the calendar-card.js into your www folder?
I have my HA config folder shared via smb, so I just copied it from my Windows PC.
Ok, then what was the procedure you used to get the file on to your windows pc?
What I’m asking is did you clone the github repo then move the cloned file to your HA www folder, or did you copy the contents of the file from the github code section and paste them into a file on your pc or did you copy the contents ofvthe github file in the raw format and paste that into a file on your pc?
I think that’s my mistake, I just downloaded it from the files list with a right-click.
I’ve now cloned the project from GitHub and am attempting the whole process again.
Edit: Scratch that, it still doesn’t work.
post the entire lovelace config for the card. make sure you properly format it so we can see the syntax.
Just reading what you wrote gives me the feeling I’m doing something wrong; like I’ve missed a step somewhere, although I can’t imagine where. The only thing that isn’t 100% clear is the part about adding the custom card to views.
I’ve added my ui-lovelace below (I hope I’ve done the formatting right)
resources:
- url: /local/calendar-card.js
type: js
- url: /local/custom_ui/dark-sky-weather-card.js?v=4
type: js
- url: /local/custom_ui/mini-media-player-bundle.js?v=0.9.8
type: module
- url: /local/custom_ui/tracker-card.js?v=0.1.5
type: js
- url: /local/custom_ui/surveillance-card.js?v=0.0.1
type: module
- url: /local/custom_ui/mini-graph-card-bundle.js?v=0.1.0
type: module
- url: /local/custom_ui/card-modder.js?v=fadc03
type: module
- url: /local/custom_ui/slider-entity-row.js?v=d6da75
type: js
- url: /local/custom_ui/card-tools.js?v=6ce5d0
type: js
- url: /local/custom_ui/compact-custom-header/compact-custom-header.js?v=0.2.7
type: js
- url: /local/custom_ui/waze-card.js?v=1.1.1
type: js
- url: /local/custom_ui/circle-sensor-card.js?v=1.2.0
type: module
- url: /local/custom_ui/monster-card.js?v=0.2.3
type: js
- url: https://unpkg.com/[email protected] /moment.js
type: js
#############################################################################################################################################
# #
# VIEW 0 - HOME #
# #
#############################################################################################################################################
name: Kingia Castle
views:
- id: 0
icon: mdi:castle
background: center / cover no-repeat url("/local/lovelace/background-15.gif") fixed
name: Home
cards:
- id: 8ddb8b8a69b6431f813e8e364b73bb35 # Automatically created id
type: vertical-stack
cards:
- type: custom:card-modder
card:
type: entities
title: Days Remaining
show_header_toggle: false
entities:
- sensor.valentines_day
- sensor.easter_camping
- sensor.jackson_bday
- sensor.mother_day
- sensor.tina_bday
- sensor.hudson_bday
- sensor.bali_trip
- sensor.anniversary
- sensor.xmas_day
- sensor.days_left
# Kodi Remote
- title: Kodi
cards:
- type: vertical-stack
cards:
- type: entities
entities:
- media_player.kodi
- type: horizontal-stack
cards:
#PREVIUOS
- type: entity-button
icon: mdi:skip-previous
name: ''
entity: script.kr_prev
tap_action:
action: call-service
service: script.turn_on
service_data:
entity_id: script.kr_prev
hold_action:
action: none
#STOP
- type: entity-button
icon: mdi:stop
name: ''
entity: script.kr_stop
tap_action:
action: call-service
service: script.turn_on
service_data:
entity_id: script.kr_stop
hold_action:
action: none
#PLAY PAUSE
- type: entity-button
icon: mdi:play-pause
name: ''
entity: script.kr_play_pause
tap_action:
action: call-service
service: script.turn_on
service_data:
entity_id: script.kr_play_pause
hold_action:
action: none
#NEXT
- type: entity-button
icon: mdi:skip-next
name: ''
entity: script.kr_next
tap_action:
action: call-service
service: script.turn_on
service_data:
entity_id: script.kr_next
hold_action:
action: none
- type: horizontal-stack
cards:
#HOME
- type: entity-button
icon: mdi:home
name:
entity: script.kr_home
tap_action:
action: call-service
service: script.turn_on
service_data:
entity_id: script.kr_home
hold_action:
action: none
# UP
- type: entity-button
icon: mdi:menu-up-outline
name:
entity: script.kr_up
tap_action:
action: call-service
service: script.turn_on
service_data:
entity_id: script.kr_up
hold_action:
action: none
# EMPTY
- type: entity-button
icon: mdi:file-excel-box
name:
entity: script.kr_down
tap_action:
action: none
hold_action:
action: none
- type: horizontal-stack
cards:
# LEFT
- type: entity-button
icon: mdi:menu-left-outline
name:
entity: script.kr_left
tap_action:
action: call-service
service: script.turn_on
service_data:
entity_id: script.kr_left
hold_action:
action: none
#SELECT
- type: entity-button
icon: mdi:circle-outline
name:
entity: script.kr_select
tap_action:
action: call-service
service: script.turn_on
service_data:
entity_id: script.kr_select
hold_action:
action: none
#RIGHT
- type: entity-button
icon: mdi:menu-right-outline
name:
entity: script.kr_right
tap_action:
action: call-service
service: script.turn_on
service_data:
entity_id: script.kr_right
hold_action:
action: none
- type: horizontal-stack
cards:
#BACK
- type: entity-button
icon: mdi:undo-variant
name:
entity: script.kr_back
tap_action:
action: call-service
service: script.turn_on
service_data:
entity_id: script.kr_back
hold_action:
action: none
# DOWN
- type: entity-button
icon: mdi:menu-down-outline
name:
entity: script.kr_down
tap_action:
action: call-service
service: script.turn_on
service_data:
entity_id: script.kr_down
hold_action:
action: none
# EMPTY
- type: entity-button
icon: mdi:skip-next
name: ''
entity: script.kr_playlist
tap_action:
action: more-info
service: script.turn_on
service_data:
entity_id: script.kr_playlist
hold_action:
action: none
resources:
- url: /customcards/github/custom-cards/tracker-card.js?track=true
type: module
finity
May 13, 2019, 11:26am
8
I see a few things…
it looks like you have two views - one that just has an icon (castle) & no title and the second one has a title only (kodi). Not a problem but just clarifying what I’m seeing.
the spacing and indentation is off but i don’t know if that’s a copy/paste thing or not.
you have two “resources:” sections. one at the top & one at the bottom. combine those two into one. as far as i know you can only have one.
I don’t see where the config is for the calendar card? Am I missing something?
I think I have a lot of extra/unnecessary info in my ui-lovelace; I basically just copied it from another I liked.
From what I can see, I’m indeed missing the configuration for the calendar-card; but I don’t see anywhere how I should do it.
I’ve tried adding this, to my raw-config:
views:
- type: custom:calendar-card
title: "My Calendar"
progressBar: true
entities:
- calendar.my_calendar
which creates a blank card for the calendar, but without content.