UNPKG

unserver-unify

Version:

903 lines (902 loc) 38 kB
<div ng-controller="MyResumeCtrl as ctrl"> <div class="tag-box"> <div class="profile-body no-padding"> <div class="profile_btn"> <a class="btn btn-warning btn-sm" data-toggle="tab" ng-click="profile()" ng-if="ctrl.showTab=='editProfile'" translate=""> Back </a> <a class="btn btn-u btn-sm" data-toggle="tab" ng-click="editProfile()" ng-if="ctrl.showTab=='profile'" translate=""> Edit </a> </div> <div ng-if="ctrl.showTab=='profile'"> <div class="clearfix"> </div> <div class="white-bg margin-bottom-40"> <div class="col-lg-12"> <div class="myspace_hed" translate=""> Introduction </div> <div class="margin-bottom-40"> </div> <div class="form-horizontal"> <div class="form-group"> <div class="row"> <div class="col-md-3"> <div class="relative" ng-controller="MyProfileCtrl as ctrl"> <div class="profil_pic"> <img ng-src="{{ctrl.imagePicUrl + user.id+'/'+user.avatar}}"/> <button class="btn btn-info btn-block" style="pointer-events: none;" translate=""> My Photo </button> </div> </div> <div class="relative"> <div class="profil_pic"> <a class="video_thumb" ng-click="ctrl.showVideoResume()" ng-if="ctrl.tmpResume.video" style="cursor: pointer;"> <i class="fa fa-play"> </i> </a> <button class="btn btn-info btn-block" style="pointer-events: none;" translate=""> My Video </button> </div> <div class="margin-bottom-10"> </div> <a class="btn btn-info full-width" ng-click="ctrl.previewCV(ctrl.tmpResume.file)" ng-if="ctrl.detectedFileType"> <i class="fa fa-file-pdf-o"> </i> {{'My Resume'| translate}} </a> </div> </div> <div class="col-md-9"> <label class="control-label col-md-12" style="text-align: left;" translate=""> {{'Brief'| translate}} </label> <div class="col-md-12" ng-if="ctrl.tmpResume.brief" style="padding-top: 7px"> {{ctrl.tmpResume.brief}} </div> <label class="control-label col-md-12" style="text-align: left;" translate=""> {{'Cover Info'| translate}} </label> <div class="col-md-12 blackinner" ng-bind-html="ctrl.tmpResume.coverInfo" ng-if="ctrl.tmpResume.coverInfo" style="padding-top: 7px"> </div> </div> </div> </div> </div> <div class="clearfix"> </div> </div> <!-- Basic edit profile starts --> <div class="col-lg-12"> <div class="myspace_hed" translate=""> Basic Info </div> <div class="margin-bottom-40"> </div> <div class="form-horizontal"> <div class="form-group" ng-if="ctrl.tmpResume.company"> <label class="control-label col-md-3" translate=""> Company </label> <div class="col-md-9 lh-32"> {{ctrl.tmpResume.company}} </div> </div> <!-- Location --> <div class="form-group" ng-if="ctrl.tmpResume.address"> <label class="control-label col-md-3" translate=""> Address </label> <div class="col-md-9 lh-32"> {{ctrl.tmpResume.address}} </div> </div> <div class="form-group" ng-if="ctrl.tmpResume.email"> <label class="control-label col-md-3" translate=""> Email </label> <div class="col-md-9 lh-32"> {{ctrl.tmpResume.email}} </div> </div> <div class="form-group" ng-if="ctrl.tmpResume.position"> <label class="control-label col-md-3"> {{ { eng : 'Job Position', chn : '工作职位'} | trans}} </label> <div class="col-md-9 lh-32"> {{ctrl.tmpResume.position}} </div> </div> <div class="form-group" ng-if="ctrl.tmpResume.mobile"> <label class="control-label col-md-3" translate=""> Mobile/Tel </label> <div class="col-md-9 lh-32"> {{ctrl.tmpResume.mobile}} </div> </div> <div class="form-group" ng-if="ctrl.tmpResume.nationality"> <label class="control-label col-md-3"> {{ { eng : 'Nationality', chn : '国籍'} | trans}} </label> <div class="col-md-9 lh-32"> {{ctrl.tmpResume.nationality}} </div> </div> <div class="form-group" ng-if="ctrl.tmpResume.education"> <label class="control-label col-md-3"> {{ { eng : 'Highest Education', chn : '最高学历'} | trans}} </label> <div class="col-md-9 lh-32"> {{ctrl.tmpResume.education}} </div> </div> <div class="form-group" ng-if="ctrl.tmpResume.age"> <label class="control-label col-md-3" for="age"> <span> {{"Age" | translate}} </span> </label> <div class="col-md-9 lh-32"> {{ctrl.tmpResume.age}} </div> </div> <div class="form-group" ng-if="ctrl.tmpResume.years"> <label class="control-label col-md-3" for="years"> <span> {{"Experience" | translate}} ({{"Years" | translate}}) </span> </label> <div class="col-md-9 lh-32"> {{ctrl.tmpResume.years}} </div> </div> <div class="form-group" ng-if="ctrl.tmpResume.industry"> <label class="control-label col-md-3" translate=""> Industry </label> <div class="col-md-9 lh-32"> {{ctrl.tmpResume.industry}} </div> </div> <div class="form-group" ng-if="ctrl.category"> <label class="control-label col-md-3" translate=""> Specialization </label> <div class="col-md-9 lh-32"> {{ctrl.category.toString()}} </div> </div> <div class="form-group" ng-if="ctrl.tmpResume.languages"> <label class="control-label col-md-3" translate=""> Language </label> <div class="col-md-9 lh-32"> {{ctrl.tmpResume.languages}} </div> </div> <div class="form-group" ng-if="ctrl.tmpResume.available"> <label class="control-label col-md-3" translate=""> Available Date </label> <div class="col-md-9 lh-32"> {{ctrl.tmpResume.available}} </div> </div> </div> </div> <!-- Basic edit profile Ends --> <!-- Experience Starts --> <div class="col-lg-12"> <div class="myspace_hed" translate=""> Experience </div> <div class="margin-bottom-40"> </div> <div ng-repeat="history in ctrl.tmpResume.history"> <div class="form-horizontal"> <div class="form-group" ng-if="history.company"> <label class="control-label col-md-3" translate=""> Company </label> <div class="col-md-9 lh-32"> {{history.company}} </div> </div> <div class="form-group" ng-if="history.position"> <label class="control-label col-md-3" translate=""> Position </label> <div class="col-md-9 lh-32"> {{history.position}} </div> </div> <div class="form-group" ng-if="history.start"> <label class="control-label col-md-3" translate=""> Start </label> <div class="col-md-9 lh-32"> {{history.start | date: 'shortDate'}} </div> </div> <div class="form-group" ng-if="history.end"> <label class="control-label col-md-3" translate=""> End </label> <div class="col-md-9 lh-32"> {{history.end | date: 'shortDate'}} </div> </div> <div class="form-group" ng-if="history.detail"> <label class="control-label col-md-3" translate=""> Detail </label> <div class="col-md-9 lh-32"> {{history.detail}} </div> </div> </div> </div> </div> <div class="col-lg-12"> <div class="myspace_hed" translate=""> Education </div> <div class="margin-bottom-40"> </div> <div ng-repeat="history in ctrl.tmpResume.educations"> <div class="form-horizontal"> <div class="form-group" ng-if="history.school"> <label class="control-label col-md-3" translate=""> School </label> <div class="col-md-9 lh-32"> {{history.school}} </div> </div> <div class="form-group" ng-if="history.certificate"> <label class="control-label col-md-3" translate=""> Certificate </label> <div class="col-md-9 lh-32"> {{history.certificate}} </div> </div> <div class="form-group" ng-if="history.start"> <label class="control-label col-md-3" translate=""> Start </label> <div class="col-md-9 lh-32"> {{history.start | date: 'shortDate'}} </div> </div> <div class="form-group" ng-if="history.end"> <label class="control-label col-md-3" translate=""> End </label> <div class="col-md-9 lh-32"> {{history.end | date: 'shortDate'}} </div> </div> </div> </div> </div> <div class="col-lg-12" ng-if="ctrl.tmpResume.achievements ||ctrl.tmpResume.comments"> <div class="myspace_hed"> Additional </div> <div class="margin-bottom-40"> </div> <div class="form-horizontal"> <div class="form-group" ng-if="ctrl.tmpResume.achievements"> <label class="control-label col-md-3" translate=""> Achievements </label> <div class="col-md-9 lh-32"> {{ctrl.tmpResume.achievements}} </div> </div> <div class="form-group" ng-if="ctrl.tmpResume.comments"> <label class="control-label col-md-3" translate=""> Others </label> <div class="col-md-9 lh-32"> {{ctrl.tmpResume.comments}} </div> </div> </div> </div> <div class="col-lg-12" ng-if="ctrl.tmpResume.files"> <div class="myspace_hed"> Attachments </div> <div class="margin-bottom-40"></div> <div class="form-horizontal"> <div class="form-group"> <label class="control-label col-md-3" translate=""> Documents </label> <div class="col-lg-9" style="margin-bottom:20px;"> <table class="table table-hover tbl_aln" style="border:solid 2px #ccc;"> <thead> <tr class="info"> <th translate="" style="width: 80%"> File Name </th> <th translate="" style="width: 20%"> Action </th> </tr> </thead> <tbody> <tr ng-repeat="file in ctrl.tmpResume.files"> <td> <a class="cursor-pointer" ng-click="ctrl.previewCV(file)">{{file}}</a> </td> <td> <a class="btn btn-primary btn-xs" download="" href="{{ctrl.resumePath+file}}" translate=""> Download </a> </td> </tr> </tbody> </table> </div> </div> </div> </div> <!-- <div class="col-lg-12"> <div class="myspace_hed">Attachments</div> <div class="margin-bottom-40"></div> <div class="form-group" ng-if="ctrl.tmpResume.file"> <label class="col-lg-2 control-label" translate=""> Resume </label> <div class="col-lg-10 lh-32" style="margin-bottom:20px;"> <div> {{ctrl.tmpResume.file}} </div> <div> <a class="btn btn-primary btn-xs" download="" href="{{ctrl.resumePath+ctrl.tmpResume.file}}" ng-if="ctrl.tmpResume.file" translate=""> Download </a> <a class="btn btn-info btn-xs" ng-click="ctrl.previewCV()" ng-if="ctrl.detectedFileType" translate=""> Preview </a> </div> </div> </div> <div class="form-group" ng-if="ctrl.tmpResume.video"> <label class="col-lg-2 control-label" translate=""> Video </label> <div class="col-lg-10 lh-32" style="margin-bottom:20px;"> <div> {{ctrl.tmpResume.video}} </div> <div> <a class="btn btn-primary btn-xs" ng-click="ctrl.showVideoResume()" ng-if="ctrl.tmpResume.video" translate=""> View </a> </div> </div> </div> </div> --> <div class="clearfix"> </div> </div> </div> </div> <div ng-if="ctrl.showTab=='editProfile'"> <!-- Edit profile Tab Starts --> <div class="tab-v1"> <ul class="nav nav-tabs"> <li class="active"> <a data-toggle="tab" ng-click="ctrl.tab='intro'"> {{"Introduction" | translate}} </a> </li> <li> <a data-toggle="tab" ng-click="ctrl.tab='basic'"> {{"Basic Info" | translate}} </a> </li> <li> <a data-toggle="tab" ng-click="ctrl.tab='exp'"> {{"Experience" | translate}} </a> </li> <li> <a data-toggle="tab" ng-click="ctrl.tab='edu'"> {{"Education" | translate}} </a> </li> <li> <a data-toggle="tab" ng-click="ctrl.tab='additional'"> {{"Additional" | translate}} </a> </li> <li> <a data-toggle="tab" ng-click="ctrl.tab='attachment'"> {{"Attachments" | translate}} </a> </li> </ul> <div class="tab-content white-bg margin-bottom-40"> <div class="col-lg-12" ng-if="ctrl.tab=='intro'"> <!-- Header here --> <div class="form-group"> <label class="control-label"> {{'Brief'| translate}} ( < 100 {{'words'| translate}} ) </label> <div> <textarea class="form-control" ng-model="ctrl.tmpResume.brief"> </textarea> </div> </div> <div class="form-group"> <label class="control-label" translate=""> Cover Info </label> <div> <div name="content" ng-model="ctrl.tmpResume.coverInfo" text-angular=""> </div> </div> </div> </div> <!-- Basic edit profile starts --> <div class="col-lg-12" id="basicProfile" ng-if="ctrl.tab=='basic'"> <div class="form-horizontal"> <div class="form-group"> <label class="control-label col-md-3" translate=""> Company </label> <div class="col-md-9"> <input class="form-control" name="company" ng-model="ctrl.tmpResume.company" type="text"/> </div> </div> <!-- Location --> <div class="form-group"> <label class="control-label col-md-3" translate=""> Address </label> <div class="col-md-9"> <textarea class="form-control" ng-model="ctrl.tmpResume.address"> </textarea> </div> </div> <div class="form-group"> <label class="control-label col-md-3" translate=""> Email </label> <div class="col-md-9"> <input class="form-control" ng-model="ctrl.tmpResume.email" type="email"/> </div> </div> <div class="form-group"> <label class="control-label col-md-3"> {{ { eng : 'Job Position', chn : '工作职位'} | trans}} </label> <div class="col-md-9"> <input class="form-control" ng-model="ctrl.tmpResume.position" type="text"/> </div> </div> <div class="form-group"> <label class="control-label col-md-3" translate=""> Mobile/Tel </label> <div class="col-md-9"> <input class="form-control" ng-model="ctrl.tmpResume.mobile" type="text"/> </div> </div> <div class="form-group"> <label class="control-label col-md-3"> {{ { eng : 'Nationality', chn : '国籍'} | trans}} </label> <div class="col-md-9"> <select class="form-control" name="nationality" ng-model="ctrl.tmpResume.nationality"> <option translate="" value="Singaporen"> Singapore Citizen </option> <option translate="" value="PR"> Permanent Resident </option> <option translate="" value="EP"> Employment Pass / Service Pass </option> <option translate="" value="WP"> Work Permit </option> <option translate="" value="ST"> Student Pass </option> <option translate="" value="DP"> Dependent Pass / Long Term Pass </option> <option translate="" value="Ot"> Other </option> </select> </div> </div> <div class="form-group"> <label class="control-label col-md-3"> {{ { eng : 'Highest Education', chn : '最高学历'} | trans}} </label> <div class="col-md-9"> <select class="form-control" name="education" ng-model="ctrl.tmpResume.education"> <option translate="" value="Phd"> P.H.D / Doctor </option> <option translate="" value="Master"> Master </option> <option translate="" value="Bachelor"> Bachelor / University </option> <option translate="" value="Diploma"> Diploma </option> <option translate="" value="ITE"> ITE </option> <option translate="" value="Ot"> Other </option> </select> </div> </div> <div class="form-group"> <label class="control-label col-md-3" for="age"> <span> {{"Age" | translate}} </span> </label> <div class="col-md-9"> <input class="form-control" min="10" ng-model="ctrl.tmpResume.age" type="number"/> </div> </div> <div class="form-group"> <label class="control-label col-md-3" for="years"> <span> {{"Experience" | translate}} ({{"Years" | translate}}) </span> </label> <div class="col-md-9"> <input class="form-control" ng-model="ctrl.tmpResume.years" type="number"/> </div> </div> <div class="form-group"> <label class="control-label col-md-3" translate=""> Industry </label> <div class="col-md-9"> <select class="form-control" name="industry" ng-model="ctrl.tmpResume.industry"> <option ng-repeat="type in ctrl.category" value="{{type}}"> {{type}} </option> </select> </div> </div> <div class="form-group"> <label class="control-label col-md-3" translate=""> Specialization </label> <div class="col-md-9"> <select class="form-control" name="specialization" ng-model="ctrl.tmpResume.specialization"> <option ng-repeat="type in ctrl.category" value="{{type}}"> {{type}} </option> </select> </div> </div> <div class="form-group"> <label class="control-label col-md-3" translate=""> Language </label> <div class="col-md-9"> <!-- <select class="form-control" name="language" ng-model="ctrl.tmpResume.language"> <option translate="" value="english"> English </option> <option translate="" value="chinese"> Chinese </option> </select> --> <tags-input ng-model="ctrl.tmpResume.languages" placeholder="{{'select languages' | translate}}"> <auto-complete load-on-empty="true" load-on-focus="true" min-length="0" source="loadTags($query)"> </auto-complete> </tags-input> </div> </div> <div class="form-group"> <label class="control-label col-md-3" translate=""> Available Date </label> <div class="col-md-9"> <input class="form-control" ng-model="ctrl.tmpResume.available" type="date"/> </div> </div> </div> </div> <!-- Basic edit profile Ends --> <!-- Experience Starts --> <div class="col-lg-12" ng-if="ctrl.tab=='exp'"> <div ng-repeat="history in ctrl.tmpResume.history"> <a class="btn btn-danger btn-sm pull-right" ng-click="ctrl.delHistory($index)" ng-if="!$first" title="{{'Delete Experience' | translate}}"> <i class="fa fa-trash"> </i> {{'Experience' | translate}} </a> <div class="margin-bottom-10"> </div> <div class="form-horizontal"> <div class="form-group"> <label class="control-label col-md-3" translate=""> Company </label> <div class="col-md-9"> <input class="form-control" ng-model="history.company"/> </div> </div> <div class="form-group"> <label class="control-label col-md-3" translate=""> Position </label> <div class="col-md-9"> <input class="form-control" ng-model="history.position"/> </div> </div> <div class="form-group"> <label class="control-label col-md-3" translate=""> Start </label> <div class="col-md-9"> <input class="form-control" ng-model="history.start" type="date"/> </div> </div> <div class="form-group"> <label class="control-label col-md-3" translate=""> End </label> <div class="col-md-9"> <input class="form-control" ng-model="history.end" type="date"/> </div> </div> <div class="form-group"> <label class="control-label col-md-3" translate=""> Detail </label> <div class="col-md-9"> <textarea class="form-control" ng-model="history.detail"> </textarea> </div> </div> </div> <hr style="margin-bottom: 10px;"/> </div> <div class="pull-right"> <button class="btn btn-info btn-sm" ng-click="ctrl.addHistory()" title="{{'Add Experience' | translate}}"> <i class="fa fa-plus"> </i> {{'Experience' | translate}} </button> </div> <div class="clearfix"> </div> <hr/> </div> <div class="col-lg-12" ng-if="ctrl.tab=='edu'"> <div ng-repeat="history in ctrl.tmpResume.educations"> <a class="btn btn-danger btn-sm pull-right" ng-click="ctrl.delEducation($index)" ng-if="!$first"> <i class="fa fa-trash"> </i> {{'Education' | translate}} </a> <div class="margin-bottom-10"> </div> <div class="form-horizontal"> <div class="form-group"> <label class="control-label col-md-3" translate=""> School </label> <div class="col-md-9"> <input class="form-control" ng-model="history.school" required=""/> </div> </div> <div class="form-group"> <label class="control-label col-md-3" translate=""> Certificate </label> <div class="col-md-9"> <select class="form-control" name="certificate" ng-model="history.certificate"> <option translate="" value="Phd"> P.H.D / Doctor </option> <option translate="" value="Master"> Master </option> <option translate="" value="Bachelor"> Bachelor / University </option> <option translate="" value="Diploma"> Diploma </option> <option translate="" value="ITE"> ITE </option> <option translate="" value="Ot"> Other </option> </select> </div> </div> <div class="form-group"> <label class="control-label col-md-3" translate=""> Start </label> <div class="col-md-9"> <input class="form-control" ng-model="history.start" type="date"/> </div> </div> <div class="form-group"> <label class="control-label col-md-3" translate=""> End </label> <div class="col-md-9"> <input class="form-control" ng-model="history.end" type="date"/> </div> </div> </div> <hr/> </div> <div class="pull-right"> <button class="btn btn-info btn-sm" ng-click="ctrl.addEducation()"> <i class="fa fa-plus"> </i> {{'Education' | translate}} </button> </div> <div class="clearfix"> </div> <hr/> </div> <div class="col-lg-12" ng-if="ctrl.tab=='additional'"> <div class="form-horizontal"> <div class="form-group"> <label class="control-label col-md-3" translate=""> Achievements </label> <div class="col-md-9"> <textarea class="form-control" ng-model="ctrl.tmpResume.achievements"> </textarea> </div> </div> <div class="form-group"> <label class="control-label col-md-3" translate=""> Others </label> <div class="col-md-9"> <textarea class="form-control" ng-model="ctrl.tmpResume.comments"> </textarea> </div> </div> </div> </div> <div class="col-lg-12" ng-if="ctrl.tab=='attachment'"> <div class="form-group"> <label class="col-lg-2 control-label" translate=""> Resume </label> <div class="col-lg-10 lh-32" style="margin-bottom:20px;"> <div> <span ng-if="ctrl.tmpResume.file"> <div> {{ctrl.tmpResume.file}} </div> <a class="btn btn-primary btn-xs" download="" href="{{ctrl.resumePath+ctrl.tmpResume.file}}" translate=""> Download </a> <a class="btn btn-danger btn-xs" ng-click="ctrl.removeResume()"> <i class="fa fa-trash"> </i> </a> <a class="btn btn-info btn-xs" ng-click="ctrl.previewCV(ctrl.tmpResume.file)" ng-if="ctrl.detectedFileType(ctrl.tmpResume.file)" translate=""> Preview </a> </span> <a class="btn btn-warning btn-xs" ng-click="ctrl.uploadResume()" translate=""> Upload </a> </div> </div> </div> <div class="form-group"> <label class="col-lg-2 control-label" translate=""> Video </label> <div class="col-lg-10 lh-32" style="margin-bottom:20px;"> <div> {{ctrl.tmpResume.video}} </div> <div> <a class="btn btn-primary btn-xs" ng-click="ctrl.showVideoResume()" ng-if="ctrl.tmpResume.video" translate=""> View </a> <a class="btn btn-info btn-xs" ng-click="ctrl.uploadVideoResume()" ng-if="!ctrl.tmpResume.video" translate=""> Upload </a> <a class="btn btn-warning btn-xs" ng-click="ctrl.uploadVideoResume()" ng-if="ctrl.tmpResume.video" translate=""> Replace </a> </div> </div> </div> <div class="form-group"> <label class="col-lg-2 control-label" translate=""> Documents </label> <div class="col-lg-10 lh-32" style="margin-bottom:20px;"> <table class="table table-hover tbl_aln" style="border:solid 2px #ccc;"> <thead> <tr class="info"> <th translate="" style="width: 80%"> File Name </th> <th translate="" style="width: 20%"> Action </th> </tr> </thead> <tbody> <tr ng-repeat="file in ctrl.tmpResume.files"> <td> <a class="cursor-pointer" ng-click="ctrl.previewCV(file)">{{file}}</a> </td> <td> <a class="btn btn-primary btn-xs" download="" href="{{ctrl.resumePath+file}}" translate=""> Download </a> <a class="btn btn-danger btn-xs" ng-click="ctrl.removeDocument($index)"> <i class="fa fa-trash"> </i> </a> </td> </tr> </tbody> <tfoot> <tr> <td> <small>You can attach files to the candidate record <br>(e.g.: project references, transcripts, etc.).</small> </td> <td> <a class="btn btn-warning btn-xs" ng-click="ctrl.uploadDocument()"> <i class="fa fa-plus"></i> {{'Documents' | translate }} </a> </td> </tr> </tfoot> </table> </div> </div> </div> <hr/> <div class="col-md-12 text-right pull-right" ng-if="ctrl.tab!='eduProfile'"> <button class="btn-u" ng-click="ctrl.update()" type="submit"> {{"Save" | translate}} </button> <button class="btn-u btn-warning" ng-click="cancel()" type="button"> {{"Reset" | translate}} </button> </div> <div class="clearfix"> </div> </div> </div> </div> </div> </div>