<%@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="PRU020" class="com.csc.library.system.Task" scope="page"/>
<%
	PRU020.setChannel(request,response);
	UIManager screen = (UIManager) PRU020.process("MultiEntry","PRU020");
	//out.print("<br><br><br><br>:"+screen.getRecord().getChildTable()+":");
	MultiLine multi = screen.getMultiLine("MJOBGRADE1");	
	multi.setLabelBox("check box");
	multi.goFirst();		
%>
<html ng-app="myHR">
<head>
<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>
<link href ="../CSS/MENU.css" rel="stylesheet" type="text/css">
<script language='javascript' src="../JS/VIEWCALENDAR.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 type='text/javascript' src='../JS/ICONSMENU.js'></script>
<script language='javascript'>setLang('<%=screen.getUProfile().get("lang")%>');</script>
<script language="javascript">getTitleName();</script>

<script language="javascript">
<!--
function GoSave(){confirmSave();}
function GoUpdate(){update();}
function GoDelete(){edelete();}
function GoSearch(){search();}

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_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_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 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
		
	function childMulti(record){
		with(document.cscform){
	    	window.open(__childMulti.value+".jsp?__cmd=&__gorec="+record+
		     "&__ack=edit&__jobgradeid="+__jobgradeid.value+	   
		     "&__headMulti="+__headMulti.value+  		     
	    	 "&__companyid="+__companyid.value,"","width=600,height=300");
			//submit();
		}
	}

	function addMulti(){
		with(document.cscform){
			if(__jobgradeid.value!=""){
	    	window.open(__childMulti.value+".jsp?__cmd=&__gorec=&__ack=add"+
				"&__jobgradeid="+__jobgradeid.value+	 
				"&__headMulti="+__headMulti.value+
				"&__maxsala="+__max_salary.value+
				"&__minsala="+__min_salary.value+
	    		"&__companyid="+__companyid.value,"","width=630,height=200,toolbar=no,status=yes,scrollbars=yes,resizable=yes");
			}else{
				 alert(MyCode[0]);
				__jobgradeid.focus();
				__jobgradeid.select();
			}
		}
	}

	function deleteMulti(){
		with(document.cscform){
	    	bCon=confirm(MyCode[4]);
	 	  	if (bCon==true)	{	
				__cmd.value="DelChild";
				submit();
			}	
		}
	}
</script>
</head>

<body  leftmargin="0" topmargin="0"  onLoad="MM_preloadImages('../IMAGES/BUTTON/SWAP/SEARCH_SWAP20.gif','../IMAGES/BUTTON/SWAP/CALENDAR_SWAP20.gif')" ><div class="centered">
<div id="toolTipLayer" style="position:absolute; visibility: hidden"></div>
<script language="javascript">initToolTips();</script>

<form name="cscform" method="post" action="PRU020.jsp">


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

<%=screen.InitialVariable()%>

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

