Displaying Upcoming Events From a Google Calendar in Web #21

jgvictores · 2018-06-29T15:20:55Z

La idea es evitar varios commits semanales que son simplemente para actualizar la fecha de la reunión.

https://kevin.deldycke.com/2012/07/displaying-upcoming-events-google-calendar-javascript/

From @jgvictores on June 22, 2018 17:24
Copied from original issue: asrob-uc3m/actas#152

jgvictores · 2018-07-19T16:44:46Z

Public .ics link: https://calendar.google.com/calendar/ical/e97mebpnhjcq8pbl28plc8l3is%40group.calendar.google.com/public/basic.ics

jgvictores · 2018-07-19T16:51:40Z

Getting a Forbidden Error 403 using method in post mentioned in the description (which was from 2011).

From https://productforums.google.com/forum/#!topic/calendar/mZSk3FXR_KY (2012) we read:

As Google announced back in November 2011 and then again in June of this year, v1 and v2 have been deprecated. Therefore you need to use v3 to get your event lists. Unfortunately it appears that with v3, obtaining an API key is now mandatory. Here's the v3 documentation for getting a list of events from a Google calendar.

Let's check out v3!

jgvictores · 2018-07-19T20:09:56Z

https://developers.google.com/calendar/quickstart/js works nicely, but must

Get ASROB calendar, not personal
Automatic auth (is this done upon each connection?)
Launch remotely (test was done on localhost)

jgvictores · 2018-07-27T15:03:45Z

Much better:

      function listCals() {
        gapi.client.calendar.calendarList.list({
          'maxResults': 10,
        }).then(function(response) {
          var events = response.result.items;
          console.dir(events);
          appendPre('CalendarIDs:');
          if (events.length > 0) {
            for (i = 0; i < events.length; i++) {
              // var event = events[i];
              appendPre(events[i].id);
            }
          } else {
            appendPre('No calendarIDs found.');
          }
        });
      }

jgvictores · 2018-11-23T17:50:54Z

...where we discover the private/secret calendar ID [email protected], which can actually be seen as commented on these instructions to embed a calendar:

On a computer, open Google Calendar. You can only get the code to embed in your website from a computer, not the Google Calendar app.
In the top right, click Settings icon > Settings
On the left side of the screen, click the name of the calendar you want to embed.
In the "Integrate calendar" section, copy the iframe code displayed.
Under the embed code, click Customize.
Choose your options, then copy the HTML code displayed.

jgvictores · 2018-11-23T18:35:25Z

https://stackoverflow.com/questions/13651017/accessing-google-calendar-api-without-authorization-via-javascript

jgvictores · 2018-11-23T19:29:21Z

https://github.com/thanpolas/calendarth

jgvictores · 2018-11-23T19:43:36Z

Previous code required too much auth. Jquery/AJAX was not working, but CORS does work.

<!DOCTYPE html>
<html>
<body>

<h2>Using the XMLHttpRequest Object</h2>

<div id="demo">
<button type="button" onclick="loadXMLDoc()">Change Content</button>
</div>

<script>
function loadXMLDoc() {
  var xhttp = new XMLHttpRequest();
  xhttp.onreadystatechange = function() {
    if (this.readyState == 4 && this.status == 200) {
      document.getElementById("demo").innerHTML =
      this.responseText;
    }
  };
  xhttp.open("GET", "https://www.googleapis.com/calendar/v3/calendars/[email protected]/events?key=xxxxxxxxxxxxxxxxxxxxxx", true);
  xhttp.send();
}
</script>

</body>
</html>

jgvictores · 2018-12-10T23:39:48Z

https://developers.google.com/calendar/pricing

jgvictores · 2018-12-11T18:01:46Z

https://stackoverflow.com/questions/21939713/hide-api-key-for-a-github-page

jgvictores · 2018-12-11T18:02:21Z

And from https://docs.simplecalendar.io/google-api-key/ we read:
"To read events from your public Google Calendars you’ll need create a Google API key and save within your plugin settings."

jgvictores · 2018-12-11T18:08:22Z

Seems like key is restricted to Calendar, but cannot have finer granularity on control other than:

This is, no read-only permissions, which would be interesting.

More at: https://cloud.google.com/docs/authentication/api-keys?hl=en&visit_id=636801482896800161-1151496171&rd=1

