<%@page contentType="text/html; charset=UTF-8"%>
<%@page import="com.csc.library.utilities.*,com.csc.library.entry.HelpEntry,com.csc.library.system.*,com.csc.library.utilities.ThaiUtilities"%>
<jsp:useBean id="TAU174" class="com.csc.library.system.Task" scope="page" />
<%
	TAU174.setChannel(request, response);
	HelpEntry screen = (HelpEntry) TAU174.process("HelpEntry", "TAU174HELP");
	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'>setLang('<%=screen.getUProfile().get("lang")%>');</script>
<script type='text/javascript' src='../JS/DATEINPUT.js'></script>
<script type='text/javascript' src='../JS/VIEWCALENDAR.js'></script>
<script language="javascript">getTitleName();</script>
<script language="JavaScript" type="text/JavaScript">
<!--
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_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_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 MM_jumpMenu(targ,selObj,restore){ //v3.0
  eval(targ+".location='"+selObj.options[selObj.selectedIndex].value+"'");
  if (restore) selObj.selectedIndex=0;
}
//-->
//function linkHelp_Return(help,input,filter){
//	with(document.cscform){
//		var param="PRU084.jsp?__helpName="+help+"&__helpReturn="+input+"&__pageCall="+__screen.value+"&__fixCon="+filter;
//		window.open(param,"Help","left=150,top=150,width=500,height=200,toolbar=no,status=yes,scrollbars=yes,resizable=yes");
//	}
//}
function linkHelp_Return(help,input,filter){
	with(document.cscform){
		if (__fixCon.value!="")//{
			__fixCon.value=__fixCon.value /*+ " And (verified<>'I') or(verified='U')"*/;
		/*} else {
			__fixCon.value=" (verified<>'I') or(verified='U')";
		}*/
		var nInput = input;
		if(input.indexOf(":")>0){
			nInput=input.substring(0,input.indexOf(":"));
		}
		obj = eval("document.cscform."+nInput);
		if(obj.value==""){
				var param="PRU084.jsp?__helpName="+help+"&__helpReturn="+input+"&__pageCall="+__screen.value+"&__fixCon="+filter+"&__checkVerify=off";
		}else{
				var param="PRU084.jsp?__helpName="+help+"&__helpReturn="+input+"&__pageCall="+__screen.value+"&__fixCon="+filter+"&__checkVerify=off"+"&__valueSearch="+obj.value;
		}
		window.open(param,"Help","left=150,top=150,width=500,height=400,toolbar=no,status=yes,scrollbars=yes,resizable=yes");
	}
}
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 goHelp(helpName,inputName,filter){
	var helpReturn;
	var fixcon;
	if(inputName.indexOf("__emp") > -1){
		helpReturn = inputName+":employeeid";
	} else if(inputName=="__swipetime"){
		helpReturn = inputName+":swipetimeid,__swipetimename:edesc"
	}
	fixcon="";
	linkHelp_Return(helpName,helpReturn,fixcon);
}

function chkValidDate(){
	with(document.cscform){
		if(isValidDate(__date1.value) && (isValidDate(__date2.value))){
			return true;
		}else return false;
	}
}

function chkDateDiff(){
	with(document.cscform){
		if(dateDifference(__date1.value,__date2.value)){
			return true;
		}else return false;
	}
}

function chkValidTime(){
	with(document.cscform){
		if(isValidTime(__time1.value) && isValidTime(__time1.value)){
			return true;
		}else return false;
	}
}

function chkConValue(){
	with(document.cscform){
	var i=0;
		if(__emp1.value > __emp2.value){
			if(__language.value=="tha"){
				alert("รหัสพนักงานสิ้นสุดต้องมากกว่ารหัสพนักงานเริ่มต้น");
			}else{
				alert("Please input new employeeid");
			}
			i++;
		}else if(!chkValidDate() || !chkDateDiff()){
			i++;
		}else if(!chkValidTime()){
			i++;
		}

		if(i==0){
			setFilter();
		}

	}
}

