Google Calendar events do not show up since calendar update

tbanzato · Mar 1, 2018, 5:30 PM

I’m not looking to sync more than one calendar, the issue is that the events from the public calendar from Google itself is not loading on the Magic Mirror.

The public calendar test I’m trying to load on the Mirror is this one:
https://calendar.google.com/calendar/embed?src=83j7tsjdivl1q2mquioftrnqsk%40group.calendar.google.com&ctz=America%2FSao_Paulo

It keeps showing me “No Upcoming Events” even with the events on the callendar

When I run curl https://calendar.google.com/calendar/embed?src=83j7tsjdivl1q2mquioftrnqsk%40group.calendar.google.com&ctz=America%2FSao_Paulo

This is the result.
It says something like the Browser does not support JavaScript and asks to go over the HTML version of the calendar which also doesn’t load on the MMM

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"><html><head><meta http-equiv="content-type" content="text/html; charset=utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Teste my pi</title>
<script>gcal$perf$serverTime=84;gcal$perf$headStartTime=new Date().getTime()</script>
<style type="text/css">body{margin:0;padding:0;overflow-y:hidden;}
        html{overflow-y:hidden;}</style>
<link type="text/css" rel="stylesheet" href="//calendar.google.com/calendar/static/efe15270419ec4455d268950727cfe24embedcompiled_fastui.css">


<script type="text/javascript">
  function _DumpException(e) { throw e; }
  </script>
<script type="text/javascript" src="/calendar/_/scs/calendar-static/_/js/k=calendar.embed.pt_BR.Ky11ZlicIEc.O/m=embed/rt=j/d=1/rs=ANwU0p6j3GKjPGvDPRsOr7ahxQV-JSKFaQ"></script>
<script>function _onload() {window._init({"features":[0,1,1,1,0,1,1,1,1,0,0,1,0,1,0,0,0,1,1,0,1,1,1,0,0,0,0,1,0,0,0,0,1,0,0,0,1,0,0,1,0,0,1,0,1,0,1,1,0,1,0,0,0,1,1,0,1,1,1,1,0,1,0,0,1,0,0,1,1,0,0,0,0,0,0,0,1,1,0,1,0,0,0,1,0,0,0,1,1,0,1,1,0,1,1,0,0,0,0,1,0,1,1,0,1,1,0,1,1,1,1,1,1,1,1,1,0,0,0,0,0,1,0,0,1,0,1,1,0,1,1,1,0,1,0,0,1,0,0,0,0,1,0,1,1,0,1,1,1,1,0,1,1,0,0,1,1,0,0,0,1,0,1,1,0,0,0,0,1,0,1,1,0],"loggedin":false,"cids":{"83j7tsjdivl1q2mquioftrnqsk@group.calendar.google.com":{"color":"#2952a3","access":20,"title":"Teste my pi"}},"view":"month","weekstart":0,"format24hour":true,"dateFieldOrder":1,"preloadStart":"20180224","preloadEnd":"20180407","container":"container","baseUrl":"/","imagePath":"//calendar.google.com/googlecalendar/images/","showNavigation":true,"showDateMarker":true,"showTabs":true,"showCalendarMenu":true,"showCurrentTime":false,"showTz":false,"showPrintButton":true,"showElementsLogo":false,"collapseAllday":false,"showSubscribeButton":true,"embedStyle":"WyJhdDplbWI6c3QiXQo\u003d","proxyUrl":"https://clients6.google.com","calendarApiVersion":"v3","developerKey":"AIzaSyBNlYH01_9Hc5S1J9vuFmu2nUqBZJNAXxs"});}</script>
<script type="text/javascript">
      var pageLoaded_ = false;
      var clientLibraryLoaded_ = false;

      function clientLibraryLoaded() {
        clientLibraryLoaded_ = true;
        if (pageLoaded_) _onload();
      }

      function pageLoaded() {
        pageLoaded_ = true;
        if (clientLibraryLoaded_) _onload();
      }
    </script>
<script type="text/javascript" src="https://apis.google.com/js/client.js?onload=clientLibraryLoaded"></script>
<style type="text/css">
   
  </style></head>
