<%@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="CIKCP" class="com.csc.library.system.Task" scope="page"/>
<jsp:useBean id="TR0011" 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")+"'";
		
		CheckNull chk = new CheckNull();
		String delList = chk.chkNullString(request.getParameter("__cmd"));
		screen.getInquiry().getChild("MKEYASS").setFilter("keytype='2'");
		screen.getInquiry().setFilter(filter);
		screen.getInquiry().setRequireFoundTable("MKEYASS");
		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' src='../JS/HOTKEY.js'></script>
<script language='javascript'>setLang('<%=screen.getUProfile().get("lang")%>');</script>
<script  type='text/javascript'  src="../js/viewcalendar.js"></script>
<script language='javascript'>setLang('<%=screen.getUProfile().get("lang")%>');</script>

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

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 addKC(point){
		with(document.cscform){
		var jobcodeid="<%=request.getParameter("__jobcodeid")%>";
		var page="CI_01_4.jsp?add=y&__jobcodeid="+jobcodeid+"&keytype="+point+"&__fixCon=keytype='"+point+"'";
			 window.open(page,"Education22","left=150,top=150,width=700,height=500,toolbar=no,status=yes,scrollbars=yes,resizable=yes");
		}
}
function editKPI(jobcodeid,kasid,point){
		with(document.cscform){
			var page="CI_01_4.jsp?__jobcodeid="+jobcodeid+"&keytype="+point+""+"&kasid="+kasid;
			 window.open(page,"Education22","left=150,top=150,width=700,height=500,toolbar=no,status=yes,scrollbars=yes,resizable=yes");
		}
}

function showKEYCOURSE(jobcodeid,kasid){
		with(document.cscform){
			var page="CI_01_19_DETAIL.jsp?__jobcodeid="+jobcodeid+"&kasid="+kasid;
			 window.open(page,"Education222","left=100,top=100,width=700,height=300,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="delList";
			submit();
		}
	}
}

function closePage(){
	with(document.cscform){
			window.close();
	}
}

</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>
<script language="javascript">initToolTips();</script>
  <form name="cscform" method="post">
 

<!----------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="__keyList" value="">
  <input type="hidden" name="__cmd"  value="<%=delList%>">
  <input type="hidden" name="__calendar">
  <input type="hidden" name="__jobcodeid" value="<%=request.getParameter("__jobcodeid")%>">
  <input type="hidden" name="__childFilter">
  <input type="hidden" name="__notNull" value="<%=screen2.getRequire()%>">
  <input type="hidden" name="__language" value ="<%=screen.getUProfile().get("lang")%>"> 
  <input type="hidden" name="__user" value="<%=screen.getUProfile().getUserId()%>">
  <input type="hidden" name="__companyid" value="<%=screen.getUProfile().get("companyid")%>">
  <script language="javascript">getInputFormatDate();</script>
   <br>
