From a9242e2938b588cfc15fcbd0e7dbaa714ab6a4d2 Mon Sep 17 00:00:00 2001
From: Frank Dillon <frank@plainblack.com>
Date: Wed, 17 Oct 2007 16:07:24 +0000
Subject: [PATCH] Added the 7.5 templates folder. Added a change to time
 tracker which doesn't cut off the date in Fire Fox

---
 .../time-tracking-user-view.tmpl              | 311 ++++++++++++++++++
 1 file changed, 311 insertions(+)
 create mode 100644 docs/upgrades/templates-7.5.0/time-tracking-user-view.tmpl

diff --git a/docs/upgrades/templates-7.5.0/time-tracking-user-view.tmpl b/docs/upgrades/templates-7.5.0/time-tracking-user-view.tmpl
new file mode 100644
index 000000000..2b0f7423e
--- /dev/null
+++ b/docs/upgrades/templates-7.5.0/time-tracking-user-view.tmpl
@@ -0,0 +1,311 @@
+#TimeTrackingTMPL000001
+<tmpl_if session.var.adminOn>
+	<p><tmpl_var controls></p>
+</tmpl_if>
+
+<tmpl_if displayTitle>
+	<h2><tmpl_var title></h2>
+</tmpl_if>
+
+<tmpl_if description>
+	<div class="fontSettings">
+		<tmpl_var description>
+	</div>
+</tmpl_if>
+
+<script language="JavaScript">
+   var nextRowNum   = <tmpl_var time.report.rows.total>;
+   var projectTasks = <tmpl_var project.task.array>  //Do not put a semi colon at the end of this.  The app does it
+   
+   //-----------------------------------------------------------------------------------
+   function changeOptions(proj,task) {
+      var projId = proj.value;
+	  //Remove all options from task list except first one
+	  var optLen = task.options.length;
+	  while (task.options.length > 1) {
+		 var elem = task.options[1];
+		 task.removeChild(elem);
+	  }
+	  
+	  if(projId != "") {
+	     //Add new options
+	     var array = projectTasks[projId];
+         for (var word in array) {
+            var opt = document.createElement("option");
+	        opt.setAttribute("value",word);
+	        opt.appendChild(document.createTextNode(array[word]));
+            task.appendChild(opt);
+         }
+      }
+	  
+	  //Fix IE Bug which causes dymamic repopulation to fail
+	  var newtask = task;
+	  var col = task.parentNode;
+	  col.removeChild(task);
+	  col.appendChild(newtask);
+	  
+   }
+   
+   //-----------------------------------------------------------------------------------
+   function recalcHours() {
+	   var newHours = 0;
+	   var rows = document.getElementById("ttbody");
+	   var rowLen = rows.childNodes.length;
+	   
+	   for(var i = 0; i <= rowLen; i++) {
+	      var row = rows.childNodes[i];
+		  if(row && row.id && row.id.indexOf("row") > -1) {
+		     var rowId = row.id;
+		     var idPart = rowId.split("_");
+		     var rowNum = idPart[1];
+		     var hourElem = document.getElementById("hours_"+rowNum+"_formId");
+		     if (hourElem) {
+		        newHours += parseFloat(hourElem.value);
+	         }
+	      }
+	   }
+	   document.getElementById('totalHours').innerHTML = newHours;
+   }
+
+   //-----------------------------------------------------------------------------------   
+   function getTarget(e) {
+      var targ;
+      if (!e) e = window.event || window.Event;
+      if (e.target) targ = e.target;
+      else if (e.srcElement) targ = e.srcElement;
+      if (targ.nodeType == 3) // defeat Safari bug
+         targ = targ.parentNode;
+      return targ
+   }  
+
+   //-----------------------------------------------------------------------------------    
+   function removeRow(e) {
+      if(!e) e = window.event || window.Event;
+	  var eleId = e;
+      if(typeof(e) == "object") {
+	    var targ = getTarget(e);
+		eleId = targ.parentNode.parentNode.id;
+	  } 
+	  var row = document.getElementById(eleId);
+	  var ttbody = document.getElementById("ttbody");
+      var timeRowCount = getTimeRowCount();
+	  if(timeRowCount > 1) {
+	     ttbody.removeChild(row);
+	     recalcHours();
+		 return;
+	  }
+	  alert("<tmpl_var js.alert.removeRow.error>");
+   }
+   
+   //-----------------------------------------------------------------------------------   
+   function getTimeRowCount() {
+      var rows = document.getElementById("ttbody");
+      var rowLen = rows.childNodes.length;
+	  var count = 0;
+	  
+	  for(var i = 0; i <= rowLen; i++) {
+	     var row = rows.childNodes[i];
+		 //Skip Text and Attribute Nodes
+		 if(row && row.id && row.id.indexOf("row") > -1) count++;
+	  }
+	  return count;
+   }
+   
+   //-----------------------------------------------------------------------------------  
+   function countRows(ttbody) {  
+      var tbLen = ttbody.childNodes.length;
+	  var rowCount = 0;
+	  for (var i = (tbLen - 1); i >= 0; i--) {
+	     if(ttbody.childNodes[i].nodeType != 1) continue;
+		 rowCount++;
+	  }
+	  return rowCount;
+   }
+      
+   //-----------------------------------------------------------------------------------  
+   function addRow() {
+      var rowx = document.getElementById('row_x');
+	  
+	  var ttbody = document.getElementById('ttbody');
+	  //Insert row into the right place
+	  var rowCount = countRows(ttbody); 	  //Count actual rows for firefox b/c it's stupid
+	  var row = ttbody.insertRow((rowCount-2));
+	  
+	  row.id='row_'+nextRowNum;
+	  //Task Entry Id
+	  var rowLen = rowx.childNodes.length;
+	  
+	  for ( var i = 0; i < rowLen; i++) {
+	     if(rowx.childNodes[i].nodeType != 1) continue;
+	     // create the cell
+         var clonetd = rowx.childNodes[i].cloneNode(true);
+		 
+		 var td = row.appendChild(clonetd);
+	     var colLen = td.childNodes.length;
+		 for ( var j = 0; j < colLen; j++) {
+		    var node = td.childNodes[j];
+//			alert(node + " " + node.nodeType);
+			//Skip Text and Attirbute Node Types
+			if(node.nodeType != 1) continue;
+			//alert(node + " " + node.tagName);
+			var nodeName = node.name;
+				
+			//Handle Image Node
+			if(node.tagName == "IMG") {
+			   var newImg = document.createElement('img');
+			   newImg.setAttribute("style","cursor:pointer");
+			   newImg.src = "<tmpl_var extras>/delete.gif";
+			   newImg.onclick = removeRow;
+			   
+			   childLen = node.childNodes.length;
+			  // alert("removing this node");
+			   td.removeChild(node);
+			   
+			  // alert("appending new node: " + newImg);
+			   td.appendChild(newImg);
+			   continue;
+			}
+			
+			//Skip Nodes that have no names
+			if(nodeName == "") continue;
+			var nameParts = nodeName.split("_");
+			var colName = nameParts[0];
+			//Set New Node Name
+			node.name = colName + "_" + nextRowNum;
+			//Set New Node ID
+			node.id = colName + "_" + nextRowNum + "_formId";
+			
+			if(colName == "projectId") {
+			   node.onchange = new Function('changeOptions(this,document.getElementById("taskId_'+nextRowNum+'_formId"));'); 
+			} 
+		 }   
+	  
+	  }
+	  nextRowNum++;
+   }
+   
+   //-----------------------------------------------------------------------------------   
+   function validateForm(form) {
+      //Set Row Total
+      form.rowTotal.value = (nextRowNum - 1);
+	  if(parseFloat(document.getElementById('totalHours').innerHTML) > 168) {
+	     alert("<tmpl_var js.alert.validate.hours.error>");
+		 return false;
+	  }
+	  
+	  var rows = document.getElementById("ttbody");
+      var rowLen = rows.childNodes.length;
+	  var isValid = true;
+	  	  
+	  for(var i = 0; i <= rowLen; i++) {
+	     var row = rows.childNodes[i];
+		 if(row && row.id && row.id.indexOf("row") > -1) {
+		    var rowId = row.id;
+		    var idPart = rowId.split("_");
+		    var rowNum = idPart[1];
+		    var taskDateElem = document.getElementById("taskDate_"+rowNum+"_formId");
+			taskDateElem.style.background='#FFFFFF';
+			var projectElem = document.getElementById("projectId_"+rowNum+"_formId");
+			projectElem.style.background='#FFFFFF';
+			var taskElem = document.getElementById("taskId_"+rowNum+"_formId");
+			taskElem.style.background='#FFFFFF';
+			var hourElem = document.getElementById("hours_"+rowNum+"_formId");
+			hourElem.style.background='#FFFFFF';
+			//Uncomment below if you wish comments to be required
+			//var comments = document.getElementById("hours_"+rowNum+"_formId");
+			//comments.style.background='#FFFFFF';
+			
+			//Uncomment below if you wish comments to be required
+			//if(taskDateElem.value != "" || projectElem.value != "" || taskElem.value != "" || hourElem.value != "" || comments.value != "" ) {
+			//Comment below if you wish comments to be required
+			if(taskDateElem.value != "" || projectElem.value != "" || taskElem.value != "" || (hourElem.value != "" && hourElem.value != "0")) {
+			   if(taskDateElem.value == "") {
+				  taskDateElem.style.background='#FFFF99';
+			      isValid = false;
+			   } 
+			   
+			   if(projectElem.value == "") {
+			      projectElem.style.background='#FFFF99';
+			      isValid = false;
+			   } 
+			   
+			   if(taskElem.value == "") {
+			      taskElem.style.background='#FFFF99';
+				  isValid = false;
+			   } 
+			   
+			   if(hourElem.value == "" || hourElem.value == 0) {
+			      hourElem.style.background='#FFFF99';
+				  isValid = false;
+			   }
+			   
+			   //Uncomment below if you wish comments to be required
+			   /*if(comments.value == "") {
+			      commnts.style.background='#FFFF99';
+				  isValid = false;
+			   }*/
+			}
+		 }
+	  }
+	  
+	  if(!isValid) {
+	     alert("<tmpl_var js.alert.validate.incomplete.error>");
+		 return false;
+	  }
+	  
+	  return true;
+   }
+   
+</script>
+
+<p><tmpl_if project.manage.url><a href="<tmpl_var project.manage.url>"><tmpl_var project.manage.label></a></tmpl_if></p>
+<tmpl_var form.header>
+<tmpl_var form.timetracker>
+<tmpl_var form.footer>
+
+~~~
+
+	<style type="text/css">
+		.timeTracking02 {			
+			width:850px;
+		}
+		.timeTracking02 td {
+			border:solid silver 1px;
+			border-bottom:solid gray 1px;
+			font-size:9pt;
+			font-family:arial;			
+		}
+		tr.tt_title td {
+			font-weight:bold;			
+			background-color:#F0F0F0;
+			border-style:none;
+			font-size:11pt;
+		}
+		tr.tt_header td {
+			font-weight:bold;
+			text-align:center;		
+		}
+		tr.tt_empty td {
+			border-style:none;
+		}
+		
+		a.PM_blueLink {
+			color:#29587E;
+			text-decoration:none;
+			font-weight:bold;
+		}
+		a.PM_blueLink:hover {
+			text-decoration:underline;
+		}	
+		
+		.pt-select {
+	       font-weight: normal;
+	       color: black;
+  	       width: 175px;
+        }
+		.date-select {
+		   font-weight: normal;
+	           color: black;
+  	           width: 110px;
+		}
+	</style>