<body onload="pageLoaded()" style="background-color:#fff">
<span id="calendarTitle">Teste my pi</span>

<noscript><p></p>
Seu navegador parece não ser compatível com JavaScript, que é necessário para exibir esta página corretamente.
Visite a versão apenas HTML dessa página em:
<a href="https://calendar.google.com/calendar/htmlembed?src=83j7tsjdivl1q2mquioftrnqsk%40group.calendar.google.com">https://calendar.google.com/calendar/htmlembed?src=83j7tsjdivl1q2mquioftrnqsk%40group.calendar.google.com</a></noscript>
<div id="container" style="width:100%" class="locale-pt_br  locale-pt "></div></body></html>

E3V3A · Mar 1, 2018, 5:31 PM

@tbanzato Hi! It’s impossible to know what you’re doing. There are dozens of calendar modules out there.

Which one are you using?
What is your configuration file?
What is your hardware?

It says something like the Browser does not support JavaScript and…

Who says?
Why do you run curl and not a module or HTML iFrame?
What is your curl command?

tbanzato · Mar 1, 2018, 8:05 PM

It is a Raspberry pi 3.
The calendar module is the default one.

The Configuration file is bellow

{
                    module: 'calendar',
                    header: 'Calendar',
                    position: 'top_left',
                    config: {
                            calendars: [
                                    {
                                            symbol: 'calendar-check-o',
                                            url: 'https://calendar.google.com/calendar/embed?src=83j7tsjdivl1q2mquioftrnqsk%40group.calendar.google.com&ctz=America%2FSao_Paulo'
                                    },

                            ]
                    }
            },

The curl commend answer is “Seu navegador parece não ser compatível com JavaScript, que é necessário para exibir esta página corretamente.” which is in portuguese and the translation is - Your browser

E3V3A · Mar 1, 2018, 8:16 PM

@tbanzato Your URLs look bad. They should look like one of these:

tbanzato · Mar 2, 2018, 6:15 AM

@E3V3A said in Google Calendar events do not show up since calendar update:

https://calendar.google.com/calendar/ical/YOUR_NAME%40gmail.com/private-SECRET_CODE/basic.ics

Thanks a lot for all the help I’ll test it tonight, now I have a question on the private option.
And sorry if this is a stupid one.
Where do I get my private-SECRET_CODE?

Thanks

E3V3A · Mar 2, 2018, 6:15 AM

@tbanzato

Where do I get my private-SECRET_CODE?

I don’t remember, but it’s in the Google calendar settings somewhere, not obvious.

tbanzato · Mar 2, 2018, 1:02 PM

Hey the public URL you suggested works just fine
url: “https://calendar.google.com/calendar/ical/YOUR_NAME%40gmail.com/public/basic.ics”

This is what I did:

Logged into Google Calendar
Created a new calendar
On the newly created calendar I changed the settings to “Make available to public”
After that I copied the Calendar ID that looks something like this 83j7tsjdivl123edasul1ndas1k@group.calendar.google.com
Changed it into the URL you suggested to look like this https://calendar.google.com/calendar/ical/**83j7tsjdivl123edasul1ndas1k%40group.calendar.google.com**/public/basic.ics”
Changed it into the module settings

Thanks a lot for the help @E3V3A

Now I just need to find the secret private-SECRET_CODE for the private calendar, with this new calendar Google is making sure not to make things easy.

PerryRT · Apr 12, 2018, 1:30 AM

@tbanzato I can partly help with this. The secret code is available in your calendar settings - available either through the upper right gear icon -> Settings ->click on the calendar you wish to use in the left hand menu -> scroll all the way down … Or click on the three dot icon that comes up when you hover over the calendar name -> Settings -> scroll all the way down.

Then just copy and paste the “Secret Address in iCal format” into your config file.

(Note to the future - this is as of 11April18 - gods only know what the Google UI may look like tomorrow !)

And before you get excited, I did exactly that…and it doesn’t work, or at least not yet (still figuring that part out.)