btnmw-was-app/Apps/MWUI/jsp/ePayment/appUser_create.jsp

<%@ include file="../common/header.jsp"%>
 
<script type="text/javascript" src="./js/autocomplete/jquery.js"></script>
<script type='text/javascript'
	src='./js/autocomplete/jquery.bgiframe.min.js'></script>
<script type='text/javascript'
	src='./js/autocomplete/jquery.ajaxQueue.js'></script>
<script type='text/javascript'
	src='./js/autocomplete/thickbox-compressed.js'></script>
<script type='text/javascript'
	src='./js/autocomplete/jquery.autocomplete.js'></script>
<script type='text/javascript' src='./js/autocomplete/localdata.js'></script>



<script type="text/javascript">
$(function() {
	function format(jsonmap) {
		return jsonmap.name +  " - " + jsonmap.value;
	}
	$("#biller_name").autocomplete('appUser.do?action=getBillers', {
		dataType: "json",
		parse: function(data) {
			return $.map(data, function(row) {
				return {
					data: row,
					value: row.name,
					result: row.name
				}
			});
		},
		formatItem: function(jsonmap) {
			return format(jsonmap);
		}
	}).result(function(e, jsonmap) {
		//after select
		$("#biller").val(jsonmap.name);
		$("#biller_name").val(format(jsonmap));
		$.get("appUser.do", { "action": "getBillerGroups", "biller" : jsonmap.name },
		function(data){
			options = '';
			for (var i = 0; i < data.length; i++) {
				options += '<option value="' + data[i].name + '">' + data[i].value + '</option>';
			}
			$("#billerGroups").html(options);
			$('#billerGroups option:first').attr('selected', 'selected');
			
		}, "json");
		$.get("appUser.do", { "action": "getAccounts", "billerAccount" : jsonmap.name },
		function(data){
			optionsLeft = '';
			optionsRight = '';
			if(data.length > 0) { 
				for (var i = 0; i < data.length; i++) {
					optionsLeft += '<option value="' + data[i].name + '">' + data[i].name + '</option>';
				}
			}
			$("#accountNumberLeft").html(optionsLeft);
			$("#accountNumberRight").html(optionsRight);
			
		}, "json");
	});
});
</script>


<script type="text/javascript" language="javascript"> 
	<!--
		function doCreate(){
			var x = window.confirm("Create appUser?");
			var src = document.getElementById("accountNumberRight");
			for(var i=0; i<src.options.length; i++) {
				src.options[i].selected = true;
			}
			if (x) {
				document.forms.appUser.action.value="create_ok";
				document.forms.appUser.post.value = "true"; 
				document.forms.appUser.submit();
			}
		}

		function doBack(){
			document.forms.appUser.action.value="list";
			document.forms.appUser.clear.value="true";
			document.forms.appUser.submit();
		}
		
		function listbox_moveacross(sourceID, destID) {
		    var src = document.getElementById(sourceID);
		    var dest = document.getElementById(destID);
		    for(var count=0; count < src.options.length; count++) {
		        if(src.options[count].selected == true) {
	                var option = src.options[count];
	                var newOption = document.createElement("option");
	                newOption.value = option.value;
	                newOption.text = option.text;
	                newOption.selected = true;
	                try {
                 		dest.add(newOption, null); //Standard
                        src.remove(count, null);
                 	}catch(error) {
                        dest.add(newOption); // IE only
                        src.remove(count);
                 	}
               		count--;
		        }
		    }
		}
		
		function listbox_moveacross_all(sourceID, destID) {
		    var src = document.getElementById(sourceID);
		    var dest = document.getElementById(destID);
		    for(var count=0; count < src.options.length; count++) {
		        src.options[count].selected == true 
                var option = src.options[count];
                var newOption = document.createElement("option");
                newOption.value = option.value;
                newOption.text = option.text;
                newOption.selected = true;
                try {
               		dest.add(newOption, null); //Standard
                	src.remove(count, null);
               	}catch(error) {
                     dest.add(newOption); // IE only
                     src.remove(count);
               	}
           		count--;
		    }
		}

		function listbox_selectall(listID, isSelect) {
			var listbox = document.getElementById(listID);
			for(var count=0; count < listbox.options.length; count++) {
				listbox.options[count].selected = isSelect;
			}
		}
		
	-->
