btnmw-was-app/Apps/REKON/jsp/rekon/rekon.jsp

<%@ include file="../common/header.jsp"%>

<script type="text/javascript" src="./js/jquery/jquery-1.4.2.min.js"></script>

<script type="text/javascript">
		var errorhandler = function(xhr, textStatus, error){
    		// do something on error case
		};
		
						
		$(document).ready(function(){
		
			var errorhandler = function(xhr, textStatus, error){
			    $("#alertContainer").html("error ocurredx");
			};
			
			$("#viewRekonData").click(function() {
				$("#viewRekonData").attr("disabled", true);
				//console.log("viewInfo clicked");
				$.post(
						"rekon.do" , 
						{ 
							action: 'viewRekonInfo', 
							startDate: $('#startDate').val(), 
							endDate: $('#endDate').val(),
							fileDate: $('#fileDate').val(),
							fileName: '200[QL:P11]-[DF:[LD],yyyy-MM-dd,yyyyMMdd]01.TXT', 
							chanel: $('#biller').val()
						} ,
				   		function(data){
							//console.log("success submit");
							//console.log(data);
							var downloadLink = "?rekon.do?action=download&file=";
							var uploadedFiles = data["uploadedFiles"];
							$("#generatedListTable > tbody").find("tr").remove();
							
							if (uploadedFiles != "NOT_EXISTS") {
								for (var i=0; i < uploadedFiles.length; i++) {
										var uploadedFile = uploadedFiles[i];
										downloadLink = '<a href="rekon.do?action=download&file='+ uploadedFile.fileName +'&folder=' + uploadedFile.directory + '">' + uploadedFile.fileName + '</a>';
										$("#generatedListTable > tbody").append('<tr class="tr1"><td>' + downloadLink + '</td><td>' + uploadedFile.fileSize + '</td><td>' + uploadedFile.created + '</td><td></td></tr>');
								}
								$("#generateAlert").html("Success get generated files");
							} else {
								$("#generateAlert").html("Generate file not exist");
							}	
							
							var uploadLogs = data["uploadLogs"];
							$("#uploadedListTable > tbody").find("tr").remove();
							
							if (uploadLogs != "NOT_EXISTS") {
								for (var i=0; i < uploadLogs.length; i++) {
										var uploadLog = uploadLogs[i];
										//console.log("upload log: " + uploadLog);
										$("#uploadedListTable > tbody").append('<tr class="tr1"><td>Uploaded</td><td>' + uploadLog.fromApp + '</td><td>' + uploadLog.dateString + '</td><td></td></tr>');
								}
								$("#uploadAlert").html("Success download upload logs");
							} else {
								$("#uploadAlert").html("Upload logs not exists");
							}
							
							var downloadedFiles = data["downloadedFiles"];
							$("#downloadedListTable > tbody").find("tr").remove();
							
							if (downloadedFiles != "NOT_EXISTS") {
								for (var i=0; i < downloadedFiles.length; i++) {
										var downloadedFile = downloadedFiles[i];
										downloadLink = '<a href="rekon.do?action=download&file='+ downloadedFile.fileName +'&folder=' + downloadedFile.directory + '">' + downloadedFile.fileName + '</a>';
										$("#downloadedListTable > tbody").append('<tr class="tr1"><td>' + downloadLink + '</td><td>' + downloadedFile.fileSize + '</td><td>' + downloadedFile.created + '</td><td></td></tr>');
								}
								$("#downloadAlert").html("Success get download file");
							} else {
								$("#downloadAlert").html("Downloaded files not exist");
							}	
							
							
							var settlements = data["settlements"];
							$("#settlementListTable > tbody").find("tr").remove();
							
							if (settlements != "NOT_EXISTS") {
								for (var i=0; i < settlements.length; i++) {
										var settlement = settlements[i];
										downloadLink = '<a href="rekon.do?action=download&file='+ settlement.fileName +'&folder=' + settlement.directory + '">' + settlement.fileName + '</a>';
										$("#settlementListTable > tbody").append('<tr class="tr1"><td>' + downloadLink + '</td><td>' + settlement.fileSize + '</td><td>' + settlement.created + '</td><td></td></tr>');
								}
								$("#settlementAlert").html("Success get settlements files");
							} else {
								$("#settlementAlert").html("Settlement files not exist");
							}	
							$("#uploadAlert").fadeIn();
					        $("#uploadAlert").delay(<bean:message key="rekon.jquery.delay"/>).fadeOut(<bean:message key="rekon.jquery.fadeout"/>);
					        
					        $("#generateAlert").fadeIn();
					        $("#generateAlert").delay(<bean:message key="rekon.jquery.delay"/>).fadeOut(<bean:message key="rekon.jquery.fadeout"/>);
					        
							$("#downloadAlert").fadeIn();
					        $("#downloadAlert").delay(<bean:message key="rekon.jquery.delay"/>).fadeOut(<bean:message key="rekon.jquery.fadeout"/>);
					        
							$("#settlementAlert").fadeIn();
					        $("#settlementAlert").delay(<bean:message key="rekon.jquery.delay"/>).fadeOut(<bean:message key="rekon.jquery.fadeout"/>);
					        
							//console.log(downloadedFiles);
							//console.log(uploadedFiles);
							//console.log(settlements);
							$("#viewRekonData").attr("disabled", false);
				   		}, "json"
				);
			});
			
			$("#generatePrepaidRekon").click(function() {
				$("#generatePrepaidRekon").attr("disabled", true);
				$('#fileName').val("200[QL:P11]-[DF:[LD],yyyy-MM-dd,yyyyMMdd]01.TXT")
				$('#step').val("PLN_CORE") //ga jalan
				$.ajax({
					   url: 'rekon.do',
					   data: { 
							action: 'generate', 
							startDate: $('#startDate').val(), 
							endDate: $('#endDate').val(),
							fileDate: $('#fileDate').val(), 
							fileName: '200[QL:P11]-[DF:[LD],yyyy-MM-dd,yyyyMMdd]01.TXT',
							chanel: $('#biller').val(), 
							step: $('#step').val() 
					   },
					   type: 'post',
					   success: function(response){
					   	   //console.log("success submit");
							//console.log(response);
							if (response != "NOT_EXISTS") {
								$("#generatedListTable > tbody").find("tr").remove();
								for (var i=0; i < response.length; i++) {
									var generatedFile = response[i];
									var downloadLink = "?rekon.do?action=download&file=";
									downloadLink = '<a href="rekon.do?action=download&file='+ generatedFile.fileName +'&folder=' + generatedFile.directory + '">' + generatedFile.fileName + '</a>';
									$("#generatedListTable > tbody").append('<tr class="tr1"><td>' + downloadLink + '</td><td>' + generatedFile.fileSize + '</td><td>' + generatedFile.created + '</td><td></td></tr>');
								}
								$("#generateAlert").html("Success generate files");
						   } else {
								$("#generateAlert").html("Generated file not exist");
						   }	
						   $("#generateAlert").fadeIn();
					       $("#generateAlert").delay(<bean:message key="rekon.jquery.delay"/>).fadeOut(<bean:message key="rekon.jquery.fadeout"/>);
					       $("#generatePrepaidRekon").attr("disabled", false);
					   },
					   error: errorhandler,
					   dataType: 'json'
				});
			});
			
			$("#upload").click(function() {
				//console.log("upload clicked");
				$("#upload").attr("disabled", true);
				$('#step').val("PLN_SYBUPLOAD") 
				
				$.ajax({
					   url: 'rekon.do',
					   data: { 
							action: 'upload', 
							startDate: $('#startDate').val(), 
							endDate: $('#endDate').val(),
							fileDate: $('#fileDate').val(), 
							chanel: $('#biller').val(), 
							step: $('#step').val() 
					   },
					   type: 'post',
					   success: function(response){
					   		//console.log("success submit");
							//console.log(response);
							if (response != "NOT_EXISTS") {
								$("#uploadedListTable > tbody").find("tr").remove();
								for (var i=0; i < response.length; i++) {
									var uploadedFile = response[i];
									//console.log("uploaded file: " + uploadedFile);
									$("#uploadedListTable > tbody").append('<tr class="tr1"><td>Uploaded</td><td>' + uploadedFile.fromApp + '</td><td>' + uploadedFile.dateString + '</td><td></td></tr>');
								}
								$("#uploadAlert").html("success upload files");
						   } else {
								$("#uploadAlert").html("Can not get uploaded files");
						   }
						   $("#uploadAlert").fadeIn();
						   $("#uploadAlert").delay(<bean:message key="rekon.jquery.delay"/>).fadeOut(<bean:message key="rekon.jquery.fadeout"/>);
						   $("#upload").attr("disabled", false);
					   },
					   error: errorhandler,
					   dataType: 'json'
				});
			});
			
			$("#download").click(function() {
				//console.log("viewGeneratedFile clicked");
				$("#download").attr("disabled", true);
				$('#step').val("PLN_SYBDOWNLOAD") 
				
				$.ajax({
					   url: "rekon.do",
					   data: { 
							action: 'downloadFtp', 
							startDate: $('#startDate').val(), 
							endDate: $('#endDate').val(),
							fileDate: $('#fileDate').val(), 
							chanel: $('#biller').val(),
							uploadedDir: '/PLN/COREBP',
							uploadedFileExtension: '.TXT',
							downloadedDir: '/PLN/SYB',
							downloadedFileExtension: '.RPT',
							tempFileFormat: 'yyyyMMdd',
							regionCode: '01',
							billerId: '200301422',
							fileName: '200[QL:P11]-[DF:[LD],yyyy-MM-dd,yyyyMMdd]01.RPT',
							step: $('#step').val() 
					   },
					   type: 'post',
					   success: function(response){
					   		//console.log("success submit");
							//console.log(response);
							if (response != "NOT_EXISTS") {
								$("#downloadedListTable > tbody").find("tr").remove();
								for (var i=0; i < response.length; i++) {
									var downloadedFile = response[i];
									var downloadLink = "?rekon.do?action=download&file=";
									downloadLink = '<a href="rekon.do?action=download&file='+ downloadedFile.fileName +'&folder=' + downloadedFile.directory + '">' + downloadedFile.fileName + '</a>';
									$("#downloadedListTable > tbody").append('<tr class="tr1"><td>' + downloadLink + '</td><td>' + downloadedFile.fileSize + '</td><td>' + downloadedFile.created + '</td><td></td></tr>');
								}
								$("#downloadAlert").html("Success download files");
							} else {
								$("#downloadAlert").html("Download files not exist");
							}
						   $("#downloadAlert").fadeIn();
					       $("#downloadAlert").delay(<bean:message key="rekon.jquery.delay"/>).fadeOut(<bean:message key="rekon.jquery.fadeout"/>);
					       $("#download").attr("disabled", false);
					   },
					   error: errorhandler,
					   dataType: 'json'
				});
				
			});
			
			
			
			$("#runSettlement").click(function() {
				$("#runSettlement").attr("disabled", true);
				
				$.ajax({
					   url: "rekon.do" , 
					   data: { 
							action: 'runSettlement', 
							startDate: $('#startDate').val(), 
							endDate: $('#endDate').val(),
							fileDate: $('#fileDate').val(), 
							chanel: $('#biller').val(), 
							step: $('#step').val() 
					   },
					   type: 'post',
					   success: function(response){
					   		//console.log(response);
							if (response != "NOT_EXISTS") {
								if (response.errorCode == null) {
									$("#settlementListTable > tbody").find("tr").remove();
									for (var i=0; i < response.length; i++) {
											var settlement = response[i];
											var downloadLink = "?rekon.do?action=download&file=";
											downloadLink = '<a href="rekon.do?action=download&file='+ settlement.fileName +'&folder=' + settlement.directory + '">' + settlement.fileName + '</a>';
											$("#settlementListTable > tbody").append('<tr class="tr1"><td>' + downloadLink + '</td><td>' + settlement.fileSize + '</td><td>' + settlement.created + '</td><td></td></tr>');
									}
									$("#settlementAlert").html("Succes generated settlements");
								} else {
									$("#settlementAlert").html("There some error while generating report, please call your administrator");
								}
							} else {
								$("#settlementAlert").html("Settlement files not exist");
							} 
						   $("#settlementAlert").fadeIn();
					       $("#settlementAlert").delay(<bean:message key="rekon.jquery.delay"/>).fadeOut(<bean:message key="rekon.jquery.fadeout"/>);
					       $("#runSettlement").attr("disabled", false);
					   },
					   error: errorhandler,
					   dataType: 'json'
				});
			});
		});

		function page(start, count){
			document.forms.appSetting.start.value=start;
			document.forms.appSetting.count.value=count;

			document.forms.appSetting.action.value="list";
			document.forms.appSetting.submit();
			

		}  

		function doChangePage(count){
			document.forms.appSetting.start.value= (document.forms.appSetting.startx.value-1)*20;
			if(document.forms.appSetting.start.value=="NaN") document.forms.appSetting.start.value = 0;
			document.forms.appSetting.count.value=count;

			document.forms.appSetting.action.value="list";
			document.forms.appSetting.submit();
			//doDisable(document.forms.appSetting, "button");
		}

		function fillIndex(val){
			document.forms.appSetting.startx.value = val.value;
		}
		
		function doCreate(){
			document.forms.rekonFirst.action.value="generate";
			document.forms.rekonFirst.chanel.value = document.forms.rekonForm.billler.value;
			document.forms.rekonFirst.submit();
			doDisable(document.forms.rekonFirst, "button");
		}

		function doDetail(code){
			document.forms.appSetting.code.value=code;
			document.forms.appSetting.action.value="detail";
			document.forms.appSetting.submit();
		}

		function doFilter(){
			document.forms.appSetting.action.value="list";
			document.forms.appSetting.submit();
			doDisable(document.forms.appSetting, "button");
		}

		function doReset(){
			document.forms.appSetting.appSetting_code_filter.value="";
			document.forms.appSetting.appSetting_name_filter.value="";

			document.forms.appSetting.clear.value="true";
			document.forms.appSetting.action.value="list";
			document.forms.appSetting.submit();
			doDisable(document.forms.appSetting, "button");
		}

		function doOrder(field, type){
			document.forms.appSetting.appSetting_fieldOrder.value=field;
			document.forms.appSetting.appSetting_orderType.value=type;

			document.forms.appSetting.action.value="list";
			document.forms.appSetting.submit();
			doDisable(document.forms.status, "button");
		}
