btnmw-was-app/Apps/MWUI/jsp/config/devTellerMap_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" language="javascript">
		function doCreateOk() {
			var form = document.forms.devTellerMap;
			var message = "";
			var focus = false;

			if (trim(form.group.value).length == 0) {
				message = message + ("<bean:message key="error.devTellerMap.group" />\n");
				if (!focus) form.group.focus(); focus = true;
			}
			if (trim(form.deviceId.value).length == 0) {
				message = message + ("<bean:message key="error.devTellerMap.deviceId" />\n");
				if (!focus) form.deviceId.focus(); focus = true;
			}
			if (trim(form.deviceName.value).length == 0) {
				message = message + ("<bean:message key="error.devTellerMap.deviceName" />\n");
				if (!focus) form.deviceName.focus(); focus = true;
			}
			if (trim(form.terminalId.value).length == 0) {
				message = message + ("<bean:message key="error.devTellerMap.terminalId" />\n");
				if (!focus) form.terminalId.focus(); focus = true;
			}
			if (trim(form.terminalIp.value).length == 0) {
				message = message + ("<bean:message key="error.devTellerMap.terminalIp" />\n");
				if (!focus) form.terminalIp.focus(); focus = true;
			}
			if (trim(form.tellerId.value).length == 0) {
				message = message + ("<bean:message key="error.devTellerMap.tellerId" />\n");
				if (!focus) form.tellerId_id.focus(); focus = true;
			} else if (trim(form.tellerId_id.value).length == 0) {
				message = message + ("<bean:message key="error.devTellerMap.tellerId" />\n");
				if (!focus) form.tellerId_id.focus(); focus = true;
			}

			if (message == "") {
				var x = window.confirm("<bean:message key="confirm.create" />")
				if (x) {
					form.action.value="create_ok";
					form.submit();
					doDisable(form, "button");
				}
			} else {
				alert(message);
			}
		}
		
		function doChangeGroup() {
			var form = document.forms.devTellerMap;

			form.tellerId_id.value = "";
		}

		$(function() {
			function format(jsonmap) {
				return jsonmap.tellerId+ " - " +jsonmap.tellerName+ " - " +jsonmap.ctrlUnitId;
			}
			$("#tellerId_id").autocomplete('devTellerMap.do?action=loadTeller', {
				dataType: "json",
				parse: function(data) {
					return $.map(data, function(row) {
						return {
							data: row,
							value: row.tellerName,
							result: row.tellerName
						}
					});
				},
				formatItem: function(jsonmap) {
					return format(jsonmap);
				},
				extraParams:{ group:function(){ return $("#group_id").val();} }
			}).result(function(e, jsonmap) {
				//after select
				$("#tellerId_id").val(format(jsonmap));
				$("#tellerId").val(jsonmap.tellerId);
				$("#tellerName").val(jsonmap.tellerName);
				$("#ctrlUnitId").val(jsonmap.ctrlUnitId);
			});
		});

		function doReloadTeller() {
			var form = document.forms.devTellerMap;
			var message = "";
			var group = form.group.value;
			if (trim(group).length == 0) {
				message = message + ("<bean:message key="error.devTellerMap.group" />\n");
				if (!focus) form.group.focus(); focus = true;
			}

			if (message == "") {
				var req = createXMLHttpRequest();
				
				try {
					var url = "devTellerMap.do?action=reloadTeller&group=" +group+ "&ts=" +new Date().getTime();
					req.open("GET", url);
					
					req.onreadystatechange = function(){
						if (req.readyState < 4){
							document.getElementById('tellerId_div').innerHTML = "<img src='./images/wait.gif' border=0 >&nbsp;<b>Please Wait...<\/b>";
						}
						if (req.readyState == 4){
							document.getElementById('tellerId_div').innerHTML = "";
						}
					}
					req.send(null);

				} catch(e) {
					alert(e);
				}
			} else {
				alert(message);
			}
		}
</script>

<!-- CONTENT -->
<form name="devTellerMap" method="post" action="devTellerMap.do">
	<input type="hidden" name="action">
	<input type="hidden" name="clear">
	<input type="hidden" name="ctrlUnitId" id="ctrlUnitId" value="<logic:notEmpty name="devTellerMap"><bean:write name="devTellerMap" property="ctrlUnitId" /></logic:notEmpty>">
	<input type="hidden" name="itemFocus" value="group">
	<input type="hidden" name="redirect" value="create">
	<input type="hidden" name="sequence">
	<input type="hidden" name="tellerName" id="tellerName" value="<logic:notEmpty name="tellerName"><bean:write name="tellerName" /></logic:notEmpty>">
	<input type="hidden" name="tellerId" id="tellerId" value="<logic:notEmpty name="devTellerMap"><bean:write name="devTellerMap" property="tellerId" /></logic:notEmpty>">

	<table width="100%" border="0" align="center" cellpadding="2" cellspacing="4">
		<tr>
			<td class="titleHeader" align="left"><bean:message key="project.devTellerMap.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="devTellerMap.group.key"/> <font color="#FF0000">*</font></b></td>
						<td width="10">:</td>
						<td width="30%">
							<select name="group" style="width:200" id="group_id" onchange="doChangeGroup();">
								<option value="">-- Select Group --</option>
							<logic:notEmpty name="groupList">
							<logic:iterate id="element_group" name="groupList" >
								<option value="<bean:write name="element_group" property="name" />"
							<logic:notEmpty name="devTellerMap" property="group">
							<logic:equal name="devTellerMap" property="group" value="${element_group.name}">
								selected
							</logic:equal>
							</logic:notEmpty>
								><bean:write name="element_group" 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 width="15%"><b><bean:message key="devTellerMap.deviceId.key"/> <font color="#FF0000">*</font></b></td>
						<td width="10">:</td>
						<td width="30%">
							<html:text name="devTellerMap" property="deviceId" size="30"/>
						</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="devTellerMap.deviceName.key"/> <font color="#FF0000">*</font></b></td>
						<td width="10">:</td>
						<td width="30%">
							<html:text name="devTellerMap" property="deviceName" size="30"/>
						</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="devTellerMap.terminalId.key"/> <font color="#FF0000">*</font></b></td>
						<td width="10">:</td>
						<td width="30%">
							<html:text name="devTellerMap" property="terminalId" size="30"/>
						</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="devTellerMap.terminalIp.key"/> <font color="#FF0000">*</font></b></td>
						<td width="10">:</td>
						<td width="30%">
							<html:text name="devTellerMap" property="terminalIp" size="30"/>
						</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="devTellerMap.tellerId.key"/> <font color="#FF0000">*</font></b></td>
						<td width="10">:</td>
						<td width="30%">
							<input type="text" name="tellerId_id" size="50" id="tellerId_id" value="<logic:notEmpty name="combine"><bean:write name="combine" /></logic:notEmpty>">
							<input type="button" value="<bean:message key="button.reload"/>" onclick="javascript:doReloadTeller();">
							<div id="tellerId_div" align="left">&nbsp;</div>
						</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="10"></td>
						<td width="30%">
							<input type="button" value="<bean:message key="button.submit"/>" onclick="javascript:doCreateOk();">
						</td>
						<td colspan="4">&nbsp;</td>
					</tr>
				</table>
			</td>
		</tr>
		<tr>
			<td>&nbsp;</td>
		</tr>
	</table> 
</form>
<!-- END CONTENT -->   
<logic:notEmpty name="focus"><bean:write name="focus" filter="false" /></logic:notEmpty>   
<%@ include file="../common/footer.jsp"%>