<%@ page contentType="text/html; charset=TIS620" language="java" %>
<%@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.*"  %>
<% request.setCharacterEncoding("TIS620"); %>
<jsp:useBean id="TA_EMV001H" class="com.csc.library.system.Task" scope="page" />
<jsp:setProperty name="TA_EMV001H" property="appname" value="empview" />
<%

	TA_EMV001H.setChannel(request,response);
	HelpEntry screen = (HelpEntry) TA_EMV001H.process("HelpEntry","TA_EMV001H");
	screen.process();
	
	screen.referLangOn();
	CheckNull chk = new CheckNull();
	String __orderIn = chk.chkNullString(request.getParameter("__listOrder"));
	String __searchIn = chk.chkNullString(request.getParameter("__searchBy"));
	String __conIn = chk.chkNullString(request.getParameter("__conSearch"));

%>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"><!-- InstanceBegin template="../Templates/Template-popup.dwt.jsp" codeOutsideHTMLIsLocked="false" -->
<head>
<!-- InstanceBeginEditable name="doctitle" -->
<title><%=screen.getInquiry().getCurrentDbRecord().getDescription()%></title>
<!-- InstanceEndEditable -->
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<!-- InstanceBeginEditable name="head" -->
<!-- Begin CSS Links -->
<link rel="stylesheet" type="text/css" href="../CSS/EMV_DEFAULT.css" />
<link rel="stylesheet" type="text/css" href="../CSS/EMV_LAYOUT_POPUP.css" />
<link rel="stylesheet" type="text/css" href="../CSS/EMV_TEXT.css" />

<!-- End CSS Links -->
<!-- Begin Scripts -->
<script language="JavaScript"  type="text/javascript"src="../JS/EVENTS.js"></script>
<script language="JavaScript" src="../JS/SCREEN.js" type="text/javascript"></script>
<script language="JavaScript" type="text/javascript">setLang("<%=screen.getUProfile().get("lang")%>");</script>
<script language="JavaScript" type="text/javascript">
	function addMulti(){
		with(document.cscform){
			window.open("TA_EMV001W.jsp?newempid="+newempid.value,"RESERVER","left=150,top=150,width=150,height=100,toolbar=no,status=yes,scrollbars=yes,resizable=yes");
		}	
	}
	function checkAll(){
		with(document.cscform){
			for(i=0;i<elements.length;i++){
				if(elements[i].type=="checkbox"&&elements[i].disabled!=true){
					elements[i].checked=true;
					setNewemp(elements[i].id,true);
				}
			}
		}
	}
	function decheckAll(){
		with(document.cscform){
			for(i=0;i<elements.length;i++){
				if(elements[i].type=="checkbox"&&elements[i].disabled!=true){
					elements[i].checked=false;
					setNewemp(elements[i].id,false);
				}
			}
		}
	}
	function search(){	
		with(document.cscform){
			__cmd.value="search";
			submit();
		}
	}
	function setOrderby(){
		with(document.cscform){
			__orderBy.value=__listOrder.options[__listOrder.selectedIndex].value;
			submit();
		}
	}
	function goPage(page){
		with(document.cscform){
			__goPage.value=page;
			submit();
		}
	}
	function resDefemp(){
		with(document.cscform){
			if(defempid.value!=""){
				var tmp_emp = defempid.value.split(",");
				for(i=0;i<tmp_emp.length;i++){
					if(document.getElementById(tmp_emp[i])!=null){
						document.getElementById(tmp_emp[i]).checked = true;
						document.getElementById(tmp_emp[i]).disabled = true;
					}
				}
			}
		}
	}
	function resNewemp(){
		with(document.cscform){
			if(newempid.value!=""){
				var tmp_emp = newempid.value.split(",");
				for(i=0;i<tmp_emp.length;i++){
					if(document.getElementById(tmp_emp[i])!=null){
						document.getElementById(tmp_emp[i]).checked = true;
					}
				}
			}
		}
	}
	function setNewemp(id,chk){
		var tmp_id = id; 
		var tmp_chk = chk;
		with(document.cscform){
			var tmp_newemp = newempid.value;
			if(tmp_chk){
				if(tmp_newemp.indexOf(","+tmp_id+",")<0){
					newempid.value += tmp_id+",";
				}
			}else{
				if(tmp_newemp.indexOf(","+tmp_id+",")>0){
					newempid.value = tmp_newemp.replace(","+tmp_id+",",",");
				}
			}
		}
	}
