<%@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="TAU153" class="com.csc.library.system.Task" scope="page" /><%
	TAU153.setChannel(request,response);
	UIManager screen = (UIManager) TAU153.process("MultiEntry","TAU153");
	MultiLine multi = screen.getMultiLine("TTIMETEMP");
	multi.setLabelBox("check box");
	multi.goFirst();
	if(screen.getTable("TTIMETEMP").recCount()==0){
		DbRecord rec1=screen.getTable("TTIMETEMP").getNewRecord();
		screen.getTable("TTIMETEMP").goRec(screen.getTable("TTIMETEMP").recCount(),false);	
		rec1.set(screen.getTable("TTIMETEMP").getMinorKey(),"1");
		rec1.set("COMPANYID",screen.getUProfile().get("companyid"));
		screen.getTable("TTIMETEMP").putNewRecord(rec1);
	}
	if ((request.getParameter("__cmd")!=null)&&(request.getParameter("__cmd").equals("addChild"))){
		screen.getTable("TTIMETEMP").goRec(screen.getTable("TTIMETEMP").recCount(),false);	
		DbRecord rec=screen.getTable("TTIMETEMP").getCurrentRecordManager();
		screen.getTable("TTIMETEMP").goRec(screen.getTable("TTIMETEMP").recCount()-1,false);	
		rec.set(screen.getTable("TTIMETEMP").getMinorKey(),
			screen.getTable("TTIMETEMP").getInt(screen.getTable("TTIMETEMP").getMinorKey())+1);
		rec.set("employeeid","");
		rec.set("swipedate","");
		rec.set("swipetime","");
		rec.set("source","");
		rec.set("swipetype","");
		rec.set("companyid",screen.getUProfile().get("companyid"));

	}
	CheckNull chk=new CheckNull();
	ThaiUtilities thatUtils = new ThaiUtilities();
%>
<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/VIEWCALENDAR.js"></script>
<script src="../JS/SCREEN.js"></script>
<script type='text/javascript' src='../JS/ICONSMENU.js'></script>
<script language="javascript">getTitleName();</script>
<script language="javascript">setLang('<%=screen.getUProfile().get("lang")%>');</script>
<script language="JavaScript" type="text/JavaScript">
<!--
function GoSave(){
	if (chkEmpNull()) {
		confirmSave();
	}
}
function GoUpdate(){update();}
function GoDelete(){edelete();}
function GoSearch(){search();}

function deleteMulti(){
	with(document.cscform){
		bCon=confirm(MyCode[4]);
	 	if (bCon==true)	{	
			__cmd.value="DelChild";
			submit();
		}	
	}
}
// sin create 09-05-2007 11.00
function chkNextRec(lastrec) {
	var chk=true;
	for (var i=1; i<lastrec+1; i++) {
		var temObj = eval("document.cscform.__TTIMETEMP$employeeid$"+i+".value");
		if (temObj=="")
			chk=false;
	}
	return chk;
}

function saveChild(lastrec){
	with(document.cscform){
		//if (chkNextRec(lastrec)) {
			__cmd.value="addChild";
			__ack.value="add";
			action="TAU153.jsp";
			submit();
		//}
	}
}

	
function childMulti(record){
	with(document.cscform){
		window.open(__childMulti.value+".jsp?__cmd=&__headMulti=TAU153&__gorec="+record+"&__ack=edit");
	}
}

function checkAll(){
	with(document.cscform){
		for(i=0;i<elements.length;i++){
			if(elements[i].type=="checkbox")
				elements[i].checked=true;
		}//end for
	}//end with
}//end function

function decheckAll(){
	with(document.cscform){
		for(i=0;i<elements.length;i++){
			if(elements[i].type=="checkbox")
				elements[i].checked=false;
		}//end for
	}//end with
}//end function

//  End -->
function chkBox(checkval){
	with (document.cscform){
    	if(checkval.checked){
			checkAll();
		}else{
			decheckAll();
		}
  	}
}

