This commit is contained in:
venbatechnologies@gmail.com 2018-08-06 18:53:46 +05:30
parent cb7a626e61
commit a7ef7d5168
15 changed files with 730 additions and 19 deletions

View File

@ -79,12 +79,16 @@ $route['country_visa_details'] = 'Dashboard_Controller/country_visa_details';
$route['favourite'] = 'Favourite_Controller/favourite';
$route['loginMe'] = 'Login_Controller/loginMe';
$route['forgotPassword'] = "Login_Controller/forgotPassword";
$route['resetPasswordUser'] = "Login_Controller/resetPasswordUser";
$route['resetPasswordConfirmUser'] = "Login_Controller/resetPasswordConfirmUser";
$route['createPasswordUser'] = "Login_Controller/createPasswordUser";
$route['register'] = 'Login_Controller/register';
$route['Add_Register'] = 'Login_Controller/Add_Register';
$route['user_details'] = 'User_Controller/user_details_master';
$route['logout'] = 'User_Controller/logout';

View File

@ -252,6 +252,48 @@ class Login_Controller extends CI_Controller
redirect("/Login_Controller");
}
}
}
/**
* This function used to load the Register page
*/
function Register()
{
$this->global['pageTitle'] = 'Visa : Register';
$this->load->View('register', $this->global,NULL , NULL);
}
/**
* To Store Register Details
*/
function Add_Register(){
$Registerdata =
array( 'Name'=>$this->input->post('Name'),
'PhoneNo'=>$this->input->post('PhoneNo'),
'Email'=>$this->input->post('Email'),
'AlternateEmail'=>$this->input->post('AlternateEmail'),
'Designation'=>$this->input->post('Designation'),
'CompanyName'=>$this->input->post('CompanyName'),
'CityName'=>$this->input->post('CityName'),
'CountryName'=>$this->input->post('CountryName'),
'Address'=>$this->input->post('Address'));
$Userdata =
array( 'email'=>$this->input->post('Email'),
'password'=>getHashedPassword($this->input->post('Password')),
'mobile'=>$this->input->post('PhoneNo'),
'roleId'=>'2',
'name'=>$this->input->post('Name'),
'createdDtm'=>date('Y-m-d H:i:s'));
$register= $this->Login_Model->Add_Register($Registerdata);
$user= $this->Login_Model->Add_User($Userdata);
if($register != ''&& $user !='')
{
echo"<script>alert('Created Successfully');window.location.href='Login_Controller';</script>";
}
else{
echo"<script>alert('Not Saved Try Again');window.location.href='register';</script>";
}
}
}
?>

View File

@ -30,7 +30,16 @@ class User_Controller extends BaseController
$this->loadViews("dashboard", $this->global, NULL , NULL);
}
/**
* This function used to load the User Details page
*/
function user_details_master(){
$this->global['pageTitle'] = 'Visa : User Details';
$data['getuserdetails']= $this->User_Model->Get_UserDetails();
$this->loadViews('user_details', $this->global,$data , NULL);
}
/**
* This function is used to load the user list
*/

View File

@ -132,6 +132,31 @@ class Login_model extends CI_Model
return $query->row();
}
/**
* To store register details into 'Tab_Register' table
* @param array $Registerdata : Its have all the register data
* @return $register : This will return Last inserted id of register number
*/
function Add_Register($Registerdata)
{
$this->db->insert('Tab_Register',$Registerdata);
$register = $this->db->insert_id();
return $register;
}
/**
* To store user datas details into 'Tab_Users' table
* @param array $Userdata : Its have all the user datas
* @return $user : This will return Last inserted id of user
*/
function Add_User($Userdata)
{
$this->db->insert('Tab_Users',$Userdata);
$user = $this->db->insert_id();
return $user;
}
}
?>

View File

