<%@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="TR0011" class="com.csc.library.system.Task" scope="page"/>
<jsp:useBean id="CIKCP" class="com.csc.library.system.Task" scope="page"/>
<%
CIKCP.setChannel(request,response);
UIManager screen2 = (UIManager) CIKCP.process("SingleEntry","CI_01_19KCP");

TR0011.setChannel(request,response);
HelpEntry screen = (HelpEntry) TR0011.process("HelpEntry","CI_01_19_KCHELP");


screen.referLangOff();
String filter="jobcodeid='"+request.getParameter("__jobcodeid")+"' and kagid='KAG02'";
screen.inq.setFilter(filter);
screen.inq.refresh();
screen.process();

%>

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title></title>
<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 type='text/javascript' src='../JS/ICONSMENU.js'></script>
 
<script language='javascript'>setLang('<%=screen.getUProfile().get("lang")%>');</script>
<script  type='text/javascript'  src="../JS/VIEWCALENDAR.js"></script>
<script language="JavaScript" >
<!--
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 addKPI(){
		with(document.cscform){
		var jobcodeid="<%=request.getParameter("__jobcodeid")%>";
		var page="CI_01_4.jsp?__jobcodeid="+jobcodeid;
			 window.open(page,"Education22","left=150,top=150,width=700,height=500,toolbar=no,status=yes,scrollbars=yes,resizable=yes");
		}
}

function editKPI(jobcodeid,kasid){
		with(document.cscform){
			var page="CI_01_4.jsp?__jobcodeid="+jobcodeid+"&kasid="+kasid;
			 window.open(page,"Education22","left=150,top=150,width=700,height=500,toolbar=no,status=yes,scrollbars=yes,resizable=yes");
		}
}

function deleteKey(){
	with(document.cscform){
			for(i=0;i<elements.length;i++){
					if(elements[i].type=="checkbox")
							if(elements[i].checked==true){
								__keyList.value+=elements[i].value+",";
							}
			}
			
		bCon=confirm(MyCode[4]);
		if (bCon==true)	{
			__cmd.value="search";
			submit();
		}
	}
}
</script>

</head>
<body leftmargin="0" topmargin="0"  onLoad="MM_preloadImages('../IMAGES/BUTTON/SWAP/SEARCH_SWAP24.gif','../IMAGES/BUTTON/SWAP/EXIT_SWAP24.gif','../IMAGES/BUTTON/SWAP/HELP_SWAP24.gif','../IMAGES/BUTTON/SWAP/NEW_SWAP24.gif','../IMAGES/BUTTON/SWAP/EDIT_SWAP24.gif','../IMAGES/BUTTON/SWAP/DEL_SWAP24.gif','../IMAGES/BUTTON/SWAP/PROCESS_SWAP24.gif','../IMAGES/BUTTON/SWAP/SEARCH_SWAP20.gif')">
<div id="toolTipLayer" style="position:absolute; visibility: hidden"></div>
  <form name="cscform" method="post" action="#">
 

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

<%=screen.InitialVariable()%>

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

<input type="hidden"name="__screen"  value="CI_01_19_KCHELP">
  <input type="hidden" name="__fixCon" value="">
  <input type="hidden" name="__help" value="">
  <input type="hidden" name="__cmd"  value="">
  <input type="hidden" name="__calendar">
   <input type="hidden" name="__keyList">
   <input type="hidden" name="__jobcodeid" value="<%=request.getParameter("__jobcodeid")%>">
      <input type="hidden" name="__childFilter">
  <script language="javascript">getInputFormatDate();</script>
 <input type="hidden" name="__language" value ="<%=screen.getUProfile().get("lang")%>"> 
  <input type="hidden" name="__user" value="<%=screen.getUProfile().getUserId()%>">
   <input name="__companyid" type="hidden" value="<%=screen.getUProfile().get("companyid")%>">
<div align="center">
    <table width="683"  cellpadding="0"  cellspacing="0">

      <tr >
        <td  class="header">รายละเอียด KPI&nbsp;</td>
      </tr>
      <tr >
        <td  colspan="2"> <div align="center"><br>
            <table width="100%" border="0" align="center" cellpadding="1" cellspacing="1" bgcolor="#FFFFFF" class="largest">
              <tr>
                <td width="20" height="20" class="title1"><div align="center"><font class="normal">ลบ</font></div></td>
                <td class="title1" width="45"> <div align="center">รหัส</div></td>
                <td width="260" bgcolor="#666666" class="title1"><div align="center">รายละเอียด</div></td>
                <td width="52" bgcolor="#666666" class="title1"><div align="center">น้ำหนัก</div></td>
                <td width="51" bgcolor="#666666" class="title1">เปอร์เซนต์</td>
                <td width="166" bgcolor="#666666" class="title1"><div align="center">หลักสูตรที่ต้องอบรม
                </div></td>
              </tr>
			  <%while(screen.nextRec()){%>
              <tr bgcolor="#E1E1E1">
                <td width="20" height="22"><input type="checkbox" name="checkbox32" value="<%=screen.getString("KASID")%>"></td>
                <td width="45"> <div align="center"><font size="2"><a href="javascript:editKPI('<%=request.getParameter("__jobcodeid")%>','<%=screen.getString("KASID")%>');"> <%=screen.getString("KASID")%></a></font></div></td>
                <td bgcolor="#666666"><%=screen.getString("MKEYASS","KASDESC")%></td>
                <td bgcolor="#666666"><div align="center"><font size="2"><%=screen.getString("WEIGHT")%></font></div></td>
                <td bgcolor="#666666"><div align="center"><font size="2"><%=screen.getString("PERCENTS")%></font></div></td>
                <td bgcolor="#666666"><font size="2"><%=screen.getString("courseneed")%></font></td>
              </tr>
			  <%}%>
            </table>
            <div align="center"> 
              <p><a href="javascript:checkAll();"><img src="../IMAGES/BUTTON/SELECTALL.gif" border="0" align="middle"></a>&nbsp; 
                <a href="javascript:decheckAll();"><img src="../IMAGES/BUTTON/DESELECTALL.gif" border="0" align="middle"></a>&nbsp;&nbsp;<A HREF="javascript:addKPI();" ><img src="../IMAGES/BUTTON/ADD.gif" border="0" align="middle"></a>&nbsp;&nbsp;<a href="javascript:deleteKey();"><img src="../IMAGES/BUTTON/DELETE.gif" border="0" align="middle"></a>&nbsp;&nbsp;&nbsp;&nbsp; 
              </p>
            </div>
          </div></td>
      </tr>
      <tr bordercolor="0069B3">
        <td  class="bottom"></td>
      </tr>
    </table>

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