<!DOCTYPE html> <%@page contentType="text/html; charset=UTF-8" %> <%@page import="com.csc.library.utilities.*" %> <% UProfile up = null; if (session != null) { up = (UProfile) session.getAttribute("userprofile"); } CheckNull chk = new CheckNull(); String applicantid = chk.chkNullString(request.getParameter("__applicantid"), "0"); String candidateid = chk.chkNullString(request.getParameter("__candidateid"), "0"); String jobid = chk.chkNullString(request.getParameter("__jobid"), ""); String action = chk.chkNullString(request.getParameter("__action"), "fillform"); String dropresume = chk.chkNullString(request.getParameter("__dropresume"), ""); String internal = chk.chkNullString(request.getParameter("__internal"), ""); String reqid = chk.chkNullString(request.getParameter("__requestid"), ""); FileDownloadUtils downloadutils = new FileDownloadUtils("RECRUIT_UPLOAD", "dir", "cutter", "PICTURE"); downloadutils.setDefaultFileName("DEFAULTPERSON.jpg"); String path = downloadutils.getViewURL(); String[] strPath = path.split("cutter"); %> <html ng-app="RECRUIT"> <head> <title>Application Form</title> <meta http-equiv="Content-Type" name="viewport" content="width=device-width, initial-scale=1" 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' href='../JS/AngularTools/JobRouter/JobRouter.css'/> <script type='text/javascript' src='../JS/SCREEN.js'></script> <script type='text/javascript' src="../JS/HOTKEY.js"></script> <script type='text/javascript' src='../JS/urljobboard.js'></script> <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> <script type="text/javascript" src="../JS/CLASS/FormApplicant.Class.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="../public/lib/chart.js/dist/Chart.min.js"></script> <script type="text/javascript" src="../public/lib/angular-chart.js/dist/angular-chart.min.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='../EXAM/JS/config.js'></script> <script type='text/javascript' src='../EXAM/JS/CLASS/Question.Class.js'></script> <script type='text/javascript' src='../JS/AngularTools/JobRouter/RootServices.services.js'></script> <script type='text/javascript' src='../JS/AngularTools/JobRouter/JobRouter.Module.js'></script> <script type='text/javascript' src='../JS/AngularTools/JobRouter/JobRouter.Controller.js'></script> <script type='text/javascript' src='../JS/AngularTools/JobRouter/PreviewExam.Controller.js'></script> <script type='text/javascript' src='../JS/AngularTools/JobRouter/exam/PreviewQuestion.Controller.js'></script> <script type='text/javascript' src='../JS/AngularTools/JobRouter/exam/QuestionUtility.Controller.js'></script> <script type='text/javascript' src='js/FillFormApplicant/Module.Controller.js'></script> <script type='text/javascript' src='js/services.js'></script> <script type='text/javascript' src='js/FillFormApplicant/FillFormApplicant.Controller.js'></script> <script type='text/javascript'> setLang('<%=up.get("lang")%>'); $(function () { let applicantid = '<%=applicantid%>' let candidateid = '<%=candidateid%>' let action = '<%=action%>' let reqid = '<%=reqid%>' let jobid = '<%=jobid%>' let dropresume = '<%=dropresume%>' let internal = '<%=internal%>' let employeeid = '<%=up.get("employeeid")%>' let scope = angular.element($('form[name="cscform"]')).scope(); scope.$apply(function () { scope.action = action scope.reqid = reqid scope.jobid = jobid scope.internal = internal scope.isReady = action === 'fillform' if (candidateid !== '0') { scope.queryCandidate(candidateid); } else if (applicantid !== '0') { scope.queryApplicant(applicantid); } else if (!!dropresume) { let obj = { result: JSON.parse(dropresume) } scope.query(obj) } else if (internal) { scope.queryInternal(employeeid) } }); }); function openCareer(refereepositionid) { with (document.cscform) { let fix_con = ""; let ref1 = " "; if (__referee1position_desc.value != "") { ref1 = __request1positionid.value; fix_con = "REQUESTID NOT IN('" + ref1 + "')"; } window.open("../EMPVIEW/REC610HELP.jsp?refereepositionid=" + refereepositionid + "&__fixCon=" + fix_con, "Help", "left=50,top=50,width=1100,height=600,toolbar=no,status=yes,scrollbars=yes,resizable=yes"); } } </script> </head> <body ng-controller='FillFormApplicant'> <div ng-hide="isReady" layout="row" layout-sm="column" layout-align="space-around"> <md-progress-circular md-mode="indeterminate"></md-progress-circular> </div> <form ng-show="isReady" id="myform" name="cscform" method="post" action="FillFormApplicant.jsp"> <input type="hidden" name="__requestid" value="<%=reqid%>"> <input type="text" style="display: none" name="__request1positionid" ng-model="clsFormApplicant.formApplicant.requestid"> <input type="hidden" name="__cmd"> <br> <div class="container-fluid"> <div class="header-panel-csc text-right panel-heading"> <span swlang code="SW013414">Form Applicant</span> </div> <div class="panel-body body-panel-csc"> <div ng-cloak ng-if="clsFormApplicant.formApplicant.jobrouter.length > 0"> <md-content> <div class="md-toolbar-tools" data-toggle="collapse" data-target="#recRouter" style="background-color: #0072C6;color: #ffffff;" ng-click="stateRouter = !stateRouter"> <h2> <span><swaplang code="SW013266">Recruitment Router</swaplang></span> </h2> <span flex></span> <i class="fa fa-caret-up fa-2x" ng-show="stateRouter"></i> <i class="fa fa-caret-down fa-2x" ng-show="!stateRouter"></i> </div> <div class="collapse" id="recRouter"> <br> <job-router router='clsFormApplicant.formApplicant.jobrouter' appid='clsFormApplicant.formApplicant.applicantid'></job-router> </div> </md-content> <br> </div> <div ng-clock> <md-content> <md-card> <md-card-content> <div class="text-center"> <img class="img-thumbnail" src="<%=strPath[0]%>{{clsFormApplicant.formApplicant.personal.imgname}}<%=strPath[1]%>" name="employeePic" style="width: 152px;height: 152px"> <input ng-required="true && enableValidate" name="__picture" type="text" style="display: none" ng-model="clsFormApplicant.formApplicant.personal.imgname"> <div ng-if="action == 'fillform'"> <md-button class="md-icon-button md-primary" ng-click="uploadProfile('__picture','PICTURE')" aria-label="btnUpload"> <i class="fa fa-upload fa-2x"></i> </md-button> <md-button class="md-icon-button md-primary" ng-click="deleteFile('__picture')" aria-label="btnClearUpload"> <i class="fa fa-trash-o fa-2x"></i> </md-button> </div> </div> <br> <div class="form-horizontal"> <div class="form-group"> <label class="control-label col-xs-12 col-sm-2"> <swaplang code="SW012970">Job title</swaplang> </label> <div class="col-xs-12 col-sm-10"> <input ng-required="true && enableValidate" name="__referee1positionid" type="text" style="display: none" ng-model="clsFormApplicant.formApplicant.jobid"> <div ng-class="{'input-group' : clsFormApplicant.formApplicant.applicantid == '0'}"> <input class="form-control" name="__referee1position_desc" id="__referee1position_desc" type="text" readonly="readonly" style="width: 100%"> <a ng-if="clsFormApplicant.formApplicant.applicantid == '0'" class="input-group-addon" href="javascript:openCareer('__referee1positionid');"> <i class="fa fa-search"></i> </a> </div> </div> </div> <div class="form-group"> <label class="control-label col-xs-12 col-sm-2"> <swaplang code="SW002162">Expected salary</swaplang> </label> <div class="col-xs-12 col-sm-10"> <input ng-required="true && enableValidate" onkeypress="chkInteger()" type="text" class="form-control" ng-model="clsFormApplicant.formApplicant.salary_expect" ng-readonly="action != 'fillform'"> </div> </div> <div class="form-group"> <label class="control-label col-xs-12 col-sm-2"> <swaplang code="SW002163">Expected Start date</swaplang> </label> <div class="col-xs-12 col-sm-10"> <input type="date" class="form-control" ng-model="clsFormApplicant.formApplicant.personal.dateavailable" ng-readonly="action != 'fillform'"> </div> </div> </div> </md-card-content> </md-card> </md-content> </div> <br> <div ng-cloak> <md-content> <ul class="nav nav-tabs nav-justified"> <li class="active"><a data-toggle="tab" href="#tabPersonal" ng-if="confApp.personal.active == '1'">{{tabNames.personal}}</a></li> <li><a data-toggle="tab" href="#tabContact" ng-click="(action != 'fillform')? viewDistrict() : ''" ng-if="confApp.contact.active == '1'">{{tabNames.contact}}</a></li> <li><a data-toggle="tab" href="#tabFamily" ng-if="confApp.family.active == '1'">{{tabNames.family}}</a></li> <li><a data-toggle="tab" href="#tabEducation" ng-if="confApp.education.active == '1'">{{tabNames.education}}</a></li> <li><a data-toggle="tab" href="#tabJobExp" ng-if="confApp.jobexp.active == '1'">{{tabNames.jobexp}}</a></li> <li><a data-toggle="tab" href="#tabSkills" ng-if="confApp.skill.active == '1'">{{tabNames.skills}}</a></li> <li><a data-toggle="tab" href="#tabOther" ng-if="confApp.other.active == '1'">{{tabNames.other}}</a></li> <li><a data-toggle="tab" href="#tabFiles" >{{tabNames.files}}</a></li> </ul> <div class="tab-content"> <div id="tabPersonal" class="tab-pane fade in active"> <div ng-include="'HTML/FillFormApplicant/TABPERSONAL.html'"></div> </div> <div id="tabContact" class="tab-pane fade"> <div ng-include="'HTML/FillFormApplicant/TABCONTACT.html'"></div> </div> <div id="tabFamily" class="tab-pane fade"> <div ng-include="'HTML/FillFormApplicant/TABFAMILY.html'"></div> </div> <div id="tabEducation" class="tab-pane fade"> <div ng-include="'HTML/FillFormApplicant/TABEDUCATION.html'"></div> </div> <div id="tabJobExp" class="tab-pane fade"> <div ng-include="'HTML/FillFormApplicant/TABJOBEXPR.html'"></div> </div> <div id="tabSkills" class="tab-pane fade"> <div ng-include="'HTML/FillFormApplicant/TABSKILLS.html'"></div> </div> <div id="tabOther" class="tab-pane fade"> <div ng-include="'HTML/FillFormApplicant/TABOTHER.html'"></div> </div> <div id="tabFiles" class="tab-pane fade"> <div ng-include="'HTML/FillFormApplicant/TABFILES.html'"></div> </div> </div> <%--<md-tabs md-stretch-tabs="always" md-dynamic-height md-border-bottom md-selected="selectIndex">--%> <%--<md-tab label="{{tabNames.personal}}" ng-if="confApp.personal.active == '1'">--%> <%--<div ng-include="'HTML/FillFormApplicant/TABPERSONAL.html'"></div>--%> <%--</md-tab>--%> <%--<md-tab label="{{tabNames.contact}}" ng-if="confApp.contact.active == '1'" md-on-select="(action != 'fillform')? viewDistrict() : ''">--%> <%--<div ng-include="'HTML/FillFormApplicant/TABCONTACT.html'"></div>--%> <%--</md-tab>--%> <%--<md-tab label="{{tabNames.family}}" ng-if="confApp.family.active == '1'">--%> <%--<div ng-include="'HTML/FillFormApplicant/TABFAMILY.html'"></div>--%> <%--</md-tab>--%> <%--<md-tab label="{{tabNames.education}}" ng-if="confApp.education.active == '1'">--%> <%--<div ng-include="'HTML/FillFormApplicant/TABEDUCATION.html'"></div>--%> <%--</md-tab>--%> <%--<md-tab label="{{tabNames.jobexp}}" ng-if="confApp.jobexp.active == '1'">--%> <%--<div ng-include="'HTML/FillFormApplicant/TABJOBEXPR.html'"></div>--%> <%--</md-tab>--%> <%--<md-tab label="{{tabNames.skills}}" ng-if="confApp.skill.active == '1'">--%> <%--<div ng-include="'HTML/FillFormApplicant/TABSKILLS.html'"></div>--%> <%--</md-tab>--%> <%--<md-tab label="{{tabNames.other}}" ng-if="confApp.other.active == '1'">--%> <%--<div ng-include="'HTML/FillFormApplicant/TABOTHER.html'"></div>--%> <%--</md-tab>--%> <%--</md-tabs>--%> </md-content> </div> <br> <div ng-cloak ng-if="action != 'view'"> <md-content> <md-card> <md-card-content class="text-center"> <md-button ng-if="action == 'fillform'" class="md-raised md-primary md-button" ng-click="saveApplicant()"> <swaplang code="SW012098">Save</swaplang> </md-button> <md-button ng-if="action == 'candidate'" class="md-raised md-primary md-button" ng-click="approveCandidate()"> <swaplang code="SW012942">Approve to candidate</swaplang> </md-button> </md-card-content> </md-card> </md-content> </div> </div> <div class="panel-footer footer-panel-csc"></div> </div> </form> </body> </html>