btnmw-was-app/Apps/MWUI/jsp/ePayment/billerData_edit.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 loadPageInit() {
			doLoadBillerReport();
		}
		
		function doChangeReport() {
			doLoadBillerReport();
		}
		
		function doLoadBillerReport() {
			var form = document.forms.billerData;
			var code = form.billerCode.value;
			var billerDataCode = form.billerDataCode.value;
			var req = createXMLHttpRequest();
			
			if (code <= 0) {
				document.getElementById('report_div').innerHTML = "";
			} else {
				try {					
					var url = "billerData.do?action=getBillerReport&code=" +code+ "&billerDataCode=" +billerDataCode+ "&ts=" +new Date().getTime();
					req.open("GET", url);
					
					req.onreadystatechange = function(){
						if (req.readyState < 4){
							document.getElementById('report_div').innerHTML = "<img src='./images/wait.gif' border=0 >&nbsp;<b>Please Wait...<\/b>";
						}
						if (req.readyState == 4){
							var response = req.responseText;
							if (response) {
								var responseHTML = "<tr><td>";
								responseHTML = responseHTML + "<input type=\"checkbox\" id=\"header\" value=\"checkbox\" onclick=\"checkAll('header','report');\">";
								responseHTML = responseHTML + " Check All";
								responseHTML = responseHTML + "</td></tr><br/>";

								var rst = eval("(" + response + ")");
								for(var i=0;i<rst.length;i++){
									var code = rst[i].code;
									var name = rst[i].name;
									var checked = rst[i].checked;

									responseHTML = responseHTML + "<tr><td>";
									responseHTML = responseHTML + "<input type=\"checkbox\"";

									if (checked == true)
										responseHTML = responseHTML + "checked=\"CHECKED\"";
									
									responseHTML = responseHTML + " name=\"report_" + code + "\">";
									responseHTML = responseHTML + " " + name;
									responseHTML = responseHTML + "</td></tr><br/>";
								}
								document.getElementById('report_div').innerHTML = responseHTML;
							} else {
								document.getElementById('report_div').innerHTML = "";
							}
						}
					}
					req.send(null);
	
				} catch(e) {
					alert(e);
				}
			}
		}
		
		$(function() {
			function format(jsonmap) {
				return jsonmap.name+ " - " +jsonmap.value;
			}
			$("#idNhBilCon").autocomplete('billerData.do?action=loadCodeBillerName', {
				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
				$("#idNhBilCon").val(format(jsonmap));
				//$("#codeBiller_div").html(jsonmap.name);
				$("#codeNhBilCon").val(jsonmap.name);
			});
		});

		function doBack(){
			document.forms.billerData.action.value="edit";
			document.forms.billerData.clear.value="true";
			document.forms.billerData.submit();
			doDisable(document.forms.billerCategory, "button");
		}     
		
		function doEditSearch(){
			document.forms.billerData.action.value="edit_search";
			document.forms.billerData.clear.value="true";
			document.forms.billerData.submit();
			doDisable(document.forms.billerCategory, "button");
		}   
		
		function doEditOk(){
			var x = window.confirm("<bean:message key="confirm.edit" />");
			if(x){
				document.forms.billerData.action.value="edit_ok";
				document.forms.billerData.clear.value="true";
				document.forms.billerData.submit();
				doDisable(document.forms.billerData, "button");
			}
		}
		
		function checkAll(header, chk) {
			var chkbox = document.getElementsByTagName('input');
			if(document.getElementById(header).checked==true){
				for (i = 0; i < chkbox.length; i++) {
					if(chkbox[i].type == 'checkbox' && chkbox[i].name.substr(0, chkbox[i].name.indexOf('_')) == chk)
						chkbox[i].checked = true ;
				}
			} else {
				for (i = 0; i < chkbox.length; i++) {
					if(chkbox[i].type == 'checkbox' && chkbox[i].name.substr(0, chkbox[i].name.indexOf('_')) == chk)
						chkbox[i].checked = false ;
				}
			}
		}
	-->
</script>

