<!DOCTYPE html>
<%@page contentType="text/html; charset=UTF-8" %>
<%@page import="com.csc.library.utilities.*" %>
<%@page import="com.csc.library.session.DbInquiry" %>
<%@page import="com.csc.library.session.InitialInquiry" %>
<%@page import="com.csc.library.entry.HelpEntry,com.csc.library.system.*,com.csc.library.utilities.*,com.csc.library.components.*"%>
<%@ page import="com.csc.library.authorize.CarDriverAuthen" %>
<%@ page import="com.csc.library.session.InitialEnvironment" %>
<%
UProfile up = null;
if (session != null) {
up = (UProfile) session.getAttribute("userprofile");
}
InitialEnvironment en = new InitialEnvironment("GLOBAL");
CheckNull chk = new CheckNull();
String action = chk.chkNullString(request.getParameter("__action"), "view");
String reqid = chk.chkNullString(request.getParameter("__requestid"), "0");
String mstatus = chk.chkNullString(request.getParameter("mcandidate@status"));
String uploadDir = en.getValue("RECRUIT_UPLOAD-dir");
%>
<html ng-app="RECRUIT">
<head>
<title>Application Form</title>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>
<link rel="stylesheet" type="text/css" href="../CSS/Bootstrap/css/bootstrap.css"/>
<link href="../CSS/font-awesome.min.css" rel="stylesheet" type="text/css"/>
<link href="../JS/jquery-ui-1.11.4.custom/jquery-ui.min.css" rel="stylesheet" type="text/css"/>
<link href="../public/lib/angular-material/angular-material.min.css" rel="stylesheet" type="text/css"/>
<link rel='stylesheet' href='CSS/Recruit.css'/>
<link rel="stylesheet" type="text/css" href="../JS/bootstrap-daterangepicker-master/daterangepicker.css"/>
<script type="text/javascript" src="../JS/jquery-2.1.3.min.js"></script>
<script type="text/javascript" src="../JS/jquery-ui-1.11.4.js"></script>
<script type="text/javascript" src="../JS/jquery-datepicker-language.js"></script>
<script type="text/javascript" src="../CSS/Bootstrap/js/bootstrap.mins.js"></script>
<!-- Include Date Range Picker -->
<script type="text/javascript" src="../JS/bootstrap-daterangepicker-master/moment.min.js"></script>
<script type="text/javascript" src="../JS/bootstrap-daterangepicker-master/daterangepicker.js"></script>
<script type="text/javascript" src='../public/lib/angular/angular.min.js'></script>
<script type="text/javascript" src='../public/lib/angular-resource/angular-resource.min.js'></script>
<script type='text/javascript' src='../public/lib/angular-sanitize/angular-sanitize.min.js'></script>
<script type="text/javascript" src="../public/lib/angular-material/angular-material.js"></script>
<script type="text/javascript" src="../public/lib/angular-animate/angular-animate.js"></script>
<script type="text/javascript" src="../public/lib/angular-aria/angular-aria.js"></script>
<script type="text/javascript" src="../public/lib/angular-messages/angular-messages.js"></script>
<script type='text/javascript' src='../JS/SCREEN.js'></script>
<script type='text/javascript' src="../JS/VIEWCALENDAR.js"></script>
<script type='text/javascript' src="../JS/HOTKEY.js"></script>
<script type="text/javascript" src="../JS/ANGULAR/SCREEN_ANGULAR.js"></script>
<script type='text/javascript' src="../JS/ANGULAR/swaplang.factory.js"></script>
<script type='text/javascript' src='../JS/urljobboard.js'></script>
<script type='text/javascript' src='js/Candidate/Module.Controller.js'></script>
<script type='text/javascript' src='js/services.js'></script>
<script type='text/javascript' src='js/Candidate/Candidate.Controller.js'></script>
<script type='text/javascript'>
setLang('<%=up.get("lang")%>');
$(function () {
});
</script>
</head>
<body ng-controller='Candidate' ng-cloak >
<div ng-hide="isReady" layout="row" layout-sm="column" layout-align="space-around">
<md-progress-circular md-mode="indeterminate"></md-progress-circular>
</div>
<div ng-show="isReady && showConfirm">
<md-card>
<md-card-content>
<div class="row">
<div class="col-xs-12 text-center">
<h3 class="control-label">การปรับตำแหน่งเสร็จสิ้น ?</h3>
</div>
</div>
<div class="row">
<div class="col-xs-6 text-right">
<md-button class="md-raised md-primary md-button" ng-click="moveToHistory()">
เสร็จสิ้น
</md-button>
</div>
<div class="col-xs-6">
<md-button class="md-raised md-primary md-button" ng-click="showConfirm = false">
แก้ไขอีกครั้ง
</md-button>
</div>
</div>
</md-card-content>
</md-card>
</div>
<form ng-show="isReady && !showConfirm" name="cscform" method="post" action="Candidate.jsp">
<input type="hidden" name="__cmd">
<input type="hidden" name="__candidateid">
<input type="hidden" name="__employeeid">
<input type="hidden" name="__action" value="<%=action%>">
<input type="hidden" name="__requestid" value="<%=reqid%>">
<input type="hidden" name="__page" value="candidate">
<input type="hidden" name="__uploadDir" value="<%=uploadDir%>">
<md-sidenav class="md-sidenav-right" md-component-id="left"
md-disable-backdrop md-whiteframe="4">
<md-toolbar class="md-theme-indigo">
<div class="md-toolbar-tools">
<h2><%=up.get("lang").equalsIgnoreCase("tha")?"ค้นหาขั้นสูง":"Advance Search"%></h2>
<span flex></span>
<md-button class="md-icon-button" ng-click="toggleLeft()">
<i class="fa fa-remove fa-2x"></i>
</md-button>
</div>
</md-toolbar>
<md-content layout-margin>
<%--jobs--%>
<div class="form-group">
<label class="control-label col-xs-12">
<swaplang code="SW012911">Job</swaplang>
</label>
<div class="col-xs-12">
<select class="form-control" ng-model="conditions.filter.jobid">
<option value=""></option>
<option ng-repeat="job in jobs | filter: {jobid : jobid}" value="{{job.jobid}}">{{job['jobdesc_'+lang]}}</option>
</select>
</div>
</div>
<%--show all--%>
<div class="form-group">
<label class="control-label col-xs-12">
<swaplang code="SW007025">qualified</swaplang>
</label>
<div class="col-xs-12 checkbox">
<md-checkbox ng-model="conditions.filter.status.qualified" ng-true-value="true" ng-false-value="''">
<swaplang code="SW013048">Qualified</swaplang>
</md-checkbox>
<md-checkbox ng-model="conditions.filter.status.unqualified" ng-true-value="false" ng-false-value="''">
<swaplang code="SW013049">Unqualified</swaplang>
</md-checkbox>
</div>
</div>
<%--date--%>
<div class="form-group">
<label class="control-label col-xs-12">
<swaplang code="SW001033">Date</swaplang>
</label>
<div class="col-xs-12">
<input class="form-control" name="dateFilter" type="text">
</div>
</div>
<%--Clear filter--%>
<div class="form-group">
<div class="col-xs-12 col-sm-12 text-center">
<md-button class="md-raised md-primary md-button" ng-click="initCondition()">
<swaplang code="SW013047">Clear</swaplang>
</md-button>
</div>
</div>
</md-content>
</md-sidenav>
<div class="md-toolbar-tools">
<div class="col-xs-3">
<input type="text" class="form-control col-xs-2 autocomplete" placeholder="<%=up.get("lang").equalsIgnoreCase("tha")?"ค้นหา":"Search"%>" ng-model="conditions.filter.all">
</div>
<div class="col-xs-4">
<div class="input-group">
<span class="input-group-addon" swlang code='SW012404'>Order By</span>
<select class="form-control" ng-model="conditions.orderBy">
<option value=""></option>
<option value="candidateid" swlang code='SW013267'>Candidate ID</option>
<option value="applicantdate" swlang code='SW006951'>Apply Date</option>
<option ng-if="lang == 'tha'" value="personal.fname['tha']" swlang code='SW000195'>TH</option>
<option ng-if="lang == 'eng'" value="personal.fname['eng']" swlang code='SW000195'>ENG</option>
</select>
<span class="input-group-addon" ng-show="conditions.sort === '' && conditions.orderBy !== ''" ng-click="conditions.sort = '-'">
<i class="fa fa-sort-amount-asc"></i>
</span>
<span class="input-group-addon" ng-show="conditions.sort === '-' && conditions.orderBy !== ''" ng-click="conditions.sort = ''">
<i class="fa fa-sort-amount-desc"></i>
</span>
</div>
</div>
<span flex></span>
<%--<md-button class="md-icon-button" ng-click="toggleLeft()">--%>
<%--<i class="fa fa-cog fa-2x"></i>--%>
<%--</md-button>--%>
</div>
<div class="col-xs-12 non-padding">
<md-card>
<md-card-content>
<label class="control-label">
{{(candidates | filter:conditions.filter.all | filter:filterQualified | filter : {jobid : conditions.filter.jobid} : conditions.filter.jobid != '' | filter : {jobid : conditions.filter.jobid} :
conditions.filter.jobid != '' | filter : filterDate).length}}
<swaplang code="SW011610">Item</swaplang>
</label>
</md-card-content>
</md-card>
</div>
<input class="inputMailFile" name="__emailFile" type="text" style="display: none">
<div class="col-xs-12 col-sm-6 non-padding"
ng-repeat="app in candidates | filter:conditions.filter.all | filter:filterQualified | filter : {jobid : conditions.filter.jobid} : conditions.filter.jobid != '' | filter : filterDate | orderBy : ['-qualified', conditions.sort + conditions.orderBy]">
<%-- <md-card ng-click="goPages(app.applicantid)" class="cardHover"> --%>
<input class="inputFileName" name="__committee-{{app.candidateid}}-{{com.employeeid}}" type="text" style="display: none" ng-repeat="com in app.committee">
<md-card class="cardHover">
<md-card-title>
<md-card-title-text>
<span class="h4"><master-prefix code="{{app.personal.prefixid}}"></master-prefix> {{app.personal.fname[lang]}} <span style="display: inline-block">{{app.personal.lname[lang]}}</span></span>
<span><swaplang code="SW001938">Candidate ID</swaplang> : {{app.candidateid}}</span>
<span><swaplang code="SW007178">Job on seek</swaplang> : <master-jobcode code="{{app.jobid}}"></master-jobcode></span>
<span><swaplang code="SW009321">Phone</swaplang> : {{app.contact.home.number}} | {{app.contact.current.number}}</span>
<span><swaplang code="SW004598">E-mail</swaplang> : {{app.email}}</span>
<span ng-if="app.qualified"><swaplang code="SW000019">Status</swaplang> : <label class="label label-success"><swaplang code="SW000793">Qualified</swaplang></label></span>
<span ng-if="!app.qualified"><swaplang code="SW000019">Status</swaplang> : <label class="label label-danger"><swaplang code="SW000794">UnQualified</swaplang></label></span>
<span ng-if="!app.blacklist.active"><swaplang code="SW013837">Blacklist Status</swaplang> : <label class="label label-success"><swaplang code="SW013838">Non-Blacklisting</swaplang></label></span>
<span ng-if="app.blacklist.active"><swaplang code="SW013837">Status</swaplang> : <label class="label label-danger">{{app.blacklist.detail}}</label></span>
<span ng-if="app.appointment"><swaplang code="SW003415">Appointment</swaplang> : <label class="label label-success"><swaplang code="SW013202">Have an appointment</swaplang></label></span>
<span ng-if="!app.appointment"><swaplang code="SW003415">Appointment</swaplang> : <label class="label label-warning"><swaplang code="SW013203">No appointments</swaplang></label></span>
<span ng-if="(app.committee.length === app.evaluate.length) && app.needEvaluate"><swaplang code="SW012548">Appraisal</swaplang> : <label class="label label-success"><swaplang code="SW000067">Complete</swaplang> ({{app.evaluate.length}} / {{app.committee.length}})</label></span>
<span ng-if="!app.needEvaluate"><swaplang code="SW012548">Appraisal</swaplang> : <label class="label label-success"><swaplang code="SW000067">Complete</swaplang> ( No Evaluate )</label></span>
<span ng-if="!(app.committee.length === app.evaluate.length) && app.needEvaluate"><swaplang code="SW012548">Appraisal</swaplang> : <label class="label label-warning"><swaplang code="SW013204">Unfinished</swaplang> ({{app.evaluate.length}} / {{app.committee.length}})</label></span>
<span>
<swaplang code="SW006670">Candidate Status</swaplang>:
<select ng-change="change_mstatus(this.app.status,app.candidateid)" ng-model="app.status" style="background-color:lightgrey ; font-size: 80%">
<option ng-repeat="n in status" value='{{n.id}}'>{{n.name[lang]}}</option>
</select>
</span>
<span> หมายเหตุ :</span>
<span>
<textarea style="resize: none;" rows="2" ng-model="app.remark" ng-init="editRemark[app.candidateid].state = false" ng-change="editRemark[app.candidateid].state = true"></textarea>
<md-button class="md-icon-button md-raised" aria-label="SaveRemark" ng-if="editRemark[app.candidateid].state" ng-click="updateRemark(app.remark, app.candidateid)">
<md-tooltip md-direction="bottom"><swaplang code="SW012098">Save Remark</swaplang></md-tooltip>
<i class="fa fa-save"></i>
</md-button>
</span>
</md-card-title-text>
<md-card-title-media>
<div class="md-media-lg card-media">
<img class="img-thumbnail" ng-src="{{ app.images }}" width="142" height="142" style="width: 100%;height: 100%">
</div>
</md-card-title-media>
</md-card-title>
<md-card-actions layout="row" layout-align="end center">
<md-button class="md-icon-button md-raised" aria-label="SwitchJob" ng-click='goSwitchJob($event, app)'>
<md-tooltip md-direction="bottom"><swaplang code="SW002296">Switch Job</swaplang> </md-tooltip>
<i class="fa fa-object-ungroup"></i>
</md-button>
<md-button class="md-icon-button md-raised" aria-label="SetCommittee" ng-click='goSetCommittee(app.candidateid)'>
<md-tooltip md-direction="bottom"><swaplang code="SW013303">Setup Committee</swaplang></md-tooltip>
<i class="fa fa-user-circle-o"></i>
</md-button>
<md-button class="md-icon-button md-raised" aria-label="ViewData" ng-click='goPages(app.candidateid)' >
<md-tooltip md-direction="bottom"><swaplang code="SW013669">View Candidate data</swaplang></md-tooltip>
<i class="fa fa-eye"></i>
</md-button>
<md-button class="md-icon-button md-raised" aria-label="Interview" ng-click="appointmentApplicant($event, app)">
<md-tooltip md-direction="bottom"><swaplang code="SW013258">Appointment</swaplang></md-tooltip>
<i class="fa fa-envelope"></i>
</md-button>
<md-button class="md-icon-button md-raised" aria-label="Evaluate" ng-click="evaluate($event, app)">
<md-tooltip md-direction="bottom"><swaplang code="SW013259">Evaluation</swaplang></md-tooltip>
<i class="fa fa-pencil-square-o"></i>
</md-button>
<md-button ng-if="app.internal == '0'" class="md-icon-button md-raised" ng-click="transferToEmployee(app, $event)" aria-label="Transfer">
<md-tooltip md-direction="bottom"><swaplang code="SW013262">Transfer to Employee</swaplang></md-tooltip>
<i class="fa fa-exchange"></i>
</md-button>
<md-button ng-if="app.internal == '1'" class="md-icon-button md-raised" ng-click="goGenerate(app)" aria-label="Transfer" >
<md-tooltip md-direction="bottom"><swaplang code="SW005156">Promote</swaplang></md-tooltip>
<i class="fa fa-exchange"></i>
</md-button>
<md-button class="md-icon-button md-raised" ng-click='disapprove(app, $event)' aria-label="Unqualified">
<md-tooltip md-direction="bottom"><swaplang code="SW013049">Unqualified</swaplang></md-tooltip>
<i class="fa fa-ban"></i>
</md-button>
<md-button class="md-raised md-icon-button" ng-click='openPrint(app.applicantid,"<%=up.get("dbname")%>",app.jobid)' aria-label="Print">
<md-tooltip md-direction="bottom"><swaplang code="SW013265">Print</swaplang></md-tooltip>
<i class="fa fa-print"></i>
</md-button>
<!-- <md-button class="md-raised md-icon-button" ng-click='openTest(app.applicantid,"<%=up.get("dbname")%>",app.jobid)' aria-label="Print">
<md-tooltip md-direction="bottom"><swaplang code="SW013265">Print</swaplang></md-tooltip>
<i class="fa fa-file-text-o"></i>
</md-button> -->
</md-card-actions>
<%--<md-card-actions layout="row" layout-align="end center">--%>
<%--<md-button class="md-button md-raised md-primary" ng-click="transferToEmployee(app, $event)">--%>
<%--<swaplang code="SW006672">Transfer</swaplang>--%>
<%--</md-button>--%>
<%--</md-card-actions>--%>
</md-card>
</div>
</form>
</body>
</html>