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[2].id-eventDiv.childNodes[1].id)/120000+"px"; |
---|
21 | var end_ = timeStamp2id(eventDiv.childNodes[2].id).substr(8); |
---|
22 | var start_ = parseInt(timeStamp2id(eventDiv.childNodes[1].id).substr(8),10); |
---|
23 | |
---|
24 | if (viewType == "Day"){ |
---|
25 | if (!screenTable[weekDay]) |
---|
26 | screenTable[weekDay] = new Array(); |
---|
27 | eventDiv.style.width = "190px"; |
---|
28 | |
---|
29 | currentPos = 1; |
---|
30 | for (var hour = parseInt(start_,10); hour < parseInt(end_,10);(hour%100 == 30)?hour+=70:hour+=30){ |
---|
31 | if (!screenTable[weekDay][hour]) |
---|
32 | screenTable[weekDay][hour] = 0; |
---|
33 | |
---|
34 | if (currentPos <= screenTable[weekDay][hour]) |
---|
35 | currentPos = screenTable[weekDay][hour]+1; |
---|
36 | } |
---|
37 | for (var hour = parseInt(start_,10); hour < parseInt(end_,10);(hour%100 == 30)?hour+=70:hour+=30) |
---|
38 | screenTable[weekDay][hour] = currentPos; |
---|
39 | eventDiv.style.left = 90+(205*(currentPos-1)) + "px" ; |
---|
40 | eventDiv.onmouseover = function(){ createButtons(eventDiv); }; |
---|
41 | eventDiv.onmouseout = function(){ removeButtons(eventDiv); }; |
---|
42 | var resizeDiv = document.createElement('DIV'); |
---|
43 | resizeDiv.id = "resize_" + eventDiv.id; |
---|
44 | resizeDiv.className = 'resize_div'; |
---|
45 | resizeDiv.style.right = ((parseInt(eventDiv.style.width)-10)*-1)+"px"; |
---|
46 | resizeDiv.style.bottom = ((parseInt(eventDiv.style.height)-24)*-1)+"px"; |
---|
47 | resizeDiv.onmousedown = function() { resizeEvent(eventDiv); }; |
---|
48 | eventDiv.appendChild(resizeDiv); |
---|
49 | } |
---|
50 | if (viewType == "Week"){ |
---|
51 | var tempDate = new Date; |
---|
52 | tempDate.setTime(eventDiv.childNodes[2].id); |
---|
53 | if (!screenTable[tempDate.getDay()]) |
---|
54 | screenTable[tempDate.getDay()] = new Array(); |
---|
55 | currentPos = 1; |
---|
56 | if (!screenTable[tempDate.getDay()][start_]) |
---|
57 | screenTable[tempDate.getDay()][start_] = 0; |
---|
58 | |
---|
59 | if (currentPos <= screenTable[tempDate.getDay()][start_]) |
---|
60 | currentPos = screenTable[tempDate.getDay()][start_]+1; |
---|
61 | screenTable[tempDate.getDay()][start_] = currentPos; |
---|
62 | |
---|
63 | var widthValue = 100; |
---|
64 | eventDiv.style.width = widthValue+"px"; |
---|
65 | |
---|
66 | var headerElement = document.getElementById('weekHeader_'+timeStamp2id(eventDiv.childNodes[2].id).substr(0,8)); |
---|
67 | if (currentPos > 1) |
---|
68 | eventDiv.style.left = (10+(tempDate.getDay()*122)+(widthValue*currentPos))+"px"; |
---|
69 | headerElement.style.width = (widthValue*currentPos)+"px"; |
---|
70 | eventDiv.style.height = "20px"; |
---|
71 | eventDiv.style.cursor = "pointer"; |
---|
72 | eventDiv.onmouseover = function () { this.style.height = (parseInt(this.style.height)+40)+"px"; this.style.zIndex = 2; }; |
---|
73 | eventDiv.onmouseout = function () { this.style.height = (parseInt(this.style.height)-40)+"px"; this.style.zIndex = 1; }; |
---|
74 | eventDiv.onclick = function () { calendar.getView('div_main','Day','&time='+timeStamp2id(eventDiv.childNodes[2].id).substr(0,8)); }; |
---|
75 | } |
---|
76 | |
---|
77 | var tdElement = document.getElementById(timeStamp2id(eventDiv.childNodes[1].id)); |
---|
78 | |
---|
79 | if (viewType == "Month"){ |
---|
80 | var tdElement = document.getElementById(timeStamp2id(eventDiv.childNodes[1].id).substr(0,8)+'0000'); |
---|
81 | eventDiv.style.width = "60px"; |
---|
82 | eventDiv.style.height = "15px"; |
---|
83 | eventDiv.onclick = function () { calendar.getView('div_main','Day','&time='+timeStamp2id(eventDiv.childNodes[2].id).substr(0,8)); }; |
---|
84 | eventDiv.style.cursor = "pointer"; |
---|
85 | |
---|
86 | tdElement.style.height = (tdElement.childNodes.length * 10) + "px"; |
---|
87 | |
---|
88 | if (tdElement.childNodes.length > 3) |
---|
89 | eventDiv.style.margin = "20 0 0 "+(20+(tdElement.childNodes.length-4)*25); |
---|
90 | else |
---|
91 | eventDiv.style.margin = "0 0 0 "+(20+(tdElement.childNodes.length-1)*25); |
---|
92 | } |
---|
93 | |
---|
94 | eventDiv.style.top = (tdElement.offsetTop + 145) + "px"; |
---|
95 | tdElement.appendChild(eventDiv); |
---|
96 | } |
---|
97 | |
---|
98 | function createButtons(eventDiv) { |
---|
99 | var lnk = document.getElementById('remove_'+eventDiv.id); |
---|
100 | var lnk2 = document.getElementById('details_'+eventDiv.id); |
---|
101 | if (!lnk){ |
---|
102 | var removeLink = document.createElement('a'); |
---|
103 | removeLink.id = "remove_" + eventDiv.id; |
---|
104 | removeLink.href = "javascript:removeEvent("+eventDiv.id.substr(6)+");"; |
---|
105 | removeLink.innerHTML = '<img onmouseover="this.setAttribute(\'width\', \'15\');"'+ |
---|
106 | 'onmouseout="this.setAttribute(\'width\', \'10\');"'+ |
---|
107 | ' title="'+get_lang('remove')+'" alt="'+get_lang('remove')+'"'+ |
---|
108 | ' src="templates/default/images/min.png"></img>'; |
---|
109 | removeLink.style.position = "absolute"; |
---|
110 | removeLink.style.top = "0px"; |
---|
111 | removeLink.style.left = "175px"; |
---|
112 | var showDetailLink = document.createElement('a'); |
---|
113 | showDetailLink.id = "details_" + eventDiv.id; |
---|
114 | showDetailLink.href = "javascript:alert('show details');"; |
---|
115 | showDetailLink.innerHTML = '<img onmouseover="this.setAttribute(\'width\', \'15\');"'+ |
---|
116 | 'onmouseout="this.setAttribute(\'width\', \'10\');"'+ |
---|
117 | ' title="'+get_lang('details')+'" alt="'+get_lang('details')+'"'+ |
---|
118 | ' src="templates/default/images/plus.png"></img>'; |
---|
119 | showDetailLink.style.position = "absolute"; |
---|
120 | showDetailLink.style.top = "0px"; |
---|
121 | showDetailLink.style.left = "160px"; |
---|
122 | |
---|
123 | eventDiv.appendChild(showDetailLink); |
---|
124 | eventDiv.appendChild(removeLink); |
---|
125 | } |
---|
126 | else{ |
---|
127 | lnk.style.visibility="visible"; |
---|
128 | lnk2.style.visibility="visible"; |
---|
129 | } |
---|
130 | } |
---|
131 | function removeButtons(eventDiv){ |
---|
132 | var lnk = document.getElementById('remove_'+eventDiv.id); |
---|
133 | var lnk2 = document.getElementById('details_'+eventDiv.id); |
---|
134 | if (lnk){ |
---|
135 | lnk.style.visibility="hidden"; |
---|
136 | lnk2.style.visibility="hidden"; |
---|
137 | } |
---|
138 | } |
---|
139 | |
---|
140 | function removeEvent (id) { |
---|
141 | var handler_removeEvent = function (data) { |
---|
142 | var xsl = XMLTools.load('xsl/returnData.xsl?'+ Date.parse(new Date)); |
---|
143 | var serverRet = XMLTools.transform(data, xsl); |
---|
144 | serverRet = serverRet.substr(serverRet.indexOf('>')+1); |
---|
145 | var retStatus = serverRet.substr(0,5); |
---|
146 | if (retStatus == "false") |
---|
147 | write_msg(get_lang("Error") + ": " + serverRet) |
---|
148 | else{ |
---|
149 | var eventDiv = document.getElementById("event_"+id); |
---|
150 | if (viewType == "Day"){ |
---|
151 | init_ = timeStamp2id(eventDiv.childNodes[1].id).substr(8); |
---|
152 | end_ = timeStamp2id(eventDiv.childNodes[2].id).substr(8); |
---|
153 | for (var hour = parseInt(init_,10); hour < parseInt(end_,10);(hour%100 == 30)?hour+=70:hour+=30) |
---|
154 | screenTable[weekDay][hour]--; |
---|
155 | } |
---|
156 | eventDiv.parentNode.removeChild(eventDiv); |
---|
157 | write_msg(get_lang("Event were deleted")); |
---|
158 | } |
---|
159 | } |
---|
160 | XMLTools.request('$this.uicalendar.removeEvent&id='+id, 'GET', handler_removeEvent); |
---|
161 | } |
---|
162 | |
---|
163 | function quickAddEvent (description, startTime, endTime) |
---|
164 | { |
---|
165 | var endDate = new Date(); |
---|
166 | endDate.setTime(id2timeStamp(endTime)+1800000); |
---|
167 | |
---|
168 | var handler_quickAdd = function (data) { |
---|
169 | var xsl = XMLTools.load('xsl/returnData.xsl?'+ Date.parse(new Date)); |
---|
170 | var serverRet = XMLTools.transform(data, xsl); |
---|
171 | serverRet = serverRet.substr(serverRet.indexOf('>')+1); |
---|
172 | calendar.dialog('infowindow'); |
---|
173 | var retStatus = serverRet.substr(0,5); |
---|
174 | if (retStatus == "false") |
---|
175 | write_msg(get_lang("Error") + ": " +get_lang(serverRet.substr(6))); |
---|
176 | else{ |
---|
177 | var tdElement = document.getElementById(startTime); |
---|
178 | var eventDiv = document.createElement('DIV'); |
---|
179 | eventDiv.id = "event_" + serverRet.substr(6,serverRet.length); |
---|
180 | eventDiv.innerHTML = description; |
---|
181 | var endDateDiv = document.createElement('DIV'); |
---|
182 | var startDateDiv = document.createElement('DIV'); |
---|
183 | endDateDiv.id = endDate.getTime(); |
---|
184 | startDateDiv.id = id2timeStamp(startTime); |
---|
185 | eventDiv.appendChild(startDateDiv); |
---|
186 | eventDiv.appendChild(endDateDiv); |
---|
187 | |
---|
188 | createEventDiv(eventDiv); |
---|
189 | write_msg(get_lang("Event were added successfully!")); |
---|
190 | } |
---|
191 | |
---|
192 | } |
---|
193 | XMLTools.request('$this.uicalendar.quickAdd&start='+parseInt(id2timeStamp(startTime)/1000)+'&end='+parseInt(endDate.getTime()/1000)+'&desc='+description, 'GET', handler_quickAdd); |
---|
194 | } |
---|
195 | |
---|
196 | function changeEvent(objEvent,field,value){ |
---|
197 | init_ = timeStamp2id(objEvent.childNodes[1].id).substr(8); |
---|
198 | end_ = timeStamp2id(objEvent.childNodes[2].id).substr(8); |
---|
199 | |
---|
200 | var handler_changeEvent = function (data){ |
---|
201 | var xsl = XMLTools.load('xsl/returnData.xsl?'+ Date.parse(new Date)); |
---|
202 | var serverRet = XMLTools.transform(data, xsl); |
---|
203 | serverRet = serverRet.substr(serverRet.indexOf('>')+1); |
---|
204 | var retStatus = serverRet.substr(1,5); |
---|
205 | if (retStatus == "false") |
---|
206 | write_msg(get_lang("Error") + ": " + serverRet) |
---|
207 | else |
---|
208 | switch (field) { |
---|
209 | case 'edatetime': |
---|
210 | for (var hour = parseInt(init_,10); hour < parseInt(end_,10);(hour%100 == 30)?hour+=70:hour+=30) |
---|
211 | screenTable[weekDay][hour]--; |
---|
212 | |
---|
213 | objEvent.childNodes[2].id = value*1000; |
---|
214 | var resizeIcon = document.getElementById("resize_"+objEvent.id); |
---|
215 | resizeIcon.parentNode.removeChild(resizeIcon); |
---|
216 | |
---|
217 | createEventDiv(objEvent); |
---|
218 | break; |
---|
219 | default: |
---|
220 | alert('not implemented'); |
---|
221 | } |
---|
222 | } |
---|
223 | XMLTools.request('$this.uicalendar.changeEvent&cal_id='+objEvent.id.substr(6)+'&field='+field+'&value='+value, 'GET', handler_changeEvent); |
---|
224 | } |
---|
225 | |
---|
226 | // Convert Unix Time Stamp to Div Id used in calendar |
---|
227 | function timeStamp2id(timeStamp){ |
---|
228 | var tmpDate = new Date(); |
---|
229 | tmpDate.setTime(timeStamp); |
---|
230 | return (tmpDate.getYear()+(is_ie?0:1900))+""+ |
---|
231 | (tmpDate.getDate()<10?"0"+tmpDate.getDate():tmpDate.getDate())+ |
---|
232 | (tmpDate.getMonth()<9?"0"+(tmpDate.getMonth()+1):(tmpDate.getMonth()+1))+ |
---|
233 | (tmpDate.getHours()<10?"0"+tmpDate.getHours():tmpDate.getHours())+ |
---|
234 | (tmpDate.getMinutes()<10?"0"+tmpDate.getMinutes():tmpDate.getMinutes()); |
---|
235 | } |
---|
236 | |
---|
237 | // Convert the opposite of function above |
---|
238 | function id2timeStamp(id){ |
---|
239 | objDate = new Date(); |
---|
240 | objDate.setYear(id.substr(0,4)); |
---|
241 | objDate.setMonth(id.substr(6,2)-1); |
---|
242 | objDate.setDate(id.substr(4,2)); |
---|
243 | objDate.setHours(id.substr(8,2)); |
---|
244 | objDate.setMinutes(id.substr(10,2)); |
---|
245 | return objDate.getTime(); |
---|
246 | } |
---|
247 | |
---|
248 | |
---|
249 | function get_lang(_key,_arg1,_arg2,_arg3,_arg4){ |
---|
250 | if (_key.length == 0) |
---|
251 | return ''; |
---|
252 | if(!array_lang[0]){ |
---|
253 | return _key+"*"; |
---|
254 | } |
---|
255 | _value = ""; |
---|
256 | for(i = 0; i < array_lang[0].length;i++){ |
---|
257 | if(array_lang[0][i] == _key.toLowerCase()) { |
---|
258 | _value = array_lang[1][i]; |
---|
259 | break; |
---|
260 | } |
---|
261 | } |
---|
262 | |
---|
263 | if(!_value) |
---|
264 | return _key+"*"; |
---|
265 | |
---|
266 | if(_arg1 || _arg2 ||_arg3 || _arg4) { |
---|
267 | for(j = 1; j <= 4; j++){ |
---|
268 | if(eval("_arg"+j)) { |
---|
269 | var regExp = new RegExp("%"+j+""); |
---|
270 | _value = _value.replace(regExp,eval("_arg"+j)); |
---|
271 | } |
---|
272 | } |
---|
273 | } |
---|
274 | return _value; |
---|
275 | } |
---|
276 | |
---|
277 | function resizeEvent (eventDiv) { |
---|
278 | _dragArea.pressed = 1; |
---|
279 | _dragArea.initEvent = eventDiv.parentNode.id; |
---|
280 | _dragArea.resizing = 1; |
---|
281 | _dragArea.currentEvent = eventDiv; |
---|
282 | } |
---|
283 | |
---|
284 | refreshLang(); |
---|