<%@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 ng-app="myHR">
<head>
<title></title>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<link href="../CSS/TISCO.css" rel="stylesheet" type="text/css">
<link href="../CSS/bootstrap.css" rel="stylesheet"  type="text/css">
<link href="../CSS/bootstrap_csc_backend.css" rel="stylesheet"  type="text/css">
<script type="text/javascript" src="../JS/jquery-2.1.3.min.js"></script>
<script type='text/javascript' src="../JS/bootstrap.js"></script>
<script type='text/javascript' src='../JS/SCREEN.js'></script>
<script src="../JS/angular-1.3.15/angular.js" type="text/javascript"></script>	
<script src="../JS/ANGULAR/SCREEN_ANGULAR.js" type="text/javascript"></script>
<script language="javascript" src='../JS/DATEINPUT.js'></script>
<script language="javascript" src='../JS/VIEWCALENDAR.js'></script>
<script language="javascript" src='./JS/PROCESS.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 process(pValue) {	
	if(chk_Date()){
		clearCondition();
		setCondition();
		if(chkCondition()){
		with(document.cscform){		
			if (pValue=='clear') {
				__condition$cmdValue.value = "clear";
				
				for(i=0;i<deleteList.length;i++){				
					if (deleteList[i].checked){
						if (deleteList[i].value==3) {					
							__ptype.value="TA4";
							__prclass.value="DeleteCheckTimeProcess";
						} else if (deleteList[i].value==0) {					
							__ptype.value="TA12";
							__prclass.value="ClearTimeSwipeCard";
						} else if (deleteList[i].value==1) {					
							__ptype.value="TA3";
							__prclass.value="ClearTimeReserve";
						} else if (deleteList[i].value==2) {					
							__ptype.value="TA13";
							__prclass.value="ClearTimeWorking";
						}
					}
				}
			}
				
				if(empStart.value <= empEnd.value){
					if(document.cscform.__language.value=='tha')
					{	bCon=confirm("ยืนยันการล้างข้อมูล");}
					else
					{	bCon=confirm("Confirm Process "+pValue);}
					if (bCon==true)	{
						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;
						}

						__cmd .value = "save";							
						submit();
					}//end if bCon
				}else alert(MyCode[101]);
				// end if chkEmp
			}
		}// end if chkCondition()
	} // end if chkDate
}

function chkRadio(){
	with(document.cscform){
		//for(i=0; i<deleteList.length; i++){
			if(deleteList[0].checked){
				chkTemp.disabled = false;
				__condition$temp0.disabled = false;
				__condition$temp1.disabled = false;
				__condition$temp2.disabled = false;
				__condition$temp3.disabled = false;
				__condition$temp5.disabled = false;
			}else{
				chkTemp.disabled = true;
				__condition$temp0.disabled = true;
				__condition$temp1.disabled = true;
				__condition$temp2.disabled = true;
				__condition$temp3.disabled = true;
				__condition$temp5.disabled = true;
			}
		//}
	}
}

