basic google calendar working

This commit is contained in:
Arjun Patel
2017-10-07 14:52:35 -07:00
parent f51b824dd0
commit baa5a96070
5 changed files with 137 additions and 72 deletions
+5 -5
View File
@@ -1,5 +1,3 @@
console.log("hey");
function getInformation(information)
{
var elements = information.split(" ");
@@ -72,11 +70,9 @@ function makeEvent(information)
'timeZone': 'America/Los_Angeles'
},
'recurrence': [
'RRULE:FREQ=DAILY;COUNT=2'
'RRULE:FREQ=DAILY;COUNT=1'
],
'attendees': [
{'email': 'lpage@example.com'},
{'email': 'sbrin@example.com'}
],
'reminders': {
'useDefault': false,
@@ -92,4 +88,8 @@ function makeEvent(information)
'resource': event
});
request.execute(function(event) {
alert('Event created: ' + event.htmlLink);
});
}
+61
View File
@@ -0,0 +1,61 @@
// Client ID and API key from the Developer Console
var CLIENT_ID = '951578952608-pnrc56tttl9dd2u67keg43hj5rhn6eid.apps.googleusercontent.com';
// Array of API discovery doc URLs for APIs used by the quickstart
var DISCOVERY_DOCS = ["https://www.googleapis.com/discovery/v1/apis/calendar/v3/rest"];
// Authorization scopes required by the API; multiple scopes can be
// included, separated by spaces.
var SCOPES = "https://www.googleapis.com/auth/calendar";
var authorizeButton = document.getElementById('authorize-button');
var signoutButton = document.getElementById('signout-button');
/**
* On load, called to load the auth2 library and API client library.
*/
function handleClientLoad() {
gapi.load('client:auth2', initClient);
}
/**
* Initializes the API client library and sets up sign-in state
* listeners.
*/
function initClient() {
gapi.client.init({
discoveryDocs: DISCOVERY_DOCS,
clientId: CLIENT_ID,
scope: SCOPES
}).then(function () {
// Listen for sign-in state changes.
gapi.auth2.getAuthInstance().isSignedIn.listen(updateSigninStatus);
// Handle the initial sign-in state.
updateSigninStatus(gapi.auth2.getAuthInstance().isSignedIn.get());
authorizeButton.onclick = handleAuthClick;
signoutButton.onclick = handleSignoutClick;
});
}
/**
* Called when the signed in status changes, to update the UI
* appropriately. After a sign-in, the API is called.
*/
function updateSigninStatus(isSignedIn) {
if (isSignedIn) {
console.log('logged-in');
} else {
console.log('logged out');
}
}
/**
* Sign in the user upon button click.
*/
function handleAuthClick(event) {
gapi.auth2.getAuthInstance().signIn();
}
function handleSignoutClick(event) {
gapi.auth2.getAuthInstance().signOut();
}
+6 -4
View File
@@ -9,8 +9,9 @@
</head>
<body>
<button id="authorize-button" style="opacity: 0;">asd</button>
<button id="signout-button" style="opacity: 0;">Signout</button>
<button id="authorize-button" style="display: none;">Sign-In</button>
<button id="signout-button" style="display: none;">Sign-Out</button>
<button id="create-event" style="display: none;">Create-Event</button>
<div class="container main-bg" id="content">
<div class="row">
@@ -29,14 +30,15 @@
</div>
</div>
<script type="text/javascript" src="calendar.js"></script>
<script type="text/javascript" src="google/calendar.js"></script>
<script type="text/javascript" src="main.js"></script>
<!--Imports API -->
<script type="text/javascript" src="google/gauth.js"></script>
<script async defer src="https://apis.google.com/js/api.js"
onload="this.onload=function(){};handleClientLoad()"
onreadystatechange="if (this.readyState === 'complete') this.onload()">
</script>
</body>
</html>
+18 -62
View File
@@ -1,11 +1,12 @@
var enterBtn = document.getElementById("enter");
var authorizeButton = document.getElementById('authorize-button');
var signoutButton = document.getElementById('signout-button');
var createBtn = document.getElementById('create-event');
enterBtn.addEventListener("click", captureInput);
var actualCommand = '';
function captureInput() {
var dict = {
"gcal": makeEvent,
"googlecalendar": makeEvent,
@@ -15,69 +16,24 @@ function captureInput() {
untilSpace = input.indexOf(' ');
command = input.substring(0, untilSpace);
console.log(command);
signoutButton.click();
if (command in dict) {
authorizeButton.click();
dict[command](input.substring(untilSpace+1));
signoutButton.click();
console.log('isAValidCommmand');
actualCommand = input.substring(untilSpace+1);
createBtn.addEventListener("click", function () {
console.log('successfully clicked createbtn');
makeEvent(actualCommand);
});
if (gapi.auth2.getAuthInstance().isSignedIn.get()) {
console.log('already signed in');
createBtn.click();
}
else {
authorizeButton.click();
setTimeout(alert("Run Command again!"), 10000);
}
}
else {
console.log("not a valid command");
}
}
// Client ID and API key from the Developer Console
var CLIENT_ID = '951578952608-pnrc56tttl9dd2u67keg43hj5rhn6eid.apps.googleusercontent.com';
// Array of API discovery doc URLs for APIs used by the quickstart
var DISCOVERY_DOCS = ["https://www.googleapis.com/discovery/v1/apis/calendar/v3/rest"];
// Authorization scopes required by the API; multiple scopes can be
// included, separated by spaces.
var SCOPES = "https://www.googleapis.com/auth/calendar";
var authorizeButton = document.getElementById('authorize-button');
var signoutButton = document.getElementById('signout-button');
/**
* On load, called to load the auth2 library and API client library.
*/
function handleClientLoad() {
gapi.load('client:auth2', initClient);
}
/**
* Initializes the API client library and sets up sign-in state
* listeners.
*/
function initClient() {
gapi.client.init({
discoveryDocs: DISCOVERY_DOCS,
clientId: CLIENT_ID,
scope: SCOPES
}).then(function () {
// Listen for sign-in state changes.
gapi.auth2.getAuthInstance().isSignedIn.listen(updateSigninStatus);
// Handle the initial sign-in state.
updateSigninStatus(gapi.auth2.getAuthInstance().isSignedIn.get());
authorizeButton.onclick = handleAuthClick;
signoutButton.onclick = handleSignoutClick;
});
}
/**
* Called when the signed in status changes, to update the UI
* appropriately. After a sign-in, the API is called.
*/
function updateSigninStatus(isSignedIn) {
}
/**
* Sign in the user upon button click.
*/
function handleAuthClick(event) {
gapi.auth2.getAuthInstance().signIn();
}
function handleSignoutClick(event) {
gapi.auth2.getAuthInstance().signOut();
}
+47 -1
View File
@@ -10,12 +10,13 @@
<!--Add buttons to initiate auth sequence and sign out-->
<button id="authorize-button" style="display: none;">Authorize</button>
<button id="signout-button" style="display: none;">Sign Out</button>
<button id="create-event">create</button>
<pre id="content"></pre>
<script type="text/javascript">
// Client ID and API key from the Developer Console
var CLIENT_ID = '951578952608-igq1knaukc28hl3a7slj66l5lerijgue.apps.googleusercontent.com';
var CLIENT_ID = '951578952608-pnrc56tttl9dd2u67keg43hj5rhn6eid.apps.googleusercontent.com';
// Array of API discovery doc URLs for APIs used by the quickstart
var DISCOVERY_DOCS = ["https://www.googleapis.com/discovery/v1/apis/calendar/v3/rest"];
@@ -60,6 +61,7 @@
*/
function updateSigninStatus(isSignedIn) {
if (isSignedIn) {
console.log('run');
authorizeButton.style.display = 'none';
signoutButton.style.display = 'block';
listUpcomingEvents();
@@ -133,5 +135,49 @@
onload="this.onload=function(){};handleClientLoad()"
onreadystatechange="if (this.readyState === 'complete') this.onload()">
</script>
<script type="text/javascript">
console.log('hi');
var createBtn = document.getElementById('create-event');
createBtn.addEventListener("click", function () {
var event = {
'summary': 'Google I/O 2015',
'location': '800 Howard St., San Francisco, CA 94103',
'description': 'A chance to hear more about Google\'s developer products.',
'start': {
'dateTime': '2017-10-28T09:00:00-07:00',
'timeZone': 'America/Los_Angeles'
},
'end': {
'dateTime': '2017-10-28T17:00:00-07:00',
'timeZone': 'America/Los_Angeles'
},
'recurrence': [
'RRULE:FREQ=DAILY;COUNT=2'
],
'attendees': [
{'email': 'lpage@example.com'},
{'email': 'sbrin@example.com'}
],
'reminders': {
'useDefault': false,
'overrides': [
{'method': 'email', 'minutes': 24 * 60},
{'method': 'popup', 'minutes': 10}
]
}
};
var request = gapi.client.calendar.events.insert({
'calendarId': 'primary',
'resource': event
});
request.execute(function(event) {
appendPre('Event created: ' + event.htmlLink);
});
});
</script>
</body>
</html>