<!-- CONTENT -->
<form name="billerData" method="post" action="billerData.do">
<input type="hidden" name="action" value ="">
<input type="hidden" name="clear" value ="">
<input type="hidden" name="status">
<input type="hidden" id="codeNhBilCon" name="codeNhBilCon">
<input type="hidden" name="code" value="<logic:notEmpty name="biller" property="code"><bean:write name="biller" property="code" /></logic:notEmpty>">
<input type="hidden" name="billerDataCode" value="<logic:notEmpty name="billerDataCode"><bean:write name="billerDataCode" /></logic:notEmpty>">
<input type="hidden" name="redirect" value="edit">

	<table width="100%" border="0" align="center" cellpadding="2" cellspacing="4">
	  	<tr>
			<td class="titleHeader"><bean:message key="project.biller.key"/> - EDIT</td>
	  	</tr>
	  	<tr><td><html:errors/></td></tr> 
	</table> 
 	<table width="100%" border="0" align="center" cellpadding="2" cellspacing="4"> 
	  	<tr>
			<td align="center">
				<logic:empty name="biller" property="code">
					<table width="100%" border="0" cellspacing="1" cellpadding="2">
				  		<tr align = "left">
		  					<td width="15%"><b><bean:message key="billerData.biller.key" /></b></td>
							<td width="1%">:</td>
							<td width="84%" valign="top" colspan="4">
							<table border="0" cellspacing="0" cellpadding="0">
								<tr>
									<td><input type="text" name="idNhBillerData" size="50" id="idNhBilCon"></td>
								</tr>
							</table> 
							</td>
				 		</tr>
			   		</table>
				</logic:empty>
		
				<logic:notEmpty name="biller" property="code">
					<table width="100%" border="0" cellspacing="1" cellpadding="2">
						<tr align = "left">
				  			<td width="15%"><b><bean:message key="billerData.biller.key" /></b></td>
							<td width="1%">:</td>
							<td width="84%" valign="top" colspan="4">
								&nbsp;<bean:write name="billerName"/> - <bean:write name="biller" property="code"/> 
							</td>
				 		</tr>
						<tr align = "left">
							<td width="15%"><b><bean:message key="billerData.category.key" /></b></td>
							<td width="1%">:</td>
							<td width="84%" valign="top" colspan="4">
								<select name="billerCode" style="width:200" onchange="doChangeReport();">
									<option value="">-- Select Biller Category --</option>
								<logic:notEmpty name="billerCategoryList">
								<logic:iterate id="element_billerCategory" name="billerCategoryList" >
									<option value="<bean:write name="element_billerCategory" property="code" />"
								<logic:notEmpty name="biller" property="billerCategory.code">
								<logic:equal name="element_billerCategory" property="code" value="${biller.billerCategory.code}">
									selected
								</logic:equal>
								</logic:notEmpty>
									><bean:write name="element_billerCategory" property="name" /></option>
								</logic:iterate>
								</logic:notEmpty>
								</select>
							</td>
						</tr>
						<tr>
							<td width="15%" valign="top"><b><bean:message key="billerData.report.key" /></b></td>
							<td width="1%" valign="top">:</td>
							<td width="84%" valign="top" colspan="4">
								<table border="0" width="100%" align="center" cellpadding="0" cellspacing="0">
									<tr>
										<td>
											<div id="report_div" align="left">&nbsp;</div>
										</td>
									</tr>
								</table>
							</td>
						</tr>
					</table>
			 	</logic:notEmpty>
		 
			 	<table width="100%" border="0" cellspacing="1" cellpadding="2">
				  	<tr>
						<td width="15%" valign="top"></td>
						<td width="1%%" valign="top"></td>
						<td width="84%" valign="top">
						<logic:empty name="biller" property="code">
							<input type="button" value="<bean:message key="button.edit" />" onclick="javascript:doEditSearch();">
						</logic:empty>
						<logic:notEmpty name="biller" property="code">
							&nbsp;&nbsp;
							<input type="button" value="<bean:message key="button.cancel" />" onclick="javascript:doBack();">
							&nbsp;&nbsp;
							<input type="button" value="<bean:message key="button.update" />" onclick="javascript:doEditOk();">
						</logic:notEmpty>
						</td>
						<td colspan="4">&nbsp;</td>
					</tr>
				</table>
	 		</td>
    	</tr>
   </table> 
 </form>
<logic:notEmpty name="biller" property="code">
	<script type="text/javascript" language="javascript">loadPageInit();</script>
</logic:notEmpty> 
<!-- END CONTENT -->   
<%@ include file="../common/footer.jsp"%>