err.no Git - scalable-opengroupware.org/blob - UI/WebServerResources/UIxTaskEditor.js

   1 var contactSelectorAction = 'calendars-contacts';
   2
   3 function uixEarlierDate(date1, date2) {
   4   // can this be done in a sane way?
   5   //   cuicui = 'year';
   6   if (date1 && date2) {
   7     if (date1.getYear()  < date2.getYear()) return date1;
   8     if (date1.getYear()  > date2.getYear()) return date2;
   9   // same year
  10   //   cuicui += '/month';
  11     if (date1.getMonth() < date2.getMonth()) return date1;
  12     if (date1.getMonth() > date2.getMonth()) return date2;
  13   //   // same month
  14   //   cuicui += '/date';
  15     if (date1.getDate() < date2.getDate()) return date1;
  16     if (date1.getDate() > date2.getDate()) return date2;
  17   }
  18   // same day
  19   return null;
  20 }
  21
  22 function validateDate(date, label) {
  23   var result, dateValue;
  24
  25   dateValue = date.calendar.prs_date(date.value);
  26   if (date.value.length != 10 || !dateValue) {
  27     alert(label.decodeEntities());
  28     result = false;
  29   } else
  30     result = dateValue;
  31
  32   return result;
  33 }
  34
  35 function validateTaskEditor() {
  36   var e, startdate, enddate, tmpdate;
  37
  38   e = document.getElementById('summary');
  39   if (e.value.length == 0
  40       && !confirm(labels.validate_notitle.decodeEntities()))
  41     return false;
  42
  43   e = document.getElementById('startTime_date');
  44   if (!e.disabled) {
  45     startdate = validateDate(e, labels.validate_invalid_startdate);
  46     if (!startdate)
  47       return false;
  48   }
  49
  50   e = document.getElementById('dueTime_date');
  51   if (!e.disabled) {
  52     enddate = validateDate(e, labels.validate_invalid_enddate);
  53     if (!enddate)
  54       return false;
  55   }
  56
  57   if (startdate && enddate) {
  58     tmpdate = uixEarlierDate(startdate, enddate);
  59     if (tmpdate == enddate) {
  60       //     window.alert(cuicui);
  61       alert(labels.validate_endbeforestart.decodeEntities());
  62       return false;
  63     }
  64     else if (tmpdate == null /* means: same date */) {
  65       // TODO: check time
  66       var start, end;
  67
  68       start = parseInt(document.forms[0]['startTime_time_hour'].value);
  69       end = parseInt(document.forms[0]['dueTime_time_hour'].value);
  70
  71       if (start > end) {
  72         alert(labels.validate_endbeforestart.decodeEntities());
  73         return false;
  74       }
  75       else if (start == end) {
  76         start = parseInt(document.forms[0]['startTime_time_minute'].value);
  77         end = parseInt(document.forms[0]['dueTime_time_minute'].value);
  78         if (start > end) {
  79           alert(labels.validate_endbeforestart.decodeEntities());
  80           return false;
  81         }
  82       }
  83     }
  84   }
  85
  86   return true;
  87 }
  88
  89 function toggleDetails() {
  90   var div = $("details");
  91   var buttons = $("buttons");
  92   var buttonsHeight = buttons.clientHeight * 3;
  93
  94   if (div.style.visibility) {
  95     div.style.visibility = null;
  96     window.resizeBy(0, -(div.clientHeight + buttonsHeight));
  97     $("detailsButton").innerHTML = labels["Show Details"];
  98   } else {
  99     div.style.visibility = 'visible;';
 100     window.resizeBy(0, (div.clientHeight + buttonsHeight));
 101     $("detailsButton").innerHTML = labels["Hide Details"];
 102   }
 103
 104   return false;
 105 }
 106
 107 function toggleCycleVisibility(node, nodeName, hiddenValue) {
 108   var spanNode = $(nodeName);
 109   var newVisibility = ((node.value == hiddenValue) ? null : 'visible;');
 110   spanNode.style.visibility = newVisibility;
 111
 112   if (nodeName == 'cycleSelectionFirstLevel') {
 113     var otherSpanNode = $('cycleSelectionSecondLevel');
 114     if (!newVisibility)
 115       {
 116         otherSpanNode.superVisibility = otherSpanNode.style.visibility;
 117         otherSpanNode.style.visibility = null;
 118       }
 119     else
 120       {
 121         otherSpanNode.style.visibility = otherSpanNode.superVisibility;
 122         otherSpanNode.superVisibility = null;
 123       }
 124   }
 125 }
 126
 127 function addContact(tag, fullContactName, contactId, contactName, contactEmail) {
 128   var uids = $('uixselector-participants-uidList');
 129   log ("contactId: " + contactId);
 130   if (contactId)
 131     {
 132       var re = new RegExp("(^|,)" + contactId + "($|,)");
 133
 134       log ("uids: " + uids);
 135       if (!re.test(uids.value))
 136         {
 137           log ("no match... realling adding");
 138           if (uids.value.length > 0)
 139             uids.value += ',' + contactId;
 140           else
 141             uids.value = contactId;
 142
 143           var names = $('uixselector-participants-display');
 144           names.innerHTML += ('<li onmousedown="return false;"'
 145                               + ' onclick="onRowClick(event);"><img src="'
 146                               + ResourcesURL + '/abcard.gif" />'
 147                               + contactName + '</li>');
 148         }
 149       else
 150         log ("match... ignoring contact");
 151     }
 152
 153   return false;
 154 }
 155
 156 function onTimeControlCheck(checkBox) {
 157   var inputs = checkBox.parentNode.getElementsByTagName("input");
 158   var selects = checkBox.parentNode.getElementsByTagName("select");
 159   for (var i = 0; i < inputs.length; i++)
 160     if (inputs[i] != checkBox)
 161       inputs[i].disabled = !checkBox.checked;
 162   for (var i = 0; i < selects.length; i++)
 163     if (selects[i] != checkBox)
 164       selects[i].disabled = !checkBox.checked;
 165 }
 166
 167 function saveEvent(sender) {
 168   if (validateTaskEditor())
 169     document.forms['editform'].submit();
 170
 171   return false;
 172 }
 173
 174 function startDayAsShortString() {
 175   return dayAsShortDateString($('startTime_date'));
 176 }
 177
 178 function dueDayAsShortString() {
 179   return dayAsShortDateString($('dueTime_date'));
 180 }
 181
 182 this._getDate = function(which) {
 183   var date = window.timeWidgets[which]['date'].valueAsDate();
 184   date.setHours( window.timeWidgets[which]['hour'].value );
 185   date.setMinutes( window.timeWidgets[which]['minute'].value );
 186
 187   return date;
 188 }
 189
 190 this._getShadowDate = function(which) {
 191   var date = window.timeWidgets[which]['date'].getAttribute("shadow-value").asDate();
 192   var intValue = parseInt(window.timeWidgets[which]['hour'].getAttribute("shadow-value"));
 193   date.setHours(intValue);
 194   intValue = parseInt(window.timeWidgets[which]['minute'].getAttribute("shadow-value"));
 195   date.setMinutes(intValue);
 196 //   window.alert("shadow: " + date);
 197
 198   return date;
 199 }
 200
 201 this.getStartDate = function() {
 202   return this._getDate('start');
 203 }
 204
 205 this.getDueDate = function() {
 206   return this._getDate('due');
 207 }
 208
 209 this.getShadowStartDate = function() {
 210   return this._getShadowDate('start');
 211 }
 212
 213 this.getShadowDueDate = function() {
 214   return this._getShadowDate('due');
 215 }
 216
 217 this._setDate = function(which, newDate) {
 218   window.timeWidgets[which]['date'].setValueAsDate(newDate);
 219   window.timeWidgets[which]['hour'].value = newDate.getHours();
 220   var minutes = newDate.getMinutes();
 221   if (minutes % 15)
 222     minutes += (15 - minutes % 15);
 223   window.timeWidgets[which]['minute'].value = minutes;
 224 }
 225
 226 this.setStartDate = function(newStartDate) {
 227   this._setDate('start', newStartDate);
 228 }
 229
 230 this.setDueDate = function(newDueDate) {
 231 //   window.alert(newDueDate);
 232   this._setDate('due', newDueDate);
 233 }
 234
 235 this.onAdjustDueTime = function(event) {
 236   if (!window.timeWidgets['due']['date'].disabled) {
 237     var dateDelta = (window.getStartDate().valueOf()
 238                      - window.getShadowStartDate().valueOf());
 239     var newDueDate = new Date(window.getDueDate().valueOf() + dateDelta);
 240     window.setDueDate(newDueDate);
 241   }
 242   window.timeWidgets['start']['date'].updateShadowValue();
 243   window.timeWidgets['start']['hour'].updateShadowValue();
 244   window.timeWidgets['start']['minute'].updateShadowValue();
 245 }
 246
 247 this.initTimeWidgets = function (widgets) {
 248   this.timeWidgets = widgets;
 249
 250   Event.observe(widgets['start']['date'], "change", this.onAdjustDueTime, false);
 251   Event.observe(widgets['start']['hour'], "change", this.onAdjustDueTime, false);
 252   Event.observe(widgets['start']['minute'], "change", this.onAdjustDueTime, false);
 253 }
 254
 255 function onStatusListChange(event) {
 256    var value = $("statusList").value;
 257    var statusTimeDate = $("statusTime_date");
 258    var statusPercent = $("statusPercent");
 259
 260    if (value == "WONoSelectionString") {
 261       statusTimeDate.disabled = true;
 262       statusPercent.disabled = true;
 263       statusPercent.value = "";
 264    }
 265    else if (value == "0") {
 266       statusTimeDate.disabled = true;
 267       statusPercent.disabled = false;
 268    }
 269    else if (value == "1") {
 270       statusTimeDate.disabled = true;
 271       statusPercent.disabled = false;
 272    }
 273    else if (value == "2") {
 274       statusTimeDate.disabled = false;
 275       statusPercent.disabled = false;
 276       statusPercent.value = "100";
 277    }
 278    else if (value == "3") {
 279       statusTimeDate.disabled = true;
 280       statusPercent.disabled = true;
 281    }
 282    else {
 283       statusTimeDate.disabled = true;
 284    }
 285 }
 286
 287 function initializeStatusLine() {
 288    var statusList = $("statusList");
 289    Event.observe(statusList, "mouseup", onStatusListChange, false);
 290 }
 291
 292 function onTaskEditorLoad() {
 293    initializeStatusLine();
 294 }
 295
 296 addEvent(window, 'load', onTaskEditorLoad);