410 lines
14 KiB
PHP
Executable File
410 lines
14 KiB
PHP
Executable File
|
|
<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> </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">×</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>
|
|
|