<%@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="TAU137" class="com.csc.library.system.Task" scope="page"/>
<%
	TAU137.setChannel(request ,response);
   	ProcessEntry screen=(ProcessEntry)TAU137.process("ProcessEntry","Process");
   	screen.process();
%>
<html>
<head>
<title></title>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<link href="../CSS/TISCO.css" rel="stylesheet" type="text/css">
<script type='text/javascript' src='../JS/SCREEN.js'></script>
<script language="javascript" src='../JS/DATEINPUT.js'></script>
<script language="javascript" src='../JS/VIEWCALENDAR.js'></script>
<script language="javascript">setLang('<%=screen.getUProfile().get("lang")%>');</script>
<script language="JavaScript" type="text/JavaScript">
<!--
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 chkDateTime1(valueSearch){
	var tmpval="";
	with(document.cscform){
		var valueSearch1=valueSearch.split("-");
		if(valueSearch1.length==3){
			if(valueSearch1[1].length==1){
				valueSearch1[1]="0"+valueSearch1[1];
			}
			if(valueSearch1[0].length==1){
				valueSearch1[0]="0"+valueSearch1[0];
			}
			valueSearch1[2]=parseInt(valueSearch1[2]);
			return valueSearch=valueSearch1[2]+"-"+valueSearch1[1]+"-"+valueSearch1[0];
		}
	}
}

function addOption(objOption,objList) {
	//alert(">>>>>"+objOption+":"+objList);
   	addToOption(objOption,objList) ;     
} // End of addOption()

function addToOption(objOption,destList) { 	
	//alert(objOption+":"+destList);
  	var lengthAll = parseInt(objOption.length)+parseInt(destList.options.length);
	newDestList = new Array(lengthAll);
	var clen=0;
	for(len=0; len<destList.options.length; len++) {
		if (destList.options[len] != null) {
			newDestList[ len ] = new Option( destList.options[ len ].text, destList.options[ len ].value, destList.options[ len ].defaultSelected, destList.options[ len ].selected );
			clen++;
		}
	}

	for ( var j = 0 ; j < objOption.length; j++ ) {
		if ( objOption[ j ] != null ) {
			newDestList[ clen ] = objOption[ j ];
			clen++;
		}
	}

	//newDestList.sort( compareOptionValues ); 
	for( var i = destList.options.length - 1; i >= 0; i-- )  { 
		if ( destList.options[i] != null  ) {
			destList.options[i]  = null;
		}
	}
		  
	for ( var j = 0; j < newDestList.length; j++ )  {
		if ( newDestList[ j ] != null ) {
			destList.options[ j ] =new Option(newDestList[ j ].text,newDestList[ j ].value);
		}
	}
} // End of addToOption()

function findKey(objOption,myList){
	//alert("in findKey:>"+objOption+":"+myList);
	for ( var j = 0 ; j < objOption.length; j++ ) {
		for(var i=0;i < myList.length;i++){
			if(objOption[j].value == myList.options[i].value){
				alert(myList.options[i].value+" มีข้อมูลแล้ว");
				return true;
			}//if
		}//for					
	}	//for
	return false;
}

function goHelp(helpName,inputName,listName){
	var helpReturn;
	var key;
	var tdesc="tdesc",edesc="edesc";
	
	if (inputName=="bu1" ) {
		helpReturn="bu1";
		key="bu1id";
	} else if (inputName=="bu2" ) {
		helpReturn="bu2";
		key="bu2id";
	} else if (inputName=="bu3" ) {
		helpReturn="bu3";
		key="bu3id";
	} else if (inputName=="bu4" ) {
		helpReturn="bu4";
		key="bu4id";
	} else if (inputName=="bu5" ) {
		helpReturn="bu5";
		key="bu5id";
	} else if (inputName=="branch" ) {
		helpReturn="branch";
		key="branchid";
	} else if (inputName=="position" ) {
		helpReturn="position";
		key="positionid";
	} else if (inputName=="salatype" ) {
		helpReturn="salatype";
		key="codeid";
	} else if (inputName=="employee" ) {
		helpReturn="employeeid";
		key="employeeid";
		tdesc="fullname";
		edesc="fullname";
	}
	
	 with(document.cscform){
		if (__fixCon.value!="") 
			__fixCon.value=__fixCon.value;
		var param="PRU085.jsp?__helpName="+helpName+"&__helpReturn="+helpReturn
		+"&__pageCall="+__screen.value+"&__fixCon="+__fixCon.value+"&__checkVerify=off"		
		+"&__listName="+listName+"&__key="+key+"&__tdesc="+tdesc+"&__edesc="+edesc;
		window.open(param,"Help","left=150,top=150,width=600,height=400,toolbar=no,status=yes,scrollbars=yes,resizable=yes");
	}
}