<div align="center">
    <table width="683"  cellpadding="0"  cellspacing="0">

      <tr >
        <td  class="header"><script language="javascript">swapLang('Detail of KPI ');</script>&nbsp;</td>
      </tr>
      <tr >
        <td  colspan="2"> <div align="center"><br>
            <table width="100%" border="0" align="center" cellpadding="0" cellspacing="1" bgcolor="#FFFFFF" class="largest">
              <tr>
                <td width="20" height="20" class="title1"><div align="center"><font class="normal"><script language="javascript">swapLang('Delete');</script></font></div></td>
                <td class="title1" width="46"> <div align="center"><script language="javascript">swapLang('Code');</script></div></td>
                <td width="255" class="title1"><div align="center">
                <script language="javascript">swapLang('Detail');</script></div></td>
                <td width="50" bgcolor="#666666" class="title1"><div align="center"><script language="javascript">swapLang('Weight');</script></div></td>
                <td width="51" bgcolor="#666666" class="title1"><script language="javascript">swapLang('Percent');</script></td>
                <td width="172" bgcolor="#666666" class="title1"><div align="center"><script language="javascript">swapLang('Training Course');</script>
                </div></td>
              </tr>
			  <%
                          String kagid="";
                           String kasid="";
                          String kagdesc="";
                          String keyasdesc="";
                          int i=0;

                          while(screen.nextRec()){
							 if(screen.getInquiry().getChild("MKEYASS").recCount()!=0){
								kagdesc=screen.getString("MKEYASSGROUP","TDESC");
								
								 if(screen.getString("kagid").equalsIgnoreCase(kagid)){
								   kasid=screen.getString("KASID");
									if(i==0){
 			  %>
                           <tr bgcolor="#E1E1E1">
                <td height="22" colspan="6" class="forborder2"><p><strong><%=kasid%>&nbsp;<%=kagdesc%></strong></p></td>
                </tr>
              	<%}}else{
                        i=0;
							kagid=screen.getString("kagid");
                           kasid=screen.getString("KASID");
                        %>
                        <tr bgcolor="#E1E1E1">
                <td height="22" colspan="6" class="forborder2"><p><strong><%=kasid%>&nbsp;<%=kagdesc%></strong></p></td>
                </tr>
                        <%}%>
              <tr bgcolor="#E1E1E1">
                <td width="20" height="22" class="forborder2"><input type="checkbox" name="checkbox32" value="<%=kasid%>"></td>
                <td width="46" class="forborder2"> <div align="center"><font size="2">
				<a href="javascript:editKPI('<%=request.getParameter("__jobcodeid")%>','<%=screen.getString("KASID")%>','2');">
				<%=screen.getString("KASID")%></a></font></div></td>
                <td bgcolor="#666666" class="forborder2"><%=screen.getString("MKEYASS","TDESC")%></td>
                <td bgcolor="#666666" class="forborder2"><div align="center"><font size="2"><%=screen.getString("WEIGHT")%></font></div></td>
                <td bgcolor="#666666" class="forborder2"><div align="center"><font size="2"><%=screen.getString("PERCENTS")%></font></div></td>
                <td bgcolor="#666666" class="forborder2"><p><font size="2"><%//=screen.getString("courseneed")%>
                <a href="javascript:showKEYCOURSE('<%=request.getParameter("__jobcodeid")%>','<%=screen.getString("KASID")%>')"><script language="javascript">swapLang('Detail');</script></a></font></p></td>
              </tr>
			<%i++;}}%>
            </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;
				<a href="javascript:addKC('2');" ><img src="../IMAGES/BUTTON/ADD.gif" border="0" align="middle"></a>&nbsp;
				<a href="javascript:deleteKey();"><img src="../IMAGES/BUTTON/DELETE.gif" border="0" align="middle"></a>&nbsp;
				<a href="javascript:closePage();"><img src="../IMAGES/BUTTON/BACK.gif" border="0" align="middle"></a>&nbsp;              </p>
            </div>
          </div></td>
      </tr>
      <tr bordercolor="0069B3">
        <td  class="blankspace"></td>
      </tr>
      <tr bordercolor="0069B3">
        <td  class="bottom"></td>
      </tr>
    </table>
<br>
<!-- kpi table -->
<%
			screen.getInquiry().getChild("MKEYASS").setFilter("keytype='1'");
			screen.getInquiry().setFilter(filter+" and companyid='"+screen.getUProfile().get("companyid")+"'");
			screen.getInquiry().setRequireFoundTable("MKEYASS");
			screen.getInquiry().refresh();	
				//dbi.first();
				//dbi.getChild("MKEYASS").setFilter("keytype='1'");
				//dbi.setFilter(filter+" and companyid='"+screen.getUProfile().get("companyid")+"'");
				//dbi.setRequireFoundTable("MKEYASS");
				//dbi.refresh();			
