<%@page contentType="text/html; charset=UTF-8"%>
<%@page import="com.csc.library.entry.HelpEntry,com.csc.library.system.*,com.csc.library.utilities.*,com.csc.library.formula.*"%>
<%@ page import="com.csc.library.entry.*,com.csc.library.database.*,com.csc.library.session.*"  %>

<jsp:useBean id="TAU_TIME0TRANS" class="com.csc.library.system.Task" scope="page"/>
<%
	TAU_TIME0TRANS.setChannel(request,response);
	HelpEntry screen = (HelpEntry) TAU_TIME0TRANS.process("HelpEntry","MEMPL_TIME0TRANS");
	screen.setMaxLine(100);

	ThaiUtilities thaicode=new ThaiUtilities();
	CheckNull chk = new CheckNull();

	String empid = chk.chkNullString(request.getParameter("__employeeid"));
	String empname = chk.chkNullString(request.getParameter("MEMPLOYEE@FULLNAME"));

	String years = chk.chkNullString(request.getParameter("__years"),String.valueOf(new CscCalendar().getYear()));

	String month = chk.chkNullString(request.getParameter("__month"),String.valueOf(new CscCalendar().getMM()));
	
	if(empid.length() > 0){
		DbRecord empdb = new InitialRecord(screen.getUProfile()).getDbRecord("MEMPLOYEE");
		empdb.setParam("rsc_skip","true");
		empdb.set("employeeid", empid);
		if(empdb.search() == 1){
			empname = empdb.getString("fullname");
		}
	//and start_date like '%2014-01%'
		screen.inq.setFilter("employeeid = '" + empid + "' and start_date like '%"+years+"-"+month+"%'");
		screen.inq.setOrderBy("start_date,end_date,time0id");
		screen.process();
		screen.referLangOff();
	}
	
	
%>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<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'>setLang('<%=screen.getUProfile().get("lang")%>');</script>
<script language="javascript">getTitleName();</script>
<script type='text/javascript' src="../JS/VIEWCALENDAR.js"></script>
<script type='text/javascript' src='../JS/DATEINPUT.js'></script>

<script TYPE='text/JavaScript' src="../TA/JS/jquery.js"></script>
<SCRIPT TYPE='text/JavaScript' SRC='../TA/JS/jquery.blockUI.js'></SCRIPT>

<script type='text/javascript' src='/hr/dwr/engine.js'></script>
<script type='text/javascript' src='/hr/dwr/util.js'></script>
<script type="text/javascript" src="/hr/dwr/interface/Time0transaction_dwr.js"></script>
<style type="text/css">
		.popup{
			border-radius: 7px;
			background:#FFFFFF;
			margin:30px auto 0;
			padding:6px;  
			position:absolute;
			width:300px;
			top: 50%;
			left: 50%;
			margin-left: -150px; 
			margin-top: 100px; 

			opacity: 0.9;
			filter: alpha(opacity=60); /* For IE8 and earlier */
		}
</style>
<script language="javascript">
<!--
	function goHelp(helpName,inputName) {
		var helpReturn;
		if (inputName=="__employeeid" ) {
			helpReturn="__employeeid:employeeid,MEMPLOYEE@FULLNAME";
		}else if(inputName.indexOf("time0id") > -1){
			document.cscform.__fixCon.value = "status = '0'";
			helpReturn=inputName + ":time0id";
		}
		linkHelp_Return(helpName,helpReturn);
		document.cscform.__fixCon.value = "";
	}

	function bdOnload() {
		search();		
	}

	function addNewRow(){
		with(document.cscform){

		hideLoadPopup(true);
		Time0transaction_dwr.saveRow(new Array(__employeeid.value,__companyid.value, start$add.value
				, end$add.value, time0id$add.value), resultdwr);
		}
	}

	function delRow(line){
		with(document.cscform){
			var st = eval("start$"+line+".value");
			var en = eval("end$"+line+".value");
			var time0 = eval("time0id$"+line+".value");

			hideLoadPopup(false);
			Time0transaction_dwr.delRow(new Array(__employeeid.value,__companyid.value, st , en, time0), resultdwr);
		}
	}
	
	var resultdwr = function(data){
		bdOnload();
		hideLoadPopup(true);
	}

	function editRow(line){
		with(document.cscform){
			//bdOnload();
		}
	}

	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 hideLoadPopup(status){
		var lp = document.getElementById("loading_leave");
		
		if(status){
			lp.style.display = "none";
		}else{
			lp.style.display = "block";
		}
	}
	
	function copydata(src, target){
		var tar = document.getElementById(target);
		
		tar.value = src.value ;
	}
//-->
</script>

</head>
<body leftmargin="0" topmargin="0"  >
	<div id="loading_leave" class="popup" align="center" style="display:none">
		<IMG SRC="../IMAGES/loading.gif">
	</div>

  <form name="cscform" method="post" >
 

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

