[420] | 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"; |
---|
[464] | 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); |
---|
[420] | 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; |
---|
[464] | 49 | tempDate.setTime(eventDiv.childNodes[1].id); |
---|
[420] | 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 | |
---|
[464] | 63 | var headerElement = document.getElementById('weekHeader_'+timeStamp2id(eventDiv.childNodes[1].id).substr(0,8)); |
---|
[420] | 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"; |
---|
[464] | 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)); }; |
---|
[420] | 72 | } |
---|
[437] | 73 | |
---|
[464] | 74 | var tdElement = document.getElementById(timeStamp2id(eventDiv.childNodes[0].id)); |
---|
[420] | 75 | |
---|
| 76 | if (viewType == "Month"){ |
---|
[464] | 77 | var tdElement = document.getElementById(timeStamp2id(eventDiv.childNodes[0].id).substr(0,8)+'0000'); |
---|
[437] | 78 | eventDiv.style.width = "60px"; |
---|
| 79 | eventDiv.style.height = "15px"; |
---|
[464] | 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)); }; |
---|
[437] | 83 | eventDiv.style.cursor = "pointer"; |
---|
| 84 | |
---|
| 85 | tdElement.style.height = (tdElement.childNodes.length * 10) + "px"; |
---|
| 86 | |
---|
| 87 | if (tdElement.childNodes.length > 3) |
---|
[464] | 88 | eventDiv.style.margin = "20 0 0 "+(20+(tdElement.childNodes.length-4)*25); |
---|
[437] | 89 | else |
---|
| 90 | eventDiv.style.margin = "0 0 0 "+(20+(tdElement.childNodes.length-1)*25); |
---|
[420] | 91 | } |
---|
| 92 | |
---|
[437] | 93 | eventDiv.style.top = (tdElement.offsetTop + 145) + "px"; |
---|
[420] | 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; |
---|
[457] | 113 | showDetailLink.href = "javascript:showDetails("+eventDiv.id+");"; |
---|
[420] | 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 | } |
---|
[464] | 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 | |
---|
[457] | 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"; |
---|
[492] | 169 | var saveBut = document.getElementById("saveLink"); |
---|
| 170 | saveBut.onclick = function () { saveEvent(eventId); } |
---|
[457] | 171 | } |
---|
| 172 | XMLTools.__RETURN_MODE__ = 'XML'; |
---|
| 173 | XMLTools.request('$this.uicalendar.getDetails&id='+eventId.id.substr(6), 'GET', handler_getDetails); |
---|
| 174 | } |
---|
[420] | 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) { |
---|
[437] | 186 | var xsl = XMLTools.load('xsl/returnData.xsl?'+ Date.parse(new Date)); |
---|
[464] | 187 | var serverRet = xtools.parse(data, xsl); |
---|
[437] | 188 | serverRet = serverRet.substr(serverRet.indexOf('>')+1); |
---|
| 189 | var retStatus = serverRet.substr(0,5); |
---|
[420] | 190 | if (retStatus == "false") |
---|
[437] | 191 | write_msg(get_lang("Error") + ": " + serverRet) |
---|
[420] | 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 | |
---|
[492] | 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 | |
---|
[464] | 242 | function quickAddEvent (title, description, startTime, endTime) |
---|
[420] | 243 | { |
---|
| 244 | var endDate = new Date(); |
---|
| 245 | endDate.setTime(id2timeStamp(endTime)+1800000); |
---|
| 246 | |
---|
| 247 | var handler_quickAdd = function (data) { |
---|
[437] | 248 | var xsl = XMLTools.load('xsl/returnData.xsl?'+ Date.parse(new Date)); |
---|
[464] | 249 | var serverRet = xtools.parse(data, xsl); |
---|
[437] | 250 | serverRet = serverRet.substr(serverRet.indexOf('>')+1); |
---|
[420] | 251 | calendar.dialog('infowindow'); |
---|
[437] | 252 | var retStatus = serverRet.substr(0,5); |
---|
[420] | 253 | if (retStatus == "false") |
---|
[437] | 254 | write_msg(get_lang("Error") + ": " +get_lang(serverRet.substr(6))); |
---|
[420] | 255 | else{ |
---|
| 256 | var tdElement = document.getElementById(startTime); |
---|
| 257 | var eventDiv = document.createElement('DIV'); |
---|
[437] | 258 | eventDiv.id = "event_" + serverRet.substr(6,serverRet.length); |
---|
[420] | 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); |
---|
[465] | 265 | eventDiv.innerHTML += title+"<br>"+description; |
---|
[420] | 266 | |
---|
| 267 | createEventDiv(eventDiv); |
---|
| 268 | write_msg(get_lang("Event were added successfully!")); |
---|
| 269 | } |
---|
| 270 | |
---|
| 271 | } |
---|
[464] | 272 | XMLTools.request('$this.uicalendar.quickAdd&start='+parseInt(id2timeStamp(startTime)/1000)+'&end='+parseInt(endDate.getTime()/1000)+'&title='+title+'&desc='+description, 'GET', handler_quickAdd); |
---|
[420] | 273 | } |
---|
| 274 | |
---|
| 275 | function changeEvent(objEvent,field,value){ |
---|
[464] | 276 | init_ = timeStamp2id(objEvent.childNodes[0].id).substr(8); |
---|
| 277 | end_ = timeStamp2id(objEvent.childNodes[1].id).substr(8); |
---|
[420] | 278 | |
---|
| 279 | var handler_changeEvent = function (data){ |
---|
[437] | 280 | var xsl = XMLTools.load('xsl/returnData.xsl?'+ Date.parse(new Date)); |
---|
[464] | 281 | var serverRet = xtools.parse(data, xsl); |
---|
[437] | 282 | serverRet = serverRet.substr(serverRet.indexOf('>')+1); |
---|
| 283 | var retStatus = serverRet.substr(1,5); |
---|
[420] | 284 | if (retStatus == "false") |
---|
[437] | 285 | write_msg(get_lang("Error") + ": " + serverRet) |
---|
[420] | 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 | |
---|
[464] | 292 | objEvent.childNodes[1].id = value*1000; |
---|
[420] | 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); |
---|
[437] | 309 | return (tmpDate.getYear()+(is_ie?0:1900))+""+ |
---|
[420] | 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(); |
---|