<!--
    * Copyright 2008 IHE International (http://www.ihe.net)
    *
    * Licensed under the Apache License, Version 2.0 (the "License");
    * you may not use this file except in compliance with the License.
    * You may obtain a copy of the License at
    *
    * http://www.apache.org/licenses/LICENSE-2.0
    *
    * Unless required by applicable law or agreed to in writing, software
    * distributed under the License is distributed on an "AS IS" BASIS,
    * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
    * See the License for the specific language governing permissions and
    * limitations under the License.
-->
<ui:composition xmlns="http://www.w3.org/1999/xhtml"
	xmlns:s="http://jboss.com/products/seam/taglib"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:rich="http://richfaces.ajax4jsf.org/rich"
	xmlns:gazelle="http://www.ihe.net/gazelle"
	xmlns:a4j="http://richfaces.org/a4j">

	<a4j:region id="stepIndexRegion">
		<s:decorate id="stepIndexDecoration" template="/layout/edit.xhtml">
			<ui:define name="label">Step Index</ui:define>

			<h:inputText id="stepIndex"
				value="#{testStepsAdministrationManager.selectedTestSteps.stepIndex}"
				styleClass="#{styleClassColorFont}" required="true">
				<a4j:support event="onblur"
					action="#{testStepsAdministrationManager.validateStepIndex()}"
					reRender="stepIndexDecoration" />
			</h:inputText>
		</s:decorate>
	</a4j:region>

	<a4j:region id="isSecuredRegion">
		<s:decorate id="isSecuredDecoration" template="/layout/edit.xhtml">
			<ui:define name="label">
				<h:outputText id="isSecuredText"
					value="#{messages['gazelle.tm.testing.testsDefinition.secured']}" />
			</ui:define>
			<h:selectBooleanCheckbox id="isSecured"
				value="#{testStepsAdministrationManager.selectedTestSteps.secured}">
			</h:selectBooleanCheckbox>
		</s:decorate>
	</a4j:region>

	<a4j:region id="autoResponseRegion">
		<s:decorate id="autoResponseDecoration" template="/layout/edit.xhtml">
			<ui:define name="label">Auto Response</ui:define>
			<h:selectBooleanCheckbox id="autoResponse"
				value="#{testStepsAdministrationManager.autoResponse}">
				<a4j:support event="onchange"
					action="#{testStepsAdministrationManager.resetTransactionValue()}"
					reRender="testRolesInitiatorDecoration,transactionTestRolesResponderIfNotAutoResponse,messageTypeRegionIfAutoResponse" />
			</h:selectBooleanCheckbox>
		</s:decorate>
	</a4j:region>

	<a4j:region id="testRolesInitiatorRegion">
		<s:decorate id="testRolesInitiatorDecoration"
			template="/layout/edit.xhtml">
			<ui:define name="label">Initiator Role</ui:define>

			<h:selectOneMenu id="creationInitiatorListBox"
				value="#{testStepsAdministrationManager.selectedTestSteps.testRolesInitiator}"
				style="font-weight:bold;text-align:center;" required="true">

				<s:selectItems
					value="#{testStepsAdministrationManager.getPossibleInitiatorTestRoles()}"
					var="selectedInitiatorTestRoles"
					noSelectionLabel="#{messages['gazelle.common.PleaseSelect']}"
					label="#{selectedInitiatorTestRoles.roleInTest.keyword}" />

				<a4j:support event="onchange" reRender="transactionDecoration"
					onsubmit="Richfaces.showModalPanel('panelLoading');"
					action="#{testStepsAdministrationManager.resetTransactionValue()}"
					ajaxSingle="true"
					oncomplete="Richfaces.hideModalPanel('panelLoading')" />
			</h:selectOneMenu>
		</s:decorate>
	</a4j:region>

	<s:div id="transactionTestRolesResponderIfNotAutoResponse">
		<a4j:region id="transactionRegion"
			rendered="#{!testStepsAdministrationManager.autoResponse}">
			<s:decorate id="transactionDecoration" template="/layout/edit.xhtml">
				<ui:define name="label">Transaction</ui:define>
				<h:selectOneMenu id="CreateTransactionListBox" required="true"
					value="#{testStepsAdministrationManager.selectedTestSteps.transaction}"
					style="font-weight:bold;text-align:center;"
					disabled="#{testStepsAdministrationManager.autoResponse}">
					<s:selectItems
						value="#{testStepsAdministrationManager.possibleTransactions}"
						var="selectedTransaction"
						noSelectionLabel="#{messages['gazelle.common.PleaseSelect']}"
						label="#{selectedTransaction.keyword}" />
					<a4j:support event="onchange"
						reRender="testRolesResponderDecoration,messageTypeDecoration"
						action="#{testStepsAdministrationManager.resetTestRolesResponderValue()}"
						onsubmit="Richfaces.showModalPanel('panelLoading');"
						oncomplete="Richfaces.hideModalPanel('panelLoading')"
						ajaxSingle="true" />
				</h:selectOneMenu>
			</s:decorate>
		</a4j:region>

		<a4j:region id="testRolesResponderRegion"
			rendered="#{!testStepsAdministrationManager.autoResponse}">
			<s:decorate id="testRolesResponderDecoration"
				template="/layout/edit.xhtml">
				<ui:define name="label">Responder Role</ui:define>
				<h:selectOneMenu id="creationInitiatorListBox" required="true"
					value="#{testStepsAdministrationManager.selectedTestSteps.testRolesResponder}"
					style="font-weight:bold;text-align:center;"
					disabled="#{testStepsAdministrationManager.autoResponse}">
					<s:selectItems
						value="#{testStepsAdministrationManager.possibleTestRolesResponder}"
						var="selectedResponderTestRoles"
						noSelectionLabel="#{messages['gazelle.common.PleaseSelect']}"
						label="#{selectedResponderTestRoles.roleInTest.keyword}" />
				</h:selectOneMenu>
			</s:decorate>
		</a4j:region>
	</s:div>
	<a4j:region id="messageTypeRegion">
		<s:decorate id="messageTypeDecoration" template="/layout/edit.xhtml">
			<ui:define name="label">Message Type</ui:define>
			<h:selectOneMenu id="creationMessageTypeListBox" required="true"
				value="#{testStepsAdministrationManager.selectedTestSteps.messageType}"
				style="font-weight:bold;text-align:center;"
				disabled="#{testStepsAdministrationManager.autoResponse}"
				rendered="#{!testStepsAdministrationManager.autoResponse and testStepsAdministrationManager.getPossibleMessageType()!=null}">
				<s:selectItems
					value="#{testStepsAdministrationManager.getPossibleMessageType()}"
					var="messageType"
					noSelectionLabel="#{messages['gazelle.common.PleaseSelect']}"
					label="#{messageType}" />
			</h:selectOneMenu>
			<h:inputText id="messageTypeIfAutoResponse"
				rendered="#{testStepsAdministrationManager.autoResponse or testStepsAdministrationManager.getPossibleMessageType()==null}"
				value="#{testStepsAdministrationManager.selectedTestSteps.messageType}"
				styleClass="#{styleClassColorFont}" required="true">
			</h:inputText>
		</s:decorate>
	</a4j:region>

	<a4j:region id="optionRegion">
		<s:decorate id="optionDecoration" template="/layout/edit.xhtml">
			<ui:define name="label">Option</ui:define>

			<h:selectOneMenu id="testStepsOptionListBox"
				value="#{testStepsAdministrationManager.selectedTestSteps.testStepsOption}"
				style="font-weight:bold;text-align:center;">

				<s:selectItems
					value="#{testStepsAdministrationManager.possibleTestStepsOptions}"
					var="selectedTestStepsOption" hideNoSelectionLabel="true"
					label="#{selectedTestStepsOption.labelToDisplay}" />


			</h:selectOneMenu>
		</s:decorate>
	</a4j:region>

	<a4j:region id="testStepsDescriptionRegion">
		<s:decorate id="testStepsDescriptionDecoration"
			template="/layout/edit.xhtml">
			<ui:define name="label">Description</ui:define>
			<h:inputTextarea rows="10" cols="100" id="descarea"
				value="#{testStepsAdministrationManager.selectedTestSteps.description}"
				styleClass="#{styleClassColorFont}">
			</h:inputTextarea>
			<a4j:support event="onblur" reRender="testStepsDescriptionDecoration"
				action="#{testStepsAdministrationManager.validateTestStepsDescription()}" />
		</s:decorate>
	</a4j:region>
	
	<br />
	<br />
	
	<s:div id="ListCIInput">
		<h:panelGrid columns="5" id="columnGrToCIIn">
			<h:outputText value="Contextual Information Input" style="font-weight:bold;" />
			<rich:spacer width="10px" />
			<h:graphicImage id="addContInfo"
				value="/img/addRZ.gif" width="15" height="15"
				style="cursor:pointer" title="Add Contextual Information">
				<a4j:support event="onclick"
					actionListener="#{testStepsAdministrationManager.initializeContextualInformation(1)}"
					onsubmit="Richfaces.showModalPanel('panelLoading');"
					reRender="AddContextualInformation"
					oncomplete="Richfaces.hideModalPanel('panelLoading');#{rich:component('AddContextualInformation')}.show();" />
			</h:graphicImage>
			<rich:spacer width="10px" />
			<h:graphicImage id="linkContInfo"
				value="/img/load64.gif" width="15" height="15"
				style="cursor:pointer" title="Link to Contextual Information">
				<a4j:support event="onclick"
					actionListener="#{testStepsAdministrationManager.initializeContextualInformation(1)}"
					onsubmit="Richfaces.showModalPanel('panelLoading');"
					reRender="LinkContextualInformation"
					oncomplete="Richfaces.hideModalPanel('panelLoading');#{rich:component('LinkContextualInformation')}.show();" />
			</h:graphicImage>
		</h:panelGrid>
		
		<br />
		
		<rich:dataTable id="dataTabOfCI" var="currentCI" 
					value="#{testStepsAdministrationManager.selectedTestSteps.inputContextualInformationList}"
					rowKeyVar="rowNumber" reRender="ds"
					rendered="#{testStepsAdministrationManager.viewTableOfCIInput()}"
					onRowMouseOver="this.style.backgroundColor='#94C2E6'"
					onRowMouseOut="this.style.backgroundColor='#{a4jSkin.tableBackgroundColor}'"
					rows="10">
							
			<rich:column id="CIidcol"  
				sortBy="#{currentCI.id}" sortOrder="ASCENDING">
				<f:facet name="header">Id</f:facet>
				<h:outputText value="#{currentCI.id}" />
			</rich:column>
			
			<rich:column id="CIlabelcol"  
				sortBy="#{currentCI.label}" sortOrder="ASCENDING">
				<f:facet name="header">Label</f:facet>
				<h:outputText value="#{currentCI.label}" />
			</rich:column>
			
			<rich:column id="CIpathcol"  
				sortBy="#{currentCI.path}" sortOrder="ASCENDING">
				<f:facet name="header">Path</f:facet>
				<h:outputText value="#{currentCI.path}" />
			</rich:column>
			
			<rich:column id="CIvaluecol"  
				sortBy="#{currentCI.value}" sortOrder="ASCENDING">
				<f:facet name="header">Value</f:facet>
				<h:outputText value="#{currentCI.value}" />
			</rich:column>
			
			<rich:column id="CIInActioncol">
				<f:facet name="header">Action</f:facet>
				<center>
					<h:graphicImage id="deleteCIIn"
						style="cursor:pointer;" value="/img/icons64/deleteRedJR.gif"
						width="18" height="18"
						rendered="#{applicationPreference.isPossibleToDeleteOnGMM()}">
						<a4j:support
							event="onclick"
							actionListener="#{testStepsAdministrationManager.updateSelectedContextualInformationForInput(currentCI)}"
							oncomplete="#{rich:component('DeleteCIModal')}.show();" />
					</h:graphicImage>
					<h:graphicImage id="editCIIn2" style="cursor:pointer;"
						value="/img/icons64/edit.gif" width="18" height="18">
						<a4j:support
							event="onclick"
							actionListener="#{testStepsAdministrationManager.updateSelectedContextualInformation(currentCI,1)}"
							oncomplete="#{rich:component('AddContextualInformation')}.show();"
							reRender="AddContextualInformation" />
					</h:graphicImage>
				</center>
			</rich:column>
			
			<f:facet name="footer">
				<rich:datascroller id="ds" maxPages="10"
					onpagechange="Richfaces.showModalPanel('panelLoading');"
					oncomplete="Richfaces.hideModalPanel('panelLoading');"
					renderIfSinglePage="false" />
			</f:facet>
			
		</rich:dataTable>
		
	</s:div>
	
	<br />
	<s:div id="ListCIOutput">
		<h:panelGrid columns="3" id="columnGrToCIOut">
			<h:outputText value="Contextual Information Output" style="font-weight:bold;" />
			<rich:spacer width="10px" />
			<h:graphicImage id="addContOutInfo"
				value="/img/addRZ.gif" width="15" height="15"
				style="cursor:pointer" title="Add Contextual Information">
				<a4j:support event="onclick"
					actionListener="#{testStepsAdministrationManager.initializeContextualInformation(2)}"
					onsubmit="Richfaces.showModalPanel('panelLoading');"
					reRender="AddContextualInformation"
					oncomplete="Richfaces.hideModalPanel('panelLoading');#{rich:component('AddContextualInformation')}.show();" />
			</h:graphicImage>
		</h:panelGrid>
		
		<br />
		<br />
		
		<rich:dataTable id="dataTabOfCIOut" var="currentCI" 
					value="#{testStepsAdministrationManager.selectedTestSteps.outputContextualInformationList}"
					rowKeyVar="rowNumber" reRender="dsOut"
					rendered="#{testStepsAdministrationManager.viewTableOfCIOutput()}"
					onRowMouseOver="this.style.backgroundColor='#94C2E6'"
					onRowMouseOut="this.style.backgroundColor='#{a4jSkin.tableBackgroundColor}'"
					rows="10">
							
			<rich:column id="CIOutidcol"  
				sortBy="#{currentCI.id}" sortOrder="ASCENDING">
				<f:facet name="header">Id</f:facet>
				<h:outputText value="#{currentCI.id}" />
			</rich:column>
			
			<rich:column id="CIOutlabelcol"  
				sortBy="#{currentCI.label}" sortOrder="ASCENDING">
				<f:facet name="header">Label</f:facet>
				<h:outputText value="#{currentCI.label}" />
			</rich:column>
			
			<rich:column id="CIOutpathcol"  
				sortBy="#{currentCI.path}" sortOrder="ASCENDING">
				<f:facet name="header">Path</f:facet>
				<h:outputText value="#{currentCI.path}" />
			</rich:column>
			
			<rich:column id="CIOutvaluecol"  
				sortBy="#{currentCI.value}" sortOrder="ASCENDING">
				<f:facet name="header">Value</f:facet>
				<h:outputText value="#{currentCI.value}" />
			</rich:column>
			
			<rich:column id="CIOutActioncol">
				<f:facet name="header">Action</f:facet>
				<center>
					<h:graphicImage id="deleteCIOut"
						style="cursor:pointer;" value="/img/icons64/deleteRedJR.gif"
						width="18" height="18"
						rendered="#{applicationPreference.isPossibleToDeleteOnGMM()}">
						<a4j:support
							event="onclick"
							actionListener="#{testStepsAdministrationManager.updateSelectedContextualInformationForOutput(currentCI)}"
							oncomplete="#{rich:component('DeleteCIModal')}.show();" />
					</h:graphicImage>
					<h:graphicImage id="editCIOut" style="cursor:pointer;"
						value="/img/icons64/edit.gif" width="18" height="18">
						<a4j:support
							event="onclick"
							actionListener="#{testStepsAdministrationManager.updateSelectedContextualInformation(currentCI,2)}"
							oncomplete="#{rich:component('AddContextualInformation')}.show();"
							reRender="AddContextualInformation" />
					</h:graphicImage>
				</center>
			</rich:column>
			
			<f:facet name="footer">
				<rich:datascroller id="dsOut" maxPages="10"
					onpagechange="Richfaces.showModalPanel('panelLoading');"
					oncomplete="Richfaces.hideModalPanel('panelLoading');"
					renderIfSinglePage="false" />
			</f:facet>
			
		</rich:dataTable>
		
	</s:div>
	
</ui:composition>