/home/mip/mip/public/img/credit/datatables/apply-online.php.tar
home/mip/public_html_/old_mip/apply-online.php 0000644 00000033723 15152061753 0015502 0 ustar 00 <? require_once( "func-all.php");
do_header();
$category = getdata("select * from job_category where 1 order by name");
$webjob = getdata_one("*","web_jobs","webjob_id",$webjob_id);
?>
<div class="inner-header">
<img src="images/img-inner-header-apply.jpg" class="img-responsive"/>
</div>
<div class="container">
<div class="row">
<? do_side_inner_page(); ?>
<div class="col-sm-8">
<h3>Apply Online</h3> <span style="color:#d9534f; font-size:16px !important">*</span><small> is a required fields</small>
<form action="sqladd.php?what=web_personal" method="post" enctype="multipart/form-data" id="myForm">
<div class="form-group" id="categoryField">
<label class="formlabel">Category <span style="color:#d9534f; font-size:16px !important">*</span></label>
<select class="form-control" name="category_id" id="category" <?php echo ($webjob_id) ? 'readonly' : '' ?>>
<option value="">--</option>
<?php echo selectcode($category,$webjob['category_id'],"category_id","name"); ?>
</select>
<small id="categoryInput"></small>
</div>
<div class="form-group" id="positionField">
<label class="formlabel">Position Applying <span style="color:#d9534f; font-size:16px !important">*</span></label>
<select class="form-control" name="position_id1" id="position" <?php echo ($webjob_id) ? 'readonly' : '' ?>>
<option value="">--</option>
<?php if($webjob_id){ ?>
<option value="<?php echo $webjob['position_id']; ?>" selected><?php echo getname($webjob['position_id'],"positions","position_id"); ?></option>
<?php } ?>
</select>
<small id="positionInput"></small>
</div>
<div class="form-inline form-group">
<label class="formlabel">Years of Exp (Local)</label>
<input type="text" name="position1_mosofexp" class="form-control" placeholder="Months" />
<input type="text" name="position1_yrsofexp" class="form-control" placeholder="Years" />
</div>
<div class="form-inline form-group">
<label class="formlabel">Years of Exp (Abroad)</label>
<input type="text" name="position1_mosofexp_abroad" class="form-control" placeholder="Months" />
<input type="text" name="position1_yrsofexp_abroad" class="form-control" placeholder="Years" />
</div>
<div class="form-group" id="fnameField">
<label class="formlabel">First Name <span style="color:#d9534f; font-size:16px !important">*</span></label>
<input type="text" name="fname" class="form-control" id="fname" />
<small id="fnameInput"></small>
</div>
<div class="form-group" id="mnameField">
<label class="formlabel">Middle Name <span style="color:#d9534f; font-size:16px !important">*</span></label>
<input type="text" name="mname" class="form-control" id="fname" />
<small id="mnameInput"></small>
</div>
<div class="form-group" id="lnameField">
<label class="formlabel">Last Name <span style="color:#d9534f; font-size:16px !important">*</span></label>
<input type="text" name="lname" class="form-control" id="lname" />
<small id="lnameInput"></small>
</div>
<div class="form-group" id="address1Field">
<label class="formlabel">Present Address <span style="color:#d9534f; font-size:16px !important">*</span></label>
<textarea name="address1" class="form-control" style="resize:none; height:100px" id="address1"></textarea>
<small id="address1Input"></small>
</div>
<div class="form-group">
<label class="formlabel">Tel Office</label>
<input type="text" name="office_phone" class="form-control" />
</div>
<div class="form-group">
<label class="formlabel">Tel Home</label>
<input type="text" name="home_phone" class="form-control" />
</div>
<div class="form-group" id="cellphoneField">
<label class="formlabel">Cellphone <span style="color:#d9534f; font-size:16px !important">*</span></label>
<input type="text" name="cellphone" class="form-control" id="cellphone" />
<small id="cellphoneInput"></small>
</div>
<div class="form-group" id="emailField">
<label class="formlabel">Email Address <span style="color:#d9534f; font-size:16px !important">*</span></label>
<input type="text" name="email" class="form-control" id="email" />
<small id="emailInput"></small>
</div>
<div class="form-group">
<label class="formlabel" style="font-size:18px">Permanent Address</label>
</div>
<div class="form-group">
<label class="formlabel">No./Bldg</label>
<input type="text" name="perm_no" class="form-control" />
</div>
<div class="form-group">
<label class="formlabel">Street / Barangay</label>
<input type="text" name="perm_st" class="form-control" />
</div>
<div class="form-group">
<label class="formlabel">Municipality / City</label>
<input type="text" name="perm_city" class="form-control" />
</div>
<div class="form-group">
<label class="formlabel">Province</label>
<input type="text" name="perm_prov" class="form-control" />
</div>
<div class="form-group">
<label class="formlabel">Zip Code</label>
<input type="text" name="perm_zip" class="form-control" />
</div>
<div class="form-group" id="birthdateField">
<label class="formlabel">Birthdate <span style="color:#d9534f; font-size:16px !important">*</span></label>
<input type="text" name="birthdate" class="form-control datemask" id="birthdate" />
<small id="birthdateInput"></small>
</div>
<div class="form-group">
<label class="formlabel">Birth Place</label>
<input type="text" name="birthplace" class="form-control" />
</div>
<div class="form-group">
<label class="formlabel">Height</label>
<div class="input-group">
<input type="text" name="height1" class="form-control" id="height" />
<span class="input-group-btn">
<a href="javascript:void(0)" onclick="doModalCM();" class="btn btn-warning">Conver ft to cm</a>
</span>
</div>
</div>
<div class="form-group">
<label class="formlabel">Weight</label>
<div class="input-group">
<input type="text" name="weight1" class="form-control" id="weight" />
<span class="input-group-btn">
<a href="javascript:void(0)" onclick="doModalKG();" class="btn btn-warning">Conver lbs to kg</a>
</span>
</div>
</div>
<div class="form-group" id="genderField">
<label class="formlabel">Gender <span style="color:#d9534f; font-size:16px !important">*</span></label>
<select name="sex" class="form-control" id="gender">
<option value="">--</option>
<option value="M">Male</option>
<option value="F">Female</option>
</select>
<small id="genderInput"></small>
</div>
<div class="form-group">
<label class="formlabel">Civil Status</label>
<select name="civil_status" class="form-control">
<option value="">--</option>
<option value="Single">Single</option>
<option value="Married">Married</option>
</select>
</div>
<div class="form-group">
<label class="formlabel">Religion</label>
<input type="text" name="religion" class="form-control" />
</div>
<div class="form-group">
<label class="formlabel">Nationality</label>
<input type="text" name="nationality" class="form-control" />
</div>
<div class="form-group">
<label class="formlabel">Picture</label>
<input type="file" name="picture">
</div>
<div class="form-group">
<button type="submit" class="btn btn-warning btn-sm" id="firstbtn">Next</button>
</div>
</form>
</div>
</div>
</div>
<!-- CM Converter -->
<div class="modal fade bs-example-modal-md" id="cmConverterModal" tabindex="-1" role="dialog" aria-labelledby="mySmallModalLabel">
<div class="modal-dialog modal-md modal-z-index">
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">×</span></button>
<h4 class="modal-title" id="myModalLabel">Convert to Centimeter</h4>
</div>
<div class="modal-body">
<div class="input-group">
<span class="input-group-addon" id="sizing-addon2">Feet</span>
<input type="text" name="feet" class="form-control" placeholder="Feet" id="feet" style="height:34px;" />
<span class="input-group-addon" id="sizing-addon2">Inches</span>
<input type="text" name="inch" class="form-control" placeholder="Inches" id="inch" style="height:34px;" />
<span class="input-group-btn">
<button class="btn btn-primary" type="button" onclick="convert();">Convert</button>
</span>
</div>
</div>
</div>
</div>
</div>
<!-- KG Converter -->
<div class="modal fade bs-example-modal-md" id="kgConverterModal" tabindex="-1" role="dialog" aria-labelledby="mySmallModalLabel">
<div class="modal-dialog modal-md modal-z-index">
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">×</span></button>
<h4 class="modal-title" id="myModalLabel">Convert to Lb</h4>
</div>
<div class="modal-body">
<div class="input-group">
<span class="input-group-addon" id="sizing-addon2">Pounds</span>
<input type="text" name="pounds" class="form-control" placeholder="Pounds" id="pounds" style="height:34px;" />
<span class="input-group-btn">
<button class="btn btn-primary" type="button" onclick="convertpounds();">Convert</button>
</span>
</div>
</div>
</div>
</div>
</div>
<script src="plugins/input-mask/jquery.inputmask.js"></script>
<script src="plugins/input-mask/jquery.inputmask.date.extensions.js"></script>
<script src="plugins/input-mask/jquery.inputmask.extensions.js"></script>
<script type="text/javascript">
$(document).ready(function() {
$(".datemask").inputmask("mm/dd/yyyy", {"placeholder": "mm/dd/yyyy"});
$('#category').change(function() {
$('#position').empty();
$.ajax({
url: 'sqloption.php?what=loadPosition',
type: 'POST',
dataType: 'json',
data: {
category_id: $('#category').val()
},
success: function(result)
{
var datas = result;
$.each(datas, function(index, data) {
$('#position').append('<option value="'+data.position_id+'">'+data.name+'</option>');
});
}
});
});
$('#firstbtn').click(function() {
if($('#category').val()==''){
$('#categoryField').addClass('has-error');
$('#categoryField').css('color', '#d9534f');
$('#categoryInput').html('Category field is required');
$('#category').focus();
return false;
} else if($('#position').val()==''){
$('#positionField').addClass('has-error');
$('#positionField').css('color', '#d9534f');
$('#positionInput').html('Position field is required');
$('#position').focus();
return false;
} else if($('#fname').val()==''){
$('#fnameField').addClass('has-error');
$('#fnameField').css('color', '#d9534f');
$('#fnameInput').html('First name field is required');
$('#fname').focus();
return false;
} else if($('#mname').val()==''){
$('#mnameField').addClass('has-error');
$('#mnameField').css('color', '#d9534f');
$('#mnameInput').html('Middle name field is required');
$('#mname').focus();
return false;
} else if($('#lname').val()==''){
$('#lnameField').addClass('has-error');
$('#lnameField').css('color', '#d9534f');
$('#lnameInput').html('Last name field is required');
$('#lname').focus();
return false;
} else if($('#address1').val()==''){
$('#address1Field').addClass('has-error');
$('#address1Field').css('color', '#d9534f');
$('#address1Input').html('Present Address field is required');
$('#address1').focus();
return false;
} else if($('#cellphone').val()==''){
$('#cellphoneField').addClass('has-error');
$('#cellphoneField').css('color', '#d9534f');
$('#cellphoneInput').html('Cellphone field is required');
$('#cellphone').focus();
return false;
} else if($('#email').val()==''){
$('#emailField').addClass('has-error');
$('#emailField').css('color', '#d9534f');
$('#emailInput').html('Email field is required');
$('#email').focus();
return false;
} else if($('#birthdate').val()==''){
$('#birthdateField').addClass('has-error');
$('#birthdateField').css('color', '#d9534f');
$('#birthdateInput').html('Birthdate field is required');
$('#birthdate').focus();
return false;
} else if($('#gender').val()==''){
$('#genderField').addClass('has-error');
$('#genderField').css('color', '#d9534f');
$('#genderInput').html('Gender field is required');
$('#gender').focus();
return false;
} else {
$('#firstbtn').html('Processing..');
$('#firstbtn').attr('disabled', true);
$('#myForm').submit();
}
});
});
function isValidEmailAddress(emailAddress) {
var pattern = /^([a-z\d!#$%&'*+\-\/=?^_`{|}~\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF]+(\.[a-z\d!#$%&'*+\-\/=?^_`{|}~\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF]+)*|"((([ \t]*\r\n)?[ \t]+)?([\x01-\x08\x0b\x0c\x0e-\x1f\x7f\x21\x23-\x5b\x5d-\x7e\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF]|\\[\x01-\x09\x0b\x0c\x0d-\x7f\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF]))*(([ \t]*\r\n)?[ \t]+)?")@(([a-z\d\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF]|[a-z\d\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF][a-z\d\-._~\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF]*[a-z\d\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])\.)+([a-z\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF]|[a-z\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF][a-z\d\-._~\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF]*[a-z\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])\.?$/i;
return pattern.test(emailAddress);
}
function doModalCM()
{
$('#cmConverterModal').modal();
$('#feet').val('');
$('#inch').val('');
}
function doModalKG()
{
$('#kgConverterModal').modal();
$('#pounds').val('');
}
function convert() {
//Clear output field:
$('#height').val('');
var urfeet = $('#feet').val();
var urinch = $('#inch').val();
var urcenti = "";
var ch = (urfeet*100/3.28);
var cf = (urinch/12*100/3.28);
var ans = ch+cf;
$('#height').val(Math.round(ans));
$('#cmConverterModal').modal('hide');
}
function convertpounds() {
// Clear output field:
$('#weight').val('');
var urpounds = $('#pounds').val();
var urkilos = "";
var temp = (urpounds / 2.2046);
$('#weight').val(Math.round(temp));
$('#kgConverterModal').modal('hide');
}
</script>
<?php
do_employerlogin();
do_footer();
?>
