<!-- gettypevaluedetail.vm -->

#set ($savebutton_text = $CommonFunctions.getEncodedTermFromResourceBundle($currentUserId, "Controls", "controls.buttons.save.label"))
#set ($savebuttonhint_text = $CommonFunctions.getEncodedTermFromResourceBundle($currentUserId, "Controls", "controls.buttons.save.hint"))
#set ($deletebutton_text = $CommonFunctions.getEncodedTermFromResourceBundle($currentUserId, "Controls", "controls.buttons.delete.label"))
#set ($deletebuttonhint_text = $CommonFunctions.getEncodedTermFromResourceBundle($currentUserId, "Controls", "controls.buttons.delete.hint"))
#set ($cancelbutton_text = $CommonFunctions.getEncodedTermFromResourceBundle($currentUserId, "Controls", "controls.buttons.cancel.label"))
#set ($cancelbuttonhint_text = $CommonFunctions.getEncodedTermFromResourceBundle($currentUserId, "Controls", "controls.buttons.cancel.hint"))
#set ($windowtitle_text = $CommonFunctions.displayTermFromResourceBundle($currentUserId, "AdminDialogs", "gettypevaluedetail.windowtitle"))
#set ($typeempty_text = $CommonFunctions.getEncodedTermFromResourceBundle($currentUserId, "AdminDialogs", "gettypevaluedetail.typeempty"))
#set ($deleteconfirm_text = $CommonFunctions.getEncodedTermFromResourceBundle($currentUserId, "AdminDialogs", "gettypevaluedetail.deleteconfirm"))
#set ($typevalue_text = $CommonFunctions.displayTermFromResourceBundle($currentUserId, "AdminDialogs", "gettypevaluedetail.typevalue"))
#set ($description_text = $CommonFunctions.displayTermFromResourceBundle($currentUserId, "AdminDialogs", "gettypevaluedetail.description"))
#set ($options_text = $CommonFunctions.displayTermFromResourceBundle($currentUserId, "AdminDialogs", "gettypevaluedetail.options"))
<!--#set ($prioritypoints_text = $CommonFunctions.displayTermFromResourceBundle($currentUserId, "AdminDialogs", "gettypevaluedetail.prioritypoints"))--><!--for CR #1109: hide the row for priority points-->
#set ($moveright_text = $CommonFunctions.displayTermFromResourceBundle($currentUserId, "AdminDialogs", "gettypevaluedetail.moveright"))
#set ($moveleft_text = $CommonFunctions.displayTermFromResourceBundle($currentUserId, "AdminDialogs", "gettypevaluedetail.moveleft"))
#set ($selectedtemplate_text = $CommonFunctions.displayTermFromResourceBundle($currentUserId, "AdminDialogs", "gettypevaluedetail.selectedtemplate"))
#set ($projecttasktemplates_text = $CommonFunctions.displayTermFromResourceBundle($currentUserId, "AdminDialogs", "gettypevaluedetail.projecttasktemplates"))
#set ($tasktemplatesdescription_text = $CommonFunctions.displayTermFromResourceBundle($currentUserId, "AdminDialogs", "gettypevaluedetail.tasktemplatesdescription"))
#set ($availabletemplates_text = $CommonFunctions.displayTermFromResourceBundle($currentUserId, "AdminDialogs", "gettypevaluedetail.availabletemplates"))
#set ($selectedtemplates_text = $CommonFunctions.displayTermFromResourceBundle($currentUserId, "AdminDialogs", "gettypevaluedetail.selectedtemplates"))
#set ($almteam_text = $CommonFunctions.displayTermFromResourceBundle($currentUserId, "AdminDialogs", "gettypevaluedetail.almteam"))
#set ($almteamdesc_text = $CommonFunctions.displayTermFromResourceBundle($currentUserId, "AdminDialogs", "gettypevaluedetail.almteam.desc"))
#set ($almproduct_text = $CommonFunctions.displayTermFromResourceBundle($currentUserId, "AdminDialogs", "gettypevaluedetail.almproduct"))
#set ($almproductdesc_text = $CommonFunctions.displayTermFromResourceBundle($currentUserId, "AdminDialogs", "gettypevaluedetail.almproduct.desc"))
#set ($almrelease_text = $CommonFunctions.displayTermFromResourceBundle($currentUserId, "AdminDialogs", "gettypevaluedetail.almrelease"))
#set ($almreleasedesc_text = $CommonFunctions.displayTermFromResourceBundle($currentUserId, "AdminDialogs", "gettypevaluedetail.almrelease.desc"))