</script>
<!-- CONTENT -->
						<form name="rekonForm" method="post" action="appSetting.do">
						<input type="hidden" name="start" value="">
						<input type="hidden" name="startx" value="">
						<input type="hidden" name="action" value="">
						<input type="hidden" name="count" value="">
						<input type="hidden" name="code" value="">
						<input type="hidden" name="clear" value="">
						<input type="hidden" name="focus_field" value=""/>

						<!--td width="80%" valign="top"-->
						<table width="100%" border="0" cellspacing="1" cellpadding="2">
				          <tr>
				            <td colspan="3" class="AddressTitle">REKON</td>
				            </tr>
						   <tr>
				            <td width="20%">Biller</td>
				            <td width="2%">:</td>
				            <td width="78%">
				            	<select id="biller" "name="billler">
									<option> Select Biller</option>
									<logic:iterate id="channel" name="channels">
			            				<option value="<bean:write name="channel" property="channelId" />">
										 	<bean:write name="channel" property="name" /> 
										</option>
			            			</logic:iterate>
								</select>
							</td>
				            </tr>
						  <tr>
				            <td width="20%">Start Date</td>
				            <td width="2%">:</td>
				            <td width="78%">
				            	<input type="text" id="startDate" name="startDate" value="" size="15" maxlength="10" >
								<a href="javascript:cal_startDate.popup();"><img src="./images/cal.gif" width="16" height="16" border="0" alt=""></a>
								<script type="text/javascript" language="javascript">
									var cal_startDate= new calendar1(document.forms['rekonForm'].elements['startDate']);
								</script>
				            </td>
				          </tr>
				          <tr>
				            <td width="20%">End Date</td>
				            <td width="2%">:</td>
				            <td width="78%">
								<input type="text" id="endDate" "name="endDate" value="" size="15" maxlength="10" >
								<a href="javascript:cal_endDate.popup();"><img src="./images/cal.gif" width="16" height="16" border="0" alt=""></a>
								<script type="text/javascript" language="javascript">
									var cal_endDate = new calendar1(document.forms['rekonForm'].elements['endDate']);
								</script>
							</td>
				          </tr>	
						  <tr>
				            <td width="20%">Rekon Date</td>
				            <td width="2%">:</td>
				            <td width="78%">
								<input type="text" id="fileDate" name="fileDate" value="" size="15" maxlength="10" >
								<a href="javascript:cal_rekonDate.popup();"><img src="./images/cal.gif" width="16" height="16" border="0" alt=""></a>
								<script type="text/javascript" language="javascript">
									var cal_rekonDate = new calendar1(document.forms['rekonForm'].elements['fileDate']);
								</script>
							</td>
							</tr>
				          <tr>
				            <td colspan="3">
								<input type="button" id="viewRekonData" name="viewRekonData" value="View"></td>
				            </tr>
			            </table>
			            </form>
                        <br>
                        		
						<script language="javascript">
						function toggle(targetId) {
							target = document.all(targetId);
							if (target.style.display == "none"){
							target.style.display="";
							} else {
							target.style.display="none";
							}
						}
						//-->
						</script>




				<table width="100%" cellspacing="5" cellpadding="5">
					<tr>
					<td align="center" class="boxWhite">
					<table width="100%" border="0" cellspacing="1" cellpadding="2">
				          <tr>
				            <td colspan="3"><table width="100%" cellpadding="0" cellspacing="0" border="0"><tr><td class="AddressTitle2">Generate Transaction Text </td><td align="right" class="AddressTitle2"><a href="javascript:toggle('generateLink')">View</a></td></tr></table></td>
				            </tr>
				   </table>
				   <table width="100%" border="0" cellspacing="2" cellpadding="2">
				          <tr>
				            <td colspan="3">
								<table width="100%" cellpadding="0" cellspacing="0" border="0">
								<tr>
									<td class="AddressTitle2"><span id="generateAlert"></span></td>
								</tr></table></td>
				            </tr>
					</table>
					<div id="generateLink" >
					<form name="rekonFirst" method="post" action="rekon.do">
					
					<input type="hidden" name="action" value="">
					<input type="hidden" name="chanel" value="">
					<input type="hidden" id="step" "name="step" value="1">
					
					<table width="100%" border="0" cellspacing="1" cellpadding="2">
				          <tr>
				            <td><input type="button" name="generatePrepaidRekon" id="generatePrepaidRekon" value="Generate" /></td>
				            <td>&nbsp;</td>
				            <td>
				            </td>
			              </tr>
			            </table>
			        
                             <br>
							<table id="generatedListTable" width="100%" border="0" cellspacing="1" cellpadding="2">
								<thead>
								<tr>
									<td class="titleField">File Name</td>
									<td class="titleField">File Size</td>
									<td class="titleField">Date</td>
									<td class="titleField">&nbsp;</td>
								</tr>
								</thead>
								<tbody>
								  <tr class="tr1"> 
									<td align="center">&nbsp;</td>
									<td align="center">&nbsp;</td>
									<td align="center">&nbsp;</td>
									<td align="center">&nbsp;</td>
									</tr>
								</tbody>
							</table>
						</form>
						</div> 	
					</td>
					</tr>