</script>
<!-- CONTENT -->


<form name="appUser" method="post" action="appUser.do">
	<input type="hidden" name="action" /> <input type="hidden" name="clear" /> 
	<input type="hidden" name="sequence" /> <input type="hidden" name="post" /> 
	<input type="hidden" name="redirect" value="create" />
	<table width="100%" border="0" align="center" cellpadding="2" cellspacing="4">
		<tr>
			<td class="titleHeader" align="left"><bean:message	key="project.appUser.key" /> CREATE</td>
		</tr>
	</table>

	<table width="100%" border="0" align="center" cellpadding="2"	cellspacing="4">
		<tr>
			<td align="center">
				<table width="100%" border="0" cellspacing="1" cellpadding="2">
					<tr>
						<td colspan="6"><html:errors /></td>
					</tr>
					<tr>
						<td width="15%"><b><bean:message key="appUser.loginName.key" /><font color="#FF0000">*</font></b></td>
						<td width="10">:</td>
						<td width="30%">
							<input type="text" name="loginName" value="<bean:write name="appUser" property="loginName" />" />
						</td>
						<td width="5%">&nbsp;</td>
						<td width="15%">&nbsp;</td>
						<td width="10">&nbsp;</td>
						<td width="30%">&nbsp;</td>
					</tr>									
					
					<tr>
						<td width="15%"><b>
							<bean:message key="appUser.firstName.key" /><font color="#FF0000">*</font></b>
						</td>
						<td width="10">:</td>
						<td width="30%">
							<input type="text" name="firstName" value="<bean:write name="appUser" property="firstName" />" />
						</td>
						<td width="5%">&nbsp;</td>
						<td width="15%">&nbsp;</td>
						<td width="10">&nbsp;</td>
						<td width="30%">&nbsp;</td>
					</tr>
					<tr>
						<td width="15%">
							<b><bean:message key="appUser.lastName.key" /></b>
						</td>
						<td width="10">:</td>
						<td width="30%">
							<input type="text" name="lastName" value="<bean:write name="appUser" property="lastName" />" />
						</td>
						<td width="5%">&nbsp;</td>
						<td width="15%">&nbsp;</td>
						<td width="10">&nbsp;</td>
						<td width="30%">&nbsp;</td>
					</tr>
					<tr>
						<td width="15%">
							<b><bean:message key="appUser.biller.key" /><font color="#FF0000">*</font></b>
						</td>
						<td width="10">:</td>
						<td width="30%">
							<input type="text" id="biller_name" size="50" name="biller_name" value="<bean:write name="biller_name" />" />
							<input type="hidden" id="biller" name="biller" value="
								<logic:notEmpty name="appUser" property="biller">			
								<bean:write name="appUser" property="biller.code" />
								</logic:notEmpty>	
							" />
						</td>
						<td width="5%">&nbsp;</td>
						<td width="15%">&nbsp;</td>
						<td width="10">&nbsp;</td>
						<td width="30%">&nbsp;</td>
					</tr>
					<tr>
						<td width="15%"><b><bean:message key="appUser.billerGroup.key" /><font
							color="#FF0000">*</font></b></td>
						<td width="10">:</td>
						<td width="30%">
							<select id="billerGroups" name="billerGroups">
								<logic:notEmpty name="billerGroupList">			
		            			<logic:iterate id="billerGroup" name="billerGroupList">
		            				<option value="<bean:write name="billerGroup" property="id" />"
							 			<logic:notEmpty name="appUser" property="billerGroup">
											<logic:equal name="billerGroup" property="id" value="${appUser.billerGroup}">
												selected="selected"
											</logic:equal>
										</logic:notEmpty>
									 >
									 	<bean:write name="billerGroup" property="name" /> 
									</option>
		            			</logic:iterate>
								</logic:notEmpty>
							</select>
						</td>
						<td width="5%">&nbsp;</td>
						<td width="15%">&nbsp;</td>
						<td width="10">&nbsp;</td>
						<td width="30%">&nbsp;</td>
					</tr>
			        <tr>
			            <td valign="top"><b>Roles</b></td>
			            <td valign="top">:</td>
			            <td valign="top">
		            		<logic:notEmpty name="roleList">			
	            			<logic:iterate id="role" name="roleList">
	            				<input type="checkbox" 
						 			<logic:notEmpty name="appUser" property="roles">
									<logic:iterate id="element_roles" name="appUser" property="roles" >
										<logic:equal name="role" property="code" value="${element_roles.code}">
											checked="checked"
										</logic:equal>
									</logic:iterate>
									</logic:notEmpty>
								name="roleList" value="<bean:write name="role" property="code"/>" /> 
								<bean:write name="role" property="name"/> <br />
	            			</logic:iterate>
							</logic:notEmpty>
						</td>		
		            </tr>
           		</table>
           		<table border="0" width="98%" align="center" cellpadding="2" cellspacing="2">
					<tr>
						<td width="15%" valign="top"><b><bean:message key="appUser.accNo.key" /><font color="#FF0000">*</font></b></td>
						<td width="1%" valign="top">:</td>
						<td width="15%">
							<select id="accountNumberLeft" name="accountsLeft" size="10" multiple>
								<logic:notEmpty name="accountsList">
									<logic:iterate id="element_accountNumber" name="accountsList">			
				           				<option value="<bean:write name="element_accountNumber" property="acctno" />">
				           					<bean:write name="element_accountNumber" property="acctno" />
										</option>
				           			</logic:iterate>
								</logic:notEmpty>
								<logic:empty name="accountsList">
									<logic:notEmpty name="accountNumberList">			
			            			<logic:iterate id="element_accountNumber" name="accountNumberList">
			            				<option value="<bean:write name="element_accountNumber" property="acctno" />">
										 	<bean:write name="element_accountNumber" property="acctno" /> 
										</option>
			            			</logic:iterate>
									</logic:notEmpty>
								</logic:empty>
							</select>
						</td>
						<td valign="top">
							<a href="#" onclick="listbox_moveacross('accountNumberLeft', 'accountNumberRight')">&gt;</a>
							<br/>
							<a href="#" onclick="listbox_moveacross_all('accountNumberLeft', 'accountNumberRight')">&gt;&gt;</a>
							<br/><br/>
							<a href="#" onclick="listbox_moveacross('accountNumberRight', 'accountNumberLeft')">&lt;</a>
							<br/>
							<a href="#" onclick="listbox_moveacross_all('accountNumberRight', 'accountNumberLeft')">&lt;&lt;</a>
						</td>
						<td>
							<select id="accountNumberRight" name="accountsRight" size="10" multiple>
								<logic:notEmpty name="accountList">			
			            			<logic:iterate id="account" name="accountList">
			            				<logic:notEmpty name="account" property="acctno">
											<option value="<bean:write name="account" property="acctno" />"selected = "selected">
												<bean:write name="account" property="acctno" />
											</option>
										</logic:notEmpty>
									</logic:iterate>
								</logic:notEmpty>
							</select>
						</td>
						<td width="5%">&nbsp;</td>	
						<td width="15%">&nbsp;</td>
						<td width="10">&nbsp;</td>
						<td width="30%">&nbsp;</td>
					</tr>
					<tr>
						<td width="15%"></td>
						<td width="1%"></td>
						<td width="15%">
							<input type="button" value="<bean:message key="button.back"/>" 	onclick="javascript:doBack();" /> &nbsp;<input type="button" 
							value="<bean:message key="button.submit"/>"	onclick="javascript:doCreate();" />
						</td>
						<td colspan="4">&nbsp;</td>
					</tr>
				</table>
			</td>
		</tr>
		<tr>
			<td>&nbsp;</td>
		</tr>
	</table>
</form>
<!-- END CONTENT -->
<%@ include file="../common/footer.jsp"%>