APS_JET_PER_EMP.jsp 10.3 KB
Newer Older
Thitichaipun Wutthisak committed
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 87 88 89 90 91 92 93 94 95 96 97 98 99 100 101 102 103 104 105 106 107 108 109 110 111 112 113 114 115 116 117 118 119 120 121 122 123 124 125 126 127 128 129 130 131 132 133 134 135 136 137 138 139 140 141 142 143 144 145 146 147 148 149 150 151 152 153 154 155 156 157 158 159 160 161 162 163 164 165 166 167 168 169 170 171 172 173 174 175 176 177 178 179 180 181 182 183 184 185 186 187 188 189 190 191 192 193 194 195 196 197
<!DOCTYPE html>
<%@ page contentType="text/html; charset=UTF-8" language="java" %>
<%@ page import="com.csc.library.database.*,com.csc.library.session.*,com.csc.library.utilities.*,com.csc.library.utility.*"  %>
<%@ include file="../CHECKPROFILE.jsp" %>
<% request.setCharacterEncoding("UTF-8"); %>
<%
	CheckNull chk = new CheckNull();

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

	if (up == null){
		return ;
	}
	String sequence = StaticConfig.getConfigCompany(up, "SEQUENCE_UPPER");
	int year = Integer.parseInt(StaticConfig.getConfigCompany(up, "YEAR_UPPER"));
	String p_apsid = chk.chkNullString(request.getParameter("apsid_aps"),"APS_EMP");
	String p_apsassessy = chk.chkNullString(request.getParameter("assessy"),up.get("employeeid"));
	String p_type = chk.chkNullString(request.getParameter("type"),"self");