%>
<table width="683"  cellpadding="0"  cellspacing="0">
      <tr >
        <td  class="header"><script language="javascript">swapLang('Detail of  KC');</script> &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"><script language="javascript">swapLang('Delete');</script></font></div></td>
                  <td class="title1" width="46">
                    <div align="center"><script language="javascript">swapLang('Code');</script></div></td>
                  <td width="255" bgcolor="#666666" class="title1"><div align="center"><script language="javascript">swapLang('Detail');</script></div></td>
                  <td width="50" bgcolor="#666666" class="title1"><div align="center"><script language="javascript">swapLang('Weight');</script></div></td>
                  <td width="51" bgcolor="#666666" class="title1"><script language="javascript">swapLang('Percent');</script></td>
                  <td width="172" bgcolor="#666666" class="title1"><div align="center"><script language="javascript">swapLang('Training Course');</script> </div></td>
                </tr>
                <%
                          int j=0;
                          while(screen.nextRec()){
							if(screen.getInquiry().getChild("MKEYASS").recCount()!=0){
                            kagdesc = screen.getString("MKEYASSGROUP","TDESC");

							//out.print(screen.getString("kagid")+":"+kagid);

                             if(screen.getString("kagid").equalsIgnoreCase(kagid)){
								// out.print("equal");
                               kasid=screen.getString("KASID");
								if(j==0){
								  %>
									<tr bgcolor="#E1E1E1">
									  <td height="22" colspan="6" class="forborder2"><p><strong><%=kasid%>&nbsp;<%=kagdesc%></strong></p></td>
									</tr>
									<%}
								  }else{
												j=0;
												kagid=screen.getString("kagid");
												kasid=screen.getString("KASID");
										%>
										<tr bgcolor="#E1E1E1">
										  <td height="22" colspan="6" class="forborder2"><p><strong><%=kasid%>&nbsp;<%=kagdesc%></strong></p></td>
										</tr>
				<%}%>
										<tr bgcolor="#E1E1E1">
										  <td width="20" height="22" class="forborder2"><input type="checkbox" name="checkbox322" value="<%=kasid%>"></td>
										  <td width="46" class="forborder2">
											<div align="center"><font size="2"> 
											<a href="javascript:editKPI('<%=request.getParameter("__jobcodeid")%>','<%=screen.getString("KASID")%>','1');">
										<%=screen.getString("KASID")%></a></font></div></td>
										  <td bgcolor="#666666" class="forborder2"><%=screen.getString("MKEYASS","TDESC")%></td>
										  <td bgcolor="#666666" class="forborder2"><div align="center"><font size="2"><%=screen.getString("WEIGHT")%></font></div></td>
										  <td bgcolor="#666666" class="forborder2"><div align="center"><font size="2"><%=screen.getString("PERCENTS")%></font></div></td>
										  <td bgcolor="#666666" class="forborder2"><p><font size="2">
											  <%//=screen.getString("courseneed")%>
											  <a href="javascript:showKEYCOURSE('<%=request.getParameter("__jobcodeid")%>','<%=screen.getString("KASID")%>')"><script language="javaScript">swapLang('Detail');</script></a></font></p></td>
										</tr>
                <%j++;}}%>
              </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;
				<a href="javascript:addKC('1');" ><img src="../IMAGES/BUTTON/ADD.gif" border="0" align="middle"></a>&nbsp;
				<a href="javascript:deleteKey();"><img src="../IMAGES/BUTTON/DELETE.gif" border="0" align="middle"></a>&nbsp;
				<a href="javascript:closePage();"><img src="../IMAGES/BUTTON/BACK.gif" border="0" align="middle"></a>&nbsp;				</p>
              </div>
        </div></td>
      </tr>
      <tr bordercolor="0069B3">
        <td  class="blankspace"></td>
      </tr>
      <tr bordercolor="0069B3">
        <td  class="bottom"></td>
      </tr>
    </table>
</div>


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

<%=screen.endJSP()%>

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

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