jgvictores · 2018-12-11T18:17:11Z

Also have been looking at "github pages hide api key", some interesting posts:

jgvictores · 2018-12-12T13:16:28Z

https://github.com/github/platform-samples/tree/master/hooks

jgvictores · 2019-10-10T18:22:34Z

Public URL from #21 (comment) + (https://pypi.org/project/ics/ = https://icspy.readthedocs.io/en/stable/ = https://github.com/C4ptainCrunch/ics.py) looks good.

jgvictores · 2019-10-17T16:14:22Z

from ics import Calendar
from urllib.request import urlopen

import arrow
from datetime import datetime

import locale
locale.setlocale(locale.LC_ALL, 'es_ES.utf8') # es-ES, check `locale -a` 

url = "https://calendar.google.com/calendar/ical/e97mebpnhjcq8pbl28plc8l3is%40group.calendar.google.com/public/basic.ics"
calendar = Calendar(urlopen(url).read().decode())

now = arrow.get(datetime.now())
events = list(calendar.timeline.start_after(now))

for event in events:
    if (event.name == 'Reunión Robot Devastation'): # 'Rd Meeting'
        dt = event.begin.datetime
        print(dt.strftime("%A %d de %B a %H:%M") + " en " + event.location)

jgvictores added the asrob.uc3m.es label Jun 29, 2018

jgvictores mentioned this issue Jun 29, 2018

Displaying Upcoming Events From a Google Calendar in Javascript asrob-uc3m/actas#152

Closed

jgvictores removed the asrob.uc3m.es label Jun 29, 2018

jgvictores self-assigned this Jul 19, 2018

jgvictores added the estado: trabajando en ello label Oct 31, 2018

jgvictores added prioridad: alta complejidad: dura estado: trabajando en ello and removed estado: trabajando en ello labels Dec 13, 2018

jgvictores changed the title ~~Displaying Upcoming Events From a Google Calendar in Javascript~~ Displaying Upcoming Events From a Google Calendar in Web Oct 10, 2019

jgvictores removed the estado: trabajando en ello label Feb 16, 2021

jgvictores removed the prioridad: alta label Feb 16, 2021

Provide feedback

Saved searches

Use saved searches to filter your results more quickly

Displaying Upcoming Events From a Google Calendar in Web #21

Displaying Upcoming Events From a Google Calendar in Web #21

jgvictores commented Jun 29, 2018 •

edited

Loading

jgvictores commented Jul 19, 2018

jgvictores commented Jul 19, 2018

jgvictores commented Jul 19, 2018

jgvictores commented Jul 27, 2018 •

edited

Loading

jgvictores commented Nov 23, 2018 •

edited

Loading

jgvictores commented Nov 23, 2018

jgvictores commented Nov 23, 2018

jgvictores commented Nov 23, 2018

jgvictores commented Dec 10, 2018

jgvictores commented Dec 11, 2018

jgvictores commented Dec 11, 2018

jgvictores commented Dec 11, 2018

jgvictores commented Dec 11, 2018

jgvictores commented Dec 12, 2018

jgvictores commented Oct 10, 2019

jgvictores commented Oct 17, 2019

Displaying Upcoming Events From a Google Calendar in Web #21

Displaying Upcoming Events From a Google Calendar in Web #21

Comments

jgvictores commented Jun 29, 2018 • edited Loading

jgvictores commented Jul 19, 2018

jgvictores commented Jul 19, 2018

jgvictores commented Jul 19, 2018

jgvictores commented Jul 27, 2018 • edited Loading

jgvictores commented Nov 23, 2018 • edited Loading

jgvictores commented Nov 23, 2018

jgvictores commented Nov 23, 2018

jgvictores commented Nov 23, 2018

jgvictores commented Dec 10, 2018

jgvictores commented Dec 11, 2018

jgvictores commented Dec 11, 2018

jgvictores commented Dec 11, 2018

jgvictores commented Dec 11, 2018

jgvictores commented Dec 12, 2018

jgvictores commented Oct 10, 2019

jgvictores commented Oct 17, 2019

jgvictores commented Jun 29, 2018 •

edited

Loading

jgvictores commented Jul 27, 2018 •

edited

Loading

jgvictores commented Nov 23, 2018 •

edited

Loading