<tr>
				<!--    -->
				<td class="boxWhite">
				<table width="100%" border="0" cellspacing="1" cellpadding="2">
				     <tr>
				            <td colspan="3"><table width="100%" cellpadding="0" cellspacing="0" border="0"><tr><td class="AddressTitle2">Upload Data </td><td align="right" class="AddressTitle2"><a href="javascript:toggle('uploadLink','slide')">View</a></td></tr></table></td>
				     </tr>
				 </table>
				 <table width="100%" border="0" cellspacing="2" cellpadding="2">
				          <tr>
				            <td colspan="3">
							<table width="100%" cellpadding="0" cellspacing="0" border="0">
							<tr>
								<td class="AddressTitle2"><span id="uploadAlert"></span></td>
								
							</tr>
							</table>
							</td>
				          </tr>
				 </table>
				<div id="uploadLink">
						<table width="100%" border="0" cellspacing="1" cellpadding="2">
				          <tr>
				            <td><input type="reset" name="upload" id="upload" value="Upload" /></td>
				            <td>&nbsp;</td>
				            <td></td>
			              </tr>
			            </table>
                        <br/>
							<table id="uploadedListTable" width="100%" border="0" cellspacing="1" cellpadding="2">
								<thead>
								<tr>
									<td class="titleField">Upload Status</td>
									<td class="titleField">App</td>
									<td class="titleField">Date</td>
									<td class="titleField">&nbsp;</td>
								</tr>
								</thead>
								<tbody>
								  <tr class="tr1">
									<td align="center">&nbsp;</td>
									<td align="center">&nbsp;</td>
									<td align="center">&nbsp;</td>
									<td align="center">&nbsp;</td>
								   </tr>
								</tbody>
							</table>
					</div>
