1 | var headerMsgLock = false; |
---|
2 | function write_msg (message){ |
---|
3 | if (headerMsgLock){ |
---|
4 | setTimeout('write_msg("'+message+'");', 300); |
---|
5 | return; |
---|
6 | } |
---|
7 | headerMsgLock = true; |
---|
8 | headerDiv = document.getElementById("divAppboxHeader"); |
---|
9 | var labelBefore = headerDiv.innerHTML; |
---|
10 | headerDiv.innerHTML = '<table width=100% cellspacing="0" cellpadding="0" border="0"><tbody><tr><th width="40%"></th><th noWrap class="action_info_th">'+message+'</th><th width="40%"></th></tr></tbody></table>'; |
---|
11 | setTimeout('headerMsgLock = false; document.getElementById("divAppboxHeader").innerHTML = \"'+labelBefore+'\";', 2000); |
---|
12 | } |
---|
13 | |
---|
14 | // This array stores the events in table to avoid conflict in screen |
---|
15 | var screenTable = new Array(); |
---|
16 | var today = new Date(); |
---|
17 | var weekDay = today.getDay(); |
---|
18 | function createEventDiv(eventDiv){ |
---|
19 | eventDiv.className = "event_div"; |
---|
20 | eventDiv.style.height = parseInt(eventDiv.childNodes[1].id-eventDiv.childNodes[0].id)/120000+"px"; |
---|
21 | var end_ = timeStamp2id(eventDiv.childNodes[1].id).substr(8); |
---|
22 | var start_ = parseInt(timeStamp2id(eventDiv.childNodes[0].id).substr(8),10); |
---|
23 | if (viewType == "Day"){ |
---|
24 | if (!screenTable[weekDay]) |
---|
25 | screenTable[weekDay] = new Array(); |
---|
26 | eventDiv.style.width = "190px"; |
---|
27 | |
---|
28 | currentPos = 1; |
---|
29 | for (var hour = parseInt(start_,10); hour < parseInt(end_,10);(hour%100 == 30)?hour+=70:hour+=30){ |
---|
30 | if (!screenTable[weekDay][hour]) |
---|
31 | screenTable[weekDay][hour] = 0; |
---|
32 | |
---|
33 | if (currentPos <= screenTable[weekDay][hour]) |
---|
34 | currentPos = screenTable[weekDay][hour]+1; |
---|
35 | } |
---|
36 | for (var hour = parseInt(start_,10); hour < parseInt(end_,10);(hour%100 == 30)?hour+=70:hour+=30) |
---|
37 | screenTable[weekDay][hour] = currentPos; |
---|
38 | eventDiv.style.left = 90+(205*(currentPos-1)) + "px" ; |
---|
39 | eventDiv.onmouseover = function(){ createButtons(eventDiv); }; |
---|
40 | eventDiv.onmouseout = function(){ removeButtons(eventDiv); }; |
---|
41 | var resizeDiv = document.createElement('DIV'); |
---|
42 | resizeDiv.id = "resize_" + eventDiv.id; |
---|
43 | resizeDiv.className = 'resize_div'; |
---|
44 | resizeDiv.onmousedown = function() { resizeEvent(eventDiv); }; |
---|
45 | eventDiv.appendChild(resizeDiv); |
---|
46 | } |
---|
47 | if (viewType == "Week"){ |
---|
48 | var tempDate = new Date; |
---|
49 | tempDate.setTime(eventDiv.childNodes[1].id); |
---|
50 | if (!screenTable[tempDate.getDay()]) |
---|
51 | screenTable[tempDate.getDay()] = new Array(); |
---|
52 | currentPos = 1; |
---|
53 | if (!screenTable[tempDate.getDay()][start_]) |
---|
54 | screenTable[tempDate.getDay()][start_] = 0; |
---|
55 | |
---|
56 | if (currentPos <= screenTable[tempDate.getDay()][start_]) |
---|
57 | currentPos = screenTable[tempDate.getDay()][start_]+1; |
---|
58 | screenTable[tempDate.getDay()][start_] = currentPos; |
---|
59 | |
---|
60 | var widthValue = 100; |
---|
61 | eventDiv.style.width = widthValue+"px"; |
---|
62 | |
---|
63 | var headerElement = document.getElementById('weekHeader_'+timeStamp2id(eventDiv.childNodes[1].id).substr(0,8)); |
---|
64 | if (currentPos > 1) |
---|
65 | eventDiv.style.left = (10+(tempDate.getDay()*122)+(widthValue*currentPos))+"px"; |
---|
66 | headerElement.style.width = (widthValue*currentPos)+"px"; |
---|
67 | eventDiv.style.height = "20px"; |
---|
68 | eventDiv.style.cursor = "pointer"; |
---|
69 | eventDiv.onmouseover = function () { this.style.height = "auto"; this.style.zIndex = 2; }; |
---|
70 | eventDiv.onmouseout = function () { this.style.height = "20px"; this.style.zIndex = 1; }; |
---|
71 | eventDiv.onclick = function () { calendar.getView('div_main','Day','&time='+timeStamp2id(eventDiv.childNodes[1].id).substr(0,8)); }; |
---|
72 | } |
---|
73 | |
---|
74 | var tdElement = document.getElementById(timeStamp2id(eventDiv.childNodes[0].id)); |
---|
75 | |
---|
76 | if (viewType == "Month"){ |
---|
77 | var tdElement = document.getElementById(timeStamp2id(eventDiv.childNodes[0].id).substr(0,8)+'0000'); |
---|
78 | eventDiv.style.width = "60px"; |
---|
79 | eventDiv.style.height = "15px"; |
---|
80 | eventDiv.onmouseover = function () { this.style.width = "auto"; this.style.zIndex = 2; }; |
---|
81 | eventDiv.onmouseout = function () { this.style.width = "60px"; this.style.zIndex = 1; }; |
---|
82 | eventDiv.onclick = function () { calendar.getView('div_main','Day','&time='+timeStamp2id(eventDiv.childNodes[1].id).substr(0,8)); }; |
---|
83 | eventDiv.style.cursor = "pointer"; |
---|
84 | |
---|
85 | tdElement.style.height = (tdElement.childNodes.length * 10) + "px"; |
---|
86 | |
---|
87 | if (tdElement.childNodes.length > 3) |
---|
88 | eventDiv.style.margin = "20 0 0 "+(20+(tdElement.childNodes.length-4)*25); |
---|
89 | else |
---|
90 | eventDiv.style.margin = "0 0 0 "+(20+(tdElement.childNodes.length-1)*25); |
---|
91 | } |
---|
92 | |
---|
93 | eventDiv.style.top = (tdElement.offsetTop + 145) + "px"; |
---|
94 | tdElement.appendChild(eventDiv); |
---|
95 | } |
---|
96 | |
---|
97 | function createButtons(eventDiv) { |
---|
98 | var lnk = document.getElementById('remove_'+eventDiv.id); |
---|
99 | var lnk2 = document.getElementById('details_'+eventDiv.id); |
---|
100 | if (!lnk){ |
---|
101 | var removeLink = document.createElement('a'); |
---|
102 | removeLink.id = "remove_" + eventDiv.id; |
---|
103 | removeLink.href = "javascript:removeEvent("+eventDiv.id.substr(6)+");"; |
---|
104 | removeLink.innerHTML = '<img onmouseover="this.setAttribute(\'width\', \'15\');"'+ |
---|
105 | 'onmouseout="this.setAttribute(\'width\', \'10\');"'+ |
---|
106 | ' title="'+get_lang('remove')+'" alt="'+get_lang('remove')+'"'+ |
---|
107 | ' src="templates/default/images/min.png"></img>'; |
---|
108 | removeLink.style.position = "absolute"; |
---|
109 | removeLink.style.top = "0px"; |
---|
110 | removeLink.style.left = "175px"; |
---|
111 | var showDetailLink = document.createElement('a'); |
---|
112 | showDetailLink.id = "details_" + eventDiv.id; |
---|
113 | showDetailLink.href = "javascript:showDetails("+eventDiv.id+");"; |
---|
114 | showDetailLink.innerHTML = '<img onmouseover="this.setAttribute(\'width\', \'15\');"'+ |
---|
115 | 'onmouseout="this.setAttribute(\'width\', \'10\');"'+ |
---|
116 | ' title="'+get_lang('details')+'" alt="'+get_lang('details')+'"'+ |
---|
117 | ' src="templates/default/images/plus.png"></img>'; |
---|
118 | showDetailLink.style.position = "absolute"; |
---|
119 | showDetailLink.style.top = "0px"; |
---|
120 | showDetailLink.style.left = "160px"; |
---|
121 | |
---|
122 | eventDiv.appendChild(showDetailLink); |
---|
123 | eventDiv.appendChild(removeLink); |
---|
124 | } |
---|
125 | else{ |
---|
126 | lnk.style.visibility="visible"; |
---|
127 | lnk2.style.visibility="visible"; |
---|
128 | } |
---|
129 | } |
---|
130 | |
---|
131 | function addDetails(title,description,datetime,edatetime){ |
---|
132 | data="<retorno><title>"+title+"</title><description>"+ |
---|
133 | description+"</description><datetime>"+datetime+ |
---|
134 | "</datetime><edatetime>"+edatetime+"</edatetime></retorno>"; |
---|
135 | |
---|
136 | var divAddDialog = document.getElementById("divAddDialog"); |
---|
137 | var xsl = XMLTools.load('xsl/detailsDialog.xsl?'+ Date.parse(new Date)); |
---|
138 | if(!divAddDialog) { |
---|
139 | divAddDialog = document.createElement("DIV"); |
---|
140 | divAddDialog.id = 'divAddDialog'; |
---|
141 | divAddDialog.style.zIndex = "10"; |
---|
142 | divAddDialog.style.position = "absolute"; |
---|
143 | divAddDialog.style.display = "none"; |
---|
144 | document.body.appendChild(divAddDialog); |
---|
145 | } |
---|
146 | divAddDialog.style.left = "300px"; |
---|
147 | divAddDialog.style.top = "200px"; |
---|
148 | divAddDialog.innerHTML = xtools.parse(data, xsl); |
---|
149 | divAddDialog.style.display = "block"; |
---|
150 | } |
---|
151 | |
---|
152 | function showDetails(eventId){ |
---|
153 | var handler_getDetails = function (data) |
---|
154 | { |
---|
155 | var divAddDialog = document.getElementById("divAddDialog"); |
---|
156 | var xsl = XMLTools.load('xsl/detailsDialog.xsl?'+ Date.parse(new Date)); |
---|
157 | if(!divAddDialog) { |
---|
158 | divAddDialog = document.createElement("DIV"); |
---|
159 | divAddDialog.id = 'divAddDialog'; |
---|
160 | divAddDialog.style.zIndex = "10"; |
---|
161 | divAddDialog.style.position = "absolute"; |
---|
162 | divAddDialog.style.display = "none"; |
---|
163 | document.body.appendChild(divAddDialog); |
---|
164 | } |
---|
165 | divAddDialog.style.left = "300px"; |
---|
166 | divAddDialog.style.top = "200px"; |
---|
167 | divAddDialog.innerHTML = xtools.parse(data, xsl); |
---|
168 | divAddDialog.style.display = "block"; |
---|
169 | var saveBut = document.getElementById("saveLink"); |
---|
170 | saveBut.onclick = function () { saveEvent(eventId); } |
---|
171 | } |
---|
172 | XMLTools.__RETURN_MODE__ = 'XML'; |
---|
173 | XMLTools.request('$this.uicalendar.getDetails&id='+eventId.id.substr(6), 'GET', handler_getDetails); |
---|
174 | } |
---|
175 | function removeButtons(eventDiv){ |
---|
176 | var lnk = document.getElementById('remove_'+eventDiv.id); |
---|
177 | var lnk2 = document.getElementById('details_'+eventDiv.id); |
---|
178 | if (lnk){ |
---|
179 | lnk.style.visibility="hidden"; |
---|
180 | lnk2.style.visibility="hidden"; |
---|
181 | } |
---|
182 | } |
---|
183 | |
---|
184 | function removeEvent (id) { |
---|
185 | var handler_removeEvent = function (data) { |
---|
186 | var xsl = XMLTools.load('xsl/returnData.xsl?'+ Date.parse(new Date)); |
---|
187 | var serverRet = xtools.parse(data, xsl); |
---|
188 | serverRet = serverRet.substr(serverRet.indexOf('>')+1); |
---|
189 | var retStatus = serverRet.substr(0,5); |
---|
190 | if (retStatus == "false") |
---|
191 | write_msg(get_lang("Error") + ": " + serverRet) |
---|
192 | else{ |
---|
193 | var eventDiv = document.getElementById("event_"+id); |
---|
194 | if (viewType == "Day"){ |
---|
195 | init_ = timeStamp2id(eventDiv.childNodes[1].id).substr(8); |
---|
196 | end_ = timeStamp2id(eventDiv.childNodes[2].id).substr(8); |
---|
197 | for (var hour = parseInt(init_,10); hour < parseInt(end_,10);(hour%100 == 30)?hour+=70:hour+=30) |
---|
198 | screenTable[weekDay][hour]--; |
---|
199 | } |
---|
200 | eventDiv.parentNode.removeChild(eventDiv); |
---|
201 | write_msg(get_lang("Event were deleted")); |
---|
202 | } |
---|
203 | } |
---|
204 | XMLTools.request('$this.uicalendar.removeEvent&id='+id, 'GET', handler_removeEvent); |
---|
205 | } |
---|
206 | |
---|
207 | function saveEvent (id, title, description, locat, startTime, endTime){ |
---|
208 | if (id != null){ |
---|
209 | return changeEvent(id,'location',locat); |
---|
210 | } |
---|
211 | |
---|
212 | var endDate = new Date(); |
---|
213 | endDate.setTime(id2timeStamp(endTime)+1800000); |
---|
214 | |
---|
215 | var handler_Add = function (data) { |
---|
216 | var xsl = XMLTools.load('xsl/returnData.xsl?'+ Date.parse(new Date)); |
---|
217 | var serverRet = xtools.parse(data, xsl); |
---|
218 | serverRet = serverRet.substr(serverRet.indexOf('>')+1); |
---|
219 | calendar.dialog('infowindow'); |
---|
220 | var retStatus = serverRet.substr(0,5); |
---|
221 | if (retStatus == "false") |
---|
222 | write_msg(get_lang("Error") + ": " +get_lang(serverRet.substr(6))); |
---|
223 | else{ |
---|
224 | var tdElement = document.getElementById(startTime); |
---|
225 | var eventDiv = document.createElement('DIV'); |
---|
226 | eventDiv.id = "event_" + serverRet.substr(6,serverRet.length); |
---|
227 | var endDateDiv = document.createElement('DIV'); |
---|
228 | var startDateDiv = document.createElement('DIV'); |
---|
229 | endDateDiv.id = endDate.getTime(); |
---|
230 | startDateDiv.id = id2timeStamp(startTime); |
---|
231 | eventDiv.appendChild(startDateDiv); |
---|
232 | eventDiv.appendChild(endDateDiv); |
---|
233 | eventDiv.innerHTML += title+"<br>"+description; |
---|
234 | |
---|
235 | createEventDiv(eventDiv); |
---|
236 | write_msg(get_lang("Event were added successfully!")); |
---|
237 | } |
---|
238 | } |
---|
239 | XMLTools.request('$this.uicalendar.saveEvent&start='+parseInt(id2timeStamp(startTime)/1000)+'&end='+parseInt(endDate.getTime()/1000)+'&title='+title+'&desc='+description+'&location='+locat, 'GET', handler_Add); |
---|
240 | } |
---|
241 | |
---|
242 | function quickAddEvent (title, description, startTime, endTime) |
---|
243 | { |
---|
244 | var endDate = new Date(); |
---|
245 | endDate.setTime(id2timeStamp(endTime)+1800000); |
---|
246 | |
---|
247 | var handler_quickAdd = function (data) { |
---|
248 | var xsl = XMLTools.load('xsl/returnData.xsl?'+ Date.parse(new Date)); |
---|
249 | var serverRet = xtools.parse(data, xsl); |
---|
250 | serverRet = serverRet.substr(serverRet.indexOf('>')+1); |
---|
251 | calendar.dialog('infowindow'); |
---|
252 | var retStatus = serverRet.substr(0,5); |
---|
253 | if (retStatus == "false") |
---|
254 | write_msg(get_lang("Error") + ": " +get_lang(serverRet.substr(6))); |
---|
255 | else{ |
---|
256 | var tdElement = document.getElementById(startTime); |
---|
257 | var eventDiv = document.createElement('DIV'); |
---|
258 | eventDiv.id = "event_" + serverRet.substr(6,serverRet.length); |
---|
259 | var endDateDiv = document.createElement('DIV'); |
---|
260 | var startDateDiv = document.createElement('DIV'); |
---|
261 | endDateDiv.id = endDate.getTime(); |
---|
262 | startDateDiv.id = id2timeStamp(startTime); |
---|
263 | eventDiv.appendChild(startDateDiv); |
---|
264 | eventDiv.appendChild(endDateDiv); |
---|
265 | eventDiv.innerHTML += title+"<br>"+description; |
---|
266 | |
---|
267 | createEventDiv(eventDiv); |
---|
268 | write_msg(get_lang("Event were added successfully!")); |
---|
269 | } |
---|
270 | |
---|
271 | } |
---|
272 | XMLTools.request('$this.uicalendar.quickAdd&start='+parseInt(id2timeStamp(startTime)/1000)+'&end='+parseInt(endDate.getTime()/1000)+'&title='+title+'&desc='+description, 'GET', handler_quickAdd); |
---|
273 | } |
---|
274 | |
---|
275 | function changeEvent(objEvent,field,value){ |
---|
276 | init_ = timeStamp2id(objEvent.childNodes[0].id).substr(8); |
---|
277 | end_ = timeStamp2id(objEvent.childNodes[1].id).substr(8); |
---|
278 | |
---|
279 | var handler_changeEvent = function (data){ |
---|
280 | var xsl = XMLTools.load('xsl/returnData.xsl?'+ Date.parse(new Date)); |
---|
281 | var serverRet = xtools.parse(data, xsl); |
---|
282 | serverRet = serverRet.substr(serverRet.indexOf('>')+1); |
---|
283 | var retStatus = serverRet.substr(1,5); |
---|
284 | if (retStatus == "false") |
---|
285 | write_msg(get_lang("Error") + ": " + serverRet) |
---|
286 | else |
---|
287 | switch (field) { |
---|
288 | case 'edatetime': |
---|
289 | for (var hour = parseInt(init_,10); hour < parseInt(end_,10);(hour%100 == 30)?hour+=70:hour+=30) |
---|
290 | screenTable[weekDay][hour]--; |
---|
291 | |
---|
292 | objEvent.childNodes[1].id = value*1000; |
---|
293 | var resizeIcon = document.getElementById("resize_"+objEvent.id); |
---|
294 | resizeIcon.parentNode.removeChild(resizeIcon); |
---|
295 | |
---|
296 | createEventDiv(objEvent); |
---|
297 | break; |
---|
298 | default: |
---|
299 | alert('not implemented'); |
---|
300 | } |
---|
301 | } |
---|
302 | XMLTools.request('$this.uicalendar.changeEvent&cal_id='+objEvent.id.substr(6)+'&field='+field+'&value='+value, 'GET', handler_changeEvent); |
---|
303 | } |
---|
304 | |
---|
305 | // Convert Unix Time Stamp to Div Id used in calendar |
---|
306 | function timeStamp2id(timeStamp){ |
---|
307 | var tmpDate = new Date(); |
---|
308 | tmpDate.setTime(timeStamp); |
---|
309 | return (tmpDate.getYear()+(is_ie?0:1900))+""+ |
---|
310 | (tmpDate.getDate()<10?"0"+tmpDate.getDate():tmpDate.getDate())+ |
---|
311 | (tmpDate.getMonth()<9?"0"+(tmpDate.getMonth()+1):(tmpDate.getMonth()+1))+ |
---|
312 | (tmpDate.getHours()<10?"0"+tmpDate.getHours():tmpDate.getHours())+ |
---|
313 | (tmpDate.getMinutes()<10?"0"+tmpDate.getMinutes():tmpDate.getMinutes()); |
---|
314 | } |
---|
315 | |
---|
316 | // Convert the opposite of function above |
---|
317 | function id2timeStamp(id){ |
---|
318 | objDate = new Date(); |
---|
319 | objDate.setYear(id.substr(0,4)); |
---|
320 | objDate.setMonth(id.substr(6,2)-1); |
---|
321 | objDate.setDate(id.substr(4,2)); |
---|
322 | objDate.setHours(id.substr(8,2)); |
---|
323 | objDate.setMinutes(id.substr(10,2)); |
---|
324 | return objDate.getTime(); |
---|
325 | } |
---|
326 | |
---|
327 | |
---|
328 | function get_lang(_key,_arg1,_arg2,_arg3,_arg4){ |
---|
329 | if (_key.length == 0) |
---|
330 | return ''; |
---|
331 | if(!array_lang[0]){ |
---|
332 | return _key+"*"; |
---|
333 | } |
---|
334 | _value = ""; |
---|
335 | for(i = 0; i < array_lang[0].length;i++){ |
---|
336 | if(array_lang[0][i] == _key.toLowerCase()) { |
---|
337 | _value = array_lang[1][i]; |
---|
338 | break; |
---|
339 | } |
---|
340 | } |
---|
341 | |
---|
342 | if(!_value) |
---|
343 | return _key+"*"; |
---|
344 | |
---|
345 | if(_arg1 || _arg2 ||_arg3 || _arg4) { |
---|
346 | for(j = 1; j <= 4; j++){ |
---|
347 | if(eval("_arg"+j)) { |
---|
348 | var regExp = new RegExp("%"+j+""); |
---|
349 | _value = _value.replace(regExp,eval("_arg"+j)); |
---|
350 | } |
---|
351 | } |
---|
352 | } |
---|
353 | return _value; |
---|
354 | } |
---|
355 | |
---|
356 | function resizeEvent (eventDiv) { |
---|
357 | _dragArea.pressed = 1; |
---|
358 | _dragArea.initEvent = eventDiv.parentNode.id; |
---|
359 | _dragArea.resizing = 1; |
---|
360 | _dragArea.currentEvent = eventDiv; |
---|
361 | } |
---|
362 | |
---|
363 | refreshLang(); |
---|