function chkEmpNull(){
	with(document.cscform){
		for(i=0;i<elements.length;i++){
			if(elements[i].name.indexOf("employee")>-1) {
				if (elements[i].value=="") {
					ThaiCode[27]	= " กรุณากรอกรหัสพนักงานด้วย !!! ";
					EngCode[27]	= " Please Input EmployeeID too !!! ";
					alert(MyCode[27]);
					elements[i].focus;
					return false;
				}
			}
		}//end for
	}//end with
	return true;
}//end function

<!--
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 goHelp(helpName,inputName) {
	var helpReturn;
	if (inputName=="__empid" ) {
	 	helpReturn="__empid:employeeid,MEMPLOYEE@FULLNAME";		
	} else if (inputName.indexOf("__TTIMETEMP$employeeid$" )>-1) {
		var id = inputName.substring(23,inputName.length);
	 	helpReturn="__TTIMETEMP$employeeid$"+id+":employeeid,";		
	}  
	linkHelp_Return(helpName,helpReturn);				
}
function changeEmpData() { //v3.0
   	for (j=0;j<document.cscform.elements.length; j++){
		if(document.cscform.elements[j].name.indexOf("__TTIMETEMP$employeeid$") != -1)
			document.cscform.elements[j].value = document.cscform.__empid.value;
	}
}



</script>
</head>
<body   leftmargin="0" topmargin="0" onLoad="MM_preloadImages('../IMAGES/BUTTON/SWAP/SEARCH_SWAP20.gif','../IMAGES/BUTTON/SWAP/NEW_SWAP24.gif','../IMAGES/BUTTON/SWAP/EDIT_SWAP24.gif','../IMAGES/BUTTON/SWAP/DEL_SWAP24.gif','../IMAGES/BUTTON/SWAP/SEARCH_SWAP24.gif','../IMAGES/BUTTON/SWAP/PROCESS_SWAP24.gif','../IMAGES/BUTTON/SWAP/HELP_SWAP24.gif','../IMAGES/BUTTON/SWAP/EXIT_SWAP24.gif','../IMAGES/BUTTON/SWAP/COPY_SWAP20.gif')" >
<div class="centered">
<div id="toolTipLayer" style="position:absolute; visibility: hidden"></div>
<script language="javascript">initToolTips();</script>
<form name="cscform1" method="post" action="TAU153.jsp">
 

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