</td>
</tr>
<tr>
<td class="boxWhite">
				<table width="100%" border="0" cellspacing="1" cellpadding="2">
				     <tr>
				            <td colspan="3"><table width="100%" cellpadding="0" cellspacing="0" border="0"><tr><td class="AddressTitle2">Download Data </td><td align="right" class="AddressTitle2"><a href="javascript:toggle('downloadLink','slide')">View</a></td></tr></table></td>
				     </tr>
				 </table>
				 <table width="100%" border="0" cellspacing="2" cellpadding="2">
				          <tr>
				            <td colspan="3">
								<table width="100%" cellpadding="0" cellspacing="0" border="0">
									<tr><td class="AddressTitle2"><span id="downloadAlert"></span></td>
									</tr>
								</table>
							</td>
				            </tr>
				 </table>
				<div id="downloadLink">
				           
						<table width="100%" border="0" cellspacing="1" cellpadding="2">
				          <tr>
				            <td><input type="reset" name="download" id="download" value="Download" /></td>
				            <td>&nbsp;</td>
				            <td></td>
			              </tr>
			            </table>
                        <br/>
							<table id="downloadedListTable" width="100%" border="0" cellspacing="1" cellpadding="2">
								<thead>
								<tr>
									<td class="titleField">File Name</td>
									<td class="titleField">File Size</td>
									<td class="titleField">Date</td>
									<td class="titleField">&nbsp;</td>
								</tr>
								</thead>
								<tbody>
								  <tr class="tr1">
									<td align="center">&nbsp;</td>
									<td align="center">&nbsp;</td>
									<td align="center">&nbsp;</td>
									<td align="center">&nbsp;</td>
								   </tr>
								</tbody>
							</table>
				</div>
