<!DOCTYPE html>
<%@ page contentType="text/html; charset=UTF-8" 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.*"  %>
<%@ include file="../CHECKPROFILE.jsp" %>
<% request.setCharacterEncoding("UTF-8"); %>
<jsp:useBean id="EMV" class="com.csc.library.system.Task" scope="page"/>
<jsp:setProperty name="EMV" property="appname" value="empview" />
<%
	EMV.setChannel(request, response);
	UIManager screen = (UIManager) EMV.process("SingleEntry","MG-SUBORDINATEGRP");
	if(screen==null){
		return;
	}
	screen.referLangOff();

%>
<html xmlns="http://www.w3.org/1999/xhtml" ng-app="myHR">
	<head>

		<title>Employee View</title>

		<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
		
	</head>
	<body>
		<div class="bg-com"></div>	
		<jsp:include page="EMV_HEADMENU.jsp" flush="true" />
		
		<script type="text/javascript">
		
			setLang("<%=screen.getUProfile().get("lang")%>");
			var swap = new swaplang();
            var titlename = swap.swap2String("SW002085");
			setPageTitle(titlename);
			
			$(document).ready(function(){
				$("input[type=text]").addClass("form-control");
			});
		
			function GoSave(){
				setSubData();
				confirmSave();
			}
			function GoDelete(){
				edelete();
			}
			function delChild(){
				removeRowFromTable()
			}
			function GoSearch(){
				search();
			}
			function add(){
				with(document.cscform){
					var fixCon = "";
					if(__groupid.value == "") {
						alert(MyCode[0]);
						__groupid.focus();
					}else {
						linkHelp_ReturnMulti( "SUBORDINATEHELP", "employeeid", fixCon );
					}
				}
			}
				
			function linkHelp_ReturnMulti( helpName, inputName, fixCon ){
				with(document.cscform){
					if(fixCon == null){
						fixCon = __fixCon.value;
					}
					var param="PRU085.jsp?__helpName="+helpName+"&__helpReturn="+inputName+"&__pageCall="+__screen.value+"&__fixCon=" +fixCon+"&__checkVerify=off";
					//var win = window.open(param,"Help","left=150,top=150,width=600,height=400,toolbar=no,status=yes,scrollbars=yes,resizable=yes");
					PopupCenterTop( param, "popup", 700, 600);
					
				}
			}
			function setSubData(){
				with(document.cscform){
					var subdata = "";
					var tmp = "";
					var tbl = document.getElementById("tblMulti");
					for( loop=1; loop<tbl.rows.length; loop++ ){
						chk =tbl.rows[loop].getElementsByTagName("INPUT")[0];
						if( chk!=null ){  
							tmp += chk.value +",";
						}
					} //for
					subdata = tmp.substring(0, tmp.length-1)
					subdata =subdata.replace(/,/g, "', '");
					__subdata.value = "'" +subdata +"'";
					__checkList.value = tmp;
				}
			}
			function backPage_ReturnMulti(valueList){
				var tmp = valueList.split("$");
				if(tmp.length>=2){
					addRowToTable(tmp);
				}
			}

			function findDuplicate(data){
				with(document.cscform){
					var tmp = data.split("$");
					chkbox = document.getElementById("c_"+tmp[0]);
					if(chkbox!=null){
						//alert("รหัส '" +tmp[0]+"' มีข้อมูลแล้ว");
						return true
					}
					return false;
				}
			}

			function addRowToTable( data ) {
				// data[0] = employeeid
				// data[1] = fullname
				var tbl = document.getElementById("tblMulti");
				var lastRow = tbl.rows.length;
				// if there's no header row in the table, then iteration = lastRow + 1
				var iteration = lastRow;
				/*
				var chkOutList = document.getElementById("checkOutList");  
				var lastOutList=chkOutList.value.substring(0,chkOutList.value.indexOf(",")); 
				if(lastOutList!=""){
					iteration=lastOutList;
					chkOutList.value=chkOutList.value.replace(lastOutList+",","");
				}*/
			
				var row = tbl.insertRow(lastRow);
			  
				//  cell 1
				var cell1 = row.insertCell(0);
				cell1.className = "column-text center";
				var checkNode = document.createElement("input");
				checkNode.name="__checkbox";
				checkNode.type="checkbox";
				checkNode.value=data[0];
				
				checkNode.id="c_"+data[0];
				cell1.appendChild(checkNode);
				
				// cell 2
				var cell2 = row.insertCell(1);
				cell2.className = "column-text";
				var textNode = document.createTextNode( data[0] );
				cell2.appendChild(textNode);
				
				//  cell3
				var cell3 = row.insertCell(2);
				cell3.className = "column-text";
				var textNode = document.createTextNode( data[1] );
				cell3.appendChild(textNode);
				
				//var chkList = document.getElementById("checkList");
				//chkList.value+=iteration+",";
			}

			function removeRowFromTable() {
				var tbl = document.getElementById("tblMulti");
				for( loop=1; loop<tbl.rows.length; loop++ ){
					chk =tbl.rows[loop].getElementsByTagName("INPUT")[0];
					if(chk!=null && chk.checked){  
						tbl.deleteRow(loop);
						loop--;
					}
				} //for
			}
			
			
			function toolTip(msg){
			}
		</script>

		<section>
			<div class="container csc-content">
				<form name="cscform" class="form-horizontal" method="post">
					<%=screen.InitialVariable()%>
					<input type="hidden" name="__cmd" value="">
					<input type="hidden" name="__screen" value="MG_SUBORDINATEGRP">
					<input type="hidden" name="__help" value=""> 
					<input type="hidden" name="__fixCon" value="employeeid='<%=screen.getUProfile().get("employeeid")%>'">
					<input type="hidden" name="__helpReturn" value="">
					<input type="hidden" name="__notNull" value="<%=screen.getRequire()%>">
					<input type="hidden" name="__language" value ="<%=screen.getUProfile().get("lang")%>"> 
					<input type="hidden" name="__companyid" value="<%=screen.getUProfile().get("companyid")%>"> 
					<input type="hidden" name="__employeeid" value ="<%=screen.getUProfile().get("employeeid")%>">
					<input type="hidden" name="__checkList" value="<%=screen.getRecord().getString("subdata").replaceAll("'", "") %>">
					
					<div class="csc-block">
						<div class="center">
							<h2 class="csc-block-head" swlang code='SW002085'>Subordinate Group</h2> 
						</div>
						
						<div class="form-horizontal">
							<div class="row">
								<div class="form-group">
									<div class="col-md-1 col-sm-1 col-xs-1"></div>
									<div class="col-md-2 col-sm-2 col-xs-2">
										<label class="control-label label-right"><%=screen.getLabel("groupid")%> </label>
									</div>

									<div class="col-md-2 col-sm-2 col-xs-2">
										<div class="input-group">
											<input class="form-control" name="__groupid" value="<%=screen.getDataLabel("groupid")%>" maxlength="15" onkeypress="chkSpecialKey(event);" onkeyup="sysIsEdit();" onblur="trimValue(this);" onfocus="this.select();" type="text" />
											<a class="input-group-addon" href="javascript:linkHelp('MSUBORDINATE_GRPHELP','__groupid');">
												<i class="fa fa-search"></i>
											</a>
										</div>
									</div>
								</div>
							</div>
							<div class="row">
								<div class="form-group">
									<div class="col-md-1 col-sm-1 col-xs-1"></div>
									<div class="col-md-2 col-sm-2 col-xs-2">
										<label class="control-label label-right"><%=screen.getLabel("edesc")%> </label>
									</div>
									<div class="col-md-2 col-sm-2 col-xs-2">
										<%=screen.getInput("edesc")%>
									</div>
									<div class="col-md-2 col-sm-2 col-xs-2">
										<label class="control-label label-right"><%=screen.getLabel("tdesc")%> </label>
									</div>
									<div class="col-md-2 col-sm-2 col-xs-2">
										<%=screen.getInput("tdesc")%>
									</div>
								</div>
							</div>
						</div>
					</div><!-- End block -->
					
					<div class="csc-block-white">

						<div class="table-responsive">
							<table class="table table-head table-hover table-bordered" id="tblMulti">
								<thead>
									<tr>
										<th swlang code='SW000015'>Select</th>
										<th swlang code='SW000274'>Employee ID</th>
										<th swlang code='SW007745'>Name Surname</th>
									</tr>
								</thead>
								<tbody>
									<%
										String data = screen.getRecord().getString("subdata").trim();
										if(data.equals("")){
											data = "''";
										}
										DbInquiry inq = new InitialInquiry(screen.getUProfile()).getDbInquiry("vw_supervisor");
										try {
											inq.setColumn("employeeid,emp_prefix,fname,lname,efname,elname");
											inq.setFilter( "supervisor like ',%" +screen.getUProfile().get("employeeid") +"%,' and employeeid in(" +data +")");
											inq.setOrderBy("employeeid");
											inq.refresh();
											if(inq.recCount()>0){
												while (inq.next()) {
									%>
									<tr>
										<td><center><input type="checkbox" name="__checkbox" id="c_<%=inq.getString("employeeid")%>" value="<%=inq.getString("employeeid")%>" /></center></td>
										<td><%=inq.getString("employeeid")%></td>
										<td><%=inq.getString("fullname")%></td>
									</tr>
									<%
													}
												}
											} catch (Exception e) {
												MyLog.warn(this, screen.getUProfile(),e);
											}
									%>
								</tbody>
							</table>
						</div>
						<input type="hidden" name="__subdata" value ="<%=screen.getRecord().getString("subdata")%>"> 
						<div class="center">
							<a class="btn btn-primary" href="javascript:add();" swlang code='SW012101'>Add</a>
							<a class="btn btn-primary" href="javascript:checkAll();" swlang code='SW012180'>Check All</a>
							<a class="btn btn-primary" href="javascript:decheckAll();" swlang code='SW012181'>Uncheck All</a>
							<a class="btn btn-primary" href="javascript:delChild();" swlang code='SW000123'>Delete</a>
						</div>
						<div class="center">
							<a class="btn btn-primary" href="javascript:GoSave();" swlang code='SW000117'>Save</a>
							<a class="btn btn-primary" href="javascript:GoDelete();" swlang code='SW000123'>Delete</a>
						</div>
					</div>
					<%=screen.endJSP()%>
				</form>
			</div>
			<a href="#top" id="top-button">
				<i class="fa fa-angle-up"></i>
				<div class="top-word">Back to top</div>
			</a>
		</section>
		<jsp:include page="FOOTER.jsp" flush="true" />
	</body>
</html>
<% screen.referLangOff(); %>