<div id="objective_appraisal"> <fieldset ng-disabled=" (!(state == 3 && isAppraisee) || dateNow > TapsstateList[3].dateend) && (!(state == 4 && approverLevel == 1) || dateNow > TapsstateList[4].dateend) && (!(state == 5 && approverLevel == 2) || dateNow > TapsstateList[5].dateend) "> <form name="myForm"> <br/> <div class="row" ng-show="isApsyear2016"> <div class="col-md-12" ><strong>3.0 Global basic condition:</strong> {{ global_basic_condition }}</div> </div> <br/> <div class="row"> <div class="col-md-12" ><strong>3.{{ kpi_category_name[0].tdesc }}</strong></div> </div> <table class="table table-bordered" style="width: inherit;"> <col width="15%" /> <col width="18%" /> <col width="7%" /> <col width="7%" /> <col width="26%" /> <col width="27%" /> <tr> <th class="bold-center bluehead">BU/Region<br>/Function</th> <th class="bold-center bluehead">OBJECTIVES</th> <th class="bold-center bluehead" style="min-width: 110px;">Weight</th> <th class="bold-center bluehead">Result</th> <th class="bold-center bluehead">Appraisee Comment</th> <th class="bold-center bluehead">Appraiser Comment</th> </tr> <tr ng-repeat="item in ObjectiveAppraisal | filter:{kpi_category:kpi_category_name[0].kcatid}" class="more-data-sm"> <td>{{ item.bu }}</td> <td>{{ item.obj }}</td> <td style="text-align:center;">{{ item.weight+'%' }}</td> <td style="text-align:center;"> <!-- <select ng-model="item.result" ng-disabled="!isAppraiser" ng-if="state == 4 && isAppraiser || state > 4 "> --> <select ng-model="item.result" ng-disabled="!(isAppraiser || isAppraisee)" ng-if="state <=4 || (state >4 && isAppraiser)"> <option value="0.00">0.00</option> <option ng-if="isApsyear2016" value="0.50">0.50</option> <option ng-if="isApsyear2016" value="0.60">0.60</option> <option ng-if="isApsyear2016" value="0.70">0.70</option> <option ng-if="isApsyear2016" value="0.80">0.80</option> <option ng-if="isApsyear2016" value="0.90">0.90</option> <option value="1.00">1.00</option> </select> </td> <td><textarea class="text-md" ng-model="item.LastAppraiseeComment" ng-disabled="!isAppraisee"></textarea></td> <!-- <td><textarea class="text-md" ng-model="item.LastAppraiserComment" ng-disabled="!isAppraiser" ng-if="state == 4 && isAppraiser || state > 4 "></textarea></td> --> <td><textarea class="text-md" ng-model="item.LastAppraiserComment" ng-disabled="!isAppraiser" ng-if="state <=4 || (state >4 && isAppraiser)"></textarea></td> </tr> </table> <div class="row"> <div class="col-md-12" ><strong>3.{{ kpi_category_name[1].tdesc }}</strong></div> </div> <table class="table table-bordered" style="width: inherit;"> <col width="15%" /> <col width="18%" /> <col width="7%" /> <col width="7%" /> <col width="26%" /> <col width="27%" /> <tr> <th class="bold-center bluehead">BU/Region<br>/Function</th> <th class="bold-center bluehead">OBJECTIVES</th> <th class="bold-center bluehead" style="min-width: 110px;">Weight</th> <th class="bold-center bluehead">Result</th> <th class="bold-center bluehead">Appraisee Comment</th> <th class="bold-center bluehead">Appraiser Comment</th> </tr> <tr ng-repeat="item in ObjectiveAppraisal | filter:{kpi_category:kpi_category_name[1].kcatid}" class="more-data-sm"> <td>{{ item.bu }}</td> <td>{{ item.obj }}</td> <td style="text-align:center;">{{ item.weight+'%' }}</td> <td style="text-align:center;"> <!-- <select ng-model="item.result" ng-disabled="!isAppraiser" ng-if="state == 4 && isAppraiser || state > 4 "> --> <select ng-model="item.result" ng-disabled="!(isAppraiser || isAppraisee)" ng-if="state <=4 || (state >4 && isAppraiser)"> <option value="0.00">0.00</option> <option ng-if="isApsyear2016" value="0.50">0.50</option> <option ng-if="isApsyear2016" value="0.60">0.60</option> <option ng-if="isApsyear2016" value="0.70">0.70</option> <option ng-if="isApsyear2016" value="0.80">0.80</option> <option ng-if="isApsyear2016" value="0.90">0.90</option> <option value="1.00">1.00</option> </select> </td> <td><textarea class="text-md" ng-model="item.LastAppraiseeComment" ng-disabled="!isAppraisee"></textarea></td> <!-- <td><textarea class="text-md" ng-model="item.LastAppraiserComment" ng-disabled="!isAppraiser" ng-if="state == 4 && isAppraiser || state > 4 "></textarea></td> --> <td><textarea class="text-md" ng-model="item.LastAppraiserComment" ng-disabled="!isAppraiser" ng-if="state <=4 || (state >4 && isAppraiser)"></textarea></td> </tr> <tr ng-if="!isApsyear2016" ng-repeat="item in ObjectiveAppraisal | filter:{kpi_category:kpi_category_name[2].kcatid}" class="more-data-sm"> <td>{{ item.bu }}</td> <td>{{ item.obj }}</td> <td style="text-align:center;">{{ item.weight+'%' }}</td> <td style="text-align:center;"> <!-- <select ng-model="item.result" ng-disabled="!isAppraiser" ng-if="state == 4 && isAppraiser || state > 4 "> --> <select ng-model="item.result" ng-disabled="!(isAppraiser || isAppraisee)" ng-if="state <=4 || (state >4 && isAppraiser)"> <option value="0.00">0.00</option> <option ng-if="isApsyear2016" value="0.50">0.50</option> <option ng-if="isApsyear2016" value="0.60">0.60</option> <option ng-if="isApsyear2016" value="0.70">0.70</option> <option ng-if="isApsyear2016" value="0.80">0.80</option> <option ng-if="isApsyear2016" value="0.90">0.90</option> <option value="1.00">1.00</option> </select> </td> <td><textarea class="text-md" ng-model="item.LastAppraiseeComment" ng-disabled="!isAppraisee"></textarea></td> <!-- <td><textarea class="text-md" ng-model="item.LastAppraiserComment" ng-disabled="!isAppraiser" ng-if="state == 4 && isAppraiser || state > 4 "></textarea></td> --> <td><textarea class="text-md" ng-model="item.LastAppraiserComment" ng-disabled="!isAppraiser" ng-if="state <=4 || (state >4 && isAppraiser)"></textarea></td> </tr> </table> <div ng-if="isApsyear2016" class="row"> <div class="col-md-12" ><strong>3.{{ kpi_category_name[2].tdesc }}</strong></div> </div> <table ng-if="isApsyear2016" class="table table-bordered" style="width: inherit;"> <col width="15%" /> <col width="18%" /> <col width="7%" /> <col width="7%" /> <col width="26%" /> <col width="27%" /> <tr> <th class="bold-center bluehead">BU/Region<br>/Function</th> <th class="bold-center bluehead">OBJECTIVES</th> <th class="bold-center bluehead" style="min-width: 110px;">Weight</th> <th class="bold-center bluehead">Result</th> <th class="bold-center bluehead">Appraisee Comment</th> <th class="bold-center bluehead">Appraiser Comment</th> </tr> <tr ng-repeat="item in ObjectiveAppraisal | filter:{kpi_category:kpi_category_name[2].kcatid}" class="more-data-sm"> <td>{{ item.bu }}</td> <td>{{ item.obj }}</td> <td style="text-align:center;">{{ item.weight+'%' }}</td> <td style="text-align:center;"> <!-- <select ng-model="item.result" ng-disabled="!isAppraiser" ng-if="state == 4 && isAppraiser || state > 4 "> --> <select ng-model="item.result" ng-disabled="!(isAppraiser || isAppraisee)" ng-if="state <=4 || (state >4 && isAppraiser)"> <option value="0.00">0.00</option> <option ng-if="isApsyear2016" value="0.50">0.50</option> <option ng-if="isApsyear2016" value="0.60">0.60</option> <option ng-if="isApsyear2016" value="0.70">0.70</option> <option ng-if="isApsyear2016" value="0.80">0.80</option> <option ng-if="isApsyear2016" value="0.90">0.90</option> <option value="1.00">1.00</option> </select> </td> <td><textarea class="text-md" ng-model="item.LastAppraiseeComment" ng-disabled="!isAppraisee"></textarea></td> <!-- <td><textarea class="text-md" ng-model="item.LastAppraiserComment" ng-disabled="!isAppraiser" ng-if="state == 4 && isAppraiser || state > 4 "></textarea></td> --> <td><textarea class="text-md" ng-model="item.LastAppraiserComment" ng-disabled="!isAppraiser" ng-if="state <=4 || (state >4 && isAppraiser)"></textarea></td> </tr> </table> <div class="row"> <div class="col-md-12" ><strong>Total</strong></div> </div> <table class="table table-bordered" style="width: 50%;"> <col width="60%" /> <col width="20%" /> <col width="20%" /> <tr> <th class="bold-center bluehead">Total</th> <th class="bold-center bluehead">Weight</th> <th class="bold-center bluehead">Overall</th> </tr> <tr class="more-data-sm"> <td style="text-align:center;"><span ng-if="isApsyear2016">Total of 3.1, 3.2, and 3.3</span><span ng-if="!isApsyear2016">Total of 1 and 2</span></td> <td style="text-align:center;">{{ sum(ObjectiveAppraisal, 'weight')+'%' }}</td> <td style="text-align:center;">{{ sumResult(ObjectiveAppraisal, 'result') }}</td> </tr> </table> <div class="row"> <div class="col-md-12" > <strong>3.5 Other relevant Performance Factors (optional)</strong><br/> • (Use 3.5 if a condition or changed work responsibility that occurs was not planned at the beginning of the fiscal year)<br/> <textarea style="width:100%;height:150px;" ng-model="YearEndComment.mbo_performance_factors" ng-disabled="!isAppraisee"></textarea> </div> </div> <br/> <div class="row"> <div class="col-md-12" > <strong>3.6 General comment (optional)</strong><br/> <span ng-if="state <=4 || (state >4 && isAppraiser)">• Appraiser's view of the appraisee's performance with regards the achievement of objectives<br/></span> <!-- <textarea style="width:100%;height:150px;" ng-model="YearEndComment.mbo_year_end_appraiser_general_comment" ng-if="state == 4 && isAppraiser || state > 4 " ng-disabled="!isAppraiser"></textarea><br/> --> <textarea style="width:100%;height:150px;" ng-model="YearEndComment.mbo_year_end_appraiser_general_comment" ng-if="state <=4 || (state >4 && isAppraiser)" ng-disabled="!isAppraiser"></textarea> <span ng-if="state <=4 || (state >4 && isAppraiser)"><br/></span> • Appraisee's comment<br/> <textarea style="width:100%;height:150px;" ng-model="YearEndComment.mbo_year_end_appraisee_general_comment" ng-disabled="!isAppraisee"></textarea> </div> </div> <br/> <div class="row"> <div class="col-md-12" style="text-align:center;"> <button type="button" class="btn btn-primary" ng-if="(state == 3 && isAppraisee) || (state == 4 && approverLevel == 1) || (state == 5 && approverLevel == 2)" ng-click="save()">Save Draft</button> </div> </div> <br/> </form> </fieldset> </div>