#if ($type.getTypeId() == '900000000001')
  #set ($type.typeValue = $almteam_text)
  #set ($type.Description = $almteamdesc_text)
#elseif ($type.getTypeId() == '900000000002')
  #set ($type.typeValue = $almproduct_text)
  #set ($type.Description = $almproductdesc_text)
#elseif ($type.getTypeId() == '900000000003')
  #set ($type.typeValue = $almrelease_text)
  #set ($type.Description = $almreleasedesc_text)
#end

<html>
	<head>
		<title>$windowtitle_text</title>

		<link type="text/css" rel="stylesheet" href="../themes/$theme/main.css" />
	    <link type="text/css" rel="stylesheet" href="../themes/$theme/xmenu.css" />
	    
	    <style>
			.listbox
			{
				width:100% ;
				height: 92% ;
				font-family: arial ;
				font-size: 9pt ;
			}
			.headers
			{
				text-align: center ;
				font-family: arial ;
				font-size: 9pt ;
				border: 1px solid black ;
				width: 100% ;
				background-color: #FFFFFF ;
			}
			.div-template-details
			{
				font-family:arial ;
				font-size:9pt ;
				width:100% ;
				height:100% ;
				border:1px solid black ;
				overflow:auto ;
				background-color: #FFFFFF ;
				padding:2px ;
			}
		</style>

		#parse("common_js.vm")
		#parse("systemmanager_js.vm")
		<script type="text/javascript" src='../common/system/systemmanager.js'></script>
		<script type="text/javascript" src='../common/system/communication.js'></script>
        #parse ("formvalidator.vm")
		<script type="text/javascript" src='../common/system/formvalidator.js'></script>
		<script type="text/javascript" src='../common/application/itimpact/itimpactadminmanager.js'></script>
		<script type="text/javascript" src="../common/system/xmenu.js"></script>
        #parse ("changedetector.vm")
		<script type="text/javascript" src="../common/system/changedetector.js"></script>
		
		
		<script type="text/javascript">

			var dcd = new DocumentChangeDetector() ;

			function init()
			{
				lpcp            	 = new LPCP(document.formPosting) ;
				itimpactAdminManager = new ITimpactAdminManager()	  ;
				initializeFormControls() 							  ;
				initListBoxControls() ;
				var isNonEditable = false;
				#if ($type.getTypeId() == '900000000001' || $type.getTypeId() == '900000000002' || $type.getTypeId() == '900000000003' )
					isNonEditable = true;
				#end
				if(!isNonEditable)
					document.all.typeValue.focus() 				  		  ;

				// Initialize the change detector.
				dcd.init()
			}

			function initializeFormControls()
			{
				document.all.typeDescription.value = unescapeBT('$type.getDescription()') ;
				document.all.typeValue.value = unescapeBT('$type.getTypeValue()') ;
			}

			/*for CR #1109: hide the row for priority points
			function formatPriorityOptions(formValues)
			{
				var dataEntries = (formValues.prioritySet) ? "PRIORITY" : "" ;
				return dataEntries ;
			}*/

			function setTypeValue()
			{
				if (dcd.checkForChanges())
				{
					var typeName = document.all.typeValue.value ;
					var typeDesc = document.all.typeDescription.value ;
					//var priorityOptions = (document.all.PRIORITY.checked) ? "PRIORITY" : "" ; //for CR #1109: hide the row for priority points
					var templateList = computeApplicableTemplates() ;

					if (typeName.length > 0)
					{
						var type = new TypeValue('$type.getTypeId()',typeName,typeDesc, templateList) ;
						var xmlMethodSignature = itimpactAdminManager.setTypeValue(type.serializeXML());
						lpcp.invoke(xmlMethodSignature) ;
					}
					else
					{
						alert("$typeempty_text") ;
						document.all.typeValue.focus() ;
					}
				}
				else
				{
					window.close() ;
				}
			}

			function deleteTypeValue()
			{
				if (confirm("$CommonFunctions.getEncodedTermFromResourceBundle($currentUserId, "AdminDialogs", "gettypevaluedetail.deleteconfirm", "$type.getTypeValue()")"))
			 	{
		         	var itimpactAdminManager = new ITimpactAdminManager() ;
		         	var xmlMethodSignature = itimpactAdminManager.removeTypeValue('$type.getTypeId()');
			       	lpcp.invoke(xmlMethodSignature) ;
			 	}
			}

			function closeWindow()
			{
				var closeWin = true ;

			#if ($canEdit)
				if (dcd.checkForChanges())
				{
					closeWin = confirm(dcd.getMessage()) ;
				}
			#end

				if (closeWin)
				{
					window.close() ;
				}
			}

		</script>
		
		<script type="text/javascript">
			function addItem()
			{
				var leftControl  = document.forms.formTemplateList.left  ;
				var rightControl = document.forms.formTemplateList.right ;

				if (leftControl.selectedIndex != -1)
				{
					var options	= leftControl.options;
					var item 	= options[leftControl.selectedIndex] ;

					var newItem = new Option(item.text,item.value) ;
					newItem.selected = true ;
            		leftControl.remove(leftControl.selectedIndex) ;
            		rightControl.add(newItem,0) ;
            	}
			}

			function removeItem()
			{
				var leftControl  = document.forms.formTemplateList.left  ;
				var rightControl = document.forms.formTemplateList.right ;

				if (rightControl.selectedIndex != -1)
				{
					var options	= rightControl.options;
					var item 	= options[rightControl.selectedIndex] ;

					var newItem = new Option(item.text,item.value) ;
					newItem.selected = true ;
            		rightControl.remove(rightControl.selectedIndex) ;
            		leftControl.add(newItem,0) ;
            	}
			}

			function initListBoxControls()
			{
				var leftControl  = document.forms.formTemplateList.left  ;
				var rightControl = document.forms.formTemplateList.right ;

				if (leftControl.length > 0)
				{
					leftControl.selectedIndex = 0 ;
					displayDetails(leftControl) ;
				}
				else if (rightControl.length > 0)
				{
					rightControl.selectedIndex = 0 ;
					displayDetails(rightControl) ;
				}
			}

			function displayDetails(element)
			{
				if (element.selectedIndex != -1)
				{
					if (element.name == "left")
						document.forms.formTemplateList.right.selectedIndex = -1 ;
					else
		       			document.forms.formTemplateList.left.selectedIndex = -1 ;

					var options	= element.options;
					var item 	= options[element.selectedIndex] ;
					document.all.details.innerHTML = item.text ;
				}
			}

			function computeApplicableTemplates()
			{
				var resultString = "" ;
				var rightControl = document.forms.formTemplateList.right ;
				var options	= rightControl.options ;
				var count = rightControl.length ;
				for (var i = 0 ; i < count ; i++)
				{
					if (i > 0) resultString += "," ;
					resultString += options[i].value ;
				}

				return resultString ;
			}
			
			/*
			 * Manages the position of an item in a list view by moving its
			 * position up the list.
			 */
	    	function moveup()
	    	{
				var control = document.forms.formTemplateList.right ;
				var selectedIndex = control.selectedIndex ;

				if (selectedIndex > 0)
				{
					var currentOption = control.options[selectedIndex] ;
					var currentItem   = new Option(currentOption.text,currentOption.value) ;
					currentItem.selected = true ;

					var prevIndex  = control.selectedIndex - 1 ;
					var prevOption = prevOption = control.options[prevIndex] ;
					var prevItem   = new Option(prevOption.text,prevOption.value) ;

					control[prevIndex] 	   = currentItem ;
					control[selectedIndex] = prevItem    ;
	            }
	    	}

            /*
			 * Manages the position of an item in a list view by moving its
			 * position down the list.
			 */
	    	function movedown()
	    	{
				var control = document.forms.formTemplateList.right ;
				var selectedIndex = control.selectedIndex ;

				if ((selectedIndex != -1) && (selectedIndex < (control.length-1)))
				{
					var currentOption = control.options[selectedIndex] ;
					var currentItem   = new Option(currentOption.text,currentOption.value) ;
					currentItem.selected = true ;

					var nextIndex  = control.selectedIndex + 1 ;
					var nextOption = prevOption = control.options[nextIndex] ;
					var nextItem   = new Option(nextOption.text,nextOption.value) ;

					control[nextIndex] 	   = currentItem ;
					control[selectedIndex] = nextItem    ;
	            }
	    	}
			
			/*
			 * Handler for the onDrag event.
			 */
	    	function dragStart()
	    	{
	    	}

            /*
			 * Handler for the onEndDrag event.
			 */
	    	function dragEnd()
	    	{
	    	}
		</script>

	</head>

	<body onload='init()'>
		<form id='formPosting' name='formPosting' method='post' action='../servlet/LPCPRouter' onSubmit="return false">
 			<input type='hidden' name='xmlMethodSignature'/>
		</form>
		<table style="border-collapse:collapse;width:100%;height:100%">
			<tr>
				<td style="width:100%;height:auto">
					<script>
					/*-----------------------------------------------------------------------------\
					|									M E N U 								   |
					\-----------------------------------------------------------------------------*/

						var menubar = new XMenuBar("menubar","left") ;
			        #if ($canEdit)
						var menuButtonSave = new XMenuButton("$savebutton_text","../themes/default/images/save16x16.gif","setTypeValue()","$savebuttonhint_text") ;
						menubar.add(menuButtonSave) ;
					#end
					#if ($type.getTypeId() == '900000000001' || $type.getTypeId() == '900000000002' || $type.getTypeId() == '900000000003' )
						#set($isDefault = true)
					#end
					#if ($canEdit && !$newtype && !$isDefault)
			            var menuButtonDelete = new XMenuButton("$deletebutton_text","../common/system/menuimages/delete.gif","deleteTypeValue()","$deletebuttonhint_text") ;
						menubar.add(menuButtonDelete) ;
			       	#end
						var menuButtonCancel = new XMenuButton("$cancelbutton_text","../themes/default/images/cancel16x16.gif","closeWindow()","$cancelbuttonhint_text") ;
						menubar.add(menuButtonCancel) ;

						function showMenu()	{}
						menubar.draw() ;
					</script>
				</td>
			</tr>
			
			<tr height='50%'>
				<td style="height:100%;padding:10px">

					<table style="border-collapse:collapse;width:100%;height:100%;border:1px solid black;background-color:#FFFFFF">
						<tr>
							<td style="width:100%;text-align:center;background-image:url('../themes/$theme/images/top.png');border-bottom:1px solid black">
								<span class="systemLabel">
									$windowtitle_text
								</span>
							</td>
						</tr>
						<tr>
							<td style="height:100%;padding:5px">
								<table style="border-collapse:collapse;width:100%;height:100%">
									<tr>
										<td style="width:auto" nowrap>
											<span class="systemLabel">
												$typevalue_text
											</span>
										</td>
										<td style="width:100%">
