app_mbo.profile.html

<div id="profile">
	<br/>
	<h3>PART I</h3>
	<table class="table table-bordered">
		<col width="60%" />
		<col width="40%" />
		<tr>
			<th style="text-align: left;" class="bold-center bluehead">APPRAISEE'S DETAILS</th>
			<th style="text-align: left;" class="bold-center bluehead">APPRAISER'S DETAILS</th>
		</tr>
		<tr>
			<td>
				<div class="row">
					<div class="col-md-4">Employee ID: <strong>{{ aprraisee_data.employeeid }}</strong></div>
					<div class="col-md-8">Name-Surname: <strong>{{ aprraisee_data.fullname }}</strong></div>
				</div>
				<br/>
				<div class="row">
					<div class="col-md-12">Div / Dept: <strong>{{ aprraisee_data.bu3name }}</strong></div>
				</div>
				<br/>
				<div class="row">
					<div class="col-md-8">Position: <strong>{{ aprraisee_data.jobname }}</strong></div>
					<div class="col-md-4">Grade: <strong>{{ aprraisee_data.pl }}</strong></div>
				</div>
			</td>
			<td>
				<div class="row">
					<div class="col-md-12">Employee ID: <strong>{{ ApproverData.apsapprove1.employeeid }}</strong></div>
				</div>
				<br/>
				<div class="row">
					<div class="col-md-12">Name-Surname: <strong>{{ ApproverData.apsapprove1.fullname }}</strong></div>
				</div>
				<br/>
				<div class="row">
					<div class="col-md-12">Div / Dept: <strong>{{ ApproverData.apsapprove1.bu3name }}</strong></div>
				</div>
			</td>
		</tr>
	</table>
	<br/>
	<div class="row">
		<div class="col-md-4">
			<table class="table table-bordered" style="min-height: 200px;">
				<tr>
					<th class="bold-center bluehead">Previous Grade</th>
					<th class="bold-center bluehead">{{ Mgradehistory[0].year }}</th>
					<th class="bold-center bluehead">{{ Mgradehistory[1].year }}</th>
				</tr>
				<tr>
					<td>Bonus</td>
					<td style="text-align:center;">{{ Mgradehistory[0].grade }}</td>
					<td style="text-align:center;">{{ Mgradehistory[1].grade }}</td>
				</tr>
				<tr>
					<td>Salary Increase</td>
					<td style="text-align:center;">{{ Mgradehistory[2].grade }}</td>
					<td style="text-align:center;">{{ Mgradehistory[3].grade }}</td>
				</tr>
			</table>
		</div>
		<div class="col-md-8">
			<table class="table table-bordered" style="min-height: 200px;">
				<tr>
					<th class="bold-center bluehead" rowspan="2">Leave Record</th>
					<th class="bold-center bluehead">Private Leave</th>
					<th class="bold-center bluehead">Sick</th>
					<th class="bold-center bluehead">Absence</th>
					<th class="bold-center bluehead">Suspended</th>
					<th class="bold-center bluehead">Late - Early back</th>
					<th class="bold-center bluehead">Private Over</th>
					<th class="bold-center bluehead">Sick Over</th>
					<th class="bold-center bluehead">Maternity Over</th>
					<th class="bold-center bluehead">Ordination Over</th>
					<th class="bold-center bluehead">Total Day</th>
				</tr>
				<tr>
					<td style="text-align: center;">{{ Mempl_leavesummary.private-0 }}</td>
					<td style="text-align: center;">{{ Mempl_leavesummary.sick-0 }}</td>
					<td style="text-align: center;">{{ Mempl_leavesummary.absence-0 }}</td>
					<td style="text-align: center;">{{ Mempl_leavesummary.suspended-0 }}</td>
					<td style="text-align: center;">{{ (Mempl_leavesummary.late-0) + (Mempl_leavesummary.early_back-0) }}</td>
					<td style="text-align: center;">{{ Mempl_leavesummary.private_over-0 }}</td>
					<td style="text-align: center;">{{ Mempl_leavesummary.sick_over-0 }}</td>
					<td style="text-align: center;">{{ Mempl_leavesummary.maternity_over-0 }}</td>
					<td style="text-align: center;">{{ Mempl_leavesummary.ordination_over-0 }}</td>
					<td style="text-align: center;">
						{{ 
							(Mempl_leavesummary.private-0) +
							(Mempl_leavesummary.sick-0) +
							(Mempl_leavesummary.absence-0) +
							(Mempl_leavesummary.suspended-0) +
							((Mempl_leavesummary.late-0) + (Mempl_leavesummary.early_back-0)) +
							(Mempl_leavesummary.private_over-0) +
							(Mempl_leavesummary.sick_over-0) +
							(Mempl_leavesummary.maternity_over-0) +
							(Mempl_leavesummary.ordination_over-0)
						}}
					</td>
				</tr>
				<tr>
					<th class="bold-center bluehead" rowspan="2">Late</th>
					<th class="bold-center bluehead">Min</th>
					<th class="bold-center bluehead">Times</th>
					<th colspan="8" style="display:none;"></th>
				</tr>
				<tr>
					<td style="text-align: center;">{{ Mempl_leavesummary.late-0 }}</td>
					<td style="text-align: center;">{{ Mempl_leavesummary.late_days-0 }}</td>
					<td colspan="8" style="display:none;"></td>
				</tr>
			</table>
		</div>
	</div>
	<br/>
	<h3>PART II</h3>
	<div class="row">
		<div class="col-md-6">
			<table class="table table-bordered">
				<col width="60%" />
				<col width="20%" />
				<col width="20%" />
				<tr>
					<th class="bold-center bluehead" colspan="3" style="text-align:left;">OVERALL PERFORMANCE RESULT</th>
				</tr>
				<tr>
					<td>Total of 3.1, 3.2 and 3.3</td>
					<td style="text-align: center"><span ng-if="state <=4 || (state >4 && isAppraiser)">{{ sum(ObjectiveAppraisal, 'weight')+'%' }}</span></td>
					<td style="text-align: center"><span ng-if="state <=4 || (state >4 && isAppraiser)">{{ sumResult(ObjectiveAppraisal, 'result') }}</span></td>
				</tr>
			</table>
		</div>
		<div class="col-md-6">
			<table class="table table-bordered">
				<col width="60%" />
				<col width="20%" />
				<col width="20%" />
				<tr>
					<th class="bold-center bluehead" colspan="3" style="text-align:left;">OVERALL COMPENTENCY EVALUATION</th>
				</tr>
				<tr style="height:35px;">
					<td></td>
					<td></td>
					<td></td>
					<!--<td>CKLC</td>
					<td style="text-align: center;"> {{ CKLC.maxscore }} </td>
					<td style="text-align: center;"> {{ CKLC.apsscore }}</td>-->
				</tr>
			</table>
		</div>
		
	</div>
	<br/>
	<table class="table table-bordered">
		<col width="20%" />
		<col width="20%" />
		<col width="20%" />
		<col width="20%" />
		<col width="20%" />
		<tr>
			<th class="bold-center bluehead"></th>
			<th class="bold-center bluehead">Name</th>
			<th class="bold-center bluehead">Signature (Start of the process and date)</th>
			<th class="bold-center bluehead">Signature (Middle of the process and date)</th>
			<th class="bold-center bluehead">Signature (End of the process and date)</th>
		</tr>
		<tr class="more-data-lg">
			<td><strong>Appraisee</strong></td>
			<td>{{ aprraisee_data.fullname }}</td>
			<td>{{ Tapstran_signature[0].apsassessy }} <br/> Date: {{ Tapstran_signature[0].apsassessydate }}</td>
			<td>{{ Tapstran_signature[1].apsassessy }} <br/> Date: {{ Tapstran_signature[1].apsassessydate }}</td>
			<td>{{ Tapstran_signature[2].apsassessy }} <br/> Date: {{ Tapstran_signature[2].apsassessydate }}</td>
		</tr>
		<tr class="more-data-lg">
			<td><strong>Direct Appraiser</strong></td>
			<td>{{ ApproverData.apsapprove1.fullname }}</td>
			<td>{{ Tapstran_signature[0].apsapprove1 }} <br/> Date: {{ Tapstran_signature[0].apsapprove1date }}</td>
			<td>{{ Tapstran_signature[1].apsapprove1 }} <br/> Date: {{ Tapstran_signature[1].apsapprove1date }}</td>
			<td>{{ Tapstran_signature[2].apsapprove1 }} <br/> Date: {{ Tapstran_signature[2].apsapprove1date }}</td>
		</tr>
		<tr class="more-data-lg">
			<td><strong>Project Director <br/>or Director <br/>with functional link</strong></td>
			<td>{{ ApproverData.apsapprove2.fullname }}</td>
			<td>{{ Tapstran_signature[0].apsapprove2 }} <br/> Date: {{ Tapstran_signature[0].apsapprove2date }}</td>
			<td>{{ Tapstran_signature[1].apsapprove2 }} <br/> Date: {{ Tapstran_signature[1].apsapprove2date }}</td>
			<td>{{ Tapstran_signature[2].apsapprove2 }} <br/> Date: {{ Tapstran_signature[2].apsapprove2date }}</td>
		</tr>
		<tr class="more-data-lg">
			<td><strong>Appraiser + 1</strong></td>
			<td>{{ ApproverData.apsapprove3.fullname }}</td>
			<td>{{ Tapstran_signature[0].apsapprove3 }} <br/> Date: {{ Tapstran_signature[0].apsapprove3date }}</td>
			<td>{{ Tapstran_signature[1].apsapprove3 }} <br/> Date: {{ Tapstran_signature[1].apsapprove3date }}</td>
			<td>{{ Tapstran_signature[2].apsapprove3 }} <br/> Date: {{ Tapstran_signature[2].apsapprove3date }}</td>
		</tr>
	</table>
	<br/>
</div>