<%=screen.InitialVariable()%>

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

  <input type="hidden" name="__screen" value="TAU153">
  <input type="hidden" name="__help" value="">
  <input type="hidden" name="__referPage" value="">
  <input type="hidden" name="__cmd" value="">
  <input type="hidden" name="__notNull" value='<%=screen.getRequire()%>'>
  <input name="__headMulti" type="hidden" value="TAU153">
  <input type="hidden" name="__childMulti" value="TAU153">
  <input type="hidden" name="__gorec" value="">
  <input type="hidden" name="__ack" value="">
  <input type="hidden" name="__calendar" value="">
  <script language="javascript">getInputFormatDate();</script>
  <input type="hidden" name="__language" value="<%=screen.getUProfile().get("lang")%>">
  <input type="hidden" name="__type" value="1">
  <input type="hidden" name="__maxrec" value="<%=screen.getTable("TTIMETEMP").recCount()%>">
  <input type="hidden" name="__multiTable" value="TTIMETEMP">
  <input name="__companyid" type="hidden" value="<%=screen.getUProfile().get("companyid")%>">
  <input name="__fixCon" type="hidden" value="">
  <input type="hidden" name="__cmdchild" value="">
  <script language="JavaScript" src="../JS/HOTKEY.js"></script>
  <script language="javascript"> 
				var titlename=swap2String('Swipe Card Group Table'); 
				document.write(Icons("TAU153,"+titlename)); 
	</script>
  <br>
  <table cellspacing="0" cellpadding="0" class="largest">
    <tr >
      <td class="header" colspan="2" >TAU153,
        <script language="javascript">swapLang('Swipe Card Group Table');</script>
        &nbsp; </td>
    </tr>
    <tr >
      <td colspan="2">
      <table border="0" cellspacing="0" cellpadding="0" class="maxsize">
        <tr>
          <td class="blankspace" colspan="2"></td>
        </tr>
        <tr>
          <td class="columnlabel"><%=screen.getLabel("docid")%>&nbsp;</td>        
        <td ><div align="left"><%=screen.getInput("docid")%> <script language="javascript">swapLang('Auto Run');</script></div></td>
        </tr>
		<%
				String cmdValue = chk.chkNullString(request.getParameter("__cmd"));
				String eID="", eName="";
				if (cmdValue.equals("addChild")||cmdValue.equals("DelChild")) {
					eID = chk.chkNullString(request.getParameter("__empid"));
					eName = thatUtils.ASCII2Unicode(chk.chkNullString(request.getParameter("MEMPLOYEE@FULLNAME")));
				}	
			%>
		<tr>
          	<td class="columnlabel"><script language="javascript">swapLang("Employee Code");</script>&nbsp;</td>
			<td>
				<input type="text" name="__empid" size="15" value="<%=eID%>" onKeyUp="javascript:changeEmpData();" onChange="javascript:changeEmpData();">&nbsp;<a href="javascript:goHelp('MEMPLOYEEHELP','__empid')" 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" width="20" height="20" border="0" align="absmiddle"></a>
				<input type="text" name="MEMPLOYEE@FULLNAME" value="<%=eName%>" readonly size="35">&nbsp;<a href="javascript:changeEmpData();" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Image5','','../IMAGES/BUTTON/SWAP/COPY_SWAP20.gif',1)"><img src="../IMAGES/BUTTON/MAIN/COPY20.gif" alt="Copy All" name="Image5" width="20" height="20" border="0"align="absmiddle"></a>	
		</td>
        </tr>
        <tr>
          <td class="columnlabel"><%=screen.getLabel("remarks")%>&nbsp;</td>
          <td ><div align="left"><%=screen.getInput("remarks")%></div></td>
        </tr>		
        <tr>
          <td class="blankspace" colspan="2"></td>
        </tr>
      </table>
      <table border="0" cellspacing="0" cellpadding="0" class="maxsize">
        <tr>
          <td colspan="2"><table width="618" cellpadding="0"  cellspacing="0" class="maxsize">
              <tr bgcolor="#999999">
                <td width="100" class="row3"><div align="center">
                  <input type="checkbox" name="chBox" value="" onClick="chkBox(this)">                  
                </div></td>
                <td width="86" class="row3">
                  <div align="center">
                    <script language="javascript">swapLang('No.');</script>
                  </div></td>
                <td width="219" class="row3">
                  <div align="center">
                    <script language="javascript">swapLang('Employee ID');</script>
                  </div></td>
                <td width="137" class="row3">
                  <div align="center">
                    <script language="javascript">swapLang('Date');</script>
                  </div></td>
                <td width="100" class="row3">
                  <div align="center">
                    <script language="javascript">swapLang('Time');</script>
                  </div></td>
                <td width="249" class="row3">
                  <div align="center">
                    <script language="javascript">swapLang('Source');</script>
                  </div></td>
                <td width="229" class="row3">
                  <div align="center">
                    <script language="javascript">swapLang('Swipe Type');</script>
                  </div></td>
              </tr>
              <%
				    	int linecount=0;
						screen.getTable("TTIMETEMP").goRec(1,false);	
						for(int i=1;!multi.eof();i++){ 
					%>
              <tr>
                <td class="forborder"><div align="center"><%=multi.getInputCheckBox()%></div></td>
                <td class="forborder"><div align="center">
                    <input name="__ttimetemp$line_no$<%=multi.getData(multi.getTable().getMinorKey())%>" type="hidden" value="<%=multi.getData(multi.getTable().getMinorKey())%>" >
                    <%=multi.getData(multi.getTable().getMinorKey())%> </div></td>
                <td class="forborder"><%//=multi.getInput("TTIMETEMP","employeeid")%>
				<input name="__TTIMETEMP$employeeid$<%=multi.getData(multi.getTable().getMinorKey())%>" type="text" value="<%=multi.getDataLabel("employeeid")%>"  size="15">
				<a href="javascript:goHelp('MEMPLOYEEHELP','__TTIMETEMP$employeeid$<%=multi.getData(multi.getTable().getMinorKey())%>')" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Image22','','../IMAGES/BUTTON/SWAP/SEARCH_SWAP20.gif',1)"><img src="../IMAGES/BUTTON/MAIN/SEARCH20.gif" alt="Help" name="Image22" width="20" height="20" border="0" align="absmiddle"></a>
				<%//=multi.getTable().getChild("memployee").getString("fullname")%></td>
                <td class="forborder"><div align="center"><%=multi.getInput("TTIMETEMP","swipedate")%>&nbsp;<a href="#" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Image15<%=i%>','','../IMAGES/BUTTON/SWAP/CALENDAR_SWAP20.gif',1)"><img src="../IMAGES/BUTTON/MAIN/CALENDAR20.gif" alt="Calendar" name="Image15<%=i%>" width="20" height="20" border="0" align="absmiddle" id="Image15<%=i%>" onClick="viewCal('__TTIMETEMP$swipedate$<%=multi.getData(multi.getTable().getMinorKey())%>')"></a></div></td>
                <td class="forborder"><div align="center"><%=multi.getInput("TTIMETEMP","swipetime")%></div></td>
				<% //if (multi.getData("employeeid").equals("")) { %>
				<!--input type="hidden" name="__TTIMETEMP$source$<%=multi.getData(multi.getTable().getMinorKey())%>" value="3">
				<td class="forborder"><div align="center"><script language="JavaScript">swapLang('Swipe Time Group by HR');</script></div></td>
				<% //} else { %>
				<td class="forborder"><div align="center"><%//=multi.getInput("TTIMETEMP","source")%></div></td-->
				<% //} %>                
				<td class="forborder"><div align="center"><select name="__TTIMETEMP$source$<%=linecount+1%>" size="" onMouseOver="toolTip('เกิดจากเหตุไหน')" onMouseOut="toolTip()"  ><option  value="3"  >ใบลงเวลาเป็นกลุ่มโดยฝ่ายบุคคล</option></select></div></td>     
                <td class="forborder"><div align="center"><%=multi.getInput("TTIMETEMP","swipetype")%></div></td>
              </tr>
              <%
				    	linecount++;
						multi.next();
						}
				  	%>
            </table></td>
        </tr>
        <tr>
          <td  colspan="2" class="blankspace"></td>
        </tr>
        <tr>
          <td colspan="2"><div align="center"> 
			<a href="javascript:checkAll();"><img src="../IMAGES/BUTTON/SELECTALL.gif" border="0" align="middle" ></a>&nbsp;&nbsp;
			<a href="javascript:decheckAll();"><img src="../IMAGES/BUTTON/DESELECTALL.gif" border="0" align="middle" ></a>&nbsp;&nbsp;					
			<a href="javascript:saveChild(<% out.print(linecount); %>);" ><img src="../IMAGES/BUTTON/ADD.gif" border="0" align="absmiddle" ></a>&nbsp;&nbsp; 
			<a href="javascript:deleteMulti();"><img src="../IMAGES/BUTTON/DELETE.gif"  border="0" align="absmiddle"></a>
		</div></td>
        </tr>
        <tr>
          <td class="blankspace" colspan="2"></td>
        </tr>
		<tr>
          <td align="right" colspan="2"><script language="javascript">printEditCheck('<%=screen.getDataLabel("edit_by")%>','<%=screen.getDataLabel("edit_date")%>','<%=screen.getDataLabel("edit_time")%>','<%=screen.getDataLabel("approve")%>');</script>&nbsp;&nbsp;</td>
        </tr>
		<tr>
          <td class="blankspace" colspan="2"></td>
        </tr>
      </table>
      </td>
    </tr>
    <tr>
      <td class="bottom" ></td>
    </tr>
  </table>
  <input type="hidden" name="__helpReturn" value="">


<!----------BEGIN CSC ENDING ZONE ------------------------>

<%=screen.endJSP()%>

<!----------END CSC ENDING ZONE -------------------------->

</form>
</body>
</html>