File: /var/www/html/taxicamera/application/views/admin/user/add.php
<style>
.field-icon {
float: right;
margin-left: -25px;
margin-top: -40px;
position: relative;
z-index: 2;
}
</style>
<div class="main-content">
<div class="content-wrapper">
<div class="container-fluid">
<!-- Basic form layout section start -->
<section id="basic-form-layouts">
<!--<div class="row">
<div class="col-sm-12">
<h2 class="content-header">Driver Master</h2>
</div>
</div>-->
<div class="row">
<div class="col-md-12">
<div class="card">
<div class="card-header">
<div class="page-title-wrap">
<h4 class="card-title">Staff Sub Admin</h4>
<a class="title_btn t_btn_list" href="<?= base_url(); ?>admin/user"><span><i class="fa fa-list-ul" aria-hidden="true"></i></span> User List</a>
</div>
<!--<p class="mb-0">This is the most basic and cost estimation form is the default position.</p>-->
</div>
<div class="card-body">
<div class="px-3">
<?php
if (empty($singl_user)) {
?>
<form class="form custom_form_style add_edit_user" method="Post" action="<?= base_url(); ?>admin/user/submit_new_user">
<div class="form-body">
<div class="row">
<div class="col-md-4">
<div class="form-group">
<label>First Name <sup>*</sup></label>
<input type="text" onkeypress="nospaces(this)" onkeyup="nospaces(this)" class="form-control" required="" name="first_name">
</div>
</div>
<div class="col-md-4">
<div class="form-group">
<label>Middle Name</label>
<input type="text" onkeypress="nospaces(this)" onkeyup="nospaces(this)" class="form-control" name="middle_name">
</div>
</div>
<div class="col-md-4">
<div class="form-group">
<label>Last Name <sup>*</sup></label>
<input type="text" onkeypress="nospaces(this)" onkeyup="nospaces(this)" class="form-control" required="" name="last_name">
</div>
</div>
<div class="col-md-4">
<div class="form-group">
<label>Role Name <sup>*</sup></label>
<select class="form-control" required name="role_id">
<option value="">Select</option>
<?php
if (!empty($roles)) {
foreach ($roles as $role) {
?>
<option value="<?= $role['role_id']; ?>"><?= $role['role_name']; ?></option>
<?php
}
}
?>
</select>
</div>
</div>
<div class="col-md-4">
<div class="form-group">
<label>Email ID <sup>*</sup></label>
<input type="email" id="email" onkeypress="nospaces(this)" onkeyup="nospaces(this)"name="email" class="form-control" required="">
</div>
</div>
<div class="col-md-4">
<div class="form-group">
<label>Mobile <sup>*</sup></label>
<input type="text" onkeypress="nospaces(this)" onkeyup="nospaces(this)" name="mobile" class="form-control mobileNO" required="">
<span></span>
</div>
</div>
<div class="col-md-4">
<div class="form-group">
<label>Emergency Contact No.</label>
<input type="text" onkeypress="nospaces(this)" onkeyup="nospaces(this)" name="emergency_contact" class="form-control landlineNO" name="lname">
<span></span>
</div>
</div>
<div class="col-md-4">
<div class="form-group">
<label>DOB <sup>*</sup></label>
<div class="input-group">
<input type="text" id="dob" name="dob" class="form-control pickadate" placeholder="" required="" />
<div class="input-group-append">
<span class="input-group-text">
<span class="fa fa-calendar-o"></span>
</span>
</div>
</div>
</div>
</div>
</div>
<h4 class="form-section">Address Details:</h4>
<div class="row">
<div class="col-md-4">
<div class="form-group">
<label>UNIT NO. / FLAT NO. </label>
<input type="text" onkeypress="nospaces(this)" onkeyup="nospaces(this)" name="flat_no" class="form-control">
</div>
</div>
<div class="col-md-4">
<div class="form-group">
<label>Street No. </label>
<input type="text" onkeypress="nospaces(this)" onkeyup="nospaces(this)" name="street_no" class="form-control">
</div>
</div>
<div class="col-md-4">
<div class="form-group">
<label>Street Name </label>
<input type="text" onkeypress="nospaces(this)" onkeyup="nospaces(this)" name="street_name" class="form-control">
</div>
</div>
<div class="col-md-4">
<div class="form-group">
<label>Suburb </label>
<input type="text" onkeypress="nospaces(this)" onkeyup="nospaces(this)" name="suburb" class="form-control">
</div>
</div>
<div class="col-md-4">
<div class="form-group">
<label>State <sup>*</sup></label>
<input type="text" onkeypress="nospaces(this)" onkeyup="nospaces(this)" name="state" class="form-control" required>
</div>
</div>
<div class="col-md-4">
<div class="form-group">
<label>Post Code <sup>*(MAX LENGTH 4)</sup></label>
<input type="number" min='1' name="pin" class="form-control cklength" data-length="4" required>
<span></span>
</div>
</div>
</div>
<h4 class="form-section">Personal Details:</h4>
<div class="row">
<div class="col-md-4">
<div class="form-group">
<label>TFN <sup>*</sup></label>
<input type="text" name="tfn" onkeypress="nospaces(this)" class="form-control" required="">
</div>
</div>
<div class="col-md-4">
<div class="form-group">
<label>ABN </label>
<input name="abn" type="number" data-length="11" min="1" class="form-control cklength">
</div>
</div>
<div class="col-md-4">
<div class="form-group">
<label>Password <sup>*</sup></label>
<input type="password" name="password" pattern="(?=.*\d)(?=.*[a-z])(?=.*[A-Z]).{8,}" id="password" class="form-control" required="" placeholder="eg.: 123ABCde">
<span toggle="#password" class="fa fa-fw fa-eye field-icon toggle-password"></span>
</div>
<span style="font-size:10px;color:red">( A minimum 8 characters password contains a combination of uppercase and lowercase letter and number are required )</span>
</div>
<div class="col-md-4">
<div class="form-group">
<label>Confirm Password <sup>*</sup></label>
<input type="password" class="form-control" id="confirm_password" required="">
</div>
</div>
</div>
<h4 class="form-section">Bank Details:</h4>
<div class="row">
<div class="col-md-4">
<div class="form-group">
<label>BANK NAME <sup>*</sup></label>
<input type="text" onkeypress="nospaces(this)" onkeyup="nospaces(this)" name="bank_name" class="form-control" required="">
</div>
</div>
<div class="col-md-4">
<div class="form-group">
<label>BSB <sup>*(MAX LENGTH 6)</sup></label>
<input type="number" min="1" name="bsb" data-length="6" class="form-control cklength" required="">
<span></span>
</div>
</div>
<div class="col-md-4">
<div class="form-group">
<label>Account No. <sup>*</sup></label>
<input type="number" min="1" name="account_no" class="form-control cklength" data-length="15" required="">
<span></span>
</div>
</div>
</div>
</div>
<div class="form-actions">
<a class="btn btn-danger mr-1" href="<?php echo base_url() . 'admin/user'; ?>">
<i class="fa fa-times" aria-hidden="true"></i> Cancel
</a>
<button type="submit" class="btn btn-success add_edit_user_btn">
<i class="fa fa-floppy-o" aria-hidden="true"></i> Save
</button>
</div>
</form>
<?php
} else {
?>
<form class="form custom_form_style add_edit_user" method="Post" action="<?= base_url(); ?>admin/user/update_user">
<div class="form-body">
<div class="row">
<div class="col-md-4">
<div class="form-group">
<label>First Name <sup>*</sup></label>
<input type="text" class="form-control" onkeyup="nospaces(this)" onkeypress="nospaces(this)" required="" value="<?= $singl_user['first_name']; ?>" name="first_name">
</div>
</div>
<div class="col-md-4">
<div class="form-group">
<label>Middle Name</label>
<input type="text" class="form-control" onkeyup="nospaces(this)" onkeypress="nospaces(this)" value="<?= $singl_user['middle_name']; ?>" name="middle_name">
</div>
</div>
<div class="col-md-4">
<div class="form-group">
<label>Last Name <sup>*</sup></label>
<input type="text" class="form-control" onkeyup="nospaces(this)" onkeypress="nospaces(this)" required="" value="<?= $singl_user['last_name']; ?>" name="last_name">
</div>
</div>
<div class="col-md-4">
<div class="form-group">
<label>Role Name <sup>*</sup></label>
<select class="form-control" required="" name="role_id">
<option value=" ">Select</option>
<?php
if (!empty($roles)) {
foreach ($roles as $role) {
?>
<option value="<?= $role['role_id']; ?>" <?php if ($role['role_id'] == $singl_user['role_id']) {
echo "selected";
} ?>><?= $role['role_name']; ?></option>
<?php
}
}
?>
</select>
</div>
</div>
<div class="col-md-4">
<div class="form-group">
<label>Email ID <sup>*</sup></label>
<input type="email" onkeypress="nospaces(this)" onkeyup="nospaces(this)" value="<?= $singl_user['email']; ?>" id="email" name="email" class="form-control" required="">
</div>
</div>
<div class="col-md-4">
<div class="form-group">
<label>Mobile <sup>*</sup></label>
<input type="text" onkeypress="nospaces(this)" onkeyup="nospaces(this)" value="<?= $singl_user['mobile']; ?>" name="mobile" class="form-control mobileNO" required="">
<span></span>
</div>
</div>
<div class="col-md-4">
<div class="form-group">
<label>Emergency Contact No. </label>
<input type="text" onkeypress="nospaces(this)" onkeyup="nospaces(this)" value="<?= $singl_user['emergency_contact']; ?>" name="emergency_contact" class="form-control landlineNO" name="lname">
<span></span>
</div>
</div>
<div class="col-md-4">
<div class="form-group">
<label>DOB <sup>*</sup></label>
<div class="input-group">
<input type="text" id="dob" name="dob" value="<?= date('d/m/Y',strtotime($singl_user['dob'])); ?>" class="form-control pickadate" placeholder="" required="" />
<div class="input-group-append">
<span class="input-group-text">
<span class="fa fa-calendar-o"></span>
</span>
</div>
</div>
</div>
</div>
</div>
<h4 class="form-section">Address Details:</h4>
<div class="row">
<div class="col-md-4">
<div class="form-group">
<label>UNIT NO. / FLAT NO. </label>
<input type="text" onkeypress="nospaces(this)" onkeyup="nospaces(this)" name="flat_no" value="<?= $singl_user['flat_no']; ?>" class="form-control">
</div>
</div>
<div class="col-md-4">
<div class="form-group">
<label>Street No. </label>
<input type="text" onkeypress="nospaces(this)" onkeyup="nospaces(this)" name="street_no" value="<?= $singl_user['street_no']; ?>" class="form-control">
</div>
</div>
<div class="col-md-4">
<div class="form-group">
<label>Street Name </label>
<input type="text" onkeypress="nospaces(this)" onkeyup="nospaces(this)" name="street_name" value="<?= $singl_user['street_name']; ?>" class="form-control">
</div>
</div>
<div class="col-md-4">
<div class="form-group">
<label>Suburb </label>
<input type="text" onkeypress="nospaces(this)" onkeyup="nospaces(this)" name="suburb" value="<?= $singl_user['suburb']; ?>" class="form-control">
</div>
</div>
<div class="col-md-4">
<div class="form-group">
<label>State <sup>*</sup></label>
<input type="text" onkeypress="nospaces(this)" onkeyup="nospaces(this)" name="state" value="<?= $singl_user['state']; ?>" class="form-control" required="">
</div>
</div>
<div class="col-md-4">
<div class="form-group">
<label>Post Code <sup>*</sup></label>
<input type="number" min="1" name="pin" onKeyPress="if(this.value.length==4) return false;" value="<?= $singl_user['pin']; ?>" class="form-control" required="">
</div>
</div>
</div>
<h4 class="form-section">Personal Details:</h4>
<div class="row">
<div class="col-md-4">
<div class="form-group">
<label>TFN <sup>*</sup></label>
<input type="text" name="tfn" onkeyup="nospaces(this)" onkeypress="nospaces(this)" value="<?= $singl_user['tfn']; ?>" class="form-control" required="">
</div>
</div>
<div class="col-md-4">
<div class="form-group">
<label>ABN </label>
<input name="abn" type="number" min="1" data-length="11" value="<?= $singl_user['abn']; ?>" class="form-control cklength" >
<span></span>
</div>
</div>
<div class="col-md-4">
<div class="form-group">
<label>Password <sup>*</sup></label>
<input type="password" name="password" pattern="(?=.*\d)(?=.*[a-z])(?=.*[A-Z]).{8,}" id="password" class="form-control" required="" placeholder="eg.: 123ABCde" value="<?= $singl_user['org_password']; ?>">
<span toggle="#password" class="fa fa-fw fa-eye field-icon toggle-password"></span>
</div>
<span style="font-size:10px;color:red">( A minimum 8 characters password contains a combination of uppercase and lowercase letter and number are required )</span>
</div>
</div>
<h4 class="form-section">Bank Details:</h4>
<div class="row">
<div class="col-md-4">
<div class="form-group">
<label>BANK NAME <sup>*</sup></label>
<input type="text" name="bank_name" onkeypress="nospaces(this)" onkeyup="nospaces(this)" value="<?= $singl_user['bank_name']; ?>" class="form-control" required="">
</div>
</div>
<div class="col-md-4">
<div class="form-group">
<label>BSB <sup>*</sup></label>
<input type="number" min="1" data-lenght="6" name="bsb" value="<?= $singl_user['bsb']; ?>" class="form-control cklength" required="">
<span></span>
</div>
</div>
<div class="col-md-4">
<div class="form-group">
<label>Account No. <sup>*</sup></label>
<input type="number" min="1" name="account_no" value="<?= $singl_user['account_no']; ?>" class="form-control cklength" data-lenght="15" required="">
<span></span>
</div>
</div>
<input type="hidden" onkeypress="nospaces(this)" name="user_id" value="<?= $singl_user['user_id']; ?>">
</div>
</div>
<div class="form-actions">
<a class="btn btn-danger mr-1" href="<?php echo base_url() . 'admin/user'; ?>">
<i class="fa fa-times" aria-hidden="true"></i> Cancel
</a>
<button type="submit" class="btn btn-success add_edit_user_btn">
<i class="fa fa-floppy-o" aria-hidden="true"></i> Update
</button>
</div>
</form>
<?php
}
?>
</div>
</div>
</div>
</div>
</div>
</section>
<!-- // Basic form layout section end -->
</div>
</div>
</div>
<script type="text/javascript">
$(document).ready(function() {
var dob_max_date = new Date();
dob_max_date.setFullYear(dob_max_date.getFullYear() - 18);
$('#dob').pickadate({
format: 'dd/mm/yyyy',
max: dob_max_date,
selectYears: true,
selectMonths: true,
selectYears: 80
});
$(".toggle-password").click(function() {
$(this).toggleClass("fa-eye fa-eye-slash");
var input = $($(this).attr("toggle"));
if (input.attr("type") == "password") {
input.attr("type", "text");
} else {
input.attr("type", "password");
}
});
});
function nospaces(t){
if(t.value.match(/\s/g) && t.value.length == 1){
alert('Sorry, you are not allowed to enter any spaces in the starting.');
t.value=t.value.replace(/\s/g,'');
}
}
var password = document.getElementById("password");
var confirm_password = document.getElementById("confirm_password");
function validateNumber(mobnumber) {
var filter = /^(\d{3})(\d{3})(\d{4})$/;
if (filter.test(mobnumber)) {
return true;
} else {
return false;
}
}
function validatelandlineNumber(number) {
var filter = /^(\d{5})(\d{4})(\d{4})$/;
if (filter.test(number)) {
return true;
} else {
return false;
}
}
$(document).on('keyup','.landlineNO',function(){
var landline_no = $(this).val();
if(!validateNumber(landline_no)) {
$(this).next('span').html('Please enter valid contact no.');
$(this).next('span').css({'color':'red','font-size':'12px'});
}
else{
$(this).next('span').html('');
}
});
$(document).on('keyup','.mobileNO',function(){
var mobile_no = $(this).val();
if(!validateNumber(mobile_no)){
$(this).next('span').html('Please enter a valid mobile no.');
$(this).next('span').css({'color':'red','font-size':'12px'});
}
else{
$(this).next('span').html('');
}
});
function validatePassword() {
if (password.value != confirm_password.value) {
confirm_password.setCustomValidity("Passwords Don't Match");
} else {
confirm_password.setCustomValidity('');
}
}
$(document).on('submit',".add_edit_user_btn",function(event){
event.preventDefault();
var email_already_exist = check_email_already_exist();
//alert(email_already_exist);
if(!email_already_exist){
$(".add_edit_user").submit();
} else {
$.alert({
type: 'red',
title: 'Email Already Exist',
content: 'Please try with another',
});
}
})
function check_email_already_exist(){
var email = $("#email").val();
var user_id="<?=$this->uri->segment(4)?>";
var check_email_already_exist = false;
$.ajax({
type: 'POST',
url: "<?=base_url()?>admin/user/check_email_already_exist",
data:{email:email,user_id:user_id},
dataType:'json',
encode:true,
async:false,
cache:false,
success: function(result) {
if(result.status){
check_email_already_exist=false;
} else{
check_email_already_exist=true;
}
}
});
return check_email_already_exist;
}
password.onchange = validatePassword;
if(confirm_password){
confirm_password.onkeyup = validatePassword;
}
</script>