| Server IP : 210.245.233.93 / Your IP : 216.73.216.226 Web Server : Apache/2.2.15 (CentOS) System : Linux webserver2.onesolution.com.hk 2.6.32-754.35.1.el6.x86_64 #1 SMP Sat Nov 7 12:42:14 UTC 2020 x86_64 User : apache ( 48) PHP Version : 5.3.3 Disable Function : exec, shell_exec, system, passthru, popen, proc_open, pcntl_exec MySQL : ON | cURL : ON | WGET : ON | Perl : ON | Python : ON | Sudo : ON | Pkexec : ON Directory : /var/www/hkosl.com/jobsreader/seeker/view/ |
Upload File : |
<!DOCTYPE html>
<html lang="en-HK" prefix="og: http://ogp.me/ns#">
<head>
<title>JobReader - Candidates List</title>
<!-- css -->
<?php include 'inc/headlinks.php';?>
<!-- js -->
<?php include 'inc/link-js.php';?>
</head>
<body>
<!-- header -->
<?php include 'inc/header.php';?>
<!-- end of header-->
<div class="searchWrap warningBg">
<div class="expenContainer">
<p class="h1 whiteWord mb-4">Filter candidates</p>
<div class="row">
<div class="col-md-10">
<div class="form-group iconInput inputline">
<i class="fas fa-search"></i>
<input type="text" class="form-control" id="search" aria-describedby="search"
placeholder="Candidate, latest employer, applied job">
</div>
<div class="row">
<div class="col-md-6">
<div class=" form-group iconInput inputline">
<i class="fas fa-suitcase"></i>
<div class="form-group multiselectGroupIcon multiselectGroup whiteSelecter jobfunction">
<select class="form-control" id="jobFunction" multiple="multiple">
<option>Accounting</option>
<option>Admin & HR</option>
<option>Banking / Finance</option>
<option>Beauty Care / Health</option>
<option>Building & Construction</option>
<option>Design</option>
<option>E-commerce</option>
<option>Education</option>
<option>Engineering</option>
<option>Hospitality / F&B</option>
<option>Information Technology (IT)</option>
<option>Insurance</option>
<option>Management</option>
<option>Manufacturing</option>
<option>Marketing / Public Relations</option>
<option>Media & Advertising</option>
<option>Medical Services</option>
<option>Merchandising & Purchasing</option>
<option>Professional Services</option>
<option>Property / Real Estate</option>
<option>Public / Civil</option>
<option>Sales, CS & Business Development</option>
<option>Sciences, Lab, R&D</option>
<option>Transportation & Logistics</option>
<option>Others</option>
</select>
<a class="doneBtn link" href="#">Done</a>
</div>
</div>
</div>
<div class="col-md-6">
<div class="form-group iconInput inputline">
<i class="far fa-folder"></i>
<div class="form-group multiselectGroupIcon multiselectGroup whiteSelecter">
<select class="form-control" id="JobFloder" multiple="multiple">
<option>[No folder] </option>
<option>Folder A</option>
<option>Folder B</option>
<option>Folder C</option>
<option>Folder D</option>
</select>
<a class="doneBtn link" href="#">Done</a>
</div>
</div>
</div>
</div>
</div>
<div class="col-md-2">
<button type="button" class="btn btn-light btn-block blueWord">Search</button>
</div>
</div>
</div>
</div>
<section class="wrapper">
<div class="expenContainer">
<p>1 – 3 of 33 candidates <a class="link">View all</a></p>
<div class="d-flex flex-md-row flex-column">
<p class="mb-0 pt-2">Show :<a href="#" class="link bold"> Uncategorized (10)</a> | <a href="#"
class="link">Shortlisted
(5)</a> |
<a href="#" class="link">Not Suitable (2)</a>
</p>
<div class="ml-auto mobileLeft">
<div class="d-flex align-items-center">
<span class="d-inline-block white-space">Sorted by: </span>
<div class="form-group singleSelectGroup d-inline-block noborder mb-0">
<select id="Sorted" class="form-control">
<option>Application date</option>
<option>Application date</option>
<option>Last updated date</option>
</select>
</div>
</div>
</div>
</div>
<div class="d-flex flex-lg-row flex-column">
<div class="checkSelectDetail">
<div class="form-check form-check-inline selectall">
<input class="form-check-input" type="checkbox" id="selectAll" value="option1">
<label class="form-check-label" for="selectAll"><span class="countCheckText"></span> Jobs
Selected</label>
</div>
<div class="form-group singleSelectGroup blueWord d-inline-block noborder mb-0 mr-4">
<select id="Markstatus" class="form-control">
<option value="" hidden>Mark status as</option>
<option>Uncategorized</option>
<option>Shortlisted</option>
<option>Not Suitable</option>
</select>
</div>
<div class="form-group addSelectGroup blueWord d-inline-block noborder mb-0 mr-4">
<select id="MoveFolder" class="form-control">
<option value="" hidden>Move to folder</option>
<option>[No folder]</option>
<option>Folder A</option>
<option>Folder B</option>
<option>Folder C</option>
<option>Folder D</option>
</select>
<a class="addBtn link" href="#" onclick="myFunction()">Add</a>
</div>
<a href="#" class="link d-inline-block mb-2" data-toggle="modal"
data-target=".deletCandidates">Delete</a>
</div>
<div class="ml-auto mb-2">
</div>
</div>
<div class="row">
<div class="col-lg-4 mt-2 sticklySildeBar">
<label class="warpBox candidatesWrap" for="candidates01">
<div class="candidatesCard">
<input class="form-check-input candidatesCheckBox" name="candidatesCardCheckBox"
type="checkbox" value="" id="candidates01" data-candidates="candidates01">
<div class="mb-2">
<a class="link h3" href="candidates_preview.php">IP WAI KIT</a><span
class="orangeBtn btn-sm orangeWord ml-2">New</span>
</div>
<p class="mb-0 font09"><b>Custom Service Assistant</b></p>
<p class="mb-2 font09">ToysRuns Company Retail Limited</p>
<p class="fieldWord mb-3 small">Industry: Engineering -Building,CMil. Construction/
Quantiy Survey</p>
<ul class="iconList">
<li class="font09"><i class="fas fa-graduation-cap"></i> Degree
</li>
<li class="font09"><i class="fas fa-map-marker-alt"></i> Kowloon Bay
</li>
<li class="font09"><i class="fas fa-folder"></i> Custom Service Admin Clerk
</li>
</ul>
</div>
<hr class="nomral" />
<p class="font08 mb-0">Applied to <a href="#" class="link">Administration Officer /
Administration
Assistant (5
day)</a>
</p>
<p class="fieldWord m-0 font08"> (Posted 04 Aug 2020) on 04 Aug 2020</p>
</label>
<label class="warpBox candidatesWrap" for="candidates02">
<div class="candidatesCard">
<input class="form-check-input candidatesCheckBox" name="candidatesCardCheckBox"
type="checkbox" value="" id="candidates02">
<div class="mb-2">
<a class="link h3" href="candidates_preview.php">IP WAI KIT</a><span
class="orangeBtn btn-sm orangeWord ml-2">New</span>
</div>
<p class="mb-0 font09"><b>Custom Service Assistant</b></p>
<p class="mb-2 font09">ToysRuns Company Retail Limited</p>
<p class="fieldWord mb-3 small">Industry: Engineering -Building,CMil. Construction/
Quantiy Survey</p>
<ul class="iconList">
<li class="font09"><i class="fas fa-graduation-cap"></i> Degree
</li>
<li class="font09"><i class="fas fa-map-marker-alt"></i> Kowloon Bay
</li>
<li class="font09"><i class="fas fa-folder"></i> Custom Service Admin Clerk
</li>
</ul>
</div>
<hr class="nomral" />
<p class="font08 mb-0">Applied to <a href="#" class="link">Administration Officer /
Administration
Assistant (5
day)</a>
</p>
<p class="fieldWord m-0 font08"> (Posted 04 Aug 2020) on 04 Aug 2020</p>
</label>
<label class="warpBox candidatesWrap" for="candidates03">
<div class="candidatesCard">
<input class="form-check-input candidatesCheckBox" name="candidatesCardCheckBox"
type="checkbox" value="" id="candidates03">
<div class="mb-2">
<a class="link h3" href="candidates_preview.php">IP WAI KIT</a><span
class="orangeBtn btn-sm orangeWord ml-2">New</span>
</div>
<p class="mb-0 font09"><b>Custom Service Assistant</b></p>
<p class="mb-2 font09">ToysRuns Company Retail Limited</p>
<p class="fieldWord mb-3 small">Industry: Engineering -Building,CMil. Construction/
Quantiy Survey</p>
<ul class="iconList">
<li class="font09"><i class="fas fa-graduation-cap"></i> Degree
</li>
<li class="font09"><i class="fas fa-map-marker-alt"></i> Kowloon Bay
</li>
<li class="font09"><i class="fas fa-folder"></i> Custom Service Admin Clerk
</li>
</ul>
</div>
<hr class="nomral" />
<p class="font08 mb-0">Applied to <a href="#" class="link">Administration Officer /
Administration
Assistant (5
day)</a>
</p>
<p class="fieldWord m-0 font08"> (Posted 04 Aug 2020) on 04 Aug 2020</p>
</label>
<label class="warpBox candidatesWrap" class="candidates04">
<div class="candidatesCard">
<input class="form-check-input candidatesCheckBox" name="candidatesCardCheckBox"
type="checkbox" value="" id="candidates04">
<div class="mb-2">
<a class="link h3" href="candidates_preview.php">IP WAI KIT</a><span
class="orangeBtn btn-sm orangeWord ml-2">New</span>
</div>
<p class="mb-0 font09"><b>Custom Service Assistant</b></p>
<p class="mb-2 font09">ToysRuns Company Retail Limited</p>
<p class="fieldWord mb-4 font08">Industry: Engineering -Building,CMil. Construction/
Quantiy Survey</p>
<ul class="iconList">
<li class="font09"><i class="fas fa-graduation-cap"></i> Degree
</li>
<li class="font09"><i class="fas fa-map-marker-alt"></i> Kowloon Bay
</li>
<li class="font09"><i class="fas fa-folder"></i> Custom Service Admin Clerk
</li>
</ul>
</div>
<hr class="nomral" />
<p class="font08 mb-0">Applied to <a href="#" class="link">Administration Officer /
Administration Assistant (5 day)</a>
</p>
<p class="fieldWord m-0 font08"> (Posted 04 Aug 2020) on 04 Aug 2020</p>
</label>
<label class="warpBox candidatesWrap" class="candidates05">
<div class="candidatesCard">
<input class="form-check-input candidatesCheckBox" name="candidatesCardCheckBox"
type="checkbox" value="" id="candidates05">
<div class="mb-2">
<a class="link h3" href="candidates_preview.php">IP WAI KIT</a><span
class="orangeBtn btn-sm orangeWord ml-2">New</span>
</div>
<p class="mb-0 font09"><b>Custom Service Assistant</b></p>
<p class="mb-2 font09">ToysRuns Company Retail Limited</p>
<p class="fieldWord mb-4 font08">Industry: Engineering -Building,CMil. Construction/
Quantiy Survey</p>
<ul class="iconList">
<li class="font09"><i class="fas fa-graduation-cap"></i> Degree
</li>
<li class="font09"><i class="fas fa-map-marker-alt"></i> Kowloon Bay
</li>
<li class="font09"><i class="fas fa-folder"></i> Custom Service Admin Clerk
</li>
</ul>
</div>
<hr class="nomral" />
<p class="font08 mb-0">Applied to <a href="#" class="link">Administration Officer /
Administration Assistant (5
day)</a>
</p>
<p class="fieldWord m-0 font08"> (Posted 04 Aug 2020) on 04 Aug 2020</p>
</label>
<ul class="pagination justify-content-center mt-4">
<li class="page-item page-pre disabled"><a class="page-link" aria-label="上一頁"
href="javascript:void(0)">‹</a></li>
<li class="page-item active"><a class="page-link" aria-label="第1頁"
href="javascript:void(0)">1</a>
</li>
<li class="page-item"><a class="page-link" aria-label="第2頁" href="javascript:void(0)">2</a></li>
<li class="page-item page-next"><a class="page-link" aria-label="下一頁"
href="javascript:void(0)">›</a></li>
</ul>
</div>
<div class="col-lg-8 mt-2 boxDetail sticky-top">
<div class="warpBox candidatesDetailWrap">
<div class="text-center candidatesItemDetailNone">
<p class="h1"><i class="fas fa-briefcase"></i></p>
<P class="h2">We have 3,888 candidates for you
</p>
<p> Select a candidate to view details
</p>
</div>
<div class="position-relative candidatesItemDetail candidates01">
<div class="candidatesDetail">
<div class="d-flex">
<div class="mr-4">
<div class="d-flex align-items-center">
<span class="d-inline-block mr-2">Status: </span>
<div class="form-group singleSelectGroup d-inline-block mb-0">
<select id="JobDetailStatus" class="form-control">
<option selected>Not Suitable</option>
<option>Uncategorized</option>
<option>Shortlisted</option>
<option>Not Suitable</option>
</select>
</div>
</div>
</div>
<div>
<div class="d-flex align-items-center">
<span class="d-inline-block mr-2">Folder: </span>
<div
class="form-group multiselectGroupIcon addSelectGroup d-inline-block mb-0">
<i class="far fa-folder"></i>
<select id="JobDetailFolder" class="form-control">
<option selected>[No folder]</option>
<option>[No folder]</option>
<option>Folder A</option>
<option>Folder B</option>
<option>Folder C</option>
<option>Folder D</option>
</select>
<a class="addBtn link" href="#" onclick="myFunction()">Add</a>
</div>
</div>
</div>
<div class="ml-auto mt-2">
<a href="candidates_preview.php" class="link">View full resume</a>
</div>
</div>
<hr />
<div class="d-flex">
<div>
<p class="h2">IP WAI KIT</p>
<ul class="iconList mt-4">
<li><i class="fas fa-map-marker-alt"></i> Tseung kwan O , New Territories
</li>
<li><i class="fas fa-birthday-cake"></i> Jan 2001
</li>
<li><i class="fas fa-globe-asia"></i> Hong Kong permanent resident
</li>
<li><i class="fas fa-dollar-sign"></i> Expected salary : HK $15,000 /month
</li>
<li><i class="fas fa-clock"></i> Immediate Available
</li>
</ul>
</div>
<div class="ml-auto fieldWord font09">Last updated: 04 Aug 2020</div>
</div>
<hr />
<p class="unbold h3 mb-2">Employment Summary</p>
<p>Total work experience : 1 year</p>
<p> <b>Web Designer</b><br>
Belt Collins International (HK) Limited<br>
<span class="fieldWord">Mar 2018 - Aug 2018</span>
</p>
<p class="font09"><span class="mr-4 fieldWord">Industry</span>Human Resources Management
/
Consultancy</p>
<div class="readMore">
<ul class="collapse loadMoreDetail pointList mb-0" id="EmploymentSummary"
aria-expanded="false">
<li>To prepare accurate reports for top management in a timely manner.
</li>
<li>Provide analytical assistance to our top management for their critical
business
decision
making.
</li>
<li>Attend project team meetings to ensure smooth project progress and operation
</li>
<li>To prepare accurate reports for top management in a timely manner.
</li>
<li>Provide analytical assistance to our top management for their critical
business
decision
making.
</li>
<li>Attend project team meetings to ensure smooth project progress and operation
</li>
</ul>
<a role="button" class="collapsed" data-toggle="collapse" href="#EmploymentSummary"
aria-expanded="false" aria-controls="EmploymentSummary"></a>
</div>
<hr />
<p class="unbold h3 mb-4">Education Summary</p>
<p> <b>Degree, Marketing</b><br>
HKU <br>
<span class="fieldWord">Mar 2018 - Aug 2018</span>
</p>
<hr />
<p class="unbold h3 mb-4">Qualifications & Certifications</p>
<p><b>Professional Beauty Treatment (QF Level 2 )</b><br>
Monita international group<br>
<span class="fieldWord">Mar 2018 - Aug 2018</span>
</p>
<p><b>Driver License #1, #2, M</b><br>
Monita international group
<br>
<span class="fieldWord">Mar 2018 - Aug 2018</span>
</p>
<hr />
<p class="unbold h3 mb-4">Skills</p>
<p> Ms office - fair
</p>
<hr />
<p class="unbold h3 mb-4">Languages</p>
<p> English, Cantonese (native), Mandarin
</p>
<hr />
<p class="unbold h3 mb-4">Additional Information</p>
<p class="mb-4"> Cover Letter<br />
<a href="#" class="link">Letter.docx</a><br />
<span class="fieldWord">Uploaded 14 May 2020 12:06PM</span>
</p>
<p> Other information:
</p>
<p> Work with development team on creating mobile app for new product launch
Work with development team on creating mobile app for new product launch
Work with development team on creating mobile app for new product launch
Work with development team on creating mobile app for new product launch
</p>
<hr />
<p class="unbold h3 mb-4">CV</p>
<p>
<a href="#" class="link">CV.docx</a><br />
<span class="fieldWord">Uploaded 14 May 2020 12:06PMM</span>
</p>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<!-- end #section -->
<div class="warningBg succseeMessage">
<div class="expenContainer">
<div class="font09 updateMessages bold">
Status update. 3 candidates moved to Shortlisted.
<a href="javascript:void(0);" class="warningCloseBtn"><i class="fas fa-times"></i></a>
</div>
</div>
</div>
<!-- footer -->
<?php include 'inc/footer_n.php';?>
<!-- end of footer -->
<!-- Modal -->
<div class="modal fade deletCandidates" tabindex="-1" role="dialog" aria-labelledby="eventDateModal"
aria-hidden="true">
<div class="modal-dialog modal-md modal-dialog-centered" role="document">
<div class="modal-content">
<div class="modal-body">
<p class="h3 mb-4">Delete Candidates?</p>
<p class="font09">You are about to delete 3 candidate(s).
<br />
Deleting candidate(s) is permanent and cannot be undone.
</p>
</div>
<div class="modal-footer">
<button type="button" class="btn btn-outline-primary" data-dismiss="modal">Cancel</button>
<button type="button" class="btn btn-primary">Delete</button>
</div>
</div>
</div>
</div>
<script type="text/javascript" src="../assets/js/selectcheck.js"></script>
<!-- custom JS -->
<script type="text/javascript" src="../assets/js/ajax.js"></script>
</body>
<script>
$(document).on("click", ".addBtn", function() {
alert("hi");
console.log(addFolder);
});
function myFunction() {
$(this).addClass("hihihi");
}
$(document).ready(function() {
$('#jobFunction').multiselect({
selectAllText: 'All folders',
selectAllValue: 'All folders',
numberDisplayed: 100,
includeSelectAllOption: false,
buttonWidth: 140,
enableCaseInsensitiveFiltering: false,
enableFiltering: false,
nonSelectedText: 'All Latest Job Function',
onChange: function(option, checked) {
// Get selected options.
var selectedOptions = jQuery('#jobFunction option:selected');
if (selectedOptions.length >= 3) {
// Disable all other checkboxes.
var nonSelectedOptions = jQuery('#jobFunction option').filter(function() {
return !jQuery(this).is(':selected');
});
nonSelectedOptions.each(function() {
var input = jQuery('input[value="' + jQuery(this).val() + '"]');
input.prop('disabled', true);
input.parent().parent('li').addClass('disabled');
});
} else {
// Enable all checkboxes.
jQuery('#jobFunction option').each(function() {
var input = jQuery('input[value="' + jQuery(this).val() + '"]');
input.prop('disabled', false);
input.parent('li').addClass('disabled');
});
}
}
});
$('#JobFunction').multiselect({
includeSelectAllOption: true,
buttonWidth: 150,
enableFiltering: false,
nonSelectedText: 'Latest job function'
});
$('#JobFloder').multiselect({
selectAllText: 'All folders',
selectAllValue: 'All folders',
numberDisplayed: 100,
includeSelectAllOption: true,
buttonWidth: 150,
enableFiltering: false,
nonSelectedText: 'All folders'
});
$('#Sorted').multiselect({
includeSelectAllOption: false,
buttonWidth: 140,
enableFiltering: false
});
$('#JobDetailStatus').multiselect({
includeSelectAllOption: false,
buttonWidth: 140,
enableFiltering: false
});
$('#JobDetailFolder').multiselect({
includeSelectAllOption: true,
buttonWidth: 140,
enableFiltering: true
});
$('#MoveFolder').multiselect({
includeSelectAllOption: true,
buttonWidth: 140,
enableFiltering: true,
nonSelectedText: 'Move to folder'
});
$('#Markstatus').multiselect({
includeSelectAllOption: false,
buttonWidth: 140,
enableFiltering: false,
nonSelectedText: 'Mark status as'
});
// $(".form-check-input").change(function() {
// if ($(".form-check-input").prop('checked')) {
// $(".checkSelectDetail").fadeIn();
// } else {
// $(".checkSelectDetail").hide();
// }
// });
});
</script>
</html>