OpenEvents/index.html at master · EphDoering/OpenEvents · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
<!DOCTYPE html>
<html>
<head>
<style>
.show-hide-next:not(:checked)+*{
	display:none;
}
</style>
</head>
<body>
<h1>Open Events</h1>
<h3>A Google Calendar Bulk Editor</h3>
<p>This tool lets you search for events you would like to edit, and then edit specfic feilds to assign to all of the found events. For example, one could search for "dentist" and set the color of all of those events to red.</p>
<hr>
<p>No data is directly being stored locally or remotely by this tool. However, the google API is storing authentication cookies locally, saving the authorization. Additioanally, the google api is used to search and modify your calendars.</p>
<hr>
<button id="sign-in-or-out-button"
        style="margin-left: 25px">Sign In/Authorize</button>
<button id="revoke-access-button"
        style="display: none; margin-left: 25px">Revoke access</button>

<div id="auth-status" style="display: inline; padding-left: 25px"></div>

<hr>
<h3>Step 1. Search</h3>
<form name="search">
  <select name="calendarId"><option>Select Calendar...</option></select>
  <div>Form PlaceHolder</div>
  <input type="submit" value="search"/>
</form>
<br/>
<form name="filter" style="display:none;">
  <div>Form PlaceHolder</div>
  <label>Auto <input type="checkbox" checked /></label><input type="submit" value="Filter" disabled />
</form>
<br/>
<h3>Step 2: Edit</h3>
Edit all <span id=found_count></span> found events:
<form name="patch">
  <div>Form PlaceHolder</div>
  <input type="submit" value="Go"/>
</form>
<script src="main.js"></script>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.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>
<br/>

</body>
</html>