</script>
<!-- End Scripts -->

<!-- InstanceEndEditable -->
<!-- InstanceParam name="onPageLoad" type="text" value="" -->
<!-- InstanceParam name="FormName" type="text" value="cscform" -->
<!-- InstanceParam name="FormMethod" type="text" value="post" -->
<!-- InstanceParam name="FormAction" type="text" value="?" -->
</head>
<body onload="">
<form name="cscform" method="post"  action="TA_EMV001H.jsp">
<!-- InstanceBeginEditable name="Form Element" -->
<!-- ใส่ Hidden fiels  -->
	<%=screen.InitialVariable()%>
	<input type="hidden"name="__screen"  value="TA_EMV001H">
	<input type="hidden" name="__fixCon" value="bossid='<%=screen.getUProfile().get("employeeid")%>'">
	<input type="hidden" name="__cmd"  value="">
	<script language="javascript">getInputFormatDate();</script> 
	<input type="hidden" name="__language" value="<%=screen.getUProfile().get("lang")%>">
	<input type="hidden" name="__user" value="<%=screen.getUProfile().get("employeeid")%>">
	<input type="hidden" name="__companyid"  value="<%=screen.getUProfile().get("companyid")%>">
	<input type="hidden" name="__help"  value="">
	<input type="hidden" name="__trainingid" value="<%=request.getParameter("__trainingid")%>">
	<input type="hidden" name="__orderBy" value="">
	<input type="hidden" name="__goPage" value="">
	<input type="hidden" name="__pageCall" value="<%=request.getParameter("__screen")%>">
	<input type="hidden" name="defempid" value="<%=chk.chkNullString(request.getParameter("defempid"))%>">
	<input type="hidden" name="newempid" value="<%=chk.chkNullString(request.getParameter("newempid"))%>">