function setFilter(){
	with(document.cscform){
		__cmd.value="search";
		var sqlEmp="";
		var sqlDate="";
		var sqlTime="";
		var sqlWorkarea="";

		if (__emp1.value.length>0&&__emp2.value.length>0)
			sqlEmp = " (employeeid between '"+__emp1.value+"' and '"+__emp2.value+"' ) ";
		else if (__emp1.value.length>0&&__emp2.value.length==0)
			sqlEmp = " employeeid='"+__emp1.value+"' ";
		else if (__emp2.value.length>0&&__emp1.value.length==0)
			sqlEmp = " employeeid='"+__emp2.value+"' ";

		if (__date1.value.length>0&&__date2.value.length>0)
			sqlDate = " (swipedate between '"+chkDateTime1(__date1.value)+"' and '"+chkDateTime1(__date2.value)+"' ) ";
		else if (__date1.value.length>0&&__date2.value.length==0)
			sqlDate = " swipedate='"+chkDateTime1(__date1.value)+"' ";
		else if (__date2.value.length>0&&__date1.value.length==0)
			sqlDate = " swipedate='"+chkDateTime1(__date2.value)+"' ";

		if (__time1.value.length>0&&__time2.value.length>0)
			sqlTime = " (swipetime between '"+__time1.value+"' and '"+__time2.value+"' ) ";
		else if (__time1.value.length>0&&__time2.value.length==0)
			sqlTime = " swipetime='"+__time1.value+"' ";
		else if (__time2.value.length>0&&__time1.value.length==0)
			sqlTime = " swipetime='"+__time2.value+"' ";

		if (__swipetime.value.length>0){
			sqlWorkarea=" (machinno='"+__swipetime.value+"') ";
		}

		if (sqlEmp.length>0&&sqlDate.length>0&&sqlTime.length>0&&sqlWorkarea.length>0)
			__fixCon.value = sqlEmp + " and " + sqlDate + " and "+ sqlTime + " and " + sqlWorkarea;
		else if (sqlEmp.length==0&&sqlDate.length>0&&sqlTime.length>0&&sqlWorkarea.length>0)
			__fixCon.value = sqlDate + " and "+ sqlTime + " and " + sqlWorkarea;
		else if (sqlEmp.length>0&&sqlDate.length==0&&sqlTime.length>0&&sqlWorkarea.length>0)
			__fixCon.value = sqlEmp + " and "+ sqlTime + " and " + sqlWorkarea;
		else if (sqlEmp.length>0&&sqlDate.length>0&&sqlTime.length==0&&sqlWorkarea.length>0)
			__fixCon.value = sqlEmp + " and "+ sqlDate + " and " + sqlWorkarea;
		else if (sqlEmp.length>0&&sqlDate.length>0&&sqlTime.length>0&&sqlWorkarea.length==0)
			__fixCon.value = sqlEmp + " and "+ sqlDate + " and " + sqlTime;
		else if (sqlEmp.length>0&&sqlDate.length==0&&sqlTime.length>0&&sqlWorkarea.length==0)
			__fixCon.value = sqlEmp + " and "+ sqlTime;
		else if (sqlEmp.length>0&&sqlDate.length>0&&sqlTime.length==0&&sqlWorkarea.length==0)
			__fixCon.value = sqlEmp + " and "+ sqlDate;
		else if (sqlEmp.length>0&&sqlDate.length==0&&sqlTime.length==0&&sqlWorkarea.length>0)
			__fixCon.value = sqlEmp + " and "+ sqlWorkarea;
		else if (sqlEmp.length==0&&sqlDate.length>0&&sqlTime.length>0&&sqlWorkarea.length==0)
			__fixCon.value = sqlDate + " and "+ sqlTime;
		else if (sqlEmp.length==0&&sqlDate.length>0&&sqlTime.length==0&&sqlWorkarea.length>0)
			__fixCon.value = sqlDate + " and "+ sqlWorkarea;
		else if (sqlEmp.length==0&&sqlDate.length==0&&sqlTime.length>0&&sqlWorkarea.length>0)
			__fixCon.value = sqTime + " and "+ sqlWorkarea;
		else if (sqlEmp.length>0&&sqlDate.length==0&&sqlTime.length==0&&sqlWorkarea.length==0)
			__fixCon.value = sqlEmp;
		else if (sqlEmp.length==0&&sqlDate.length>0&&sqlTime.length==0&&sqlWorkarea.length==0)
			__fixCon.value = sqlDate;
		else if (sqlEmp.length==0&&sqlDate.length==0&&sqlTime.length>0&&sqlWorkarea.length==0)
			__fixCon.value = sqlTime;
		else if (sqlEmp.length==0&&sqlDate.length==0&&sqlTime.length==0&&sqlWorkarea.length>0)
			__fixCon.value = sqlWorkarea;
		else __fixCon.value="";
		__orderBy.value=__listOrder.options[__listOrder.selectedIndex].value;

		//alert(__fixCon.value);
		submit();
	}
}
</script>
</head>