function listDblClick(objmyList){
	for(i=objmyList.length;i > 0;i--){
		if(objmyList.options[i-1].selected==true){
			bCon=confirm("ต้องการลบ "+objmyList.options[i-1].text+" หรือไม่ ?");
			if (bCon==true){			
				objmyList.options[i-1]  = null;
			}
		}
	}
}

function setCondition(){
	var obj_bu1List=document.cscform.bu1List;	
    for(i=obj_bu1List.length;i >0;i--){
		document.cscform.__condition$bu1Select.value+=obj_bu1List.options[i-1].value+",";			
	}
	var obj_bu2List=document.cscform.bu2List;	
    for(i=obj_bu2List.length;i >0;i--){
		document.cscform.__condition$bu2Select.value+=obj_bu2List.options[i-1].value+",";
	}
	var obj_bu3List=document.cscform.bu3List;	
    for(i=obj_bu3List.length;i >0;i--){
		document.cscform.__condition$bu3Select.value+=obj_bu3List.options[i-1].value+",";
	}
	var obj_bu4List=document.cscform.bu4List;	
    for(i=obj_bu4List.length;i >0;i--){
		document.cscform.__condition$bu4Select.value+=obj_bu4List.options[i-1].value+",";
	}
	var obj_bu5List=document.cscform.bu5List;	
    for(i=obj_bu5List.length;i >0;i--){
		document.cscform.__condition$bu5Select.value+=obj_bu5List.options[i-1].value+",";
	}
	var obj_employeeList=document.cscform.employeeList;	
    for(i=obj_employeeList.length;i >0;i--){
		document.cscform.__condition$employeeSelect.value+=obj_employeeList.options[i-1].value+",";
	}
	var obj_positionList=document.cscform.positionList;	
    for(i=obj_positionList.length;i >0;i--){
		document.cscform.__condition$positionSelect.value+=obj_positionList.options[i-1].value+",";
	}
	var obj_branchList=document.cscform.branchList;	
    for(i=obj_branchList.length;i >0;i--){
		document.cscform.__condition$branchSelect.value+=obj_branchList.options[i-1].value+",";
	}
	var obj_salatypeList=document.cscform.salatypeList;	
    for(i=obj_salatypeList.length;i >0;i--){
		document.cscform.__condition$salatypeSelect.value+=obj_salatypeList.options[i-1].value+",";
	}
	
	with(document.cscform){
		for(i=0;i<elements.length;i++){
			if(elements[i].type=="checkbox"){
				if (elements[i].checked){
					elements[i].value="1";
				} else elements[i].value="0";
		   	}
		}
	}
	
	if (document.cscform.__condition$startDate.value.length>0) {
		var sData = chkDateTime1(document.cscform.__condition$startDate.value);
		document.cscform.__condition$startDate.value = sData;
	}
		/*
	if (document.cscform.__condition$endDate.value.length>0) {
		var eData = chkDateTime1(document.cscform.__condition$endDate.value);
		document.cscform.__condition$endDate.value = eData;
	}*/
			
	/*
	alert(
	"startdate="+document.cscform.__condition$startDate.value+"\n"+
	"enddate="+document.cscform.__condition$endDate.value+"\n"+
	//"chk startdate="+chkDateTime1(document.cscform.__condition$startDate.value)+"\n"+
	//"chk enddate="+chkDateTime1(document.cscform.__condition$endDate.value)+"\n"+
	"employee="+document.cscform.__condition$employeeSelect.value+"\n"+
	"position="+document.cscform.__condition$positionSelect.value+"\n"+
	"bu1="+document.cscform.__condition$bu1Select.value+"\n"+
	"bu2="+document.cscform.__condition$bu2Select.value+"\n"+
	"bu3="+document.cscform.__condition$bu3Select.value+"\n"+
	"bu4="+document.cscform.__condition$bu4Select.value+"\n"+
	"bu5="+document.cscform.__condition$bu5Select.value+"\n"+
	"branch="+document.cscform.__condition$branchSelect.value+"\n"+
	"salatype="+document.cscform.__condition$salatypeSelect.value+"\n"+
	"check timein="+document.cscform.__condition$timein.value+"\n"+
	"check timeout="+document.cscform.__condition$timeout.value	
	);
	*/
}

function process(pValue) {
	setCondition();
	with(document.cscform){
		if (pValue=='clear') {
			__condition$cmdValue.value = "clear";
			
			for(i=0;i<deleteList.length;i++){				
				if (deleteList[i].checked){
						__ptype.value="TA3";
						__prclass.value="ClearTimeWorking";
				}
			}
		}
			
		bCon=confirm("Confirm Process "+pValue);
		if (bCon==true)	{			
			__cmd .value = "save";							
			submit();
		}
	}
}