<!-- InstanceEndEditable -->
<div id="wrapper">
  <div id="header">
    <div class="content-header">
      <!-- InstanceBeginEditable name="PageHeader" -->&nbsp;&nbsp;<script language="javascript">swapLang('Employee list');</script>&nbsp;<!-- InstanceEndEditable -->
    </div>
  </div>
  <div id="content">
  	<!-- InstanceBeginEditable name="Content" -->
  	<div class="padding">
		<table border="0" cellpadding="0" cellspacing="1" class="table-help-condition">
			<tr>
					<td width="70" class="column-label"><script language="JavaScript" type="text/javascript">swapLang("Order By");</script></td>
					<td class="column-input"><%=screen.getTagOrder()%></td>
					<td width="30"><img src="../IMAGES/SPACER.gif" width="30" height="20" alt="" /></td>
					<td width="70" class="column-label"><script language="JavaScript" type="text/javascript">swapLang("Search By");</script></td>
					<td class="column-input"><%=screen.getTagSearchBy()%></td>
			</tr>
			<tr>
					<td class="column-label"><script language="JavaScript" type="text/javascript">swapLang("Condition");</script></td>
					<td class="column-input"><%=screen.getTagConSearch()%></td>
					<td>&nbsp;</td>
					<td class="column-label"><script language="JavaScript" type="text/javascript">swapLang("Key Value");</script></td>
					<td class="column-input"><%=screen.getTagValueSearch()%><a href="javascript:search();"><img src="../IMAGES/BUTTON/MAIN/SEARCH20.gif" alt="Search" width="20" height="20" border="0" align="absmiddle" /></a> </td>
			</tr>
		</table>
		<div id="searchinfo">
				<span id="recordfound"><script language="JavaScript" type="text/javascript">swapLang("Found Data");</script> :&nbsp;&nbsp;<%=screen.getRecCount()%></span>
				<span id="pagetag"><script language="JavaScript" type="text/javascript">swapLang("Page");</script> :&nbsp;&nbsp;<%=screen.getPageTag()%></span>
				<div class="clear"></div>
		</div>
		<table width="100%" border="0" cellpadding="0" cellspacing="1" class="table-content-list" cols="7">
			<tr> 
					  <td class="column-header" width="5%" ><script language="JavaScript">swapLang('Select');</script></td>
					  <td class="column-header" width="12%" ><script language="javascript">swapLang('Employee ID');</script></td>
					  <td class="column-header" width="12%" ><script language="javascript">swapLang('Name');</script>(<script language="javascript">swapLang('Thai');</script>)</td>
					  <td class="column-header" width="17%" ><script language="javascript">swapLang('Surname');</script>(<script language="javascript">swapLang('Thai');</script>)</td>
					  <td class="column-header" width="12%" ><script language="javascript">swapLang('Name');</script>(<script language="javascript">swapLang('Eng');</script>)</td>
					  <td class="column-header" width="17%" ><script language="javascript">swapLang('Surname');</script>(<script language="javascript">swapLang('Eng');</script>)</td>
					  <td class="column-header" width="25%" ><script language="javascript">swapLang('Position');</script></td>
            </tr>
			<%
					  while(screen.nextRec()){
					  if(screen.checkLinePage()){
			%>
            <tr>
			  <td class="column-text-center"><input name="empChk" type="checkbox" value = '<%=screen.getString("employeeid")%>' onclick="setNewemp(this.id,this.checked);" id="<%=screen.getString("employeeid")%>"></td>
              <td class="column-text"><%=screen.getString("EMPLOYEEID")%></td>
			  <%screen.referLangOff();%>
              <td class="column-text"><%=screen.getString("FNAME")%></td>
              <td class="column-text"><%=screen.getString("LNAME")%></td>
			  <td class="column-text"><%=screen.getString("EFNAME")%></td>
              <td class="column-text"><%=screen.getString("ELNAME")%></td>
			  <%screen.referLangOn();%>
              <td class="column-text"><%=screen.getString("MPOSITION","TDESC")%></td>
            </tr>
            <%
					}
					if(screen.outLinePage()){ break; }	 
				}
			%>
		</table>   
		<table width="100%" border="0" cellpadding="0" cellspacing="0" class="table-content-list">
								<tr><td class="column-text-center">&nbsp;&nbsp;</td></tr>
								<tr>
									<td class="column-text-center">
											<a href="javascript:checkAll();"><img src="../IMAGES/EMPVIEW/BUTTON/SELECT.gif" alt="Select All" border="0" align="absmiddle"></a>&nbsp;&nbsp;
											<a href="javascript:decheckAll();"><img src="../IMAGES/EMPVIEW/BUTTON/DESELECT.gif" alt="Un Select All" border="0" align="absmiddle"></a>&nbsp;&nbsp;
											<a href="javascript:addMulti();"><img src="../IMAGES/EMPVIEW/BUTTON/OK.gif" alt="Insert" border="0" align="absmiddle"></a>&nbsp;&nbsp;
											<a href="javascript:window.close();"><img src="../IMAGES/EMPVIEW/BUTTON/CLOSE.gif" alt="Delete" border="0" align="absmiddle"></a> 
									</td>
								</tr>
		</table>
		<script language="javascript">resDefemp();</script>
		<script language="javascript">resNewemp();</script>
	</div>
	<!-- InstanceEndEditable -->
  </div>
</div>
<!-- InstanceBeginEditable name="Close_Form Element" -->
<!-- InstanceEndEditable -->
</form>
</body>
<!-- InstanceEnd --></html>