Stupidly forgot to add the new partials to the repos.

git-svn-id: http://www.rousette.org.uk/svn/tracks-repos/trunk@166 a4c988fc-2ded-0310-b66e-134b36920a42

tracks/public/javascripts/todo-items.js

@@ -0,0 +1,174 @@
+/*
+ * ToDo Items
+ *
+ *  Requires the prototype.js library
+ *
+ *  Use the following markup to include the library:
+ *  <script type="text/javascript" src="todo-items.js"></script>
+ */
+
+addEvent(window, "load", addNextActionListingToggles);
+addEvent(window, "load", addAjaxToDoItemCheckmarkHandling);
+
+function addNextActionListingToggles()
+{
+  var toggleElems = document.getElementsByClassName('container_toggle');
+  for(var i = 0; i < toggleElems.length; i++)
+  {
+    addEvent(toggleElems[i], "click", toggleNextActionListing);
+  }
+}
+
+function addAjaxToDoItemCheckmarkHandling()
+{
+  var itemCheckboxes = document.getElementsByClassName('item-checkbox');
+  for(var i = 0; i < itemCheckboxes.length; i++)
+  {
+    addEvent(itemCheckboxes[i], "click", toggleTodoItemChecked);
+  }
+}
+
+function addOneAjaxToDoItemCheckmarkHandling(elem)
+{
+    addEvent(document.getElementsByClassName('item-checkbox',elem)[0], "click", toggleTodoItemChecked);
+}
+
+function hideContainerIfEmpty(containerElemId)
+{
+	if (document.getElementsByClassName('item-container',$(containerElemId)).length == 0)
+	{
+		new Effect.Fade(containerElemId)
+	}
+	
+}
+
+function getMarkUndoneTargetElem()
+{
+	return document.getElementsByClassName('container')[0];
+}
+
+function ensureVisibleWithEffectAppear(elemId)
+{
+	if ($(elemId).style.display == 'none')
+	{
+		new Effect.Appear(elemId,{duration:0.4});
+	}
+}	
+
+function toggleTodoItemChecked()
+{
+	var itemContainerElem = findNearestParentByClassName(this, 'item-container');
+	var itemContainerElemId = itemContainerElem.getAttribute('id');
+	var checkboxForm = this.form;
+	var markingAsDone = this.checked;
+	var targetElemId = markingAsDone ? 'completed' : getMarkUndoneTargetElem().getAttribute('id');
+	new Ajax.Updater(
+		targetElemId,
+		checkboxForm.action,
+		{
+			asynchronous:true,
+			evalScripts:true,
+			insertion:markingAsDone ? Insertion.Top : Insertion.Bottom,
+			onLoading:function(request){ Form.disable(checkboxForm); ensureVisibleWithEffectAppear(targetElemId); },
+			onSuccess:function(request){ fadeAndRemoveItem(itemContainerElemId); },
+			onComplete:function(request){ new Effect.Highlight(itemContainerElemId,{}); addOneAjaxToDoItemCheckmarkHandling($(itemContainerElemId)); hideContainerIfEmpty('new_actions'); },
+			parameters:Form.serialize(checkboxForm)
+		});
+	return false;
+}
+
+function fadeAndRemoveItem(itemContainerElemId)
+{
+	var fadingElemId = itemContainerElemId + '-fading';
+	$(itemContainerElemId).setAttribute('id',fadingElemId);
+	Element.removeClassName($(fadingElemId),'item-container');
+	new Effect.Fade(fadingElemId,{afterFinish:function(effect) { Element.remove(fadingElemId); }, duration:0.4});
+}
+
+function toggleNextActionListing()
+{
+  var itemsElem = findItemsElem(this);
+  if (Element.visible(itemsElem))
+    Effect.BlindUp(itemsElem, { duration: 0.4});
+  else
+    Effect.BlindDown(itemsElem, { duration: 0.4 });
+  this.setAttribute('title', (this.style.display == 'none') ? 'Expand' : 'Collapse');
+  var childImgElems = this.getElementsByTagName('img');
+  for(var i = 0; i < childImgElems.length; i++)
+  {
+	 if (childImgElems[i].src.indexOf('collapse.png') != -1)
+    {
+	   	childImgElems[i].src = childImgElems[i].src.replace('collapse','expand');
+	   	childImgElems[i].setAttribute('title','Expand');
+	      //SetCookie(idname, "collapsed");
+    }
+	 else if (childImgElems[i].src.indexOf('expand.png') != -1)
+	 {
+	   	childImgElems[i].src = childImgElems[i].src.replace('expand','collapse');
+	   	childImgElems[i].setAttribute('title','Collapse');
+	      //SetCookie(idname, "expanded");
+	 }
+  }
+  return false;
+}
+
+function findNearestParentByClassName(elem, parentClassName)
+{
+	var parentElem = elem.parentNode;
+	while(parentElem)
+	{
+		if (Element.hasClassName(parentElem, parentClassName))
+		{
+			return parentElem;
+		}
+		parentElem = parentElem.parentNode;
+	}
+	return null;
+}
+
+function findItemsElem(toggleElem)
+{
+	var containerElem = findNearestParentByClassName(toggleElem, "container");
+	if (containerElem)
+		return document.getElementsByClassName('toggle_target',containerElem)[0];
+	else
+		return null;
+}
+
+// This is a cross-browser function for event addition.
+function addEvent(obj, evType, fn)
+{
+  if (obj.addEventListener)
+  {
+    obj.addEventListener(evType, fn, false);
+    return true;
+  }
+  else if (obj.attachEvent)
+  {
+    var r = obj.attachEvent("on" + evType, fn);
+    return r;
+  }
+  else
+  {
+    alert("Event handler could not be attached");
+    return false;
+  }
+}
+
+function removeEvent(obj, evType, fn)
+{
+  if (obj.removeEventListener)
+  {
+    obj.removeEventListener(evType, fn, false);
+    return true;
+  }
+  else if (obj.detachEvent)
+  {
+    var r = obj.detachEvent("on"+evType, fn);
+    return r;
+  }
+  else
+  {
+    alert("Handler could not be removed");
+  }
+}