%>
<html ng-app='APS_JET_PER_EMP'>
	<head>
		<title>Employee View</title>
		<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
		<link rel="stylesheet" href="<%=request.getContextPath()%>/EMPVIEW/css/APP_UP/style_apsup.css" />
		<link rel="stylesheet" type="text/css" href="css/APP_MBO/style.css" />
	</head>
	<body ng-controller='ApsEmpForm'>
		<div class='bg-com'></div>
		<div class="emv-headmenu" style="display:none"><jsp:include page="EMV_HEADMENU.jsp" flush="true" /></div>

		<script type="text/javascript" src="../JS/SCREEN.js"></script>
		<script type="text/javascript" src="../JS/jquery-2.1.3.min.js"></script>
		<script type='text/javascript' src="../public/lib/angular-resource/angular-resource.min.js"></script>
		<script type='text/javascript' src='JS/APS_JET_PER_EMP/Module.Controller.js'></script>
		<script type='text/javascript' src='JS/APS_JET_PER_EMP/services.js'></script>
		<script type='text/javascript' src='JS/APS_JET_PER_EMP/ApsEmp.Controller.js'></script>
		<script type='text/javascript'>
			setLang('<%=up.get("lang")%>');
		</script>

		<section>
			<div class="container csc-content">
				<form name="cscform" class="form-horizontal" method="post" >
					<div>
						<input type='hidden' name='apsid' value='<%=p_apsid%>'/>
						<input type='hidden' name='assessy' value='<%=p_apsassessy%>'/>
						<input type='hidden' name='type' value='<%=p_type%>'/>
						<input type='hidden' name='me' value='<%=up.get("username")%>' />
						<div class='loading-page'>
							<div class='spiner'></div>
						</div>
						<div class="form-horizontal" id='target_warpper'>
							<table class="table table-head table-bordered table-title-left" >
								<tr>
									<th colspan='4' class='center detail-table'>{{ formdesc }} <%=year%></th>
								</tr>
								<tr>
									<th width='50%' colspan='2' class='center detail-table' swlang code='SW001041'>Assessor</th>
									<th width='50%' colspan='2' class='center detail-table' swlang code='SW001042'>Assessy</th>
								</tr>
								<tr>
									<th class='headlabel td-bold' swlang code='SW001984'>Fullname</th>
									<td>{{ assessordata.fullname }}</td>
									<th class='headlabel td-bold' swlang code='SW001984'>Fullname</th>
									<td>{{ assessydata.fullname }}</td>
								</tr>
								<tr>
									<th class='headlabel td-bold' swlang code='SW000274'>Employee ID</th>
									<td>{{ assessordata.assessy }}</td>
									<th class='headlabel td-bold' swlang code='SW000274'>Employee ID</th>
									<td>{{ assessydata.assessy }}</td>
								</tr>
								<tr>
									<th class='headlabel td-bold' swlang code='SW000057'>Position</th>
									<td>{{ assessordata.position }}</td>
									<th class='headlabel td-bold' swlang code='SW000057'>Position</th>
									<td>{{ assessydata.position }}</td>
								</tr>
								<tr>
									<th class='headlabel td-bold' swlang code='SW012799'>Start Date</th>
									<td>{{ assessordata.startdate }}</td>
									<th class='headlabel td-bold' swlang code='SW012799'>Start Date</th>
									<td>{{ assessydata.startdate }}</td>
								</tr>
								<tr>
									<th class='headlabel td-bold' colspan="4">OVERALL PERFORMANCE RATING SCORE</th>
								</tr>
								<!-- <tr>
									<th class='headlabel td-bold'>Add Individual Compentency Ratings</th>
									<th class='headlabel td-bold'>Number of Compentencies</th>
									<th class='headlabel td-bold' colspan="2">Overall Performance Rating</th>
								</tr>
								<tr>
									<td class='headlabel td-bold center'>{{ score }}</td>
									<td class='headlabel td-bold center'>{{ max }}</td>
									<td class='headlabel td-bold center' colspan="2">{{ result }} %</td>
								</tr> -->
							</table>
						</div>

						<ul id="tabs" class="nav nav-tabs nav-justified" data-tabs="tabs" >
							<li class="active"><a href="#tab1" data-toggle="tab" class="black"><b>Section 1: Performance Review</b></a></li>
							<li><a href="#tab2" data-toggle="tab" class="black"><b>Section 2: Summary comments and feedback</b></a></li>
						</ul>

						<div class="tab-content clearfix">
							<!-- ############################### TAB1 ############################### -->
							<div class="tab-pane active" id="tab1">
								<div class="form-horizontal">
									<table class="table table-head table-bordered table-title-left" >
										<tr>
											<th class='headlabel td-bold' colspan="4">Discuss and assess performance against factors as they apply to the employee in their position</th>
										</tr>
										<tr>
											<th class='headlabel td-bold' colspan="4">Performance ratings</th>
										</tr>
										<tr ng-repeat='masanswer in masanswer_tab1 | orderBy:"-anwscore" '>
											<td class='headlabel td-bold' colspan="1">{{masanswer.anwscoredesc}} - {{masanswer.topic}}</td>
											<td class='headlabel td-bold' colspan="3">{{masanswer.tdesc}}</td>
										</tr>
									</table>
								</div>

								<div class="form-horizontal">
									<table class="table table-head table-bordered table-title-left" >
										<tr>
											<th class='td-bold' colspan="15">Please comment on the employee's performance against each of the areas with examples</th>
											<th class='td-bold' colspan="{{ masanswer_tab1.length }}">Performance<br>Rating 1-5<br>(Choose as appropriate)</th>
										</tr>
										<tbody ng-repeat='tastran_tab1 in tastran_tab1'>
											<tr>
												<td colspan="15"><b>{{ tastran_tab1.massess_assuggest }}: </b>{{ tastran_tab1.massess_desc}}</td>
												<td colspan="1" class='headlabel td-bold center' ng-repeat='masanswer in masanswer_tab1'>{{masanswer.anwscoredesc}}</td>
											</tr>
											<tr ng-show="(apsstate>=0)">
												<td colspan="15"><b><!-- Score : {{ result1 }} %     -->Comments & feedback: </b><textarea class='' rows="5" style="width:100%" ng-model='tastran_tab1.apscomment1' ng-trim='true' ng-disabled='!(isApsassessy && apsstate==0)'></textarea></td><td colspan="1" class='headlabel td-bold center' ng-repeat='masanswer in masanswer_tab1'><input type="radio" ng-model='tastran_tab1.asranswer1' ng-click="calSumScore('result1','asranswer1')" value="{{masanswer.anwscore}}" ng-disabled='!(isApsassessy && apsstate==0)'></td>
											</tr>
											<tr ng-show="(apsstate>=1)">
												<td colspan="15"><b><!-- Score : {{ result2 }} %     -->Comments & feedback: </b><textarea class='' rows="5" style="width:100%" ng-model='tastran_tab1.apscomment2' ng-trim='true' ng-disabled='!(isApsapprove1 && apsstate==1)'></textarea></td><td colspan="1" class='headlabel td-bold center' ng-repeat='masanswer in masanswer_tab1'><input type="radio" ng-model='tastran_tab1.asranswer2' ng-click="calSumScore('result2','asranswer2')" value="{{masanswer.anwscore}}" ng-disabled='!(isApsapprove1 && apsstate==1)'></td>
											</tr>
											<tr ng-show="(apsstate>=2)">
												<td colspan="15"><b><!-- Score : {{ result3 }} %     -->Comments & feedback: </b><textarea class='' rows="5" style="width:100%" ng-model='tastran_tab1.apscomment3' ng-trim='true' ng-disabled='!(isApsapprove2 && apsstate==2)'></textarea></td><td colspan="1" class='headlabel td-bold center' ng-repeat='masanswer in masanswer_tab1'><input type="radio" ng-model='tastran_tab1.asranswer3' ng-click="calSumScore('result3','asranswer3')" value="{{masanswer.anwscore}}" ng-disabled='!(isApsapprove2 && apsstate==2)'></td>
											</tr>
										</tbody>
									</table>
								</div>
							</div>
							
							<!-- ############################### TAB2 ############################### -->
							<div class="tab-pane" id="tab2">
								<div class="form-horizontal">
									<table class="table table-head table-bordered table-title-left" >
										<tr>
											<th class='headlabel td-bold left'>To be complete at the performance review(s)</th>
										</tr>
										<tr>
											<td class='headlabel td-bold'>
												Employee:<br>
												<textarea class='' rows="5" style="width:100%" ng-model='tapstran.apsappcomment1' ng-trim='true' ng-disabled='!(isApsassessy && apsstate==0)'></textarea><br>
												Date: 
											</td>
										</tr>
										<tr>
											<td class='headlabel td-bold'>
												Team Leader<br>
												<textarea class='' rows="5" style="width:100%" ng-model='tapstran.apsappcomment2' ng-trim='true' ng-disabled='!(isApsapprove1 && apsstate==1)'></textarea><br>
												Date: 
											</td>
										</tr>
										<tr>
											<td class='headlabel td-bold'>
												Manager:<br>
												<textarea class='' rows="5" style="width:100%" ng-model='tapstran.apsappcomment3' ng-trim='true' ng-disabled='!(isApsapprove2 && apsstate==2)'></textarea><br>
												Date: 
											</td>
										</tr>
									</table>
								</div>
							</div>
						</div>
						<div class="center">
							<button type="button" ng-disabled='!(isApsassessy && apsstate==0) && !(isApsapprove1 && apsstate==1) && !(isApsapprove2 && apsstate==2)' class="btn btn-info" ng-click='saveDraft()' >Save Draft</button>
							<button type="button" ng-disabled='!(isApsassessy && apsstate==0) && !(isApsapprove1 && apsstate==1) && !(isApsapprove2 && apsstate==2)' class="btn btn-info" ng-click='save()' >Submit</button>
							<button type="button" ng-if='!(isApsassessy)' class="btn btn-info" ng-click='closePage()' >Close</button>
						</div>
						<div class='spece-bot'></div>
				</form>
				<a href="#top" id="top-button"><i class="fa fa-angle-up"></i><div class="top-word">Back to top</div></a>
			</div>
		</section>
		<div><jsp:include page="FOOTER.jsp" flush="true" /></div>
	</body>
</html>