<!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.*,com.csc.library.report.ReportUDF"  %>
<jsp:useBean id="AS010" class="com.csc.library.system.Task" scope="page"/>
<% request.setCharacterEncoding("UTF-8"); %>
<%
	AS010.setChannel(request,response);
	UIManager screen = (UIManager) AS010.process("SingleEntry","AS010");
	screen.referLangOff();

	UProfile up = null;

	if (session!=null){
		up = (UProfile)session.getAttribute("userprofile");
	}
%>

<html ng-app="ASP">
	<head>
		<title></title>
		<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
		<link href="../CSS/TISCO.css" rel="stylesheet" type="text/css">
		<link type="text/css" href="../CSS/Bootstrap/css/bootstrap.css" rel="stylesheet" >
		<script type="text/javascript" src="../JS/SCREEN.js"></script>
		<script type="text/javascript" src="../JS/angular-1.3.15/angular.js"></script>
		<script type="text/javascript" src="../JS/jquery-2.1.3.min.js"></script>
		<script type='text/javascript' src='../JS/ICONSMENU.js'></script>
		<script src="../public/lib/angular-resource/angular-resource.min.js"></script>
		<script type='text/javascript' src="JS/CONTROLLER/ASP100/services.js"></script>
		<script type='text/javascript' src='JS/CONTROLLER/ASP100/Kpiscore.controller.js'></script>
		<script type='text/javascript'>setLang('<%=screen.getUProfile().get("lang")%>');</script>

		<style>
			.w8-width{
				width:85%;
			}
			.desc-width{
				width:100%;
			}
			.th{
				width: 60% !important;
			}
			.txt-right{
				text-align: right;
			}
		</style>
	</head>
	<body leftmargin="0" topmargin="0" marginwidth="0" marginheight="0">
		<form name="cscform" method="post" ng-controller="ObjectiveKpiScore">
			<input type="hidden" name="__language" value ="<%=screen.getUProfile().get("lang")%>">
			<br/>
			<div align="center">

 				<table height="" align="center" cellpadding="0" cellspacing="0" border="0" class="large">
					<tr bgcolor="#3366CC">
						<td  height="20" class="header">
							ASP101,<span swlang code="SW012639">KPIs Objective Weighting</span>
						</td>
					</tr>
					<tr>
						<td colspan="2">
							<div align="center">
								<table height="" align="center" cellpadding="0" cellspacing="1" bgcolor="#000000" class="inframe table-bordered" >
									<thead bgcolor="#3366cc">
										<tr>
											<td width="150" class="row3 th"><div align="center"> KPIs Category</div></td>
											<td width="50" class="row3"><div align="center">บริหาร 1</div></td>
											<td width="50" class="row3"><div align="center">บริหาร 2</div></td>
											<td width="50" class="row3"><div align="center">ผู้บังคับบัญชา</div></td>
											<td width="50" class="row3"><div align="center">ปฏิบัติการ</div></td>
										</tr>
									</thead>

									<tbody>
										<tr ng-repeat="rowkpi in listkpis" class="trframe">
											<td nowrap class="forborder2">
												<input class="desc-width" type="text" ng-model="rowkpi.desc">
											</td>
											<td nowrap class="forborder2">
												<input class="w8-width txt-right" type="number" min='0' max='100' ng-model="rowkpi.score_up1"> %
											</td>
											<td nowrap class="forborder2">
												<input class="w8-width txt-right" type="number" min='0' max='100' ng-model="rowkpi.score_up2"> %
											</td>
											<td nowrap class="forborder2">
												<input class="w8-width txt-right" type="number" min='0' max='100' ng-model="rowkpi.score_low1"> %
											</td>
											<td nowrap class="forborder2">
												<input class="w8-width txt-right" type="number" min='0' max='100' ng-model="rowkpi.score_low2"> %
											</td>
										</tr>
										<tr>
											<td class="txt-right"> คะแนนรวม </td>
											<td class="txt-right">{{calColumnScore("up1")}} %</td>
											<td class="txt-right">{{calColumnScore("up2")}} %</td>
											<td class="txt-right">{{calColumnScore("low1")}} %</td>
											<td class="txt-right">{{calColumnScore("low2")}} %</td>
										</tr>
									</tbody>
								</table>
							</div>
						</td>
					</tr>
				<tr>
					<td  class="blankspace"></td>
				</tr>
				<tr>
					<td><center><a class="btn btn-primary" ng-click='save()'> SAVE </a></center></td>
				</tr>
				<tr>
					<td class="bottom"></td>
				</tr>
			</table>
		</div>
		<%=screen.endJSP()%>
		</form>
	</body>
</html>