//-->
</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$employeeBetween" value="">
	<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$workareaSelect" value="">
	<input type="hidden" name="__condition$emp_levelSelect" value="">
	<input type="hidden" name="__condition$time0Select" 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="182" class="columnlabel"><script language="javascript">swapLang("Start Date");</script></td>
		<td width="458" valign="bottom"><div align="left">&nbsp;<input type="text" name="__condition$startDate" size="10" maxlength="8" onKeyup = "formatDate(this)" onBlur = "chkInputDate2(this,__condition$endDate)" onKeypress = "chkIntegerOfDate(this.value)" onMouseOver="toolTip('วันเริ่มต้น')" onMouseOut="toolTip()">&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;<script language="javascript">swapLang("End Date");</script>&nbsp;<input type="text" name="__condition$endDate" size="10" maxlength="8" onKeyup = "formatDate(this)" onBlur = "chkInputDate2(__condition$startDate,this)" onKeypress = "chkIntegerOfDate(this.value)" onMouseOver="toolTip('วันสิ้นสุด')" onMouseOut="toolTip()">&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>
		<td>&nbsp;</td>
		<td>&nbsp;</td>
	</tr>
	
	<tr>
		<td class="columnlabel"><script language="javascript">swapLang("Employee ID");</script></td>	
		<td><div align="left">&nbsp;<input type="text" name="empStart" size="15" onMouseOver="toolTip('รหัสพนักงานเริ่มต้น')" onMouseOut="toolTip()">&nbsp;<a href="javascript:goHelp('MEMPLOYEEHELP','empStart','')" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Image3','','../IMAGES/BUTTON/SWAP/SEARCH_SWAP20.gif',1)"><img src="../IMAGES/BUTTON/MAIN/SEARCH20.gif" alt="Help" name="Image3" width="20" height="20" border="0" align="absmiddle"></a>&nbsp;-&nbsp;<input type="text" name="empEnd" size="15" onMouseOver="toolTip('รหัสพนักงานสิ้นสุด')" onMouseOut="toolTip()">&nbsp;<a href="javascript:goHelp('MEMPLOYEEHELP','empEnd','')" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Image4','','../IMAGES/BUTTON/SWAP/SEARCH_SWAP20.gif',1)"><img src="../IMAGES/BUTTON/MAIN/SEARCH20.gif" alt="Help" name="Image4" width="20" height="20" border="0" align="absmiddle"></a></div></td>	
		<td>&nbsp;</td>
		<td>&nbsp;</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>
			<%
				DbInquiry memployee = new InitialInquiry(screen.getUProfile()).getDbInquiry("memployee");
				memployee.setColumn("employeeid,companyid,bu1,bu2,bu3,bu4,bu5");
				memployee.refresh();

				DbRecord mbu = memployee.getCurrentDbRecord();
			%>
            <tr>
        		<td width="50%" align="center"><%=mbu.getField("bu1").getDescription()%>&nbsp;<input type="button" name="__bu1id" value="click" onClick="javascript:goHelp('MBU1HELP','bu1','bu1List')"/></td>
                <td width="50%" align="center"><%=mbu.getField("bu2").getDescription()%>&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"><%=mbu.getField("bu3").getDescription()%>&nbsp;<input type="button" name="__bu3id" value="click" onClick="javascript:goHelp('MBU3HELP','bu3','bu3List')"/></td>
                <td width="50%" align="center"><%=mbu.getField("bu4").getDescription()%>&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>
            <tr>                          
            <td colspan="2" class="blankspace"  ></td>
            </tr> 
			<tr>
				<td width="50%" align="center"><script language="javascript">swapLang("Employee Level");</script>&nbsp;<input type="button" name="__emp_levelid" value="click" onClick="javascript:goHelp('MLEVELHELP','emp_level','emp_levelList')"/></td>
        		<td width="50%" align="center"><script language="javascript">swapLang("Workarea");</script>&nbsp;<input type="button" name="__workareaid" value="click" onClick="javascript:goHelp('MWORKAREAHELP','workarea','workareaList')"/></td>
            </tr> 
     		<tr>
            	<td align="center">
					<select name="emp_levelList" size="20" multiple class="large" style="width:250; height:100" onDblClick="listDblClick(this.form.emp_levelList);">
                    </select>
				</td> 
			  	<td align="center">
					<select name="workareaList" size="20" multiple class="large" style="width:250; height:100" onDblClick="listDblClick(this.form.workareaList);">
              		</select>					
				</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("Time0");</script>&nbsp;<input type="button" name="__time0id" value="click" onClick="javascript:goHelp('MTIME0HELP','time0','time0List')"/></td>
         	</tr>
     		<tr>
            	<td align="center" valign="top"><select name="salatypeList" size="20" multiple class="large" style="width:250; height:100" ondblclick="listDblClick(this.form.salatypeList);">
                </select></td>
				<td align="center">
					<select name="time0List" size="20" multiple class="large" style="width:250; height:100" onDblClick="listDblClick(this.form.time0List);">
               	</select>
				</td></tr>
			<tr>
			<td width="50%" align="center"><script language="javascript">swapLang("Please Select");</script></td>
        		<td width="50%" align="center"></td>                
         	</tr>
     		<tr>            	
				<td align="left">
				&nbsp;&nbsp;&nbsp;<input name="deleteList" type="radio" value="0" onClick="javascript:chkRadio()">
				<span swlang code="SW012770">Clear Time Punch Card</span><br><div id="chkTemp" disabled>
				&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<input name="__condition$temp0" type="checkbox" disabled><script language="javascript">swapLang("HR System");</script><br>
				&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<input name="__condition$temp1" type="checkbox" disabled><script language="javascript">swapLang("Access Machine");</script><br>
				&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<input name="__condition$temp2" type="checkbox" disabled><span swlang code="SW012771">Punch Time by HR</span><br>
				&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<input name="__condition$temp3" type="checkbox" disabled><span swlang code="SW012772">Punch Time Group by HR</span><br>
				&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<input name="__condition$temp5" type="checkbox" disabled><span swlang code="SW012778">Punch Time by Workflow</span>
				<br></div>
				&nbsp;&nbsp;&nbsp;<input name="deleteList" type="radio" value="3" checked onClick="javascript:chkRadio()"><script language="javascript">swapLang("Clear Time Error");</script><br>
				<!--input name="deleteList" type="radio" value="1" onClick="javascript:chkRadio()"><script language="javascript">swapLang("Clear Time Reserve");</script><br-->

				&nbsp;&nbsp;&nbsp;<input name="deleteList" type="radio" value="2" onClick="javascript:chkRadio()"><script language="javascript">swapLang("Clear Time Working");</script><br>	
				</td>
				<td align="center" valign="top"></td>
				</tr>
            <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="70" rows="5"></textarea>				</td>
            <tr>  
			<tr>                          
            	<td colspan="2" class="blankspace"></td>
            </tr>   

				<tr>
					<td  class="buttonline" colspan="7"><div align="center">
						<button type="button" class="btn btn-primary width100" swlang code="SW013047" onClick="process('clear');">CLEAR</button>
					</div>
					</td>
				</tr>
			 <tr>
              	<td colspan="2" class="blankspace"  ></td>
            </tr>
          	</table> 
		</td>
    </tr>
  	<tr>
		<td  class="bottom" colspan="4"></td>
    </tr>
	</table>
  </div>
</form>
</body>
</html>