<%=screen.InitialVariable()%>

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

	<input type="hidden"name="__screen"  value="TAU_TIME0TRANS">
	<input type="hidden" name="__fixCon" value="<%=request.getParameter("__fixCon")%>">
	<input type="hidden" name="__cmd"  value="">
	<input type="hidden" name="__language" value="<%=screen.getUProfile().get("lang")%>">
	<input name="__companyid" type="hidden" value='<%=screen.getUProfile().get("companyid")%>'>
	<input type="hidden" name="__referPage" value="">
	<input type="hidden" name="__pageCall" value="<%=request.getParameter("__screen")%>">
	<input type="hidden" name="__gorec">
	<input type="hidden" name="__calendar" value="">
	<input type="hidden" name="__help" value="">
	<script language="javascript">getInputFormatDate();</script>
  <br>
  <div align="center">
    <table class="">
      <tr>
        <td class="header" colspan="2" >TAU_TIME0TRANS, <script language="javascript">swapLang('Shift transaction');</script>&nbsp;</td>
      </tr>
      <tr>
        <td colspan="2">
          <div align="center">
            <center>
              <table cellspacing="0" cellpadding="0" class="">
                <tr>
                  <td colspan="5" class="blankspace"></td>
                </tr>
				<tr>

				   <td colspan="1" nowrap><%=screen.getLabel("employeeid")%>&nbsp;</td>
				  <td colspan="4"> <input type="text" name="__employeeid" value="<%=empid%>" size="10">&nbsp;
				  <a href="javascript:goHelp('MEMPLOYEEHELP2','__employeeid')" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Image2','','../IMAGES/BUTTON/SWAP/SEARCH_SWAP20.gif',1)"><img src="../IMAGES/BUTTON/MAIN/SEARCH20.gif" alt="Help" name="Image6" width="20" height="20" border="0" align="absbottom"></a>
				  <input type="text" readonly name="MEMPLOYEE@FULLNAME" value="<%=empname%>" readonly size="30">
				  <a href="javascript:bdOnload();"><img src="../IMAGES/BUTTON/SUBMIT.gif" alt="Submit"  border="0" align="absmiddle"></a>
				  </td>
				</tr>
				<tr>
                  <td  class=""><div align="right"><script language="javascript">swapLang('Year');</script>&nbsp;</div>
				  </td>
				   <td colspan="4"  class=""><select name="__years" id="__years">
								<option value="2013"<% if(years.equals("2013")){ out.println(" selected "); } %>>2013</option>
								<option value="2014"<% if(years.equals("2014")){ out.println(" selected "); } %>>2014</option>
								<option value="2015"<% if(years.equals("2015")){ out.println(" selected "); } %>>2015</option>
								<option value="2016"<% if(years.equals("2016")){ out.println(" selected "); } %>>2016</option>
						
						</select>&nbsp;
						<script language="javascript">swapLang('Month');</script>&nbsp;
						<select name="__month" id="__month">
								<option value="01"<% if(month.equals("01")){ out.println(" selected "); } %>><script language="javascript">swapLang('JANUARY');</script></option>
								<option value="02"<% if(month.equals("02")){ out.println(" selected "); } %>><script language="javascript">swapLang('FEBRUARY');</script></option>
								<option value="03"<% if(month.equals("03")){ out.println(" selected "); } %>><script language="javascript">swapLang('MARCH');</script></option>
								<option value="04"<% if(month.equals("04")){ out.println(" selected "); } %>><script language="javascript">swapLang('APRIL');</script></option>
								<option value="05"<% if(month.equals("05")){ out.println(" selected "); } %>><script language="javascript">swapLang('MAY');</script></option>
								<option value="06"<% if(month.equals("06")){ out.println(" selected "); } %>><script language="javascript">swapLang('JUNE');</script></option>
								<option value="07"<% if(month.equals("07")){ out.println(" selected "); } %>><script language="javascript">swapLang('JULY');</script></option>
								<option value="08"<% if(month.equals("08")){ out.println(" selected "); } %>><script language="javascript">swapLang('AUGUST');</script></option>
								<option value="09"<% if(month.equals("09")){ out.println(" selected "); } %>><script language="javascript">swapLang('SEPTEMBER');</script></option>
								<option value="10"<% if(month.equals("10")){ out.println(" selected "); } %>><script language="javascript">swapLang('OCTOBER');</script></option>
								<option value="11"<% if(month.equals("11")){ out.println(" selected "); } %>><script language="javascript">swapLang('NOVEMBER');</script></option>
								<option value="12"<% if(month.equals("12")){ out.println(" selected "); } %>><script language="javascript">swapLang('DECEMBER');</script></option>
						
						</select>
						</td>
                </tr>
				<tr>
                  <td colspan="5"  class="blankspace"></td>
                </tr>
                <tr>
                  <td width="10%" class="row3"><div align="center"><script language="javascript">swapLang('Seq No');</script></div></td>
                  <td width="30%" class="row3"><div align="center"><script language="javascript">swapLang('Start date');</script></div></td>
                  <td width="30%" class="row3"><div align="center"><script language="javascript">swapLang('End date');</script></div></td>
                  <td width="20%" class="row3"><div align="center"><script language="javascript">swapLang('Time0id');</script></div></td>
				  <td width="10%" class="row3"><div align="center">&nbsp;</div></td>
                </tr>
				<tr>
                  <td colspan="5"  class="blankspace"></td>
                </tr>
				<tr>
                  <td colspan="5"  class="blankspace"></td>
                </tr>
				<tr>
							<td nowrap bgcolor="#E1E1E1"><div align="CENTER">&nbsp;</div></td>
							<td nowrap bgcolor="#E1E1E1">
								<div align="CENTER">
									<input type="text" size="10" name="start$add" value="" onblur="copydata(this, 'end$add');" onkeyup="sysIsEdit();formatDate(this);" onkeypress="chkInteger(event);">
									<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" width="20" height="20" border="0" align="absmiddle" onClick="viewCal('start$add')" alt="Calendar"></a>
								</div>
							</td>                 
							<td nowrap bgcolor="#E1E1E1">
								<div align="CENTER">
									<input type="text" size="10" name="end$add" id="end$add" value="">
									<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" width="20" height="20" border="0" align="absmiddle" onClick="viewCal('end$add')" alt="Calendar"></a>
								</div>
							</td>
							<td nowrap bgcolor="#E1E1E1">
								<div align="CENTER">
									<input type="text" size="10" name="time0id$add" value="">
									<a href="javascript:goHelp('MTIME0HELP','time0id$add');"  onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('__time0id_image','','../IMAGES/BUTTON/SWAP/SEARCH_SWAP20.gif',1)"><img src="../IMAGES/BUTTON/MAIN/SEARCH20.gif" alt="SEARCH" name="__time0id_image" width="20" height="20" border="0" align="absmiddle"  ></a>
								</div>
							</td>
							<td nowrap bgcolor="#E1E1E1">
								<div align="center">
									<a href="javascript:addNewRow();">
										<img src="../IMAGES/BUTTON/MAIN/NEW20.gif" name="add" width="20" height="20" border="0" align="absmiddle" onClick="" alt="New">
									</a>
								</div>
							</td>
                      </tr>
				<tr>
                  <td colspan="5"  class="blankspace"></td>
                </tr>
				<tr>
                  <td colspan="5"  class="blankspace"></td>
                </tr>


				 <% 
					
					int i=0;	
					StringBuilder ref = new StringBuilder();
					while (screen.inq.next()) {
						ref.append(screen.getString("employeeid")).append("#");
						ref.append(screen.getString("companyid")).append("#");
						ref.append(screen.getString("start_date")).append("#");
						ref.append(screen.getString("end_date")).append("#");
						ref.append(screen.getString("time0id"));
						i++;		 				
		  		 %>
                      <tr>
							<td nowrap bgcolor="#E1E1E1"><div align="CENTER"><%=i%>.</div></td>
							<td nowrap bgcolor="#E1E1E1">
								<div align="CENTER">
									<input type="text" size="10" name="start$<%=i%>" value="<%=screen.getString("start_date")%>" readonly>
									<!--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" width="20" height="20" border="0" align="absmiddle" onClick="viewCal('start$<%=i%>')" alt="Calendar"></a-->
								</div>
							</td>                 
							<td nowrap bgcolor="#E1E1E1">
								<div align="CENTER">
									<input type="text" size="10" name="end$<%=i%>" value="<%=screen.getString("end_date")%>" readonly>
									<!--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" width="20" height="20" border="0" align="absmiddle" onClick="viewCal('end$<%=i%>')" alt="Calendar"></a-->
								</div>
							</td>
							<td nowrap bgcolor="#E1E1E1">
								<div align="CENTER">
									<input type="text" size="10" name="time0id$<%=i%>" value="<%=screen.getString("time0id")%>">
									<!--a href="javascript:goHelp('MTIME0HELP','time0id$<%=i%>');"  onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('__time0id_image','','../IMAGES/BUTTON/SWAP/SEARCH_SWAP20.gif',1)"><img src="../IMAGES/BUTTON/MAIN/SEARCH20.gif" alt="SEARCH" name="__time0id_image" width="20" height="20" border="0" align="absmiddle"  ></a-->
								</div>
							</td>
							<td nowrap bgcolor="#E1E1E1">
								<div align="center">
									<input type="hidden" name="line<%=i%>" value="<%=ref.toString()%>">
									<!-- <img src="../IMAGES/BUTTON/MAIN/EDIT20.gif" name="edit<%=i%>" width="20" height="20" border="0" align="absmiddle" onClick="editRow('<%=i%>')" alt="Edit"></a> -->
									<a href="javascript:delRow('<%=i%>');">
										<img src="../IMAGES/BUTTON/MAIN/DEL20.gif" name="del<%=i%>" width="20" height="20" border="0" align="absmiddle" onClick="" alt="Delete">
									</a>
								</div>
							</td>
                      </tr>
                 <%}%>
				<tr>
                  <td colspan="5"></td>
                </tr>
                <tr>
                  <td class="blankspace" colspan="5"></td>
                </tr>
              </table>
            </center>
          </div></td>
      </tr>
      <tr>
        <td class="bottom" > </td>
      </tr>
    </table>

</div>
</form>

<%
screen.referLangOff();
%>
</body>
</html>