#if ($type.getTypeId() == '900000000001' || $type.getTypeId() == '900000000002' || $type.getTypeId() == '900000000003' )
											<input id='typeValue' name='typeValue' type='hidden' value='' />
                                            <span class="formControl">$type.getTypeValue()</span>
#else
											<input id='typeValue' name='typeValue' type='text' value='' class="formControl" onkeypress="return handleEnter(this, event)" />
#end
										</td>
									</tr>
									<tr>
		                   				<td style="width:auto;height:100%" nowrap>
										   	<span class="systemLabel">
											   	$description_text
											</span>
										</td>
		                        		<td style="width:100%">
#if ($type.getTypeId() == '900000000001' || $type.getTypeId() == '900000000002' || $type.getTypeId() == '900000000003' )
											<input id='typeDescription' name='typeDescription' type='hidden' value='' />
                                            <span class="formControl">$type.getDescription()</span>
#else
											<textarea id='typeDescription' name='typeDescription' wrap class="formControl" style="height:100%;overflow:auto"></textarea>
#end
										</td>
									</tr>
									
									<!--for CR #1109: hide the row for priority points-->
									<!--<tr>
										<td style="width:auto" nowrap rowspan='2'>
											<span class="systemLabel">
												$options_text
											</span>
										</td>
										#if ($type.getDataList().indexOf("PRIORITY") != -1)
										<td style="width:100%">
											<input type='checkbox' id="PRIORITY"  name="PRIORITY" checked>
											<span class="systemText">
												$prioritypoints_text
											</span>
										</td>
										#else
										<td style="width:100%">
											<input type='checkbox' id="PRIORITY" name="PRIORITY">
											<span class="systemText">
												$prioritypoints_text
											</span>
										</td>
										#end
									</tr>-->
		                  		</table>
					         </td>
						</tr>
						
					</table>
				</td>
			</tr>
			

			<tr height='50%'>
				<td style="height:100%">
				
					<table width='100%' border="1" cellspacing="0" cellpadding="0" height="200px" width="100%">

			          	<tr>
							<td width='100%' class='slimheading' align='center' background='../themes/$theme/images/bottom.png'>$projecttasktemplates_text</td>
						</tr>

						<tr>
							<td width='100%' class='tablebodyhint' align='center'>
                                $tasktemplatesdescription_text
							</td>
						</tr>

						<form id='formTemplateList' name='formTemplateList'>
							<tr height="100%">
								<td style="padding:5x">
									<table border="0" cellspacing="5" cellpadding="0" width="100%" height="100%">
										<tr height="70%">

											<td style="width:50%">
												<span class="headers">$availabletemplates_text</span>
												<select class="listbox" id="left" name="left" size="100" style="height:80%" ondblclick="addItem()" onchange="displayDetails(this)">
												#foreach ($template in $taskTemplates)
													#if ($type.getTemplateList().indexOf("$template.getTemplateId()") == -1)
														<option value="$template.getTemplateId()">$CommonFunctions.displayReady($template.getName())</option>
													#end
												#end
												</select>
											</td>

											<td style="width:auto;text-align:center">
												<img src="../themes/default/images/rightarrow.gif" onclick="addItem()" alt="$moveright_text"><br><br>
												<img src="../themes/default/images/leftarrow.gif" onclick="removeItem()" alt="$moveleft_text">
											</td>

											<td style="width:50%">
												<span class="headers">$selectedtemplates_text</span>
												<select id="right" class="listbox" size="100" style="height:80%" onmousedown="dragStart()" onmouseup="dragEnd()" onchange="displayDetails(this)">
													#foreach ($template in $selectedTemplates)
														<option value="$template.getTemplateId()">$CommonFunctions.displayReady($template.getName())</option>
													#end
												</select>
											</td>

											<td width="0%">
												<img src="../themes/$theme/images/uparrow16x16.gif" border="0" onclick="moveup()">
												<img src="../themes/$theme/images/downarrow16x16.gif" border="0" onclick="movedown()">
											</td>

										</tr>
										<tr height="30%">
											<td width="100%" colspan="4">
												<table border="0" cellspacing="0" cellpadding="0" width="100%" height="100%">
													<tr height="0%">
														<td><span style="font-family:arial;font-size:9pt;font-weight:bold">$selectedtemplate_text</span></td>
													</tr>
													<tr height="100%">
														<td>
															<div id="details" class="div-template-details"></div>
														</td>
													</tr>
												</table>
											</td>
										</tr>
									</table>
								</td>
							</tr>
						</form>
						
					</table>
				</td>
			</tr>

		</table>
	</body>
</html>