@ -2,6 +2,16 @@
class User_model extends CI_Model
{
function Get_UserDetails()
{
$this->db->select('*');
$this->db->from('Tab_Register');
$query = $this->db->get();
$UserDetailsData = $query->result();
return $UserDetailsData;
}
/**
* This function is used to get the user listing count
* @param string $searchText : This is optional search text

View File

@ -26,7 +26,8 @@
font-weight: 300;
}
.slide-up + label {
font-weight: 400;
color: #fff;
font-weight: 400;
display: inline-block;
position: absolute;
transform: translateX(0);
@ -184,6 +185,11 @@ span:nth-child(3) .slide-up:active {
.nav-tabs-custom>.nav-tabs>li.active{
border-top-color:#dc2265 !important;
}
.box-solid{
box-shadow: 0 3px 4px 0 rgba(0,0,0,0.14),
0 3px 3px -2px rgba(0,0,0,0.12),
0 1px 8px 0 rgba(0,0,0,0.2);
}
</style>
<!-- Content Wrapper. Contains page content -->
@ -196,10 +202,10 @@ span:nth-child(3) .slide-up:active {
<div class="row">
<div class="col-md-offset-1 col-md-10">
<div class="box box-solid" style="box-shadow:0 1px 4px 0 rgba(0,0,0,.14);padding: 20px;">
<div class="box box-solid" style="padding: 20px;">
<div class="row">
<h3 class="box-title-box">City Master</h3>
<h3 class="box-title-box"><i class="fa fa-map-signs" style="padding-right:5px;"></i>City Master</h3>
</div>
<div class="box-body">
<div class="row">

View File

@ -26,6 +26,7 @@
font-weight: 300;
}
.slide-up + label {
color: #fff;
display: inline-block;
position: absolute;
transform: translateX(0);
@ -182,6 +183,11 @@ span:nth-child(3) .slide-up:active {
}
.nav-tabs-custom>.nav-tabs>li.active{
border-top-color:#dc2265 !important;
}
.box-solid{
box-shadow: 0 3px 4px 0 rgba(0,0,0,0.14),
0 3px 3px -2px rgba(0,0,0,0.12),
0 1px 8px 0 rgba(0,0,0,0.2);
}
</style>
@ -196,11 +202,11 @@ span:nth-child(3) .slide-up:active {
<div class="row">
<div class="col-md-offset-1 col-md-10">
<div class="box box-solid" style="box-shadow:0 1px 4px 0 rgba(0,0,0,.14);padding: 20px;">
<div class="box box-solid" style="padding: 20px;">
<div class="box-body">
<div class="row">
<h3 class="box-title-box">Country Master</h3>
<h3 class="box-title-box"><i class="fa fa-flag" style="padding-right:5px;"></i>Country Master</h3>
</div>
<div class="row">

View File

@ -27,7 +27,8 @@
font-weight: 300;
}
.slide-up + label {
font-weight: 400;
color: #fff;
font-weight: 400;
display: inline-block;
position: absolute;
transform: translateX(0);
@ -194,6 +195,11 @@ span:nth-child(3) .slide-up:active {
}
.nav-tabs-custom>.nav-tabs>li.active{
border-top-color:#dc2265 !important;
}
.box-solid{
box-shadow: 0 3px 4px 0 rgba(0,0,0,0.14),
0 3px 3px -2px rgba(0,0,0,0.12),
0 1px 8px 0 rgba(0,0,0,0.2);
}
</style>
@ -208,11 +214,11 @@ span:nth-child(3) .slide-up:active {
<div class="row">
<div class="col-md-12">
<div class="box box-solid" style="box-shadow:0 1px 4px 0 rgba(0,0,0,.14);padding: 20px;">
<div class="box box-solid" style="padding: 20px;">
<div class="box-body">
<div class="row">
<h3 class="box-title-box">Country Visa Details</h3>
<h3 class="box-title-box"><i class="fa fa-globe" style="padding-right:5px;"></i>Country Visa Details</h3>
</div>
<!-- form start -->
<form role="form" style="padding:40px;">

View File

@ -26,7 +26,8 @@
font-weight: 300;
}
.slide-up + label {
font-weight: 400;
color: #fff;
font-weight: 400;
display: inline-block;
position: absolute;
transform: translateX(0);
@ -176,6 +177,11 @@ span:nth-child(3) .slide-up:active {
}
.nav-tabs-custom>.nav-tabs>li.active{
border-top-color:#dc2265 !important;
}
.box-solid{
box-shadow: 0 3px 4px 0 rgba(0,0,0,0.14),
0 3px 3px -2px rgba(0,0,0,0.12),
0 1px 8px 0 rgba(0,0,0,0.2);
}
</style>
@ -189,11 +195,11 @@ span:nth-child(3) .slide-up:active {
<div class="row">
<div class="col-md-offset-1 col-md-10">
<div class="box box-solid" style="box-shadow:0 1px 4px 0 rgba(0,0,0,.14);padding: 20px;">
<div class="box box-solid" style="padding: 20px;">
<div class="box-body">
<div class="row">
<h3 class="box-title-box">Document Master</h3>
<h3 class="box-title-box"><i class="fa fa-file" style="padding-right:5px;"></i>Document Master</h3>
</div>
<div class="row">

View File

@ -199,7 +199,6 @@
immediately after the control sidebar ->
<div class="control-sidebar-bg"></div>-->
</div><!-- ./wrapper -->
<script src="<?php echo base_url(); ?>assets/bower_components/select2/dist/js/select2.full.min.js"></script>
<!-- jQuery 3 -->
<script src="<?php echo base_url(); ?>assets/bower_components/jquery/dist/jquery.min.js"></script>
<!-- jQuery UI 1.11.4 -->
@ -214,6 +213,9 @@
<script src="<?php echo base_url(); ?>assets/plugins/input-mask/jquery.inputmask.extensions.js"></script>
<!-- iCheck 1.0.1 -->
<script src="<?php echo base_url(); ?>assets/plugins/iCheck/icheck.min.js"></script>
<!--Select 2-->
<script src="<?php echo base_url(); ?>assets/bower_components/select2/dist/js/select2.full.min.js"></script>
<!-- DataTables -->
<script src="<?php echo base_url(); ?>assets/bower_components/datatables.net/js/jquery.dataTables.min.js"></script>
<script src="<?php echo base_url(); ?>assets/bower_components/datatables.net-bs/js/dataTables.bootstrap.min.js"></script>

View File

@ -168,6 +168,13 @@
</span>
</a>
</li>
<li>
<a href="<?php echo base_url(); ?>user_details">
<i class="fa fa-users"></i> <span>User Details</span>
<span class="pull-right-container">
</span>
</a>
</li>
</ul>
</section>
<!-- /.sidebar -->

View File

@ -139,8 +139,8 @@
</div>-->
<!-- /.social-auth-links -->
<!--<a href="#">I forgot my password</a><br>
<a href="register.html" class="text-center">Register a new membership</a>-->
<a href="<?php echo base_url(); ?>">I forgot my password</a><br>
<a href="<?php echo base_url(); ?>register" class="text-center">Register a new membership</a>
</div>
<!-- /.login-box-body -->

View File

@ -0,0 +1,173 @@
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<title>Visa | Log in</title>
<!-- Tell the browser to be responsive to screen width -->
<meta content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no" name="viewport">
<!-- Bootstrap 3.3.7 -->
<link rel="stylesheet" href="assets/bower_components/bootstrap/dist/css/bootstrap.min.css">
<!-- Font Awesome -->
<link rel="stylesheet" href="assets/bower_components/font-awesome/css/font-awesome.min.css">
<!-- Ionicons -->
<link rel="stylesheet" href="assets/bower_components/Ionicons/css/ionicons.min.css">
<!-- Theme style -->
<link rel="stylesheet" href="assets/dist/css/AdminLTE.min.css">
<!-- iCheck -->
<link rel="stylesheet" href="assets/plugins/iCheck/square/blue.css">
<style>
.input-group .input-group-addon {
border:0;
}
.input-group .form-control, .input-group-addon, .input-group-btn{
border-right: 0;
border-left: 0;
border-top: 0;
}
.input-group {
margin-bottom:15px;
}
.box-title-box{
color: #fff;
margin-left: 18px;
background: linear-gradient(60deg,#ec407a,#d81b60);
box-shadow: 0 4px 20px 0 rgba(0,0,0,.14), 0 7px 10px -5px rgba(233,30,99,.4);
display: inline-block;
border-radius: 3px;
padding: 13px;
margin-top: -50px;
margin-right: 15px;
float: left;
}
.nav-tabs-custom>.nav-tabs>li.active{
border-top-color:#dc2265 !important;
}
.btn-success.focus, .btn-success:focus{
background-color: #dd2366;
border-color: #dd2366;
box-shadow:0 4px 20px 0 rgba(0,0,0,.14), 0 7px 10px -5px rgba(233,30,99,.4);
}
.btn-success:hover, .btn-success:active, .btn-success.hover {
background-color: rgba(219, 34, 101, 0.64);
border-color: #dd2366;
box-shadow:0 4px 20px 0 rgba(0,0,0,.14), 0 7px 10px -5px rgba(233,30,99,.4);
}
.btn-success {
background-color: #dd2366;
border-color: #dd2366;
box-shadow:0 4px 20px 0 rgba(0,0,0,.14), 0 7px 10px -5px rgba(233,30,99,.4);
}
</style>
</head>
<body class="hold-transition login-page" style="background-image: url(assets/dist/img/loginbg.jpg);
background-size: cover;
background-position: top center;margin-top:150px;">
<div class="row">
<div class="col-md-offset-3 col-md-6">
<div class="box box-solid" style="box-shadow:0 1px 4px 0 rgba(0,0,0,.14);padding: 20px;">
<div class="box-body">
<div class="row">
<h3 class="box-title-box"><i class="fa fa-users" style="padding-right:5px;"></i>Register</h3>
</div>
<form action="<?php echo base_url() ?>Add_Register" method="post">
<div class="row">
<div class="col-md-6">
<div class="input-group">
<span class="input-group-addon"><i class="fa fa-user"></i></span>
<input type="text" class="form-control" placeholder="Name" name="Name" required />
</div>
</div>
<div class="col-md-6">
<div class="input-group">
<span class="input-group-addon"><i class="fa fa-mobile"></i></span>
<input type="number" class="form-control" placeholder="Phone No" name="PhoneNo" required />
</div>
</div>
<div class="col-md-6">
<div class="input-group">
<span class="input-group-addon"><i class="fa fa-envelope"></i></span>
<input type="mail" class="form-control" placeholder="Email ID" name="Email" required />
</div>
</div>
<div class="col-md-6">
<div class="input-group">
<span class="input-group-addon"><i class="fa fa-envelope"></i></span>
<input type="mail" class="form-control" placeholder="Alternate Email ID" name="AlternateEmail" required />
</div>
</div>
<div class="col-md-6">
<div class="input-group">
<span class="input-group-addon"><i class="fa fa-lock"></i></span>
<input type="password" class="form-control" placeholder="Password" name="Password" required />
</div>
</div>
<div class="col-md-6">
<div class="input-group">
<span class="input-group-addon"><i class="fa fa-lock"></i></span>
<input type="password" class="form-control" placeholder="Re-password" name="Re-password" required />
</div>
</div>
<div class="col-md-6">
<div class="input-group">
<span class="input-group-addon"><i class="fa fa-building"></i></span>
<input type="text" class="form-control" placeholder="Company Name" name="CompanyName" required />
</div>
</div>
<div class="col-md-6">
<div class="input-group">
<span class="input-group-addon"><i class="fa fa-briefcase "></i></span>
<input type="text" class="form-control" placeholder="Designation" name="Designation" required />
</div>
</div>
<div class="col-md-6">
<div class="input-group">
<span class="input-group-addon"><i class="fa fa-map-signs"></i></span>
<input type="text" class="form-control" placeholder="City" name="CityName" required />
</div>
</div>
<div class="col-md-6">
<div class="input-group">
<span class="input-group-addon"><i class="fa fa-globe"></i></span>
<input type="text" class="form-control" placeholder="Country" name="CountryName" required />
</div>
</div>
<div class="col-md-12">
<div class="input-group">
<span class="input-group-addon"><i class="fa fa-address-card"></i></span>
<input type="text" class="form-control" placeholder="Full Address" name="Address" required />
</div>
</div>
</div>
<div class="row">
<div class="col-xs-offset-4 col-xs-4">
<input type="Submit" class="btn btn-block btn-success btn-sm" value="Lets Go">
</div>
</div>
</form>
</div>
<!--//////////////////-->
<!-- /.box-body -->
</div>
<!-- /.box -->
</div>
<!-- ./col -->
</div>
<!-- /.row -->
<!-- jQuery 3 -->
<script src="assets/bower_components/jquery/dist/jquery.min.js"></script>
<!-- Bootstrap 3.3.7 -->
<script src="assets/bower_components/bootstrap/dist/js/bootstrap.min.js"></script>
<!-- iCheck -->
<script src="assets/plugins/iCheck/icheck.min.js"></script>
</body

View File

@ -0,0 +1,409 @@
<style>
.designinput {
position: relative;
display: inline-block;
margin-top: 20px;
/*margin-left: 15px;*/
}
.slide-up {
display: inline-block;
width: 260px;
padding: 10px 0 10px 30px;
font-family: "Open Sans", sans;
font-weight: 400;
color: #377D6A;
background: #efefef;
border: 0;
border-radius: 3px;
outline: 0;
text-indent: 80px;
transition: all .3s ease-in-out;
}
.slide-up::-webkit-input-placeholder {
color: #efefef;
text-indent: 0;
font-weight: 300;
}
.slide-up + label {
color: #fff;
font-weight: 400;
display: inline-block;
position: absolute;
transform: translateX(0);
top: 0;
left: 0;
padding: 10px 15px;
text-shadow: 0 1px 0 rgba(19, 74, 70, 0.4);
transition: all .3s ease-in-out;
border-top-left-radius: 3px;
border-bottom-left-radius: 3px;
overflow: hidden;
}
.slide-up + label:before, .slide-up + label:after {
content: "";
position: absolute;
right: 0;
left: 0;
z-index: -1;
transition: all .3s ease-in-out;
}
.slide-up + label:before {
top: 6px;
left: 5px;
right: 5px;
bottom: 6px;
background: #df2769;
}
.slide-up + label:after {
top: 0;
bottom: 0;
background: rgb(177, 177, 177);
}
span:nth-child(1) .slide-up {
text-indent: 105px;
}
span:nth-child(3) .slide-up {
text-indent: 125px;
}
span:nth-child(1) .slide-up:focus,
span:nth-child(1) .slide-up:active,
span:nth-child(3) .slide-up:focus,
span:nth-child(3) .slide-up:active {
text-indent: 0;
}
.slide-up:focus,
.slide-up:active {
color: #377D6A;
text-indent: 0;
background: #fff;
}
.slide-up:focus::-webkit-input-placeholder,
.slide-up:active::-webkit-input-placeholder {
color: #aaa;
}
.slide-up:focus + label,
.slide-up:active + label {
transform: translateY(-100%);
}
.slide-up:focus + label:before,
.slide-up:active + label:before {
border-radius: 5px;
}
.slide-up:focus + label:after,
.slide-up:active + label:after {
transform: translateY(100%);
}
.btn-primary:hover, .btn-primary:active, .btn-primary.hover{
background-color: #087322;
}
.btn-primary12:hover, .btn-primary12:active, .btn-primary12.hover{
background-color: #FFC107;
color: #fff;
}
.btn-primary{
color: #fff;
background-color: rgba(18, 187, 23, 0.75);
border-color: rgba(18, 187, 23, 0.75);
box-shadow: 0 2px 2px 0 rgba(233,30,99,.14), 0 3px 1px -2px rgba(233,30,99,.2), 0 1px 5px 0 rgba(233,30,99,.12);
/*position: relative;*/
padding: 10px 19px;
margin: 0.3125rem 1px;
min-width: auto;
font-size: 1.20rem;
font-weight: 800;
line-height: 1.428571;
text-decoration: none;
text-transform: uppercase;
vertical-align: middle;
letter-spacing: 0;
cursor: pointer;
border: 0;
border-radius: .2rem;
outline: 0;
transition: box-shadow .2s cubic-bezier(.4,0,1,1),background-color .2s cubic-bezier(.4,0,.2,1);
/*will-change: box-shadow,transform;*/
}
.btn-primary12{
color: #fff;
background-color:#f2b865;
border-color: #f2b865;
box-shadow: 0 2px 2px 0 rgba(233,30,99,.14), 0 3px 1px -2px rgba(233,30,99,.2), 0 1px 5px 0 rgba(233,30,99,.12);
/*position: relative;*/
padding: 10px 19px;
margin: 0.3125rem 1px;
min-width: auto;
font-size: 1.20rem;
font-weight: 800;
line-height: 1.428571;
text-decoration: none;
text-transform: uppercase;
vertical-align: middle;
letter-spacing: 0;
cursor: pointer;
border: 0;
border-radius: .2rem;
outline: 0;
transition: box-shadow .2s cubic-bezier(.4,0,1,1),background-color .2s cubic-bezier(.4,0,.2,1);
/*will-change: box-shadow,transform;*/
}
.or-button{
position: relative;
margin: -13px;
display: inline-block;
padding: 2px 5px;
background-color: #fff;
border-radius: 38px;
}
.box-title-box{
color: #fff;
margin-left: 18px;
background: linear-gradient(60deg,#ec407a,#d81b60);
box-shadow: 0 4px 20px 0 rgba(0,0,0,.14), 0 7px 10px -5px rgba(233,30,99,.4);
display: inline-block;
border-radius: 3px;
padding: 13px;
margin-top: -50px;
margin-right: 15px;
float: left;
}
.nav-tabs-custom>.nav-tabs>li.active{
border-top-color:#dc2265 !important;
}
.box-solid{
box-shadow: 0 3px 4px 0 rgba(0,0,0,0.14),
0 3px 3px -2px rgba(0,0,0,0.12),
0 1px 8px 0 rgba(0,0,0,0.2);
}
</style>
<!-- Content Wrapper. Contains page content -->
<div class="content-wrapper" style="background-color: #eee;">
<!-- Content Header (Page header) -->
<section class="content-header">
</section>
<!-- Main content -->
<section class="content" style="margin-top: 50px;">
<div class="row">
<div class="col-md-12">
<div class="box box-solid" style="padding: 20px;">
<div class="box-body">
<div class="row">
<h3 class="box-title-box"><i class="fa fa-users" style="padding-right:5px;"></i>User Details</h3>
</div>
<div class="col-md-12">
<!--<?php print_r($getuserdetails);?>-->
<table id="example2" class="table table-bordered table-hover">
<thead>
<tr>
<th>Reg No</th>
<th>Name</th>
<th>Mobile Number</th>
<th>Email</th>
<!--<th>Alternate Email ID</th>-->
<th>Company Name</th>
<th>Designation</th>
<th>City Name</th>
<th>Country Name</th>
<!--<th>Address</th>-->
<!--<th>Status</th>-->
<th>Action</th>
</tr>
</thead>
<tbody>
<?php if(!empty($getuserdetails)){
foreach($getuserdetails as $index=>$userdetails){
$index =$index + 1;
?>
<tr id="<?php echo $index; ?>">
<td><?php echo $userdetails->RegNo; ?></td>
<td><?php echo $userdetails->Name; ?></td>
<td><?php echo $userdetails->PhoneNo; ?></td>
<td><?php echo $userdetails->Email; ?></td>
<!--<td><?php echo $userdetails->AlternateEmail; ?></td>-->
<td><?php echo $userdetails->Designation; ?></td>
<td><?php echo $userdetails->CompanyName; ?></td>
<td><?php echo $userdetails->CityName; ?></td>
<td><?php echo $userdetails->CountryName; ?></td>
<!--<td><?php echo $userdetails->Address; ?></td>-->
<!--<td></td>-->
<!--<td><a data-toggle="modal" ><i data-toggle="tooltip" title="" data-original-title="Click here to view/Edit"></i></a>-->
<!--<td><a id="btn" data-id="<?php //echo $userdetails->RegNo; ?>" data-userid="<?php echo $userdetails->RegNo; ?>" data-toggle="modal"><i class="fa fa-edit" data-toggle="tooltip" title="<?php //echo $userdetails->RegNo; ?> - Click here to view User details"></i>&nbsp;&nbsp;&nbsp;</a></td> -->
<!--<td style="text-align:center;"><span data-toggle="modal" data-target="#viewuserdetails" ><i class="fa fa-edit" data-toggle="tooltip" data-original-title="Click here to view/Edit <?php echo $userdetails->RegNo ?> Details" style="color: #dc2265;"></i></span></td>-->
<td><a data-target='#viewuserdetails' data-userid="<?php echo $index ?>" data-toggle="modal" href="#viewuserdetails"><i class="fa fa-edit" data-toggle="tooltip" data-original-title="Click here to view/Edit <?php echo $userdetails->RegNo ?> Details" style="color: #dc2265;"></i></a></td>
</tr>
<?php }
} ?>
</tbody>
<tfoot>
<tr>
<th>Reg No</th>
<th>Name</th>
<th>Mobile Number</th>
<th>Email</th>
<!--<th>Alternate Email ID</th>-->
<th>Company Name</th>
<th>Designation</th>
<th>City Name</th>
<th>Country Name</th>
<!--<th>Address</th>-->
<!--<th>Status</th>-->
<th>Action</th>
</tr>
</tfoot>
</table>
</div>
<!-- /.modal starts-->
<div class="modal fade" id="viewuserdetails">
<div class="modal-dialog" style="top: 40px;width: 95%;">
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal" aria-label="Close">
<span aria-hidden="true">&times;</span></button>
<h4 class="modal-title box-title-box">View User Details</h4>
</div>
<div class="modal-body">
<div class="row" style="margin-left: 30px;">
<div class="col-md-4 designinput">
<div class="form-group">
<input class="slide-up" id="ViewRegNo" name="ViewRegNo" type="text" readonly /><label for="RegNo">RegNo</label>
</div>
</div>
<div class="col-md-4 designinput">
<div class="form-group">
<input class="slide-up" id="ViewName" name="ViewName" type="text" readonly /><label for="Name">Name</label>
</div>
</div>
<div class="col-md-4 designinput">
<div class="form-group">
<input class="slide-up" id="ViewMobileNo" name="ViewMobileNo" type="text" readonly /><label for="Mobile Number">Mobile No</label>
</div>
</div>
</div>
<div class="row" style="margin-left: 30px;">
<div class="col-md-4 designinput">
<div class="form-group">
<input class="slide-up" id="ViewEmail" name="ViewEmail" type="text" readonly /><label for="Email">Email ID</label>
</div>
</div>
<div class="col-md-4 designinput">
<div class="form-group">
<input class="slide-up" id="ViewCompanyName" name="ViewCompanyName" type="text" readonly /><label for="Company Name">Company Name</label>
</div>
</div>
<div class="col-md-4 designinput">
<div class="form-group">
<input class="slide-up" id="ViewDesignation" name="ViewDesignation" type="text" readonly /><label for="Designation">Designation</label>
</div>
</div>
</div>
<div class="row" style="margin-left: 30px;">
<div class="col-md-4 designinput">
<div class="form-group">
<input class="slide-up" id="ViewCityName" name="ViewCityName" type="text" readonly /><label for="City Name">City Name</label>
</div>
</div>
<div class="col-md-4 designinput">
<div class="form-group">
<input class="slide-up" id="ViewCountryName" name="ViewCountryName" type="text" readonly /><label for="Country Name">Country Name</label>
</div>
</div>
<div class="col-md-4 designinput">
<div class="form-group">
<input class="slide-up" id="ViewAddress" name="ViewAddress" type="text" readonly /><label for="Address">Address</label>
</div>
</div>
</div>
</div>
<div class="modal-footer">
<!--<button type="button" class="btn btn-default pull-left" data-dismiss="modal">Close</button>
<button type="button" class="btn btn-primary">Save changes</button>-->
<!--<button type="submit" class="btn btn-primary">Add</button>
<div class="or-button">Or</div>
<button type="submit" class="btn btn-primary12" data-dismiss="modal">Close</button>-->
</div>
</div>
<!-- /.modal-content -->
</div>
<!-- /.modal-dialog -->
</div>
<!-- /.modal -->
<!-- /.box-body -->
</div>
<!-- /.box -->
</div>
<!-- ./col -->
</div>
<!-- /.row -->
</section>
<!-- /.content -->
</div>
<!-- /.content-wrapper -->
<!-- jQuery 3 -->
<script src="<?php echo base_url(); ?>assets/bower_components/jquery/dist/jquery.min.js"></script>
<script>
$(function () {
$('#example1').DataTable()
$('#example2').DataTable({
'paging' : true,
'lengthChange': true,
'searching' : true,
'ordering' : true,
'info' : true,
'autoWidth' : false
});
$('#viewuserdetails').on('show.bs.modal', function (e) {
// console.log(e);
// console.log(e.relatedTarget);
var userid = $(e.relatedTarget).data('userid');
$('#ViewRegNo').val($('#example2 tr:eq('+ userid +') td:eq(0)').text());
$('#ViewName').val($('#example2 tr:eq('+ userid +') td:eq(1)').text());
$('#ViewMobileNo').val($('#example2 tr:eq('+ userid +') td:eq(2)').text());
$('#ViewEmail').val($('#example2 tr:eq('+ userid +') td:eq(3)').text());
$('#ViewCompanyName').val($('#example2 tr:eq('+ userid +') td:eq(4)').text());
$('#ViewDesignation').val($('#example2 tr:eq('+ userid +') td:eq(5)').text());
$('#ViewCityName').val($('#example2 tr:eq('+ userid +') td:eq(6)').text());
$('#ViewCountryName').val($('#example2 tr:eq('+ userid +') td:eq(7)').text());
$('#ViewCountryName').val($('#example2 tr:eq('+ userid +') td:eq(7)').text());
$('#ViewAddress').val($('#example2 tr:eq('+ userid +') td:eq(8)').text());
});
});
</script>

View File

@ -25,6 +25,7 @@
font-weight: 300;
}
.slide-up + label {
color: #fff;
font-weight: 400;
display: inline-block;
position: absolute;
@ -182,6 +183,11 @@ span:nth-child(3) .slide-up:active {
}
.nav-tabs-custom>.nav-tabs>li.active{
border-top-color:#dc2265 !important;
}
.box-solid{
box-shadow: 0 3px 4px 0 rgba(0,0,0,0.14),
0 3px 3px -2px rgba(0,0,0,0.12),
0 1px 8px 0 rgba(0,0,0,0.2);
}
</style>
@ -195,11 +201,11 @@ span:nth-child(3) .slide-up:active {
<div class="row">
<div class="col-md-offset-1 col-md-10">
<div class="box box-solid" style="box-shadow:0 1px 4px 0 rgba(0,0,0,.14);padding: 20px;">
<div class="box box-solid" style="padding: 20px;">
<div class="box-body">
<div class="row">
<h3 class="box-title-box">Visa Type Master</h3>
<h3 class="box-title-box"><i class="fa fa-cc-visa" style="padding-right:5px;"></i>Visa Type Master</h3>
</div>
<div class="row">
<div class="col-md-12">