<body leftmargin="0" topmargin="0" >
<div id="toolTipLayer" style="position:absolute; visibility: hidden"></div>
<script language="javascript">initToolTips();</script>
<form name="cscform" method="post" action="TAU174.jsp">


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

<%=screen.InitialVariable()%>

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

<input type="hidden" name="__screen" value="TAU174">
	<input type="hidden" name="__cmd" value="">
	<input type="hidden" name="__help" value="">
	<input type="hidden" name="__goPage" value="">
	<input type="hidden" name="__orderBy" value="">
	<input type="hidden" name="__helpReturn" value="">
	<input type="hidden" name="__helpName" value="">
	<input type="hidden" name="__pageCall" value="">
	<input type="hidden" name="__fixCon" value="<%=request.getParameter("__fixCon")%>">
	<input type="hidden" name="__calendar">
	<input type="hidden" name="__language" value="<%=screen.getUProfile().get("lang")%>">
  	<script language="javascript">getInputFormatDate();</script>
	<%
		ThaiUtilities tu = new ThaiUtilities();
		String emp1="",emp2="",time1="",time2="",date1="",date2="",swipetime="",swipetimename="",orderby="",select="";
		if (request.getParameter("__emp1")!=null) emp1=request.getParameter("__emp1");
		if (request.getParameter("__emp2")!=null) emp2=request.getParameter("__emp2");
		if (request.getParameter("__time1")!=null) {
			time1=request.getParameter("__time1");
		} else time1="0.00";
		if (request.getParameter("__time2")!=null) {
			time2=request.getParameter("__time2");
		} else time2 = "23.59";
		if (request.getParameter("__date1")!=null) date1=request.getParameter("__date1");
		if (request.getParameter("__date2")!=null) date2=request.getParameter("__date2");
		if (request.getParameter("__swipetime")!=null) swipetime=request.getParameter("__swipetime");
		if (request.getParameter("__swipetimename")!=null) {
			if(!swipetime.equals("")) {
				swipetimename=tu.ASCII2Unicode(request.getParameter("__swipetimeaname"));
			}
		}
		if (request.getParameter("__listOrder")!=null){
			orderby=request.getParameter("__listOrder");
		}
	%>
	<br>
  	<table height="" align="center" cellpadding="0" cellspacing="0" class="maxsize">
    <tr bgcolor="#3366CC">
      <td  height="20" class="header" colspan="2">TAU174, <script language="javascript">swapLang("Swipe Card History Detail");</script>&nbsp;</td>
  	</tr>
	<tr>
      <td class="blankspace" colspan="2"></td>
    </tr>
	<tr>
    	<td align="right"><script language="javascript">swapLang("Employee Code");</script>&nbsp;</td>
        <td class="columnobject1">
		<input type="text" name="__emp1" size="15" value="<%=emp1%>">&nbsp;<a href="javascript:goHelp('MEMPLOYEEHELP','__emp1','')" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Image2','','../IMAGES/BUTTON/SWAP/SEARCH_SWAP20.gif',1)"><img src="../IMAGES/BUTTON/MAIN/SEARCH20.gif" alt="Help" name="Image2"  border="0" align="absmiddle"></a>
		&nbsp;-&nbsp;
		<input type="text" name="__emp2" size="15" value="<%=emp2%>">&nbsp;<a href="javascript:goHelp('MEMPLOYEEHELP','__emp2','')" 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"  border="0" align="absmiddle"></a>        </td>
    </tr>
	<tr>
    	<td align="right"><script language="javascript">swapLang("Date");</script>&nbsp;</td>
        <td class="columnobject1">
		<input type="text" name="__date1" size="10" maxlength="8" value="<%=date1%>" onKeyup = "formatDate(this)" onBlur = "chkInputDate2(this,__date2)" onKeypress = "chkIntegerOfDate(this.value)" onMouseOver="toolTip('DDMMYYYY')" onMouseOut="toolTip()">&nbsp;<a href="#" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('calendar1','','../IMAGES/BUTTON/SWAP/CALENDAR_SWAP20.gif',1)"><img src="../IMAGES/BUTTON/MAIN/CALENDAR20.gif" name="calendar1"  border="0" align="absmiddle" onClick="viewCal('__date1')" alt="Calendar"></a>&nbsp;-&nbsp;<input type="text" name="__date2" size="10" maxlength="8" value="<%=date2%>" onKeyup = "formatDate(this)" onBlur = "chkInputDate2(__date1,this)" onKeypress = "chkIntegerOfDate(this.value)" onMouseOver="toolTip('DDMMYYYY')" onMouseOut="toolTip()">&nbsp;<a href="#" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('calendar2','','../IMAGES/BUTTON/SWAP/CALENDAR_SWAP20.gif',1)"><img src="../IMAGES/BUTTON/MAIN/CALENDAR20.gif" name="calendar2"  border="0" align="absmiddle" onClick="viewCal('__date2')" alt="Calendar"></a>		</td>
    </tr>
	<tr>
      <td align="right"><script language="javascript">swapLang("Time");</script>
        &nbsp;</td>
	  <td class="columnobject1">
	  <input type="text" name="__time1" size="5" maxlength="4" dir="rtl" value="<%=time1%>" onFocus="this.select()" onKeyPress="chkInteger()" onBlur="chkDifTime(this,__time2)" onMouseOver="toolTip('HHMM')" onMouseOut="toolTip()">&nbsp;-&nbsp;<input type="text" name="__time2" size="5" maxlength="4"  dir="rtl" value="<%=time2%>" onFocus="this.select()" onKeyPress="chkInteger()" onBlur="chkDifTime(__time1,this)" onMouseOver="toolTip('HHMM')" onMouseOut="toolTip()"></td>
	  </tr>
	<tr>
    	<td align="right"><script language="javascript">swapLang("Machine No");</script>&nbsp;</td>
        <td class="columnobject1"><input type="text" name="__swipetime" value="<%=swipetime%>" size="10" >&nbsp;<a href="javascript:goHelp('MSWIPETIMEHELP','__swipetime')"><img src="../IMAGES/BUTTON/MAIN/SEARCH20.gif" align="absmiddle" border="0" name="Image4"/ onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Image4','','../IMAGES/BUTTON/SWAP/SEARCH_SWAP20.gif',1)"></a>&nbsp;<input type="text" name="__swipetimename" value="<%=swipetimename%>" size="30" readonly="true"></td>
    </tr>
	<tr>
		<td> <div align="right">
			<script language="javascript">swapLang('Order By');</script>
			&nbsp; </div></td>
		<td>
		<SELECT NAME='__listOrder' SIZE='' onClick="" onChange="" onMouseOver="" onMouseOut="" >
			<OPTION  VALUE="ttimetemp.employeeid,ttimetemp.swipedate,ttimetemp.swipetime,ttimetemp.swipetype" <%if(orderby.equals("ttimetemp.employeeid,ttimetemp.swipedate,ttimetemp.swipetime,ttimetemp.swipetype")) out.print("selected");%>>
			<span swlang code="SW000602">Employeeid</span>,
				<span swlang code="SW012762">Punch Date</span>,
				<span swlang code="SW012763">Punch Time</span>,
				<span swlang code="SW012777">Punch Type</span>
			</OPTION>
			<OPTION  VALUE="ttimetemp.swipedate,ttimetemp.employeeid,ttimetemp.swipetime" <%if(orderby.equals("ttimetemp.swipedate,ttimetemp.employeeid,ttimetemp.swipetime")) out.print("selected");%>>
				<span swlang code="SW012762">Punch Date</span>,
				<span swlang code="SW000602">Employeeid</span>,
				<span swlang code="SW012763">Punch Time</span>
			</OPTION>
			<OPTION  VALUE="ttimetemp.swipedate,ttimetemp.swipetime,ttimetemp.employeeid" <%if(orderby.equals("ttimetemp.swipedate,ttimetemp.swipetime,ttimetemp.employeeid")) out.print("selected");%>>
				<span swlang code="SW012762">Punch Date</span>,
				<span swlang code="SW012763">Punch Time</span>,
				<span swlang code="SW000602">Employeeid</span>
			</OPTION>
		</SELECT>

			<tr>
				<td  class="buttonline" colspan="7"><div align="center">
					<button type="button" class="btn btn-primary width100" swlang code="SW013171" onClick="chkConValue();">SUBMIT</button>
				</div>
				</td>
			</tr>
	<%
		String con = new CheckNull().chkNullString(request.getParameter("__fixCon"));
		if(!con.equals("")){
	%>
  	<tr>
        <td colspan="2"><div align="right">&lt; <%=screen.getPageTag()%> &gt;</div></td>
    </tr>
    <tr>
      <td class="blankspace" colspan="2"><%=screen.printTableHTML()%></td>
    </tr>
	<%}%>
	<tr>
      <td class="blankspace" colspan="2"></td>
    </tr>
		<tr>
			<td class="bottom" colspan="5"></td>
		</tr>
  </table>
  </table>
</form>
</body>
</html>