169 lines
4.7 KiB
PHP
169 lines
4.7 KiB
PHP
|
|
<!-- Body page content -->
|
|
<head>
|
|
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
|
|
</head>
|
|
<style>
|
|
.field-icon {
|
|
float: right;
|
|
margin-left: -25px;
|
|
margin-top: -25px;
|
|
margin-right: 10px;
|
|
position: relative;
|
|
z-index: 3;
|
|
}
|
|
</style>
|
|
|
|
|
|
<div class="">
|
|
<div class="page-title">
|
|
|
|
<div class="title_left">
|
|
<h3>Add User</h3>
|
|
</div>
|
|
|
|
|
|
</div>
|
|
<div class="clearfix"></div>
|
|
<div class="row">
|
|
<div class="col-md-12 col-sm-12 ">
|
|
<div class="x_panel">
|
|
<!-- <div class="x_title"> -->
|
|
|
|
<!-- <ul class="nav navbar-right panel_toolbox">
|
|
<li><a class="collapse-link"><i class="fa fa-chevron-up"></i></a></li>
|
|
</li>
|
|
</ul> -->
|
|
<!-- <h6>General Information</h6> -->
|
|
<!-- <div class="clearfix"></div> -->
|
|
<!-- </div> -->
|
|
<div class="x_content">
|
|
<br />
|
|
<form id="" data-parsley-validate class="form-horizontal form-label-left" method="post" action="<?php echo base_url();?>User/createUser" enctype="multipart/form-data">
|
|
|
|
<input type="hidden" name="<?php echo $this->security->get_csrf_token_name();?>" value="<?php echo $this->security->get_csrf_hash();?>">
|
|
|
|
<!-- --------------------------- -->
|
|
<div class="item form-group">
|
|
|
|
<label class="control-label col-md-1 col-sm-1 " for="first-name"> Name </label>
|
|
<div class="col-md-5 col-sm-5 ">
|
|
<input type="text" id="name" name="name" value="" required="required" class="form-control ">
|
|
</div>
|
|
|
|
<label class="control-label col-md-1 col-sm-1 " for="last-name"> Email </label>
|
|
<div class="col-md-5 col-sm-5 ">
|
|
<input type="text" id="email" name="email" value="" required="required" class="form-control ">
|
|
</div>
|
|
|
|
</div>
|
|
<!-- --------------------------- -->
|
|
<div class="item form-group">
|
|
|
|
<label class="control-label col-md-1 col-sm-1 " for="first-name"> Mobile </label>
|
|
<div class="col-md-5 col-sm-5 ">
|
|
<input type="text" id="mobile" name="mobile" value="" required="required" class="form-control ">
|
|
</div>
|
|
|
|
<label class="control-label col-md-1 col-sm-1 " for="last-name">Permit </label>
|
|
<div class="col-md-5 col-sm-5 ">
|
|
<select id="action_permit" name="action_permit" required="required" class="form-control" >
|
|
<option value="all">All</option>
|
|
<option value="view">View</option>
|
|
</select>
|
|
</div>
|
|
|
|
<!-- <label class="control-label col-md-1 col-sm-1 " for="last-name" hidden>Role </label>
|
|
<div class="col-md-5 col-sm-5 ">
|
|
<select id="role" name="role" required="required" class="form-control" hidden>
|
|
<option value="admin">Admin</option>
|
|
<option value="user">User</option>
|
|
</select>
|
|
</div> -->
|
|
|
|
</div>
|
|
<!-- --------------------------- -->
|
|
<div class="item form-group">
|
|
|
|
<label class="control-label col-md-1 col-sm-1 " for="first-name"> Username </label>
|
|
<div class="col-md-3 col-sm-3 ">
|
|
<input type="text" id="user_name" name="user_name" value="" required="required" class="form-control ">
|
|
</div>
|
|
|
|
<label class="control-label col-md-1 col-sm-1 " for="last-name"> Password </label>
|
|
<div class="col-md-3 col-sm-3 ">
|
|
<input type="password" id="password" name="password" value="" required="required" class="form-control " title="password must have alphabets 
password requires 6 characters minimum">
|
|
<span toggle="#password" class="fa fa-fw fa-eye field-icon toggle-password"></span>
|
|
</div>
|
|
|
|
<label class="control-label col-md-1 col-sm-1 " for="last-name"> Confirm Password </label>
|
|
<div class="col-md-3 col-sm-3 ">
|
|
<input type="password" id="confirm_password" name="confirm_password" value="" required="required" class="form-control ">
|
|
<span id='message'></span>
|
|
</div>
|
|
|
|
</div>
|
|
<!-- --------------------------- -->
|
|
|
|
|
|
<script>
|
|
// match the password and confirm password equal or not
|
|
$('#password, #confirm_password').on('keyup', function () {
|
|
$(':input[type="submit"]').prop('disabled', true);
|
|
if ($('#password').val() == $('#confirm_password').val() && $('#confirm_password').val().length > 0 ) {
|
|
$('#message').html('Matching').css('color', 'green');
|
|
$('button[type="submit"]').attr("disabled", false);
|
|
}
|
|
else if($('#password').val().length == 0 || $('#confirm_password').val().length == 0){
|
|
$('#message').html('');
|
|
}
|
|
else
|
|
$('#message').html('Not Matching').css('color', 'red');
|
|
});
|
|
|
|
// password eye icon
|
|
$(".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");
|
|
}
|
|
});
|
|
</script>
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
<div class="ln_solid"></div>
|
|
<div class="item form-group">
|
|
<div class="col-md-6 col-sm-6 offset-md-9">
|
|
<button class="btn btn-secondary" onclick="history.back()">Cancel</button>
|
|
<button class="btn btn-primary" type="reset">Reset</button>
|
|
<button type="submit" class="btn btn-success">Submit</button>
|
|
</div>
|
|
</div>
|
|
|
|
</form>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
</div>
|
|
</div>
|
|
<!-- /Body page content -->
|