-
Notifications
You must be signed in to change notification settings - Fork 4
/
Copy pathoptions.html
241 lines (205 loc) · 10.4 KB
/
options.html
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
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
<!DOCTYPE html>
<html>
<head>
<title>Options - Google Events</title>
<script src="js/google.track.js"></script>
<script type="text/javascript" src="lib/jquery.min.js"></script>
<script type="text/javascript" src="lib/shayjs.js"></script>
<script type="text/javascript" src="lib/shayjs.antp.js"></script>
<link rel="stylesheet" type="text/css" href="css/jquery.gritter.css" />
<script type="text/javascript" src="js/jquery.gritter.min.js"></script>
<script type="text/javascript" src="js/defaults.js"></script>
<script type="text/javascript" src="js/options.js"></script>
<link href='css/zocial.css' rel='stylesheet' type='text/css'>
<link href='css/formalize.css' rel='stylesheet' type='text/css'>
<link href='http://fonts.googleapis.com/css?family=Open+Sans' rel='stylesheet' type='text/css'>
<link href='css/options.css' rel='stylesheet' type='text/css'>
</head>
<body>
<header>
<h1>Events</h1>
<nav>
<div data-section="about">About</div>
<div data-section="settings" class="selected">Settings</div>
<div data-section="updates">Updates</div>
</nav>
<aside id="links">
<a href="https://github.com/osugregor/Google-Events-Widget--ANTP-" target="_blank" class="zocial link github">Fork Me</a>
<form class="link" action="https://www.paypal.com/cgi-bin/webscr" method="post" target="_blank">
<input type="hidden" name="cmd" value="_s-xclick">
<input type="hidden" name="hosted_button_id" value="ANFB97FRS7ADG">
<input type="image" src="https://www.paypalobjects.com/en_US/i/btn/btn_donate_LG.gif" border="0" name="submit" alt="PayPal - The safer, easier way to pay online!">
<img alt="" border="0" src="https://www.paypalobjects.com/en_US/i/scr/pixel.gif" width="1" height="1">
</form>
</aside>
</header>
<section id="about">
<h1>About</h1>
<h2 class="first">Contribute</h2>
If you want to support this project, please make a donation below or contribute on GitHub!!<br/>
<div class="about_buttons">
<a href="https://www.paypal.com/cgi-bin/webscr?cmd=_s-xclick&hosted_button_id=ANFB97FRS7ADG" target="_blank" class="zocial paypal" title="Like this extension? Help support its continued development by making a donation.">Contribute via Paypal!</a>
</div>
I'll keep on developing and adding new features to this piece of software.
<h2>Gregory Shayko - Developer</h2>
I am a Computer Science and Engineering student at The Ohio State University. Check out <a href="http://www.greg.shaykos.com" target="_blank">my site</a> or one of my social mediums below:
<div class="about_buttons">
<a href="http://www.linkedin.com/pub/gregory-shayko/28/78b/b88" target="_blank" class="zocial icon linkedin" title="View my LinkedIn Profile">LinkedIn</a>
<a href="https://plus.google.com/118088941611474924231" target="_blank" class="zocial icon googleplus" title="View my Google+ Page">Google+</a>
<a href="http://www.facebook.com/OSUGregor" target="_blank" class="zocial icon facebook" title="View my Facebook Profile">Facebook</a>
<a href="https://github.com/osugregor" target="_blank" class="zocial icon github" title="Visit my GitHub Page">GitHub</a>
<a href="https://www.wunderkit.com/#/google-events-widget-antp" target="_blank" class="wunderkit" title="Project Management Site"></a>
<a href="http://greg.shaykos.com/calendar" target="_blank" class="zocial icon cal" title="Open my Google Calendar">Google Calendar</a>
<a href="mailto:[email protected]" class="zocial icon email" title="Send me an email">Rmail</a>
</div>
</section>
<section id="settings" class="selected">
<h1>Settings</h1>
<fieldset>
<legend>Calendar Settings</legend>
<div class="field number">
<input type="number" step="1" min="1" max="1000" id="days_to_show" required />
<label for="days_to_show"><b>Days to Show:</b> the number of days that are visible.</label>
</div>
<div class="field number">
<input type="number" step="1" id="days_offset" required />
<label for="days_offset"><b>Day Offset:</b> What day should we start displaying events (yesterday/today?).</label>
</div>
<div class="field text">
<label for="header_text" class="big"><b>Widget Header:</b></label>
<input type="text" id="header_text" required />
<label for="header_text">The header of the widget.</label>
</div>
</fieldset>
<fieldset>
<legend>Text Formatting</legend>
<p>
Dates are created using moment.js. To customize a date, follow the guide here:
<a href="http://momentjs.com/docs/#/displaying/format/" target="_blank" title="moment.js formatting guide">Moment JS Formatting</a>
</p>
<div class="field date_format">
<label for="date_format_sameDay" class="big"><b>Date Format Same Day:</b></label>
<input type="text" id="date_format_sameDay" required />
<label for="date_format_sameDay"> The format of the Date Text.</label>
</div>
<div class="field date_format">
<label for="date_format_nextDay" class="big"><b>Date Format Next Day:</b></label>
<input type="text" id="date_format_nextDay" required />
<label for="date_format_nextDay"> The format of the Date Text.</label>
</div>
<div class="field date_format">
<label for="date_format_else" class="big"><b>Date Format Else:</b></label>
<input type="text" id="date_format_else" required />
<label for="date_format_else"> The format of the Date Text.</label>
</div>
<div class="field">
<label for="use_24hr_format" class="big"><b>Use 24 Hour Time Format:</b></label>
<select id="use_24hr_format">
<option value="true">Yes</option>
<option value="false">No</option>
</select>
<label for="use_24hr_format"> The format of the Time Text.</label>
</div>
</fieldset>
<h1>Theme Settings</h1>
<div class="field color">
<input type="color" id="bg_color" required />
<label for="bg_color"><b>Background Color</b></label>
</div>
<div class="field color">
<input type="color" id="header_color_1" required />
<label for="header_color_1"><b><= 1 [Header Color] 2 =></b></label>
<input type="color" id="header_color_2" required />
</div>
<div class="field color">
<input type="color" id="date_color" required />
<label for="date_color"><b>Date Color</b></label>
</div>
<div class="field color">
<input type="color" id="event_title_color" required />
<label for="event_title_color"><b>Event Text Color</b></label>
</div>
<div class="field color">
<input type="color" id="event_time_color" required />
<label for="event_time_color"><b>Event Time Color</b></label>
</div>
<div class="field color">
<input type="color" id="event_location_color" required />
<label for="event_location_color"><b>Event Location Color</b></label>
</div>
<fieldset>
<legend>Past Events</legend>
<div class="field">
<select id="show_events_which_ended">
<option value="true">Yes</option>
<option value="false">No</option>
</select>
<label for="show_events_which_ended"><b>Show Past Events:</b> display events that ended before the current time?</label>
</div>
<div class="field">
<input type="number" step=".1" min="0" max="1" id="event_old_fade_amount" required />
<label for="event_old_fade_amount"><b>Ended Opacity</b> for events that ended</label>
</div>
</fieldset>
<div id="buttons">
<input id="reset" type="button" value="Reset">
<input id="antp" type="button" value="Back to ANTP">
</div>
</section>
<section id="updates">
<h1>Updates</h1>
<h2 class="first">Version 2.3.0</h2>
<ul>
<li>Added an offset which allows you to specify the first day that should be displayed. Now you can have it show yesterday.</li>
</ul>
<h2 class="first">Version 2.2.0</h2>
<ul>
<li>Added 24 hour support to the events.</li>
</ul>
<h3>Bug Fixes</h3>
<ul>
<li>Case insensitive name fix. SOme js files where not loading on platforms that where case sensitive.</li>
</ul>
<h2 class="first">Version 2.1.1</h2>
<ul>
<li>Improved the alerts so they are positioned on top as opposed to an overlay.</li>
<li>Removed the fetching message, the refresh button is the only indicator really needed...</li>
</ul>
<h3>Bug Fixes</h3>
<ul>
<li>Major Bug fix with Calendar URL's not being Encoded. A big thanks to Alex on helping me with this issue.</li>
<li>Bug Fix: Refresh button no longer spins an infinite loop.</li>
</ul>
<h2 class="first">Version 2.0.0</h2>
<ul>
<li>Re-write of google calendar atom feeds integration.</li>
<li>Removed the jQuery mobile dependency</li>
<li>Better options page: Can change colors and settings, more options coming soon.</li>
<li>Created a simple antp API for widget communication.</li>
</ul>
<h2 class="first">Version 1.2.2</h2>
<ul>
<li>Fixed a small bug with Updating Calendars not going away.</li>
</ul>
<h2 class="first">Version 1.2.1</h2>
<ul>
<li>Improved the options page layout</li>
<li>Optimized the notifications on the front end</li>
<li>Improved the refresh capabilities</li>
</ul>
<h2>Version 1.2.0</h2>
<ul>
<li>Added the ability to refresh the current events if any exist</li>
</ul>
<h2>Version 1.1.0</h2>
<ul>
<li>Added previous event fading</li>
<li>Included an options page</li>
</ul>
<h3>Bug Fixes</h3>
<ul>
<li>Fixed the inability to scroll events</li>
</ul>
</section>
</body>
</html>