btnmw-was-app/Apps/REKON/jsp/rekon/rekonPertamina.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(
						"pertaminaAction.do" , 
						{ 
							action: 'viewRekonInfo', 
							startDate: $('#startDate').val(),
							rek: $('#rekening').val(),
							chanel: 'PERTAMINA',
							billerId: '200301422',
							folder:'/PERTAMINA/EBS',
							downloadedDir: '/PERTAMINA/EBS',
							downloadedFileExtension: '',
							fileName: '[QL:PRT04]MT940[DF:[LD],yyyy-MM-dd,yyyyMMdd]',
							regionCode: '01',
							uploadedDir: '/PERTAMINA/EBS',
							uploadedFileExtension: '',
							fileDate: $('#fileDate').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");
							}	
							
							$("#viewRekonData").attr("disabled", false);
				   		}, "json"
				);
			});
			
			$("#generatePrepaidRekon").click(function() {
				$("#generatePrepaidRekon").attr("disabled", true);
				$('#fileName').val("[QL:PRT04]MT940[DF:[LD],yyyy-MM-dd,yyyyMMdd]")
				$('#folder').val("/PERTAMINA/EBS")
				$('#step').val("PERTAMINA_PROC")
				$.ajax({
					   url: 'pertaminaAction.do',
					   data: { 
							action: 'generate', 
							rek: $('#rekening').val(),
							startDate: $('#startDate').val(),  
							chanel: 'PERTAMINA',
							fileName: '[QL:PRT04]MT940[DF:[LD],yyyy-MM-dd,yyyyMMdd]',
							folder: '/PERTAMINA/EBS',
							step: $('#step').val()
							 
					   },
					   type: 'post',
					   success: function(response){
					   	   //console.log("success submit");
							//console.log(response);
							if(response == "EMPTY"){
								$("#generateAlert").html("No data!");
							}else if (response != "NOT_EXISTS") {
								$("#generatedListTable > tbody").find("tr").remove();
								for (var i=0; i < response.length; i++) {
									var generatedFile = response[i];
									var downloadLink = "?pertaminaAction.do?action=download&file=";
									downloadLink = '<a href="pertaminaAction.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("PERTAMINA_PROC_UPLOAD"); 
				
				$.ajax({
					   url: 'pertaminaAction.do',
					   data: { 
							action: 'upload', 
							startDate: $('#startDate').val(), 
							rek: $('#rekening').val(),
							chanel: 'PERTAMINA',
							fileName: '[QL:PRT04]MT940[DF:[LD],yyyy-MM-dd,yyyyMMdd]',
							folder: '/PERTAMINA/EBS',
							step: $('#step').val() 
					   },
					   type: 'post',
					   success: function(response){
					   		//console.log("success submit");
							//console.log(response);
					   		if(response == "EMPTY"){
								$("#uploadAlert").html("No data!");
							}else 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'
				});
			});
		});

		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="pertaminaAction.do">
						<input type="hidden" name="biller" value="PERTAMINA">
						<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%">
				            	&nbsp;Pertamina
							</td>
				            </tr>
				           <tr>
				            <td width="20%">Account</td>
				            <td width="2%">:</td>
				            <td width="78%">
				            	<select id="rekening" name="acct" >
									<option> Select No Rekening</option>
									<logic:notEmpty name="accList">
										<logic:iterate id="element_rekening" name="accList">
				            				<option value="<bean:write name="element_rekening" />">
											 	<bean:write name="element_rekening" /> 
											</option>
				            			</logic:iterate>
			            			</logic:notEmpty>
								</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 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>
				</table>
				<!--Upload section-->
				<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">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>
				</table>
				<!--End Upload section-->
<!-- END CONTENT -->  
<logic:notEmpty name="focus"><bean:write name="focus" filter="false" /></logic:notEmpty>   
<%@ include file="../common/footer.jsp"%>