</td>
</tr>
<tr>
<td class="boxWhite">
						<table width="100%" border="0" cellspacing="2" cellpadding="2">
				          <tr>
				            <td colspan="3"><table width="100%" cellpadding="0" cellspacing="0" border="0"><tr><td class="AddressTitle2">Rekon PLN PrePaid</td><td align="right" class="AddressTitle2"><a href="javascript:toggle('Link3','slide')">View</a></td></tr></table></td>
				            </tr>
				        </table>
						<table width="100%" border="0" cellspacing="2" cellpadding="2">
				          <tr>
				            <td colspan="3">
							<table width="100%" cellpadding="0" cellspacing="0" border="0">
							<tr><td class="AddressTitle2"><span id="settlementAlert"></span></td>
							</tr>
							</table>
							</td>
				            </tr>
				        </table>
					
						<div id="Link3">
						<table width="100%" border="0" cellspacing="2" cellpadding="2">
				          <tr>
				            <td><input type="button" value="Run Settlement" name="runSettlement" id="runSettlement" /></td>
				            <td>&nbsp;</td>
				            <td></td>
			              </tr>
			            </table>
                        <br/>
							<table id="settlementListTable" width="100%" border="0" cellspacing="1" cellpadding="2">
								<thead>
								<tr>
									<td class="titleField">File Name</td>
									<td class="titleField">File Size</td>
									<td class="titleField">Date</td>
									<td class="titleField">&nbsp;</td>
								</tr>
								</thead>
								<tbody>
								  <tr class="tr1">
									<td align="center">&nbsp;</td>
									<td align="center">&nbsp;</td>
									<td align="center">&nbsp;</td>
									<td align="center">&nbsp;</td>
								   </tr>
								</tbody>
							</table>
			</div>
</td>
</tr>
				</table>

<!-- END CONTENT -->  
<logic:notEmpty name="focus"><bean:write name="focus" filter="false" /></logic:notEmpty>   
<%@ include file="../common/footer.jsp"%>