<%@page contentType="text/html; charset=UTF-8"%>
<%@ include file="../CHECKPROFILE.jsp" %>
<!DOCTYPE html>
<html ng-app="aps_manager">
<head>
<title>Employee View</title>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<style>
#mainblock{
width:100% !important;
}
a.black {
color: #337ab7 !important;
}
.nav-pills > li.active > a {
background-color:#2999F9 !important;
color:white !important;
}
.container{
padding-left:0px !important;
padding-right:0px !important;
}
</style>
</head>
<body>
<jsp:include page="EMV_HEADMENU.jsp" flush="true" />
<script src="../public/lib/angular-resource/angular-resource.min.js"></script>
<script src="../public/lib/angular-ui-router/release/angular-ui-router.min.js"></script>
<script src="JS/APS_MANAGER/Base.controller.js"></script>
<script src="JS/APS_MANAGER/services.js"></script>
<script src="JS/APS_MANAGER/routes.js"></script>
<script src="JS/APS_MANAGER/config.js"></script>
<script src="JS/APS_MANAGER/MBOList.controller.js"></script>
<script src="JS/APS_MANAGER/CKLCList.controller.js"></script>
<script src="JS/APS_MANAGER/APSList.controller.js"></script>
<script src="JS/APS_MANAGER/apsManager.controller.js"></script>
<script src="JS/APS_MANAGER/mboPeriodSetting.controller.js"></script>
<script src="JS/APP_MBO/Base.controller.js"></script>
<script src="JS/APP_MBO/services.js"></script>
<script src="JS/APP_MBO/Profile.controller.js"></script>
<script src="JS/APP_MBO/ObjectiveSetting.controller.js"></script>
<script src="JS/APP_MBO/ObjectiveFirstHalfReview.controller.js"></script>
<script src="JS/APP_MBO/ObjectiveAppraisal.controller.js"></script>
<script src="JS/APP_MBO/CareerVision.controller.js"></script>
<script src="JS/APP_MBO/MainPage.controller.js"></script>
<script src="JS/APP_CKLC/ModuleCKLC.controller.js"></script>
<script src="JS/APP_CKLC/services.js"></script>
<script src="JS/APP_CKLC/ObjectiveCKLC.controller.js"></script>
<script src="../public/lib/angular-animate/angular-animate.min.js"></script>
<script src="../public/lib/angular-aria/angular-aria.min.js"></script>
<script src="../public/lib/angular-messages/angular-messages.min.js"></script>
<script src="../public/lib/angular-material/angular-material.min.js"></script>
<link rel="stylesheet" type="text/css" href="css/APP_MBO/style.css" />
<link rel="stylesheet" type="text/css" href="../public/lib/angular-material/angular-material.min.css" />
<script type="text/javascript">
function NoDataFound(errcode){
window.location.href="CONTROLERR.jsp?errcode="+errcode;
}
</script>
<section ng-controller="apsManager">
<div class="container" id="mainblock">
<section layout="row" flex="" style="min-height:950px;" >
<md-sidenav class="md-sidenav-left md-whiteframe-z2" md-component-id="left" md-is-locked-open="lockLeft && $mdMedia('gt-md')">
<md-content layout-padding="">
<md-button ng-click="close()" class="md-primary" hide-gt-md="">
Hide Menu
</md-button>
<ul class="nav nav-pills nav-stacked" style="padding-top:30px;">
<li>
<a data-toggle="collapse" data-target="#drilldown-1" class="black">Self Appraisal</a>
<div style="padding-left:10px;">
<ul id="drilldown-1" class="nav nav-pills nav-stacked collapse">
<li ui-sref-active="active" class="active"><a ui-sref="mbo.profile({apsyear:apsyear , employeeid: userdata.employeeid})" class="black">MBO</a></li>
<li ui-sref-active="active" class="active"><a ui-sref="cklc({employeeid: userdata.employeeid})" class="black">CKLC</a></li>
</ul>
</div>
</li>
<li>
<a data-toggle="collapse" data-target="#drilldown-2" class="black">Subordinate Appraisal</a>
<div style="padding-left:10px;">
<ul id="drilldown-2" class="nav nav-pills nav-stacked collapse">
<li ui-sref-active="active" class="active"><a ui-sref="under" class="black">MBO</a></li>
<li ui-sref-active="active" class="active"><a ui-sref="cklclist({employeeid : userdata.employeeid})" class="black">CKLC</a></li>
<li ui-sref-active="active" class="active"><a ui-sref="apslist({ aps_type: 'PAE' })" class="black">Performance Appraisal (Supervisor / Section Chief / Leader / Staff / Engineer)</a></li>
<li ui-sref-active="active" class="active"><a ui-sref="apslist({ aps_type: 'PAT' })" class="black">Performance Appraisal (Below Leader)</a></li>
<li><a href="APP_PAT_ADMIN.jsp" class="black">Performance Appraisal (Below Leader By Admin)</a></li>
</ul>
</div>
</li>
<!-- <li ui-sref-active="active" class="active">
<a ui-sref="mboPeriodSetting" class="black">เปิด-ปิด MBO period</a>
</li> -->
</ul>
</md-content>
</md-sidenav>
<md-content flex="" layout-padding="">
<!-- <div layout="column" layout-fill="" layout-align="top left" style="height:10px;"> -->
<!-- <div>
<md-button ng-click="toggleLeft()" class="md-primary">
Toggle left
</md-button>
</div> -->
<i class="fa fa-bars" ng-click="lockLeft=!lockLeft" hide-md="" show-gt-md=""> <span style="font-size:16px;">{{ lockLeft ? 'Hide Menu' : 'Show Menu' }}</span></i>
<i class="fa fa-bars" ng-click="toggleLeft()" hide-gt-md=""> <span style="font-size:16px;">Show Menu</span></i>
<!-- <div>
<md-button ng-click="lockLeft=!lockLeft">{{ lockLeft ? 'Unlock' : 'Lock' }} Sidenav Left</md-button>
</div> -->
<!-- </div> -->
<div ui-view=""></div>
</md-content>
</section>
</div><!-- end div container -->
</section>
</body>
</html>