1 | /**********************************************************************
|
---|
2 | * Calendar JavaScript [DOM] v3.11 by Michael Loesler *
|
---|
3 | ************************************************************************
|
---|
4 | * Copyright (C) 2005-09 by Michael Loesler, http//derletztekick.com *
|
---|
5 | * *
|
---|
6 | * *
|
---|
7 | * This program is free software; you can redistribute it and/or modify *
|
---|
8 | * it under the terms of the GNU General Public License as published by *
|
---|
9 | * the Free Software Foundation; either version 3 of the License, or *
|
---|
10 | * (at your option) any later version. *
|
---|
11 | * *
|
---|
12 | * This program is distributed in the hope that it will be useful, *
|
---|
13 | * but WITHOUT ANY WARRANTY; without even the implied warranty of *
|
---|
14 | * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the *
|
---|
15 | * GNU General Public License for more details. *
|
---|
16 | * *
|
---|
17 | * You should have received a copy of the GNU General Public License *
|
---|
18 | * along with this program; if not, see <http://www.gnu.org/licenses/> *
|
---|
19 | * or write to the *
|
---|
20 | * Free Software Foundation, Inc., *
|
---|
21 | * 59 Temple Place - Suite 330, Boston, MA 02111-1307, USA. *
|
---|
22 | * *
|
---|
23 | **********************************************************************/
|
---|
24 | /*
|
---|
25 | function logout()
|
---|
26 | {
|
---|
27 | var xmlHttp = new XMLHttpRequest();
|
---|
28 | xmlHttp.open('POST', "calendar.php?logout=1", true);
|
---|
29 | xmlHttp.onload = function ()
|
---|
30 | {
|
---|
31 | if (xmlHttp.status!=200)
|
---|
32 | {
|
---|
33 | alert("ERROR - HTTP request: "+xmlHttp.statusText+" ["+xmlHttp.status+"]");
|
---|
34 | return;
|
---|
35 | }
|
---|
36 |
|
---|
37 | alert("Logout successful!");
|
---|
38 | };
|
---|
39 |
|
---|
40 | xmlHttp.send();
|
---|
41 | }
|
---|
42 | */
|
---|
43 | function resize()
|
---|
44 | {
|
---|
45 | var table = document.getElementById("table");
|
---|
46 |
|
---|
47 | var W = window.innerWidth;
|
---|
48 | var H = window.innerHeight;
|
---|
49 |
|
---|
50 | table.style.width =W+"px";
|
---|
51 | table.style.height=H+"px";
|
---|
52 | }
|
---|
53 |
|
---|
54 | var institutes= ["Shift", "Debug", "EPFL", "ETHZ", "ISDC", "UNIDO", "UNIGE", "UNIWUE" ];
|
---|
55 |
|
---|
56 | function CalendarJS()
|
---|
57 | {
|
---|
58 | this.now = new Date();
|
---|
59 | this.dayname = ["Mo","Tu","We","Th","Fr","Sa","So"];
|
---|
60 | this.monthname = ["January","February","March","April","May","June","July","August","September","October","November","December"];
|
---|
61 | this.tooltip = ["previous month","next month","current date","last year","next year"];
|
---|
62 | this.monthCell = document.createElement("th");
|
---|
63 | this.tableHead = null;
|
---|
64 | this.tableFoot = null;
|
---|
65 | this.parEl = null;
|
---|
66 |
|
---|
67 | this.init = function( id, initDate )
|
---|
68 | {
|
---|
69 | this.now = initDate ? initDate : new Date();
|
---|
70 | this.date = this.now.getDate();
|
---|
71 | this.month = this.mm = this.now.getMonth();
|
---|
72 | this.year = this.yy = this.now.getFullYear();
|
---|
73 | this.monthCell.appendChild(document.createTextNode( this.monthname[this.mm]+"\u00a0"+this.yy ));
|
---|
74 |
|
---|
75 | this.tableHead = this.createTableHead();
|
---|
76 | this.tableFoot = this.createTableFoot();
|
---|
77 |
|
---|
78 | this.parEl = document.getElementById( id );
|
---|
79 | this.show();
|
---|
80 |
|
---|
81 | if (!initDate)
|
---|
82 | this.checkDate();
|
---|
83 | };
|
---|
84 |
|
---|
85 | this.checkDate = function()
|
---|
86 | {
|
---|
87 | var self = this;
|
---|
88 | var today = new Date();
|
---|
89 |
|
---|
90 | if (this.date != today.getDate())
|
---|
91 | {
|
---|
92 | this.tableHead = this.createTableHead();
|
---|
93 | this.tableFoot = this.createTableFoot();
|
---|
94 |
|
---|
95 | this.date = today.getDate();
|
---|
96 | if (this.mm == this.month && this.yy == this.year)
|
---|
97 | this.switchMonth("current");
|
---|
98 |
|
---|
99 | this.month = today.getMonth();
|
---|
100 | if (this.mm == this.month && this.yy == this.year)
|
---|
101 | this.switchMonth("current");
|
---|
102 |
|
---|
103 | this.year = today.getFullYear();
|
---|
104 | if (this.mm == this.month && this.yy == this.year)
|
---|
105 | this.switchMonth("current");
|
---|
106 | }
|
---|
107 | window.setTimeout(function() { self.checkDate(); }, Math.abs(new Date(this.year, this.month, this.date, 24, 0, 0)-this.now));
|
---|
108 | },
|
---|
109 |
|
---|
110 | this.removeElements = function( Obj )
|
---|
111 | {
|
---|
112 | while( Obj.childNodes.length > 0)
|
---|
113 | Obj.removeChild(Obj.lastChild);
|
---|
114 |
|
---|
115 | return Obj;
|
---|
116 | };
|
---|
117 |
|
---|
118 | this.show = function()
|
---|
119 | {
|
---|
120 | this.parEl = this.removeElements( this.parEl );
|
---|
121 | this.monthCell.firstChild.replaceData(0, this.monthCell.firstChild.nodeValue.length, this.monthname[this.mm]+"\u00a0"+this.yy);
|
---|
122 |
|
---|
123 | var table = document.createElement("table");
|
---|
124 | table.id = "table";
|
---|
125 |
|
---|
126 | this.parEl.appendChild( table );
|
---|
127 |
|
---|
128 | table.appendChild( this.tableHead );
|
---|
129 | table.appendChild( this.tableFoot );
|
---|
130 |
|
---|
131 | table.appendChild( this.createTableBody(window.innerHeight-table.offsetHeight) );
|
---|
132 |
|
---|
133 | resize();
|
---|
134 | };
|
---|
135 |
|
---|
136 | this.createTableFoot = function()
|
---|
137 | {
|
---|
138 | var tfoot = document.createElement("tfoot");
|
---|
139 |
|
---|
140 | var tr = document.createElement("tr");
|
---|
141 | var td = document.createElement("td");
|
---|
142 | td.height = "1%";
|
---|
143 | td.colSpan = 7;
|
---|
144 | td.style.padding="3px 3px";
|
---|
145 | tfoot.appendChild(tr);
|
---|
146 | tr.appendChild(td);
|
---|
147 | var table = document.createElement("table");
|
---|
148 | table.width="100%";
|
---|
149 | td.appendChild(table);
|
---|
150 | tr = document.createElement("tr");
|
---|
151 | table.appendChild(tr);
|
---|
152 | for (var i=0; i<institutes.length; i++)
|
---|
153 | {
|
---|
154 | td = document.createElement("td");
|
---|
155 | td.width=100/institutes.length+"%";
|
---|
156 | td.setAttribute("style", "text-align:center;font-size:1em;border:solid #112A5D 2px;padding:3px 3px;");
|
---|
157 | td.changeUser = this.changeUser;
|
---|
158 | td.onclick = function(e) { this.changeUser(); }
|
---|
159 | td.appendChild(document.createTextNode(institutes[i]));
|
---|
160 | tr.appendChild(td);
|
---|
161 |
|
---|
162 | if (i==0)
|
---|
163 | td.style.backgroundColor = "yellow";
|
---|
164 | }
|
---|
165 | document.getElementById("body").setAttribute("data-user", institutes[0]);
|
---|
166 |
|
---|
167 |
|
---|
168 | tr = document.createElement("tr");
|
---|
169 | td = document.createElement("td");
|
---|
170 | td.colSpan = 7;
|
---|
171 | td.style.paddingLeft = "0px";
|
---|
172 | td.style.paddingTop = "0px";
|
---|
173 | td.height = "1%";
|
---|
174 | var form = document.createElement("form");
|
---|
175 | var input = document.createElement("textarea");
|
---|
176 | input.overflow = "auto";
|
---|
177 | input.wrap = "virtual";
|
---|
178 | input.id = "comment";
|
---|
179 | input.value = "enter comment here";
|
---|
180 | input.style.color = "#888";
|
---|
181 | input.style.width = "100%";
|
---|
182 | input.rows = 5;
|
---|
183 | input.title = "Enter a comment. Click somewhere in the calender to store the comment.";
|
---|
184 | input.onchange = function() { pushComment(); };
|
---|
185 | input.onfocus = function() { if (input.value=="enter comment here" && input.style.color!="black") input.value=""; input.style.color="black"; };
|
---|
186 | input.onblur = function() { input.style.color="#888"; if (input.value=="") input.value="enter comment here"; };
|
---|
187 | form.appendChild(input);
|
---|
188 | td.appendChild( form );
|
---|
189 | tr.appendChild( td );
|
---|
190 | tfoot.appendChild(tr);
|
---|
191 |
|
---|
192 | tr = document.createElement("tr");
|
---|
193 |
|
---|
194 | var td = document.createElement("td");
|
---|
195 | td.height="1%";
|
---|
196 | td.colSpan=7;
|
---|
197 | tr.appendChild(td);
|
---|
198 |
|
---|
199 | var tab = document.createElement("table");
|
---|
200 | var tr2 = document.createElement("tr");
|
---|
201 | tab.width="100%";
|
---|
202 | tab.cellSpacing=0;
|
---|
203 | tab.cellPadding=0;
|
---|
204 | tab.style.borderWidth = 0;
|
---|
205 | tab.style.fontSize = "1.5em";
|
---|
206 | tab.style.marginBottom = "2px";
|
---|
207 | td.appendChild(tab);
|
---|
208 | tab.appendChild(tr2);
|
---|
209 |
|
---|
210 | var tm = this.getCell( "td", this.timeTrigger(), "clock" );
|
---|
211 | tm.style.whiteSpace="nowrap";
|
---|
212 | tm.style.paddingLeft = "0px";
|
---|
213 | tm.style.width="33%";
|
---|
214 | tr2.appendChild( tm );
|
---|
215 |
|
---|
216 | var self = this;
|
---|
217 | window.setInterval(function() { tm.firstChild.nodeValue = self.timeTrigger(); }, 500);
|
---|
218 |
|
---|
219 | var td = document.createElement("td");
|
---|
220 | td.style.width="33%";
|
---|
221 | td.style.textAlign="center";
|
---|
222 | var a = document.createElement("a");
|
---|
223 | a.href = "overview.png";
|
---|
224 | a.style.whiteSpace="nowrap";
|
---|
225 | a.appendChild(document.createTextNode("click here for help"));
|
---|
226 | td.appendChild(a);
|
---|
227 | tr2.appendChild( td );
|
---|
228 |
|
---|
229 | td = this.getCell( "td", "logout", "logout");
|
---|
230 | td.style.width="33%";
|
---|
231 | td.onclick = function(e) { logout(); }
|
---|
232 | td.style.paddingRight = "0px";
|
---|
233 | tr2.appendChild( td );
|
---|
234 |
|
---|
235 | tfoot.appendChild( tr );
|
---|
236 |
|
---|
237 | return tfoot;
|
---|
238 | }
|
---|
239 |
|
---|
240 | this.createTableHead = function()
|
---|
241 | {
|
---|
242 | var thead = document.createElement("thead");
|
---|
243 | thead.style.height="1%";
|
---|
244 | var tr = document.createElement("tr");
|
---|
245 | var th = this.getCell( "th", "\u00AB", "prev_month" );
|
---|
246 |
|
---|
247 | th.rowSpan = 2;
|
---|
248 | th.Instanz = this;
|
---|
249 | th.onclick = function() { this.Instanz.switchMonth("prev"); };
|
---|
250 | th.title = this.tooltip[0];
|
---|
251 |
|
---|
252 | try { th.style.cursor = "pointer"; } catch(e){ th.style.cursor = "hand"; }
|
---|
253 | tr.appendChild( th );
|
---|
254 |
|
---|
255 | this.monthCell.Instanz = this;
|
---|
256 | this.monthCell.rowSpan = 2;
|
---|
257 | this.monthCell.colSpan = 4;
|
---|
258 | this.monthCell.onclick = function() { this.Instanz.switchMonth("current"); };
|
---|
259 | this.monthCell.title = this.tooltip[2];
|
---|
260 |
|
---|
261 | try { this.monthCell.style.cursor = "pointer"; } catch(e){ this.monthCell.style.cursor = "hand"; }
|
---|
262 | tr.appendChild( this.monthCell );
|
---|
263 |
|
---|
264 | th = this.getCell( "th", "\u00BB", "next_month" );
|
---|
265 | th.rowSpan = 2;
|
---|
266 | th.Instanz = this;
|
---|
267 | th.onclick = function() { this.Instanz.switchMonth("next"); };
|
---|
268 | th.title = this.tooltip[1];
|
---|
269 |
|
---|
270 | try { th.style.cursor = "pointer"; } catch(e){ th.style.cursor = "hand"; }
|
---|
271 | tr.appendChild( th );
|
---|
272 |
|
---|
273 | th = this.getCell( "th", "\u02c4", "prev_year" );
|
---|
274 | th.Instanz = this;
|
---|
275 | th.onclick = function() { this.Instanz.switchMonth("prev_year"); };
|
---|
276 | th.title = this.tooltip[3];
|
---|
277 |
|
---|
278 | try { th.style.cursor = "pointer"; } catch(e){ th.style.cursor = "hand"; }
|
---|
279 | tr.appendChild( th );
|
---|
280 |
|
---|
281 | thead.appendChild( tr );
|
---|
282 |
|
---|
283 | tr = document.createElement("tr");
|
---|
284 | th = this.getCell( "th", "\u02c5", "next_year" );
|
---|
285 | th.Instanz = this;
|
---|
286 | th.onclick = function() { this.Instanz.switchMonth("next_year"); };
|
---|
287 | th.title = this.tooltip[4];
|
---|
288 |
|
---|
289 | try { th.style.cursor = "pointer"; } catch(e){ th.style.cursor = "hand"; }
|
---|
290 | tr.appendChild( th );
|
---|
291 |
|
---|
292 | thead.appendChild( tr );
|
---|
293 |
|
---|
294 | tr = document.createElement('tr');
|
---|
295 | for (var i=0; i<this.dayname.length; i++)
|
---|
296 | {
|
---|
297 | var th = this.getCell("th", this.dayname[i], "weekday" );
|
---|
298 | th.width=100/7+"%";
|
---|
299 | tr.appendChild( th );
|
---|
300 | }
|
---|
301 |
|
---|
302 | thead.appendChild( tr );
|
---|
303 |
|
---|
304 | return thead;
|
---|
305 | },
|
---|
306 |
|
---|
307 | this.createTableBody = function(height)
|
---|
308 | {
|
---|
309 | var dayspermonth = [31,28,31,30,31,30,31,31,30,31,30,31];
|
---|
310 | var sevendaysaweek = 0;
|
---|
311 | var begin = new Date(this.yy, this.mm, 1);
|
---|
312 | var firstday = begin.getDay()-1;
|
---|
313 | if (firstday < 0)
|
---|
314 | firstday = 6;
|
---|
315 | if ((this.yy%4==0) && ((this.yy%100!=0) || (this.yy%400==0)))
|
---|
316 | dayspermonth[1] = 29;
|
---|
317 |
|
---|
318 | var tbody = document.createElement("tbody");
|
---|
319 | var tr = document.createElement('tr');
|
---|
320 |
|
---|
321 | tbody.height="100%";
|
---|
322 |
|
---|
323 | var height="";//"20%";//100/8+"%";
|
---|
324 |
|
---|
325 | if (firstday == 0)
|
---|
326 | {
|
---|
327 | for (var i=0; i<this.dayname.length; i++)
|
---|
328 | {
|
---|
329 | var prevMonth = (this.mm == 0)?11:this.mm-1;
|
---|
330 | var td = this.getCell( "td", dayspermonth[prevMonth]-6+i, "last_month" );
|
---|
331 | td.style.height=height;
|
---|
332 | tr.appendChild( td );
|
---|
333 | }
|
---|
334 | tbody.appendChild( tr );
|
---|
335 | tr = document.createElement('tr');
|
---|
336 | }
|
---|
337 |
|
---|
338 | for (var i=0; i<firstday; i++, sevendaysaweek++)
|
---|
339 | {
|
---|
340 | var prevMonth = (this.mm == 0)?11:this.mm-1;
|
---|
341 | var td = this.getCell( "td", dayspermonth[prevMonth]-firstday+i+1, "last_month" );
|
---|
342 | td.style.height=height;
|
---|
343 | tr.appendChild( td );
|
---|
344 | }
|
---|
345 |
|
---|
346 | for (var i=1; i<=dayspermonth[this.mm]; i++, sevendaysaweek++)
|
---|
347 | {
|
---|
348 | if (this.dayname.length == sevendaysaweek)
|
---|
349 | {
|
---|
350 | tbody.appendChild( tr );
|
---|
351 | tr = document.createElement('tr');
|
---|
352 | sevendaysaweek = 0;
|
---|
353 | }
|
---|
354 |
|
---|
355 | var td = null;
|
---|
356 | if (i==this.date && this.mm==this.month && this.yy==this.year && (sevendaysaweek == 5 || sevendaysaweek == 6))
|
---|
357 | td = this.getCell( "td", i, "today weekend" );
|
---|
358 | else
|
---|
359 | if (i==this.date && this.mm==this.month && this.yy==this.year)
|
---|
360 | td = this.getCell( "td", i, "today" );
|
---|
361 | else
|
---|
362 | if (sevendaysaweek == 5 || sevendaysaweek == 6)
|
---|
363 | td = this.getCell( "td", i, "weekend" );
|
---|
364 | else
|
---|
365 | td = this.getCell( "td", i, null);
|
---|
366 |
|
---|
367 | td.setDate = this.setDate;
|
---|
368 | td.chooseDate = this.chooseDate;
|
---|
369 | td.dd = i;
|
---|
370 | td.mm = this.mm;
|
---|
371 | td.yy = this.yy;
|
---|
372 | td.id = this.mm+"-"+i;
|
---|
373 | td.title = "Click to select this date.";
|
---|
374 |
|
---|
375 | td.style.height=height;
|
---|
376 |
|
---|
377 | td.onclick = function(e) {
|
---|
378 | this.chooseDate();
|
---|
379 | };
|
---|
380 |
|
---|
381 | var tab = document.createElement("table");
|
---|
382 | tab.width="100%";
|
---|
383 | tab.style.border = 0;
|
---|
384 | tab.style.padding = 0;
|
---|
385 | tab.style.margin = 0;
|
---|
386 | tab.style.fontSize = "1.5em";
|
---|
387 | tab.style.backgroundColor = "transparent";
|
---|
388 | var tr0 = document.createElement("tr");
|
---|
389 | var td0 = document.createElement("td");
|
---|
390 | var td1 = document.createElement("td");
|
---|
391 | td0.style.textAlign = "left";
|
---|
392 | td1.style.textAlign = "right";
|
---|
393 | td1.style.textWeight= "normal";
|
---|
394 | td0.style.color = "lightgray";
|
---|
395 | td0.style.border=0;
|
---|
396 | td1.style.border=0;
|
---|
397 | td0.style.padding=0;
|
---|
398 | td1.style.padding=0;
|
---|
399 | tab.appendChild(tr0);
|
---|
400 | tr0.appendChild(td0);
|
---|
401 | tr0.appendChild(td1);
|
---|
402 | //td0.appendChild(document.createTextNode(txt));
|
---|
403 |
|
---|
404 | td1.appendChild(td.firstChild);
|
---|
405 | td.appendChild(tab);
|
---|
406 |
|
---|
407 | var IP = this.getMoonPhase(this.yy, this.mm, i);
|
---|
408 | var str = this.getMoonPhaseStr(IP);
|
---|
409 | var phase = 100-Math.abs(IP-0.5)*200;
|
---|
410 | var txt = parseInt(phase+0.5,10)+"%";
|
---|
411 | if (phase>50)
|
---|
412 | td0.style.color = "gray";
|
---|
413 | if (phase<3.4)
|
---|
414 | {
|
---|
415 | txt = "o";
|
---|
416 | td0.style.textWeight = "bolder";
|
---|
417 | td0.style.fontSize = "0.7em";
|
---|
418 | td0.style.color = "darkgreen";
|
---|
419 | }
|
---|
420 | if (phase>96.6)
|
---|
421 | {
|
---|
422 | txt = "•";
|
---|
423 | td0.style.textWeight = "bolder";
|
---|
424 | td0.style.fontSize = "0.8em";
|
---|
425 | td0.style.color = "darkred";
|
---|
426 | }
|
---|
427 | tab.title = str;
|
---|
428 | td0.innerHTML = txt;
|
---|
429 |
|
---|
430 | var sp = document.createElement("span");
|
---|
431 | sp.appendChild(document.createTextNode("*"));
|
---|
432 | sp.style.color="darkred";
|
---|
433 | sp.style.display="none";
|
---|
434 | td1.appendChild(sp);
|
---|
435 |
|
---|
436 |
|
---|
437 | tr.appendChild( td );
|
---|
438 | }
|
---|
439 |
|
---|
440 | var daysNextMonth = 1;
|
---|
441 | for (var i=sevendaysaweek; i<this.dayname.length; i++)
|
---|
442 | tr.appendChild( this.getCell( "td", daysNextMonth++, "next_month" ) );
|
---|
443 |
|
---|
444 | tbody.appendChild( tr );
|
---|
445 |
|
---|
446 | while (tbody.getElementsByTagName("tr").length<6) {
|
---|
447 | tr = document.createElement('tr');
|
---|
448 | for (var i=0; i<this.dayname.length; i++)
|
---|
449 | {
|
---|
450 | var td = this.getCell( "td", daysNextMonth++, "next_month" );
|
---|
451 | td.style.height=height;
|
---|
452 | tr.appendChild( td );
|
---|
453 | }
|
---|
454 | tbody.appendChild( tr );
|
---|
455 | }
|
---|
456 |
|
---|
457 | requestAll(this.yy, this.mm);
|
---|
458 | requestAllComments(this.yy, this.mm);
|
---|
459 | if (this.year==this.yy && this.month==this.mm)
|
---|
460 | requestComment(this.year, this.month, this.date);
|
---|
461 | else
|
---|
462 | {
|
---|
463 | var c = document.getElementById("comment");
|
---|
464 | c.color="#888";
|
---|
465 | c.value="enter comment here";
|
---|
466 | }
|
---|
467 |
|
---|
468 | return tbody;
|
---|
469 | };
|
---|
470 |
|
---|
471 | this.getCalendarWeek = function(j,m,t)
|
---|
472 | {
|
---|
473 | var cwDate = this.now;
|
---|
474 | if (!t)
|
---|
475 | {
|
---|
476 | j = cwDate.getFullYear();
|
---|
477 | m = cwDate.getMonth();
|
---|
478 | t = cwDate.getDate();
|
---|
479 | }
|
---|
480 | cwDate = new Date(j,m,t);
|
---|
481 |
|
---|
482 | var doDat = new Date(cwDate.getTime() + (3-((cwDate.getDay()+6) % 7)) * 86400000);
|
---|
483 | cwYear = doDat.getFullYear();
|
---|
484 |
|
---|
485 | var doCW = new Date(new Date(cwYear,0,4).getTime() + (3-((new Date(cwYear,0,4).getDay()+6) % 7)) * 86400000);
|
---|
486 | cw = Math.floor(1.5+(doDat.getTime()-doCW.getTime())/86400000/7);
|
---|
487 | return cw;
|
---|
488 | };
|
---|
489 |
|
---|
490 | function request(td)
|
---|
491 | {
|
---|
492 | var user = document.getElementById("body").getAttribute("data-user");
|
---|
493 | var uri = "calendar.php?toggle&y="+td.yy+"&m="+td.mm+"&d="+td.dd;
|
---|
494 |
|
---|
495 | if (user!="Shift" && user!="Debug")
|
---|
496 | uri += "&u="+user;
|
---|
497 |
|
---|
498 | uri += "&x="+(user=="Debug"?1:0);
|
---|
499 |
|
---|
500 | var xmlHttp = new XMLHttpRequest();
|
---|
501 | xmlHttp.open('POST', uri, true);
|
---|
502 | xmlHttp.onload = function ()
|
---|
503 | {
|
---|
504 | if (xmlHttp.status!=200)
|
---|
505 | {
|
---|
506 | alert("ERROR - HTTP request: "+xmlHttp.statusText+" ["+xmlHttp.status+"]");
|
---|
507 | return;
|
---|
508 | }
|
---|
509 |
|
---|
510 | var lines = xmlHttp.responseText.split('\n');
|
---|
511 | if (lines.length==0)
|
---|
512 | return;
|
---|
513 |
|
---|
514 | while (td.childNodes.length>1)
|
---|
515 | td.removeChild(td.lastChild);
|
---|
516 |
|
---|
517 | for (var i=0; i<lines.length; i++)
|
---|
518 | {
|
---|
519 | var x = lines[i].split('\t');
|
---|
520 | if (x.length!=3)
|
---|
521 | continue;
|
---|
522 |
|
---|
523 | var div = document.createElement("div");
|
---|
524 | div.style.fontWeight="normal";
|
---|
525 | div.appendChild(document.createTextNode(x[2]=="1"?'('+x[1]+')':x[1]));
|
---|
526 | td.appendChild(div);
|
---|
527 |
|
---|
528 | for (var j=0; j<institutes.length; j++)
|
---|
529 | if (x[1]==institutes[j])
|
---|
530 | {
|
---|
531 | div.className += " institute";
|
---|
532 | break;
|
---|
533 | }
|
---|
534 | }
|
---|
535 |
|
---|
536 | if (td.childNodes.length>1)
|
---|
537 | td.className += " enabled";
|
---|
538 | else
|
---|
539 | td.className = td.className.replace(/enabled/g, "");
|
---|
540 | };
|
---|
541 |
|
---|
542 | xmlHttp.send();
|
---|
543 | }
|
---|
544 |
|
---|
545 | function logout()
|
---|
546 | {
|
---|
547 | var xmlHttp = new XMLHttpRequest();
|
---|
548 | xmlHttp.open('POST', "calendar.php?logout", true);
|
---|
549 | xmlHttp.onload = function ()
|
---|
550 | {
|
---|
551 | if (xmlHttp.status!=401)
|
---|
552 | {
|
---|
553 | alert("ERROR - HTTP request: "+xmlHttp.statusText+" ["+xmlHttp.status+"]");
|
---|
554 | return;
|
---|
555 | }
|
---|
556 |
|
---|
557 | alert(xmlHttp.statusText);
|
---|
558 | };
|
---|
559 |
|
---|
560 | xmlHttp.send();
|
---|
561 | }
|
---|
562 |
|
---|
563 | function pushComment()
|
---|
564 | {
|
---|
565 | var c = document.getElementById("comment");
|
---|
566 |
|
---|
567 | var y = c.getAttribute("data-y");
|
---|
568 | var m = c.getAttribute("data-m");
|
---|
569 | var d = c.getAttribute("data-d");
|
---|
570 | var v = c.value;
|
---|
571 |
|
---|
572 | var uri = "calendar.php?y="+y+"&m="+m+"&d="+d+"&c="+encodeURIComponent(v);
|
---|
573 |
|
---|
574 | var xmlHttp = new XMLHttpRequest();
|
---|
575 | xmlHttp.open('POST', uri, true);
|
---|
576 | xmlHttp.onload = function()
|
---|
577 | {
|
---|
578 | if (xmlHttp.status!=200)
|
---|
579 | {
|
---|
580 | alert("ERROR - HTTP request: "+xmlHttp.statusText+" ["+xmlHttp.status+"]");
|
---|
581 | return;
|
---|
582 | }
|
---|
583 |
|
---|
584 | alert("Comment inserted successfully.");
|
---|
585 |
|
---|
586 | var td = document.getElementById(m+"-"+d);
|
---|
587 | var sp = td.firstChild.firstChild.lastChild.lastChild;
|
---|
588 | if (v=="")
|
---|
589 | {
|
---|
590 | sp.style.display="none";
|
---|
591 | td.title="Click to select this date.";
|
---|
592 | }
|
---|
593 | else
|
---|
594 | {
|
---|
595 | sp.style.display="";
|
---|
596 | td.title=v;
|
---|
597 | }
|
---|
598 |
|
---|
599 | };
|
---|
600 |
|
---|
601 | xmlHttp.send();
|
---|
602 | }
|
---|
603 |
|
---|
604 | function requestComment(yy, mm, dd)
|
---|
605 | {
|
---|
606 | var c = document.getElementById("comment");
|
---|
607 |
|
---|
608 | var y = c.getAttribute("data-y");
|
---|
609 | var m = c.getAttribute("data-m");
|
---|
610 | var d = c.getAttribute("data-d");
|
---|
611 |
|
---|
612 | if (y==yy && m==mm && d==dd)
|
---|
613 | return;
|
---|
614 |
|
---|
615 | var uri = "calendar.php?comment&y="+yy+"&m="+mm+"&d="+dd;
|
---|
616 | var xmlHttp = new XMLHttpRequest();
|
---|
617 | xmlHttp.open('POST', uri, true);
|
---|
618 | xmlHttp.onload = function ()
|
---|
619 | {
|
---|
620 | if (xmlHttp.status!=200)
|
---|
621 | {
|
---|
622 | alert("ERROR - HTTP request: "+xmlHttp.statusText+" ["+xmlHttp.status+"]");
|
---|
623 | return;
|
---|
624 | }
|
---|
625 |
|
---|
626 | var td = document.getElementById(mm+"-"+dd);
|
---|
627 | var sp = td.firstChild.firstChild.lastChild.lastChild;
|
---|
628 |
|
---|
629 | if (sp!=undefined)
|
---|
630 | {
|
---|
631 | c.color="#888";
|
---|
632 | if (xmlHttp.responseText=="")
|
---|
633 | {
|
---|
634 | c.value="enter comment here";
|
---|
635 | sp.style.display="none";
|
---|
636 | td.title="";
|
---|
637 | }
|
---|
638 | else
|
---|
639 | {
|
---|
640 | c.value = xmlHttp.responseText;
|
---|
641 | sp.style.display="";
|
---|
642 | td.title=xmlHttp.responseText;
|
---|
643 | }
|
---|
644 | }
|
---|
645 |
|
---|
646 | c.setAttribute("data-y", yy);
|
---|
647 | c.setAttribute("data-m", mm);
|
---|
648 | c.setAttribute("data-d", dd);
|
---|
649 | };
|
---|
650 |
|
---|
651 | xmlHttp.send();
|
---|
652 | }
|
---|
653 |
|
---|
654 | var xmlReqAll = null;
|
---|
655 | function requestAll(yy, mm)
|
---|
656 | {
|
---|
657 | if (xmlReqAll)
|
---|
658 | xmlReqAll.abort();
|
---|
659 |
|
---|
660 | var uri = "calendar.php?y="+yy+"&m="+mm;
|
---|
661 |
|
---|
662 | xmlReqAll = new XMLHttpRequest();
|
---|
663 | xmlReqAll.open('POST', uri, true);
|
---|
664 | xmlReqAll.onload = function ()
|
---|
665 | {
|
---|
666 | if (xmlReqAll.status!=200)
|
---|
667 | {
|
---|
668 | alert("ERROR - HTTP request: "+xmlReqAll.statusText+" ["+xmlReqAll.status+"]");
|
---|
669 | return;
|
---|
670 | }
|
---|
671 |
|
---|
672 | var lines = xmlReqAll.responseText.split('\n');
|
---|
673 | if (lines.length==0)
|
---|
674 | return;
|
---|
675 |
|
---|
676 | for (var i=0; i<lines.length; i++)
|
---|
677 | {
|
---|
678 | var x = lines[i].split('\t');
|
---|
679 | if (x.length!=3)
|
---|
680 | continue;
|
---|
681 |
|
---|
682 | var td = document.getElementById(mm+"-"+x[0]);
|
---|
683 |
|
---|
684 | var div = document.createElement("div");
|
---|
685 | div.style.fontWeight="normal";
|
---|
686 | div.appendChild(document.createTextNode(x[2]=="1"?'('+x[1]+')':x[1]));
|
---|
687 | td.appendChild(div);
|
---|
688 |
|
---|
689 | for (var j=0; j<institutes.length; j++)
|
---|
690 | if (x[1]==institutes[j])
|
---|
691 | {
|
---|
692 | div.className += " institute";
|
---|
693 | break;
|
---|
694 | }
|
---|
695 |
|
---|
696 | td.className += " enabled";
|
---|
697 | }
|
---|
698 | };
|
---|
699 |
|
---|
700 | xmlReqAll.send();
|
---|
701 | }
|
---|
702 |
|
---|
703 | var xmlReqCom = null;
|
---|
704 | function requestAllComments(yy, mm)
|
---|
705 | {
|
---|
706 | if (xmlReqCom)
|
---|
707 | xmlReqCom.abort();
|
---|
708 |
|
---|
709 | var uri = "calendar.php?comment&y="+yy+"&m="+mm;
|
---|
710 | xmlReqCom = new XMLHttpRequest();
|
---|
711 | xmlReqCom.open('POST', uri, true);
|
---|
712 | xmlReqCom.onload = function ()
|
---|
713 | {
|
---|
714 | if (xmlReqCom.status!=200)
|
---|
715 | {
|
---|
716 | alert("ERROR - HTTP request: "+xmlReqCom.statusText+" ["+xmlReqCom.status+"]");
|
---|
717 | return;
|
---|
718 | }
|
---|
719 |
|
---|
720 | if (xmlReqCom.responseText<4)
|
---|
721 | return;
|
---|
722 |
|
---|
723 | var pos = 6;
|
---|
724 |
|
---|
725 | while (pos<xmlReqCom.responseText.length)
|
---|
726 | {
|
---|
727 | var len = parseInt(xmlReqCom.responseText.substr(pos-6, 4), 10);
|
---|
728 | var dd = parseInt(xmlReqCom.responseText.substr(pos-2, 2), 10);
|
---|
729 | var com = xmlReqCom.responseText.substr(pos, len);
|
---|
730 | pos += len+6;
|
---|
731 |
|
---|
732 | if (com!="")
|
---|
733 | {
|
---|
734 | var td = document.getElementById(mm+"-"+dd);
|
---|
735 | var sp = td.firstChild.firstChild.lastChild.lastChild;
|
---|
736 | sp.style.display="";
|
---|
737 | td.title=com;
|
---|
738 | }
|
---|
739 | }
|
---|
740 | };
|
---|
741 |
|
---|
742 | xmlReqCom.send();
|
---|
743 | }
|
---|
744 |
|
---|
745 | this.setDate = function()
|
---|
746 | {
|
---|
747 | request(this);
|
---|
748 | };
|
---|
749 |
|
---|
750 | this.changeUser = function()
|
---|
751 | {
|
---|
752 | var sib = this.nextSibling;
|
---|
753 | while (sib)
|
---|
754 | {
|
---|
755 | sib.style.backgroundColor = "";
|
---|
756 | sib = sib.nextSibling;
|
---|
757 | }
|
---|
758 |
|
---|
759 | sib = this.previousSibling;
|
---|
760 | while (sib)
|
---|
761 | {
|
---|
762 | sib.style.backgroundColor = "";
|
---|
763 | sib = sib.previousSibling;
|
---|
764 | }
|
---|
765 |
|
---|
766 | this.style.backgroundColor = "yellow";
|
---|
767 |
|
---|
768 | document.getElementById("body").setAttribute("data-user", this.firstChild.textContent);
|
---|
769 | };
|
---|
770 |
|
---|
771 | this.chooseDate = function()
|
---|
772 | {
|
---|
773 | while (document.getElementsByClassName("choosen")[0])
|
---|
774 | {
|
---|
775 | var e = document.getElementsByClassName("choosen")[0];
|
---|
776 | e.title = "Click to select this date.";
|
---|
777 | e.className = e.className.replace(/choosen/g, "");
|
---|
778 | e.onclick = function() {
|
---|
779 | this.chooseDate();
|
---|
780 | };
|
---|
781 | }
|
---|
782 |
|
---|
783 | this.className += " choosen";
|
---|
784 | this.title = "Click again to add or remove your name.";
|
---|
785 |
|
---|
786 | requestComment(this.yy, this.mm, this.dd);
|
---|
787 |
|
---|
788 | this.onclick = function() {
|
---|
789 | this.setDate();
|
---|
790 | };
|
---|
791 | };
|
---|
792 |
|
---|
793 | this.timeTrigger = function()
|
---|
794 | {
|
---|
795 | var now = new Date();
|
---|
796 | var ss = (now.getSeconds()<10)?"0"+now.getSeconds():now.getSeconds();
|
---|
797 | var mm = (now.getMinutes()<10)?"0"+now.getMinutes():now.getMinutes();
|
---|
798 | var hh = (now.getHours() <10)?"0"+now.getHours() :now.getHours();
|
---|
799 |
|
---|
800 | var kw = "KW" + this.getCalendarWeek(this.year, this.month, this.date);
|
---|
801 | var str = hh+":"+mm+":"+ss+"\u00a0["+kw+"]";
|
---|
802 | return str;
|
---|
803 | };
|
---|
804 |
|
---|
805 | this.getCell = function(tag, str, cssClass)
|
---|
806 | {
|
---|
807 | var El = document.createElement( tag );
|
---|
808 | El.appendChild(document.createTextNode( str ));
|
---|
809 | if (cssClass != null)
|
---|
810 | El.className = cssClass;
|
---|
811 | return El;
|
---|
812 | },
|
---|
813 |
|
---|
814 | this.switchMonth = function( s )
|
---|
815 | {
|
---|
816 | switch (s)
|
---|
817 | {
|
---|
818 | case "prev":
|
---|
819 | this.yy = (this.mm == 0) ? this.yy-1 : this.yy;
|
---|
820 | this.mm = (this.mm == 0) ? 11 : this.mm-1;
|
---|
821 | break;
|
---|
822 |
|
---|
823 | case "next":
|
---|
824 | this.yy = (this.mm == 11) ? this.yy+1 : this.yy;
|
---|
825 | this.mm = (this.mm == 11) ? 0 : this.mm+1;
|
---|
826 | break;
|
---|
827 |
|
---|
828 | case "prev_year":
|
---|
829 | this.yy = this.yy-1;
|
---|
830 | break;
|
---|
831 |
|
---|
832 | case "next_year":
|
---|
833 | this.yy = this.yy+1;
|
---|
834 | break;
|
---|
835 |
|
---|
836 | case "current":
|
---|
837 | this.yy = this.year;
|
---|
838 | this.mm = this.month;
|
---|
839 | break;
|
---|
840 | }
|
---|
841 | this.show();
|
---|
842 | }
|
---|
843 |
|
---|
844 | this.getMoonPhase = function(Y, M, D)
|
---|
845 | {
|
---|
846 | // M=0..11 --> 1..12
|
---|
847 | M += 1;
|
---|
848 |
|
---|
849 | // calculate the Julian date at 12h UT
|
---|
850 | var YY = Y - Math.floor( ( 12 - M ) / 10 );
|
---|
851 | var MM = ( M + 9 ) % 12;
|
---|
852 |
|
---|
853 | var K1 = Math.floor( 365.25 * ( YY + 4712 ) );
|
---|
854 | var K2 = Math.floor( 30.6 * MM + 0.5 );
|
---|
855 | var K3 = Math.floor( Math.floor( ( YY / 100 ) + 49 ) * 0.75 ) - 38;
|
---|
856 |
|
---|
857 | var JD = K1 + K2 + D + 59; // for dates in Julian calendar
|
---|
858 | if ( JD > 2299160 ) // for Gregorian calendar
|
---|
859 | JD = JD - K3;
|
---|
860 |
|
---|
861 | // calculate moon's age in days
|
---|
862 | var IP = ( ( JD - 2451550.1 ) / 29.530588853 ) % 1;
|
---|
863 |
|
---|
864 | return IP;
|
---|
865 |
|
---|
866 | // Moon's age
|
---|
867 | //var AG = IP*29.53;
|
---|
868 | }
|
---|
869 |
|
---|
870 | this.getMoonPhaseStr = function(IP)
|
---|
871 | {
|
---|
872 | var phase = " ("+(100-Math.abs(IP-0.5)*200).toPrecision(2)+"%)";
|
---|
873 |
|
---|
874 | if (IP*16 < 1) return "New moon" + phase;
|
---|
875 | if (IP*16 < 3) return "Evening crescent" + phase;
|
---|
876 | if (IP*16 < 5) return "First quarter" + phase;
|
---|
877 | if (IP*16 < 7) return "Waxing gibbous" + phase;
|
---|
878 | if (IP*16 < 9) return "Full moon" + phase;
|
---|
879 | if (IP*16 <11) return "Waning gibbous" + phase;
|
---|
880 | if (IP*16 <13) return "Last quarter" + phase;
|
---|
881 | if (IP*16 <15) return "Morning crescent" + phase;
|
---|
882 |
|
---|
883 | return "New moon"+phase;
|
---|
884 | }
|
---|
885 | }
|
---|
886 |
|
---|
887 | var DOMContentLoaded = false;
|
---|
888 | function addContentLoadListener (func)
|
---|
889 | {
|
---|
890 | if (document.addEventListener)
|
---|
891 | {
|
---|
892 | var DOMContentLoadFunction = function ()
|
---|
893 | {
|
---|
894 | window.DOMContentLoaded = true;
|
---|
895 | func();
|
---|
896 | };
|
---|
897 |
|
---|
898 | document.addEventListener("DOMContentLoaded", DOMContentLoadFunction, false);
|
---|
899 | }
|
---|
900 |
|
---|
901 | var oldfunc = (window.onload || new Function());
|
---|
902 |
|
---|
903 | window.onload = function ()
|
---|
904 | {
|
---|
905 | if (!window.DOMContentLoaded)
|
---|
906 | {
|
---|
907 | oldfunc();
|
---|
908 | func();
|
---|
909 | }
|
---|
910 | };
|
---|
911 | }
|
---|
912 |
|
---|
913 | addContentLoadListener( function() {
|
---|
914 | new CalendarJS().init("calendar");
|
---|
915 | //new CalendarJS().init("calendar", new Date(2009, 1, 15));
|
---|
916 | } ); |
---|