//-->
</script>
</head>
<body  leftmargin="0" topmargin="0" marginwidth="0" marginheight="0" >
<form name="cscform" method="post" action="">


<!----------BEGIN CSC INITIAL ZONE ------------------------>

<%=screen.InitialVariable()%>

<!----------END CSC INITIAL ZONE -------------------------->

<input type="hidden" name="__screen"  value="TAU137">
	<input type="hidden" name="__fixCon"  value="">
	<input type="hidden" name="__cmd"  value="">
	<input type="hidden" name="__help"  value="">
	<input type="hidden" name="__user" value="<%=screen.getUProfile().getUserId()%>">
	<input type="hidden" name="__companyid" value='<%=screen.getUProfile().get("companyid")%>'>
	<input type="hidden" name="__tname" value="ระบบเวลาการทำงาน">
	<input type="hidden" name="__ename" value="Time Attendance">
	<input type="hidden" name="__ptype" value="">
	<input type="hidden" name="__prclass" value="">
	<input type="hidden" name="__calendar" value="">
	<script language="javascript">getInputFormatDate();</script>
	<input type="hidden" name="__language" value ="<%=screen.getUProfile().get("lang")%>">		
	<div id="toolTipLayer" style="position:absolute; visibility: hidden"></div>
  	<script language="javascript">initToolTips();</script>
	<input type="hidden" name="__condition$employeeProcess" value='<%=screen.getUProfile().get("employeeid")%>'>
	<input type="hidden" name="__condition$employeeSelect" value="">
	<input type="hidden" name="__condition$positionSelect" value="">
	<input type="hidden" name="__condition$bu1Select" value="">
	<input type="hidden" name="__condition$bu2Select" value="">
	<input type="hidden" name="__condition$bu3Select" value="">
	<input type="hidden" name="__condition$bu4Select" value="">
	<input type="hidden" name="__condition$bu5Select" value="">
	<input type="hidden" name="__condition$branchSelect" value="">
	<input type="hidden" name="__condition$salatypeSelect" value="">
	<input type="hidden" name="__condition$cmdValue" value="">
 	<br>
  	<div align="center">
    <table  cellpadding="0"  cellspacing="0">
    <tr >
    	<td  class="header" colspan="4"> TAU137,&nbsp;<script language="javascript">swapLang("Clear Time Process");</script>&nbsp;</td>
   	</tr>
	<tr>
    	<td colspan="4" class="blankspace"  ></td>
    </tr>
	<tr>
		<td width="150" class="columnlabel"><div align="right"><script language="javascript">swapLang("Start Date");</script></div></td>
		<td width="420" valign="bottom"><div align="left">&nbsp;
			<input type="text" name="__condition$startDate" size="10">&nbsp;
			<a href="#" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Image1','','IMAGES/BUTTON/SWAP/CALENDAR_SWAP20.gif',1)" onClick="viewCal('__condition$startDate')"><img src="IMAGES/BUTTON/MAIN/CALENDAR20.gif" alt="Calendar" name="Image1" width="20" height="20" border="0" align="absmiddle"></a>
			&nbsp;&nbsp;-&nbsp;&nbsp;
		  	<script language="javascript">swapLang("End Date");</script>&nbsp;		  	
		  	<input type="text" name="__condition$endDate" size="10">&nbsp;
            <a href="#" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Image2','','IMAGES/BUTTON/SWAP/CALENDAR_SWAP20.gif',1)" onClick="viewCal('__condition$endDate')"><img src="IMAGES/BUTTON/MAIN/CALENDAR20.gif" alt="Calendar" name="Image2" width="20" height="20" border="0" align="absmiddle"></a> </div></td>
	</tr>	
	<tr >
    	<td colspan="4">
			<table width="100%" border="0">
			<tr>
            	<td colspan="2" class="blankspace"  ></td>
            </tr>
			<tr>
        		<td width="50%" align="center"><script language="javascript">swapLang("Employee");</script>&nbsp;<input type="button" name="__employeeid" value="click" onClick="javascript:goHelp('MEMPLOYEEHELP','employee','employeeList')"/></td>
                <td width="50%" align="center"><script language="javascript">swapLang("Position");</script>&nbsp;<input type="button" name="__positionid" value="click" onClick="javascript:goHelp('MPOSITIONHELP','position','positionList')"/></td>
         	</tr>
     		<tr>
            	<td align="center">
					<select name="employeeList" size="20" multiple class="large" style="width:250; height:100" onDblClick="listDblClick(this.form.employeeList);">					
               	    </select>
				</td>
				<td align="center">
					<select name="positionList" size="20" multiple class="large" style="width:250; height:100" onDblClick="listDblClick(this.form.positionList);">					
               	    </select>
				</td>
            </tr>
            <tr>
            	<td colspan="2" class="blankspace"  ></td>
            </tr>
            <tr>
        		<td width="50%" align="center"><script language="javascript">swapLang("Business Unit 1");</script>&nbsp;<input type="button" name="__bu1id" value="click" onClick="javascript:goHelp('MBU1HELP','bu1','bu1List')"/></td>
                <td width="50%" align="center"><script language="javascript">swapLang("Business Unit 2");</script>&nbsp;<input type="button" name="__bu2id" value="click" onClick="javascript:goHelp('MBU2HELP','bu2','bu2List')"/></td>
         	</tr>
     		<tr>
            	<td align="center">
					<select name="bu1List" size="20" multiple class="large" style="width:250; height:100" onDblClick="listDblClick(this.form.bu1List);">
               	    </select>
				</td>
				<td align="center">
					<select name="bu2List" size="20" multiple class="large" style="width:250; height:100" onDblClick="listDblClick(this.form.bu2List);">>					
               	    </select>
				</td>
            <tr>                          
            <td colspan="2" class="blankspace"  ></td>
            </tr> 			
            <tr>
        		<td width="50%" align="center"><script language="javascript">swapLang("Business Unit 3");</script>&nbsp;<input type="button" name="__bu3id" value="click" onClick="javascript:goHelp('MBU3HELP','bu3','bu3List')"/></td>
                <td width="50%" align="center"><script language="javascript">swapLang("Business Unit 4");</script>&nbsp;<input type="button" name="__bu4id" value="click" onClick="javascript:goHelp('MBU4HELP','bu4','bu4List')"/></td>
         	</tr>
     		<tr>
            	<td align="center">
					<select name="bu3List" size="20" multiple class="large" style="width:250; height:100" onDblClick="listDblClick(this.form.bu3List);">
               	    </select>
				</td>
				<td align="center">
					<select name="bu4List" size="20" multiple class="large" style="width:250; height:100" onDblClick="listDblClick(this.form.bu4List);">
               	    </select>
				</td>
            <tr>            
			<tr>                          
            <td colspan="2" class="blankspace"  ></td>
            </tr> 			
            <tr>
        		<td width="50%" align="center"><script language="javascript">swapLang("Business Unit 5");</script>&nbsp;<input type="button" name="__bu5id" value="click" onClick="javascript:goHelp('MBU5HELP','bu5','bu5List')"/></td>
                <td width="50%" align="center"><script language="javascript">swapLang("Branch");</script>&nbsp;<input type="button" name="__branchid" value="click" onClick="javascript:goHelp('MBRANCHHELP','branch','branchList')"/></td>
         	</tr>
     		<tr>
            	<td align="center">
					<select name="bu5List" size="20" multiple class="large" style="width:250; height:100" onDblClick="listDblClick(this.form.bu5List);">
               	    </select>
				</td>
				<td align="center">
					<select name="branchList" size="20" multiple class="large" style="width:250; height:100"onDblClick="listDblClick(this.form.branchList);">
               	    </select>
				</td>
            <tr>                          
            <td colspan="2" class="blankspace"  ></td>
            </tr> 
			<tr>
        		<td width="50%" align="center"><script language="javascript">swapLang("Salatype");</script>&nbsp;<input type="button" name="__salatypeid" value="click" onClick="javascript:goHelp('MSALATYPE0HELP','salatype','salatypeList')"/></td>
                <td width="50%" align="center"><script language="javascript">swapLang("Please Select");</script></td>
         	</tr>
     		<tr>
            	<td align="center">
					<select name="salatypeList" size="20" multiple class="large" style="width:250; height:100" onDblClick="listDblClick(this.form.salatypeList);">
               	    </select>
				</td>
				<td align="left">				
					&nbsp;
				</td>
            <tr>                          
            	<td colspan="2" class="blankspace"  ></td>
            </tr> 
            <tr>
        		<td align="center" colspan="2"><script language="javascript">swapLang("Remark");</script></td>
         	</tr>
     		<tr>
            	<td align="center" colspan="2">
                  <textarea name="__remark" cols="100" rows="5"></textarea>
				</td>
            <tr>  
			<tr>                          
            	<td colspan="2" class="blankspace"></td>
            </tr>   
			 <tr>
              	<td colspan="2" class="blankspace"  >
					<div align="center">
					<a href="javascript:process('clear');"><img src="../IMAGES/BUTTON/CLEAR.gif" width="76" height="20" border="0"></a>&nbsp;&nbsp;					
					</div>
				</td>
            </tr>
			 <tr>
              	<td colspan="2" class="blankspace"  ></td>
            </tr>
          	</table> 
		</td>
    </tr>
  	<tr>
		<td  class="bottom" colspan="2"></td>
    </tr>
	</table>
  </div>
</form>
</body>
</html>