<input name="__cmd" type="hidden" value="">
	<input type="hidden" name="__calendar">
	<script language="javascript">getInputFormatDate();</script>
  	<input type="hidden" name="__language" value="<%=screen.getUProfile().get("lang")%>">
	<input type="hidden" name="__screen" value="PRU020">
	<input type="hidden" name="__multiTable" value="MJOBGRADE1">	
	<input type="hidden" name="__helpReturn" value="">

	<input type="hidden" name="__help" value="">
	<input type="hidden" name="__childMulti" value="PRU094">
	<input type="hidden" name="__gorec" value="">
	<input type="hidden" name="__ack" value="">
	  <input type="hidden" name ="__headMulti" value="PRU020">
	<input name="__companyid" type="hidden" value="<%=screen.getUProfile().get("companyid")%>"> 
	<input name="__fixCon" type="hidden" value="companyid='<%=screen.getUProfile().get("companyid")%>'">
	<input name="__notNull" type="hidden" value="<%=screen.getRequire()%>">
	  <input type="hidden" name="__referPage" value="">
	
  <div align="center">
  <script language="JavaScript" src="../JS/HOTKEY.js"></script>
   <script language="javascript">
	var swap = new swaplang();
	var titlename = swap.swap2String("SW012653");
    	document.write(Icons("PRU020,"+titlename)); 

	</script>
	<br><br>
       <table  cellpadding="0"  cellspacing="0" >
      <tr >
        <td class="header">PRU020,<span swlang code="SW012653">Job Grade Table</span>&nbsp;</td>
      </tr>
      <tr > 
        <td  colspan="2"> 
          <div align="center"> 
            <center>
              <table  cellspacing="0" cellpadding="0" >
                <tr> 
                  <td  class="blankspace" colspan="3"></td>
                </tr>
                <tr> 
                  <td colspan="2" class="columnlabel"><%=screen.getLabel("JOBGRADEID")%>&nbsp;</td>
                  <td width="550"><%=screen.getInput("JOBGRADEID")%></td>
                </tr>
				<tr> 
                  <td colspan="2" class="columnlabel"><%=screen.getLabel("TDESC")%>&nbsp; </td>
                  <td ><%=screen.getInput("TDESC")%></td>
                </tr>
                <tr> 
                  <td  colspan="2" class="columnlabel"><%=screen.getLabel("EDESC")%>&nbsp; </td>
                  <td ><%=screen.getInput("EDESC")%></td>
                </tr>
                <tr> 
                  <td  colspan="2" class="columnlabel"><%=screen.getLabel("MAX_SALARY")%>&nbsp;</td>
                  <td ><%=screen.getInput("MAX_SALARY")%></td>
                </tr>
                <tr> 
                  <td colspan="2"  class="columnlabel"><%=screen.getLabel("MIN_SALARY")%>&nbsp; </td>
                  <td ><%=screen.getInput("MIN_SALARY")%></td>
                </tr>                
                <tr> 
                  <td colspan="2" class="columnlabel"><%=screen.getLabel("MID_POINT")%>&nbsp; </td>
                  <td ><%=screen.getInput("MID_POINT")%></td>
                </tr>
                <tr> 
                  <td colspan="2" class="columnlabel"><%=screen.getLabel("START_DATE")%>&nbsp; </td>
                  <td ><%=screen.getInput("START_DATE")%>&nbsp; <a href="#" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Image4','','../IMAGES/BUTTON/SWAP/CALENDAR_SWAP20.gif',1)"><img src="../IMAGES/BUTTON/MAIN/CALENDAR20.gif" alt="Calendar" name="Image4" width="20" height="20" border="0" align="absmiddle" onClick="viewCal('__start_date')"></a> 
                  </td>
                </tr>
                <tr> 
                  <td colspan="2" class="columnlabel"><%=screen.getLabel("remark")%>&nbsp; </td>
                  <td ><%=screen.getInput("remark")%></td>
                </tr>
                <tr> 
                  <td class="blankspace " colspan="3" ></td>
                </tr>                
                <tr align="center" bgcolor="#CCCCCC"> 
                  <td width="43" class="row3"> <div align="center"><span swlang code="SW000123">Delete</span><!-- <script language='javascript'>swapLang('ลบ');</script> --></div></td>
                  <td width="107" height="20" class="row3" onMouseOver="bgColor='#FFCC00'" onMouseOut="bgColor='#cccccc'"><div align="center">
					<a href="#"><span swlang code="SW001654">Grade ID</span></a></div></td>
                  <td class="row3" height="20" onMouseOver="bgColor='#FFCC00'" onMouseOut="bgColor='#cccccc'"> 
                    <div align="center"><a href="#"><span swlang code="SW001743">Salary</span></a></div></td>
                </tr>                
                <%			
				 	for(int i=1;!multi.eof();multi.next(),i++){ 
				 %>    
				 <tr> 
                  <td class="forborder"><div align="center"><%=multi.getInputCheckBox()%></div></td>                 
                  <td height="20" class="forborder"><div align="center"><% out.print(multi.getScript("childMulti",multi.getDataLabel("GRADEID"))); %></div></td>
                  <td height="20" class="forborder"><div align="center"><% out.print(multi.getScript("childMulti",multi.getDataLabel("SALARY"))); %></div></td>
                </tr>
                <%}%>            
                <tr> 
                  <td class="blankspace" colspan="3"></td>
                </tr>
				
				<tr> 
                  <td class="blankspace" colspan="3"></td>
                </tr>

                <tr>
                  <td  class="buttonline" colspan="7"><div align="center">
                    <button type="button" class="btn btn-primary width100" swlang code="SW013163" onClick="checkAll();">Select All</button>&nbsp;
                    <button type="button" class="btn btn-primary width100" swlang code="SW013164" onClick="decheckAll();">Deselect All</button>&nbsp;
                    <button type="button" class="btn btn-primary width100" swlang code="SW013165" onClick="addMulti();">Add</button>&nbsp;
                    <button type="button" class="btn btn-primary width100" swlang code="SW013166" onClick="deleteMulti();">Delete</button>
                  </div>
                  </td>
                </tr>
				<tr > 
               
                 <td  align="right" colspan="3">
					  <script language="javascript">printEditCheck('<%=screen.getDataLabel("edit_by")%>','<%=screen.getDataLabel("edit_date")%>','<%=screen.getDataLabel("edit_time")%>','<%=screen.getDataLabel("approve")%>');
						</script>&nbsp;
				</td>
              </tr>
                <tr> 
                  <td class="blankspace" colspan="3"></td>
                </tr>
              </table>
            </center>
          </div></td>
      </tr>
      <tr > 
        <td class="bottom"></td>
      </tr>
    </table>
    </center>
</div>


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

<%=screen.endJSP()%>

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

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