btnmw-was-app/Apps/REKON/jsp/rekon/rekonDepag.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() {
			
			$("#downloadSyariah").attr("disabled", true);
			$("#rekon").attr("disabled", true);
			
			var errorhandler = function(xhr, textStatus, error){
			    $("#alertContainer").html("error ocurredx");
			};
			
			$("#viewRekonData").click(function() {
				$("#viewRekonData").attr("disabled", true);
				
				$.post(
					"rekonDepag.do" , 
					{ 
						action: 'viewRekonInfo', 
						fileDate: $('#fileDate').val(),
						folder: 'REKON/PRINT/SYARIAH',
						rekonAction: 'HAJ_DEPAG_ACTION_FTP',
						rekonAction2: 'HAJ_SYARIAH_ACTION_FTP',
						rekonAction3: 'HAJ_PRINT_ACTION'
					} ,
			   		function(data){
						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];
								var downloadLink = "?rekonDepag.do?action=download&file=";
								downloadLink = '<a href="rekonDepag.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>');
							}
							
							if(downloadedFile.fileSize == 0) {
								$("#downloadSyariah").attr("disabled", true);
							} else {
								$("#downloadSyariah").attr("disabled", false);
							}
							
							$("#downloadAlert").html("Success get download files");
						} else {
							$("#downloadAlert").html("Generate file not exist");
						}	
						
						var downloadedSyariahFiles = data["downloadedSyariahFiles"];
						$("#downloadedSyariahListTable > tbody").find("tr").remove();
						if (downloadedSyariahFiles != "NOT_EXISTS") {
							for (var i=0; i < downloadedSyariahFiles.length; i++) {
								var downloadedSyariah = downloadedSyariahFiles[i];
								var downloadLink = "?rekonDepag.do?action=download&file=";
								downloadLink = '<a href="rekonDepag.do?action=download&file='+ downloadedSyariah.fileName +'&folder=' + downloadedSyariah.directory + '">' + downloadedSyariah.fileName + '</a>';
								$("#downloadedSyariahListTable > tbody").append('<tr class="tr1"><td>' + downloadLink + '</td><td>' + downloadedSyariah.fileSize + '</td><td>' + downloadedSyariah.created + '</td><td></td></tr>');
							}
							
							if(downloadedSyariah.fileSize == 0) {
								$("#rekon").attr("disabled", true);
							} else {
								$("#rekon").attr("disabled", false);
							}
							
							$("#syariahAlert").html("Success get download syariah files");
						} else {
							$("#syariahAlert").html("Syariah files not exists");
						}
						
						var rekonFiles = data["rekonFiles"];
						$("#rekonListTable > tbody").find("tr").remove();
						if (rekonFiles != "NOT_EXISTS") {
							for (var i=0; i < rekonFiles.length; i++) {
								var downloadedFile = rekonFiles[i];
								var downloadLink = "?rekonDepag.do?action=download&file=";
								downloadLink = '<a href="rekonDepag.do?action=download&file='+ downloadedFile.fileName +'&folder=' + downloadedFile.directory + '">' + downloadedFile.fileName + '</a>';
								$("#rekonListTable > tbody").append('<tr class="tr1"><td>' + downloadLink + '</td><td>' + downloadedFile.fileSize + '</td><td>' + downloadedFile.created + '</td><td></td></tr>');
							}
							$("#rekonAlert").html("Success get rekon files");
						} else {
							$("#rekonAlert").html("Rekon files not exist");
						}	
						
						$("#downloadAlert").fadeIn();
				        $("#downloadAlert").delay(<bean:message key="rekon.jquery.delay"/>).fadeOut(<bean:message key="rekon.jquery.fadeout"/>);
				        
				        $("#syariahAlert").fadeIn();
				        $("#syariahAlert").delay(<bean:message key="rekon.jquery.delay"/>).fadeOut(<bean:message key="rekon.jquery.fadeout"/>);
				        
						$("#rekonAlert").fadeIn();
				        $("#rekonAlert").delay(<bean:message key="rekon.jquery.delay"/>).fadeOut(<bean:message key="rekon.jquery.fadeout"/>);
				        
						$("#viewRekonData").attr("disabled", false);
			   		}, "json"
				);
			});
					
			$("#download").click(function() {
				//DOWNLOAD CLICKED
				$("#download").attr("disabled", true);
			 	$('#step').val("HAJ_DEPAG_PROC")
			 	
				$.ajax({
					   url: 'rekonDepag.do',
					   data: { 
							action: 'downloadDepag', 
							fileDate: $('#fileDate').val(), 
							chanel: $('#biller').val(),
							step: 'HAJ_DEPAG_PROC',
							rekonAction: 'HAJ_DEPAG_ACTION_FTP' 
					   },
					   type: 'post',
					   success: function(response){
							if (response.length > 0) {
								$("#downloadedListTable > tbody").find("tr").remove();
								for (var i=0; i < response.length; i++) {
									var downloadedFile = response[i];
									var downloadLink = "?rekonDepag.do?action=download&file=";
									downloadLink = '<a href="rekonDepag.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>');
								}
								
								if(downloadedFile.fileSize == 0) {
									$("#download").attr("disabled", false);
									$("#downloadSyariah").attr("disabled", true);
								}else{
									$("#download").attr("disabled", true);
									$("#downloadSyariah").attr("disabled", false);
								}
								
								$("#downloadAlert").html("Success download files");
							} else {
								$("#downloadAlert").html("Download files not exist");
								$("#download").attr("disabled", false);
								$("#downloadSyariah").attr("disabled", true);
							}
						   $("#downloadAlert").fadeIn();
						   $("#downloadAlert").delay(<bean:message key="rekon.jquery.delay"/>).fadeOut(<bean:message key="rekon.jquery.fadeout"/>);
					   },
					   error: errorhandler,
					   dataType: 'json'
				});
			});
			
			$("#downloadSyariah").click(function() {
				//DOWNLOAD SYARIAH CLICKED
				$("#downloadSyariah").attr("disabled", true);
			 	$('#step').val("HAJ_SYARIAH_PROC")
			 	
				$.ajax({
					   url: 'rekonDepag.do',
					   data: { 
							action: 'downloadSyariah', 
							fileDate: $('#fileDate').val(), 
							chanel: $('#biller').val(),
							step: 'HAJ_SYARIAH_PROC', 
							rekonAction: 'HAJ_SYARIAH_ACTION_FTP'
					   },
					   type: 'post',
					   success: function(response){
					   
							if (response.length > 0) {
								$("#downloadedSyariahListTable > tbody").find("tr").remove();
								for (var i=0; i < response.length; i++) {
									var downloadedFile = response[i];
									var downloadLink = "?rekonDepag.do?action=download&file=";
									downloadLink = '<a href="rekonDepag.do?action=download&file='+ downloadedFile.fileName +'&folder=' + downloadedFile.directory + '">' + downloadedFile.fileName + '</a>';
									$("#downloadedSyariahListTable > tbody").append('<tr class="tr1"><td>' + downloadLink + '</td><td>' + downloadedFile.fileSize + '</td><td>' + downloadedFile.created + '</td><td></td></tr>');
								}
								
								if(downloadedFile.fileSize == 0) {
									$("#downloadSyariah").attr("disabled", false);
						   			$("#rekon").attr("disabled", true);
								} else {
									$("#downloadSyariah").attr("disabled", true);
						   			$("#rekon").attr("disabled", false);
								}
								
								$("#syariahAlert").html("Success download files");
								
							} else {
								$("#syariahAlert").html("Download files not exist");
								$("#downloadSyariah").attr("disabled", false);
						   		$("#rekon").attr("disabled", true);
							}
						   $("#syariahAlert").fadeIn();
						   $("#syariahAlert").delay(<bean:message key="rekon.jquery.delay"/>).fadeOut(<bean:message key="rekon.jquery.fadeout"/>);
					   },
					   error: errorhandler,
					   dataType: 'json'
				});
			});
			
			$("#rekon").click(function() {
				//DOWNLOAD SYARIAH CLICKED
				$("#rekon").attr("disabled", true);
			 	$('#step').val("HAJ_COMPARE_PROC")
			 	$('#step2').val("HAJ_PRINT_PROC")
			 	
				$.ajax({
					   url: 'rekonDepag.do',
					   data: { 
							action: 'rekonSyariah', 
							fileDate: $('#fileDate').val(), 
							chanel: $('#biller').val(),
							step: 'HAJ_COMPARE_PROC',
							step2: 'HAJ_PRINT_PROC',
							rekonAction: 'HAJ_PRINT_ACTION' 
					   },
					   type: 'post',
					   success: function(response){
					   
							if (response.length > 0) {
								$("#rekonListTable > tbody").find("tr").remove();
								for (var i=0; i < response.length; i++) {
									var downloadedFile = response[i];
									var downloadLink = "?rekonDepag.do?action=download&file=";
									downloadLink = '<a href="rekonDepag.do?action=download&file='+ downloadedFile.fileName +'&folder=' + downloadedFile.directory + '">' + downloadedFile.fileName + '</a>';
									$("#rekonListTable > tbody").append('<tr class="tr1"><td>' + downloadLink + '</td><td>' + downloadedFile.fileSize + '</td><td>' + downloadedFile.created + '</td><td></td></tr>');
								}
								$("#rekonAlert").html("Success download files");
							} else {
								$("#rekonAlert").html("Download files not exist");
							}
						   $("#rekonAlert").fadeIn();
						   $("#rekonAlert").delay(<bean:message key="rekon.jquery.delay"/>).fadeOut(<bean:message key="rekon.jquery.fadeout"/>);
						   $("#rekon").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");
		}
		
		function doGenerate(folder){
			var form = document.forms.rekonForm;
			form.folder.value=folder;
			form.action.value="view";
			form.submit();
		}
</script>
<!-- CONTENT -->
<form name="rekonForm" method="post" action="rekonDepag.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="folder">
	<input type="hidden" name="focus_field" value=""/>
	
	<table width="100%" border="0" cellspacing="1" cellpadding="2">
		<tr>
       		<td colspan="3" class="AddressTitle">REKON SYARIAH</td>
       	</tr>
    </table>
    <table border="0" width="98%" align="center" cellpadding="2" cellspacing="1">
		<tr><td><html:errors/></td></tr>
	</table>
	<table width="100%" border="0" cellspacing="1" cellpadding="2">
		<tr>
            <td width="20%">Biller</td>
            <td width="2%">:</td>
            <td width="78%">
	           	&nbsp;Depag
			</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>
				<!--input type="button" value="View" onclick="doGenerate('REKON/PRINT/SYARIAH');"-->
			</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 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 Depag </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>
		   		</tr>
            </table><br>
			<table id="downloadedListTable" width="100%" border="0" cellspacing="1" cellpadding="2">
				<thead>
					<tr>
						<td class="titleField">Download Status</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>
	<table width="100%" cellspacing="5" cellpadding="5">
		<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 Syariah </td>
	            				<td align="right" class="AddressTitle2">
	            					<a href="javascript:toggle('downloadSyariahLink','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="syariahAlert"></span></td>
						</tr>
					</table>
					</td>
         		</tr>
		 	</table>
			<div id="downloadSyariahLink">
			<table width="100%" border="0" cellspacing="1" cellpadding="2">
          		<tr>
           			<td>
           				<input type="reset" name="downloadSyariah" id="downloadSyariah" value="Download" />	
           			</td>
		            <td>&nbsp;</td>
		   		</tr>
            </table><br>
			<table id="downloadedSyariahListTable" width="100%" border="0" cellspacing="1" cellpadding="2">
				<thead>
					<tr>
						<td class="titleField">Download Status</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>
	<table width="100%" cellspacing="5" cellpadding="5">
		<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">Rekon </td>
	            				<td align="right" class="AddressTitle2">
	            					<a href="javascript:toggle('rekonLink','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="rekonAlert"></span></td>
						</tr>
					</table>
					</td>
         		</tr>
		 	</table>
			<div id="rekonLink">
			<table width="100%" border="0" cellspacing="1" cellpadding="2">
          		<tr>
           			<td>
           				<input type="reset" name="rekon" id="rekon" value="Rekon" />
           			</td>
		            <td>&nbsp;</td>
		   		</tr>
            </table><br>
			<table id="rekonListTable" width="100%" border="0" cellspacing="1" cellpadding="2">
				<thead>
					<tr>
						<td class="titleField">Rekon Status</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"%>