QuickCalView/popup.html at master · amininger/QuickCalView · 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
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
<!doctype html>
<html>
	<head>
		<title>QuickCalView</title>
		<link href='https://fonts.googleapis.com/css?family=Roboto+Condensed:400,700,300' rel='stylesheet' type='text/css'>
		<link rel="stylesheet" type="text/css" href="styles.css">
		<script src="moment.min.js"></script>
		<script src="moment-timezone.min.js"></script>
		<script src="jstz-1.0.4.min.js"></script>
		<script src="time_util.js"></script>
		<script src="constants.js"></script>
		<script src="popup.js"></script>
		<script src="https://apis.google.com/js/client.js?onload=onPopupLoad"></script>
	</head>
	<body>
		<div id="authorize-div" style="display: none">
			<span>Authorize access to Google Calendar API</span>
			<!--Button for the user to click to initiate auth sequence -->
			<button id="authorize-button">
				Authorize
			</button>
		</div>
		<div id="content-div" style="display: none">
			<div id="top-bar-div">
			<table>
				<tr>
					<td>
						<div id="timezone-div"></div>
					</td>
					<td>
						<div id="calendar-link-div">
							<a id="calendar-link" href="https://www.google.com/calendar" >Calendar</a>
						</div>
					</td>
				</tr>
			</table>
			</div>
				<!-- Div Containing the Create Event Form -->
			<div id="create-event-div">
					<input type="image" id="refresh-button" src="refresh_white.png" alt="Sync" />
					<input type="text" id="create-event-text"></input>
					<input type="image" id="create-event-button" src="plus_white.png" alt="Create" />
			</div>
			<div id="help-link-div">
				<a id="show-help-link" href="#">Create Event Help</a>
			</div>
			<div id="shadow-div">
			</div>

				<!-- Div Containing the Event List (Populated by javascript) -->
			<div id="event-list-div"></div>
			<div id="help-div">
				<div id="inner-help-div">
				To create an event, type its description into the text bar
				and press enter.
				<br />
				<br />
				Here are some example ways of creating an event:
				<br />
				<ul>
				<li>
					todo: Write thank you letter to John
				</li>
				<li>
					due Nov 3: Pay phone bill
				</li>
				<li>
					Dec 25: Christmas
				</li>
				<li>
					Dec 23-30: Christmas Vacation
				</li>
				<li>
					Jan 29-2: Chicago Trip (carries over to Feb 2)
				</li>
				<li>
					Jan 4 @14: Doctor's Appt (defaults to 1 hr)
				</li>
				<li>
					Jan 5 @8.30: Breakfast with Julie
				</li>
				<li>
					Jan 6 @11-13: Lunch meeting with Bob
				</li>
				<li>
					Jan 11 @20.30-23.00: Movie Night
				</li>
				</ul>
				Events are specified in 24 hour time.
				</div>

			</div>
		</div>
	</body>
</html>