<%@page contentType="text/html; charset=UTF-8"%>
<%@page import="com.csc.library.entry.HelpEntry,com.csc.library.system.*,com.csc.library.utilities.*"%>
<%@ page import="com.csc.library.entry.*,com.csc.library.database.*,com.csc.library.session.*" %>
<jsp:useBean id="PRU102SVC" class="com.csc.library.system.Task" scope="page"/>
<%
PRU102SVC.setChannel(request,response);
UIManager screen = (UIManager) PRU102SVC.process("ChildEntry","MSALATYPE1");
com.csc.library.utilities.ThaiUtilities th=new com.csc.library.utilities.ThaiUtilities();
screen.referLangOn();
//String getCheckCalSVC = screen.getValue("__cal_svc");
%>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" >
<link href="../CSS/TISCO.css" rel="stylesheet" type="text/css">
<script src="../JS/SCREEN.js"></script>
<script src="../JS/VIEWCALENDAR.js"></script>
<script src="../JS/jquery-1.11.2.js" type="text/javascript"></script>
<script src="../JS/jquery-ui-1.11.4.js" type="text/javascript"></script>
<link href="../CSS/jquery-ui-csc.css" rel="stylesheet" type="text/css"/>
<script type='text/javascript' src='../JS/DATEINPUT.js'></script>
<script language="javascript">getTitleName();</script>
<style>
</style>
<script language="JavaScript" type="text/JavaScript">
setLang('<%=screen.getUProfile().get("lang")%>');
<!--
function setcmd1(){
with(document.cscform){
if(__line_no.value !=""){
if(dateDifference(__start_date.value,__end_date.value)){
bCon=confirm(MyCode[1]);
if (bCon==true) {
__cmdchild.value="save";
submit();
}
}
}else{
alert(MyCode[0]);
__line_no.focus();
__line_no.select();
}
}
}
/*
function backhead(){
with(window.opener.cscform){
__cmd.value="back";
submit();
window.close();
}
}*/
function back(){
with(window.opener.cscform){
__cmd.value = 'ack';
submit();
}
}
function MM_preloadImages() { //v3.0
var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array();
var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++)
if (a[i].indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a[i];}}
}
function MM_swapImgRestore() { //v3.0
var i,x,a=document.MM_sr; for(i=0;a&&i<a.length&&(x=a[i])&&x.oSrc;i++) x.src=x.oSrc;
}
function MM_findObj(n, d) { //v4.01
var p,i,x; if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) {
d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}
if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n];
for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document);
if(!x && d.getElementById) x=d.getElementById(n); return x;
}
function MM_swapImage() { //v3.0
var i,j=0,x,a=MM_swapImage.arguments; document.MM_sr=new Array; for(i=0;i<(a.length-2);i+=3)
if ((x=MM_findObj(a[i]))!=null){document.MM_sr[j++]=x; if(!x.oSrc) x.oSrc=x.src; x.src=a[i+2];}
}
function readOnlyonField(){
with(document.cscform){
var getLineNO = __line_no.value;
//window.parent.document.getElementById("empid$"+empid).value
var getCheckCalSVC = window.opener.document.getElementById("getCalSVC$"+getLineNO).value;
if(getCheckCalSVC == "1"){
$('input[name=__svc_start_date]').prop('readonly', false);
$('input[name=__svc_end_date]').prop('readonly', false);
if($('input:radio[name=__post_perv_svc]:checked').val() === "1"){
$('input[name=__prev_svc_period]').prop('readonly', false);
}else{
$('input[name=__prev_svc_period]').prop('readonly', true);
}
if($('select[name=__svc_posting_type]').find(":selected").val() === "IO"){
$('input[name=__field_for_svc_post_out]').prop('readonly', false);
}else{
$('input[name=__field_for_svc_post_out]').prop('readonly', true);
}
if($('select[name=__svc_given_type]').find(":selected").val() === "F"){
$('input[name=__fixed_amount_per_month]').prop('readonly', false);
$('input[name=__svc_total_amount]').prop('readonly', true);
$('input[name=__svc_total_distributed]').prop('readonly', true);
$('input[name=__svc_actual_distributed]').prop('readonly', true);
$('input[name=__total_man_days]').prop('readonly', true);
$('input[name=__svc_amount_per_man_day]').prop('readonly', true);
}
else{
$('input[name=__fixed_amount_per_month]').prop('readonly', true);
$('input[name=__svc_total_amount]').prop('readonly', false);
$('input[name=__svc_total_distributed]').prop('readonly', false);
$('input[name=__svc_actual_distributed]').prop('readonly', false);
$('input[name=__total_man_days]').prop('readonly', false);
$('input[name=__svc_amount_per_man_day]').prop('readonly', false);
}
}else{
$('input[name=__svc_start_date]').prop('readonly', true);
$('input[name=__svc_end_date]').prop('readonly', true);
$('input[name=__field_for_svc_post_out]').prop('readonly', true);
$('input[name=__fixed_amount_per_month]').prop('readonly', true);
$('input[name=__svc_total_amount]').prop('readonly', true);
$('input[name=__svc_total_distributed]').prop('readonly', true);
$('input[name=__svc_actual_distributed]').prop('readonly', true);
$('input[name=__total_man_days]').prop('readonly', true);
$('input[name=__svc_amount_per_man_day]').prop('readonly', true);
$('input[name=__prev_svc_period]').prop('readonly', true);
}
}
}
//REST--------------------------------------------- Set DD:MM:YY
function chkRest(data)
{
if((data !="")&&(parseFloat(data)!=0)){
for(;data.length<6;){
data = "0"+data;
}
var d = data.substring(0,2);
var h = data.substring(2,4);
var m = data.substring(4,6);
if(parseFloat(m)>=60){
m = ""+(parseFloat(m)-60);
h = ""+(parseFloat(h)+1);
if(h.length<2){h = "0"+h;}
if(m.length<2){m = "0"+m;}
}
if(parseFloat(h)>=24){
var tmp = (""+(parseFloat(h)/24)).split(".");
d = ""+(parseFloat(d)+parseFloat(tmp[0]));
h = ""+(parseFloat(h)%24);
if(d.length<2){d = "0"+d;}
if(h.length<2){h = "0"+h;}
}
if(parseFloat(d)>50){
alert("date format not over 50");
data = "00:00:00";
}else{
data = d+":"+h+":"+m;
}
}else{
data = "00:00:00";
return data;
}
return data;
}
//--- JQuery---
//
//Check Box Calculate SVC
$(document).ready(function(){
$("input[name='__cal_svc']").click(function(){
if($('input:radio[name=__cal_svc]:checked').val() == "1"){
$('input[name=__svc_start_date]').prop('readonly', false);
$('input[name=__svc_end_date]').prop('readonly', false);
if($('input:radio[name=__post_perv_svc]:checked').val() === "1"){
$('input[name=__prev_svc_period]').prop('readonly', false);
}else{
$('input[name=__prev_svc_period]').prop('readonly', true);
}
if($('select[name=__svc_posting_type]').find(":selected").val() === "IO"){
$('input[name=__field_for_svc_post_out]').prop('readonly', false);
}else{
$('input[name=__field_for_svc_post_out]').prop('readonly', true);
}
if($('select[name=__svc_given_type]').find(":selected").val() === "F"){
$('input[name=__fixed_amount_per_month]').prop('readonly', false);
$('input[name=__svc_total_amount]').prop('readonly', true);
$('input[name=__svc_total_distributed]').prop('readonly', true);
$('input[name=__svc_actual_distributed]').prop('readonly', true);
$('input[name=__total_man_days]').prop('readonly', true);
$('input[name=__svc_amount_per_man_day]').prop('readonly', true);
}
else{
$('input[name=__fixed_amount_per_month]').prop('readonly', true);
$('input[name=__svc_total_amount]').prop('readonly', false);
$('input[name=__svc_total_distributed]').prop('readonly', false);
$('input[name=__svc_actual_distributed]').prop('readonly', false);
$('input[name=__total_man_days]').prop('readonly', false);
$('input[name=__svc_amount_per_man_day]').prop('readonly', false);
}
}else{
$('input[name=__svc_start_date]').prop('readonly', true);
$('input[name=__svc_end_date]').prop('readonly', true);
$('input[name=__field_for_svc_post_out]').prop('readonly', true);
$('input[name=__fixed_amount_per_month]').prop('readonly', true);
$('input[name=__svc_total_amount]').prop('readonly', true);
$('input[name=__svc_total_distributed]').prop('readonly', true);
$('input[name=__svc_actual_distributed]').prop('readonly', true);
$('input[name=__total_man_days]').prop('readonly', true);
$('input[name=__svc_amount_per_man_day]').prop('readonly', true);
$('input[name=__prev_svc_period]').prop('readonly', true);
}
});
$('select[name=__svc_posting_type]').on("change",function(){
var test = $('select[name=__svc_posting_type]').find(":selected").val();
if($('input:radio[name=__cal_svc]:checked').val() == "0"){
//Do Nothing
}else{
if(test === "IO"){
$('input[name=__field_for_svc_post_out]').prop('readonly', false);
}else{
$('input[name=__field_for_svc_post_out]').prop('readonly', true);
}
}
});
$('select[name=__svc_given_type]').on("change",function(){
var test = $('select[name=__svc_given_type]').find(":selected").val();
if($('input:radio[name=__cal_svc]:checked').val() == "0"){
//Do Nothing
}else{
if(test === "F"){
$('input[name=__fixed_amount_per_month]').prop('readonly', false);
$('input[name=__svc_total_amount]').prop('readonly', true);
$('input[name=__svc_total_distributed]').prop('readonly', true);
$('input[name=__svc_actual_distributed]').prop('readonly', true);
$('input[name=__total_man_days]').prop('readonly', true);
$('input[name=__svc_amount_per_man_day]').prop('readonly', true);
}
else{
$('input[name=__fixed_amount_per_month]').prop('readonly', true);
$('input[name=__svc_total_amount]').prop('readonly', false);
$('input[name=__svc_total_distributed]').prop('readonly', false);
$('input[name=__svc_actual_distributed]').prop('readonly', false);
$('input[name=__total_man_days]').prop('readonly', false);
$('input[name=__svc_amount_per_man_day]').prop('readonly', false);
}
}
});
$("input[name='__post_perv_svc']").click(function(){
if($('input:radio[name=__cal_svc]:checked').val() == "0"){
//Do Nothing
}else{
if($('input:radio[name=__post_perv_svc]:checked').val() === "1"){
$('input[name=__prev_svc_period]').prop('readonly', false);
}else{
$('input[name=__prev_svc_period]').prop('readonly', true);
}
}
});
$('input[name=__total_man_days]').on("blur",function(){
var getday = $(this).val();
$('input[name=__total_man_days]').val(chkRest(getday));
});
});
//-->
</script>
</head>
<body leftmargin="0" topmargin="0" onLoad="MM_preloadImages('../IMAGES/BUTTON/SWAP/SEARCH_SWAP20.gif','../IMAGES/BUTTON/SWAP/CALENDAR_SWAP20.gif'),readOnlyonField()" >
<div class="centered">
<div id="toolTipLayer" style="position:absolute; visibility: hidden"></div>
<script language="javascript">initToolTips();</script>
<form name="cscform" method="post" action="">
<!----------BEGIN CSC INITIAL ZONE ------------------------>
<%=screen.InitialVariable()%>
<!----------END CSC INITIAL ZONE -------------------------->
<input type="hidden" name="__cmd" value="">
<input type="hidden" name="__calendar">
<script language="javascript">getInputFormatDate();</script>
<input type="hidden" name="__language" value="<%=screen.getUProfile().get("lang")%>">
<input type="hidden" name ="__headMulti" value="PRU018">
<input type="hidden" name ="__cmdchild" value="">
<input type="hidden" name ="__ack" value="<%=request.getParameter("__ack")%>">
<input name="__screen" type="hidden" value="PRU102">
<!--input type="hidden" name="__cmdChild" value=""-->
<input type="hidden" name="__help" value="">
<input type="hidden" name="__user" value="<%=screen.getUProfile().getUserId()%>">
<input type="hidden" name="__referPage" value="">
<input type="hidden" name="__codeid" value="<%=request.getParameter("__codeid")%>">
<table width="700" cellpadding="0" cellspacing="0">
<tr>
<td height="20" class="header"><div align="right"><strong> PRU102,
<script language="javascript">swapLang('Term of Payment Table');</script> </strong> </div></td>
</tr>
<tr bordercolor="0069B3">
<td>
<table width="640" border="0" cellspacing="0" cellpadding="0">
<tr>
<td colspan="3" class="blankspace"></td>
</tr>
<tr>
<td width="157" class="columnlabel" ><%=screen.getLabel("LINE_NO")%> </td>
<td colspan="2" ><%=screen.getInput("LINE_NO")%> </td>
</tr>
<tr>
<td class="columnlabel" ><%=screen.getLabel("PRGCODE")%> </td>
<td colspan="2"><%=screen.getInput("PRGCODE")%> </td>
</tr>
<tr>
<td width="157" class="columnlabel" ><%=screen.getLabel("START_DATE")%> </td>
<td><%=screen.getInput("START_DATE")%> <a href="#" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Image191','','../IMAGES/BUTTON/SWAP/CALENDAR_SWAP20.gif',1)" onClick="viewCal('__start_date')"><img src="../IMAGES/BUTTON/MAIN/CALENDAR20.gif" alt="Calendar" name="Image191" width="20" height="20" border="0" align="absmiddle" id="Image191"></a>
</td>
<td><%=screen.getLabel("SVC_START_DATE")%> <%=screen.getInput("SVC_START_DATE")%> <a href="#" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Image191','','../IMAGES/BUTTON/SWAP/CALENDAR_SWAP20.gif',1)" onClick="viewCal('__svc_start_date')"><img src="../IMAGES/BUTTON/MAIN/CALENDAR20.gif" alt="Calendar" name="Image191" width="20" height="20" border="0" align="absmiddle" id="Image191"></a>
</td>
</tr>
<tr>
<td width="157" class="columnlabel" ><%=screen.getLabel("END_DATE")%> </td>
<td><%=screen.getInput("END_DATE")%> <a href="#" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Image191','','../IMAGES/BUTTON/SWAP/CALENDAR_SWAP20.gif',1)" onClick="viewCal('__end_date')"><img src="../IMAGES/BUTTON/MAIN/CALENDAR20.gif" alt="Calendar" name="Image191" width="20" height="20" border="0" align="absmiddle" id="Image191"></a>
</td>
<td><%=screen.getLabel("SVC_END_DATE")%> <%=screen.getInput("SVC_END_DATE")%> <a href="#" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Image191','','../IMAGES/BUTTON/SWAP/CALENDAR_SWAP20.gif',1)" onClick="viewCal('__svc_end_date')"><img src="../IMAGES/BUTTON/MAIN/CALENDAR20.gif" alt="Calendar" name="Image191" width="20" height="20" border="0" align="absmiddle" id="Image191"></a>
</td>
</tr>
<tr>
<td width="157" class="columnlabel" ><%=screen.getLabel("CAL_DATE")%> </td>
<td colspan="2" ><%=screen.getInput("CAL_DATE")%> <a href="#" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Image191','','../IMAGES/BUTTON/SWAP/CALENDAR_SWAP20.gif',1)" onClick="viewCal('__cal_date')"><img src="../IMAGES/BUTTON/MAIN/CALENDAR20.gif" alt="Calendar" name="Image191" width="20" height="20" border="0" align="absmiddle" id="Image191"></a>
</td>
</tr>
<tr>
<td class="columnlabel" > <%=screen.getLabel("PAY_DATE")%>
</td>
<td colspan="2" ><%=screen.getInput("PAY_DATE")%> <a href="#" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Image19','','../IMAGES/BUTTON/SWAP/CALENDAR_SWAP20.gif',1)" onClick="viewCal('__pay_date')"><img src="../IMAGES/BUTTON/MAIN/CALENDAR20.gif" alt="Calendar" name="Image19" width="20" height="20" border="0" align="absmiddle"></a> </td>
</tr>
<% screen.referLangOff(); %>
<tr>
<td class="columnlabel"><%=screen.getLabel("TDESC")%> </td>
<td colspan="2"><%=screen.getInput("TDESC")%></td>
</tr>
<tr>
<td class="columnlabel"><%=screen.getLabel("EDESC")%> </td>
<td colspan="2"><%=screen.getInput("EDESC")%></td>
</tr>
<% screen.referLangOn(); %>
<tr>
<td class="columnlabel" > <%=screen.getLabel("POSTED")%> </td>
<td colspan="2" > <%=screen.getInput("POSTED")%> </td>
</tr>
<tr>
<td height="22" class="columnlabel"> </td>
<td align="right">
<%=screen.getLabel("PERIOD_SEQ")%> </td>
<td ><%=screen.getInput("PERIOD_SEQ")%></td>
</tr>
<tr>
<td height="22" class="columnlabel"> </td>
<td align="right"> <a href="#" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Image1211','','../IMAGES/BUTTON/SWAP/SEARCH_SWAP20.gif',1)">
</a> <%=screen.getLabel("COUNT_PERIOD")%> </td>
<td ><%=screen.getInput("COUNT_PERIOD")%></td>
</tr>
<tr>
<td height="22" class="columnlabel"> </td>
<td align="right"> <a href="#" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Image1211','','../IMAGES/BUTTON/SWAP/SEARCH_SWAP20.gif',1)">
</a> <%=screen.getLabel("CAL_TIME")%> </td>
<td ><%=screen.getInput("CAL_TIME")%></td>
</tr>
<tr>
<td height="22" class="columnlabel"> </td>
<td align="right"> <a href="#" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Image1211','','../IMAGES/BUTTON/SWAP/SEARCH_SWAP20.gif',1)">
</a> <%=screen.getLabel("CAL_TAX")%> </td>
<td ><%=screen.getInput("CAL_TAX")%></td>
</tr>
<tr>
<td class="columnlabel"> </td>
<td align="right"> <%=screen.getLabel("CAL_SOC")%> </td>
<td ><%=screen.getInput("CAL_SOC")%></td>
</tr>
<!-- Service Charge -->
<tr>
<td class="columnlabel"> </td>
<td align="right"> <%=screen.getLabel("CAL_SVC")%> </td>
<td ><%=screen.getInput("CAL_SVC")%></td>
</tr>
<!-- ************** -->
<tr>
<td class="columnlabel"> </td>
<td width="179" align="right"> <%=screen.getLabel("CAL_PVF")%> </td>
<td width="304" ><%=screen.getInput("CAL_PVF")%></td>
</tr>
<tr>
<td class="columnlabel"> </td>
<td align="right"> <%=screen.getLabel("END_MONTH")%> </td>
<td ><%=screen.getInput("END_MONTH")%></td>
</tr>
<tr>
<td class="columnlabel"> </td>
<td align="right"> <%=screen.getLabel("STATUS_CAL")%> </td>
<td ><%=screen.getInput("STATUS_CAL")%></td>
</tr>
<!-- Service Charge -->
<tr>
<td class="columnlabel"> </td>
<td align="right"> <%=screen.getLabel("SVC_GIVEN_TYPE")%> </td>
<td ><%=screen.getInput("SVC_GIVEN_TYPE")%></td>
</tr>
<tr>
<td class="columnlabel"> </td>
<td align="right"> <%=screen.getLabel("SVC_POSTING_TYPE")%> </td>
<td ><%=screen.getInput("SVC_POSTING_TYPE")%></td>
</tr>
<tr>
<td class="columnlabel"> </td>
<td align="right"> <%=screen.getLabel("FIELD_FOR_SVC_POST_IN")%> </td>
<td ><%=screen.getInput("FIELD_FOR_SVC_POST_IN")%></td>
</tr>
<tr>
<td class="columnlabel"> </td>
<td align="right"> <%=screen.getLabel("FIELD_FOR_SVC_POST_OUT")%> </td>
<td ><%=screen.getInput("FIELD_FOR_SVC_POST_OUT")%></td>
</tr>
<tr>
<td class="columnlabel"> </td>
<td align="right"> <%=screen.getLabel("FIXED_AMOUNT_PER_MONTH")%> </td>
<td ><%=screen.getInput("FIXED_AMOUNT_PER_MONTH")%></td>
</tr>
<tr>
<td class="columnlabel"> </td>
<td align="right"> <%=screen.getLabel("SVC_TOTAL_AMOUNT")%> </td>
<td ><%=screen.getInput("SVC_TOTAL_AMOUNT")%></td>
</tr>
<tr>
<td class="columnlabel"> </td>
<td align="right"> <%=screen.getLabel("SVC_TOTAL_DISTRIBUTED")%> </td>
<td ><%=screen.getInput("SVC_TOTAL_DISTRIBUTED")%></td>
</tr>
<tr>
<td class="columnlabel"> </td>
<td align="right"> <%=screen.getLabel("SVC_ACTUAL_DISTRIBUTED")%> </td>
<td ><%=screen.getInput("SVC_ACTUAL_DISTRIBUTED")%></td>
</tr>
<tr>
<td class="columnlabel"> </td>
<td align="right"> <%=screen.getLabel("TOTAL_MAN_DAYS")%> </td>
<td ><%=screen.getInput("TOTAL_MAN_DAYS")%></td>
</tr>
<tr>
<td class="columnlabel"> </td>
<td align="right"> <%=screen.getLabel("SVC_AMOUNT_PER_MAN_DAY")%> </td>
<td ><%=screen.getInput("SVC_AMOUNT_PER_MAN_DAY")%></td>
</tr>
<tr>
<td class="columnlabel"> </td>
<td align="right"> <%=screen.getLabel("POST_PERV_SVC")%> </td>
<td ><%=screen.getInput("POST_PERV_SVC")%></td>
</tr>
<tr>
<td class="columnlabel"> </td>
<td align="right"> <%=screen.getLabel("PREV_SVC_PERIOD")%> </td>
<td ><%=screen.getInput("PREV_SVC_PERIOD")%></td>
</tr>
<tr>
<td class="columnlabel"> </td>
<td align="right"> <%=screen.getLabel("CLEAR_PERV_SVC")%> </td>
<td ><%=screen.getInput("CLEAR_PERV_SVC")%></td>
</tr>
<!-- ************** -->
<tr>
<td colspan="3" class="blankspace"></td>
</tr>
<tr>
<td colspan="3"> <div align="center"><a href="javascript:setcmd1();"><img src="../IMAGES/BUTTON/OK.gif" border="0"></a> <a href="javascript:backhead();"><img src="../IMAGES/BUTTON/BACK.gif" border="0"></a></div></td>
</tr>
<tr>
<td colspan="3" class="blankspace"></td>
</tr>
<tr>
<td colspan="3" class="bottom"></td>
</tr>
</table>
</td>
</tr>
</table>
<% screen.referLangOff(); %>
<%
if((request.getParameter("__cmdchild")!=null)&&(!request.getParameter("__cmdchild").equals(""))){%>
<script language="javascript">back();</script>
<%}%>
</form>
<!--Start ERROR AND WARNING -->
<!--END ERROR AND WARNING -->
<p align="center"> </p>
<center>
<p></p>
</center>
</div>
</body>
</html>