473 lines
25 KiB
PHP
473 lines
25 KiB
PHP
<!DOCTYPE html>
|
|
<html lang="en">
|
|
<head>
|
|
<meta charset="utf-8" />
|
|
<title>Corporate Listing</title>
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
<meta content="A fully featured admin theme which can be used to build CRM, CMS, etc." name="description" />
|
|
<meta content="Coderthemes" name="author" />
|
|
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
|
|
<!-- App favicon -->
|
|
<link rel="shortcut icon" href="<?php echo base_url(); ?>assets/images/favicon.ico">
|
|
|
|
<!-- third party css -->
|
|
<link href="<?php echo base_url(); ?>assets/libs/datatables.net-bs4/css/dataTables.bootstrap4.min.css" rel="stylesheet" type="text/css" />
|
|
<link href="<?php echo base_url(); ?>assets/libs/datatables.net-responsive-bs4/css/responsive.bootstrap4.min.css" rel="stylesheet" type="text/css" />
|
|
<link href="<?php echo base_url(); ?>assets/libs/datatables.net-buttons-bs4/css/buttons.bootstrap4.min.css" rel="stylesheet" type="text/css" />
|
|
<link href="<?php echo base_url(); ?>assets/libs/datatables.net-select-bs4/css//select.bootstrap4.min.css" rel="stylesheet" type="text/css" />
|
|
<!-- third party css end -->
|
|
|
|
<!-- App css -->
|
|
<link href="<?php echo base_url(); ?>assets/css/bootstrap-creative.min.css" rel="stylesheet" type="text/css" id="bs-default-stylesheet" />
|
|
<link href="<?php echo base_url(); ?>assets/css/app-creative.min.css" rel="stylesheet" type="text/css" id="app-default-stylesheet" />
|
|
|
|
<link href="<?php echo base_url(); ?>assets/css/bootstrap-creative-dark.min.css" rel="stylesheet" type="text/css" id="bs-dark-stylesheet" />
|
|
<link href="<?php echo base_url(); ?>assets/css/app-creative-dark.min.css" rel="stylesheet" type="text/css" id="app-dark-stylesheet" />
|
|
|
|
<!-- icons -->
|
|
<link href="<?php echo base_url(); ?>assets/css/icons.min.css" rel="stylesheet" type="text/css" />
|
|
|
|
<style>
|
|
.mb25{
|
|
margin-bottom: 25px;
|
|
}
|
|
.required{
|
|
color: red;
|
|
}
|
|
</style>
|
|
|
|
</head>
|
|
|
|
<body class="loading" data-layout-mode="horizontal" data-layout='{"mode": "light", "width": "fluid", "menuPosition": "fixed", "topbar": {"color": "dark"}, "showRightSidebarOnPageLoad": true}'>
|
|
|
|
<!-- Begin page -->
|
|
<div id="wrapper">
|
|
|
|
<?php include('includes/top_nav.php'); ?>
|
|
|
|
<!-- ============================================================== -->
|
|
<!-- Start Page Content here -->
|
|
<!-- ============================================================== -->
|
|
|
|
<div class="content-page">
|
|
<div class="content">
|
|
|
|
<!-- Start Content-->
|
|
<div class="container-fluid">
|
|
|
|
<!-- start page title -->
|
|
<div class="row">
|
|
<div class="col-12">
|
|
<div class="page-title-box page-title-box-alt">
|
|
<h4 class="page-title">Corporate Listing</h4>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<!-- end page title -->
|
|
|
|
<div class="row">
|
|
<div class="col-12">
|
|
<div class="card">
|
|
<div class="card-body">
|
|
<div class="row">
|
|
<div class="col-md-10"></div>
|
|
<div class="col-md-2">
|
|
<button style="float:right" type="button" class="btn btn-primary waves-effect waves-light" data-toggle='modal' data-target="#add_modal">Add Corporate</button>
|
|
</div>
|
|
</div>
|
|
<!--
|
|
<h4 class="header-title">Scroll - Horizontal</h4>
|
|
<p class="text-muted font-13 mb-4">
|
|
DataTables has the ability to show tables with horizontal scrolling, which is very useful for when you have a wide
|
|
table, but want to constrain it to a limited horizontal display area.
|
|
</p>
|
|
-->
|
|
|
|
<table id="datatable" class="table w-100 nowrap">
|
|
<thead>
|
|
<tr>
|
|
<th>Company Name</th>
|
|
<th>Short Name</th>
|
|
<th>Contact Person</th>
|
|
<th>Email</th>
|
|
<th>Mobile</th>
|
|
<th>Action</th>
|
|
</tr>
|
|
</thead>
|
|
<tbody></tbody>
|
|
</table>
|
|
|
|
</div> <!-- end card body-->
|
|
</div> <!-- end card -->
|
|
</div><!-- end col-->
|
|
</div>
|
|
<!-- end row-->
|
|
|
|
</div> <!-- container -->
|
|
|
|
</div> <!-- content -->
|
|
|
|
<?php include('includes/footer.php'); ?>
|
|
|
|
</div>
|
|
|
|
<!-- ============================================================== -->
|
|
<!-- End Page content -->
|
|
<!-- ============================================================== -->
|
|
|
|
<div id="add_modal" class="modal fade" role="dialog">
|
|
<div class="modal-dialog">
|
|
|
|
<!-- Modal content-->
|
|
<div class="modal-content">
|
|
<div class="modal-header">
|
|
<h4 class="modal-title">Add Corporate Details</h4>
|
|
<button type="button" class="close" data-dismiss="modal">×</button>
|
|
</div>
|
|
<form id="usrforma" class="form-horizontal editform" style="padding:10px;">
|
|
<div class="modal-body">
|
|
|
|
<div class="form-body">
|
|
<div class="form-group">
|
|
<!-- <div class="row"> -->
|
|
|
|
|
|
<div class="form-group">
|
|
|
|
<div class="row">
|
|
<div class="col-md-6 mb25">
|
|
<label>Company Name<span class="required">*</span></label>
|
|
<input onkeyup="this.value = this.value.toUpperCase();" required type="text" name="usr[c_name]" id="" class="form-control"/>
|
|
</div>
|
|
<div class="col-md-6 mb25">
|
|
<label>Short Name<span class="required">*</span></label>
|
|
<input onkeyup="this.value = this.value.toUpperCase();" required type="text" name="usr[c_code]" id="" class="form-control"/>
|
|
</div>
|
|
<div class="col-md-6 mb25">
|
|
<label>Contact Person<span class="required">*</span></label>
|
|
<input onkeyup="this.value = this.value.toUpperCase();" required type="text" name="usr[c_person]" id="" class="form-control"/>
|
|
</div>
|
|
<div class="col-md-6 mb25">
|
|
<label>Email<span class="required">*</span></label>
|
|
<input type="text" name="usr[c_email]" id="" class="form-control" required/>
|
|
</div>
|
|
|
|
<div class="col-md-6 mb25">
|
|
<label>Mobile</label>
|
|
<input type="text" oninput="this.setCustomValidity('')" oninvalid="this.setCustomValidity('Valid format : 10 digit number')" pattern="[0-9]{10}" name="usr[c_number]" id="" class="form-control"/>
|
|
</div>
|
|
|
|
<div class="col-md-6">
|
|
<label>Status<span class="required">*</span></label> <br/>
|
|
<label class="radio-inline">
|
|
<input type="radio" name="usr[c_isactive]" id="add_c_isactive_1" value="1" checked required> Active
|
|
</label>
|
|
<label class="radio-inline">
|
|
<input type="radio" name="usr[c_isactive]" id="add_c_isactive_0" value="0"> Deactive
|
|
</label>
|
|
</div>
|
|
|
|
<div class="col-md-6">
|
|
<label>Status<span class="required">*</span></label> <br/>
|
|
<label class="radio-inline">
|
|
<input type="radio" name="usr[payment]" id="_1" value="1" required> GST
|
|
</label>
|
|
<label class="radio-inline">
|
|
<input type="radio" name="usr[payment]" id="_2" value="2"> Payment
|
|
</label>
|
|
<label class="radio-inline">
|
|
<input type="radio" name="usr[payment]" id="_3" value="3"> Both
|
|
</label>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- </div> -->
|
|
</div>
|
|
<div class="modal-footer">
|
|
<button type="submit" class="btn btn-primary">Submit</button>
|
|
<button type="button" id="addclose" class="btn btn-default" data-dismiss="modal">Close</button>
|
|
</div>
|
|
|
|
|
|
</div>
|
|
|
|
</div>
|
|
</form>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div id="edit_modal" class="modal fade" role="dialog">
|
|
<div class="modal-dialog">
|
|
|
|
<!-- Modal content-->
|
|
<div class="modal-content">
|
|
<div class="modal-header">
|
|
<h4 class="modal-title">Edit Corporate Details</h4>
|
|
<button type="button" class="close" data-dismiss="modal">×</button>
|
|
</div>
|
|
<form id="usrforme" class="form-horizontal editform" style="padding:10px;">
|
|
<div class="modal-body">
|
|
|
|
|
|
<div class="form-group">
|
|
|
|
<div class="row">
|
|
<div class="col-md-6 mb25">
|
|
<label>Company Name<span class="required">*</span></label>
|
|
<input type="hidden" name="c_id" id="e_c_id" class="form-control"/>
|
|
<input onkeyup="this.value = this.value.toUpperCase();" required type="text" name="usr[c_name]" id="e_c_name" class="form-control"/>
|
|
</div>
|
|
<div class="col-md-6 mb25">
|
|
<label>Short Name<span class="required">*</span></label>
|
|
<input onkeyup="this.value = this.value.toUpperCase();" required type="text" name="usr[c_code]" id="e_c_code" class="form-control"/>
|
|
</div>
|
|
<div class="col-md-6 mb25">
|
|
<label>Contact Person<span class="required">*</span></label>
|
|
<input onkeyup="this.value = this.value.toUpperCase();" required type="text" name="usr[c_person]" id="e_c_person" class="form-control"/>
|
|
</div>
|
|
<div class="col-md-6 mb25">
|
|
<label>Email<span class="required">*</span></label>
|
|
<input type="text" name="usr[c_email]" id="e_c_email" class="form-control" required/>
|
|
</div>
|
|
|
|
<div class="col-md-6 mb25">
|
|
<label>Mobile</label>
|
|
<input type="text" oninput="this.setCustomValidity('')" oninvalid="this.setCustomValidity('Valid format : 10 digit number')" pattern="[0-9]{10}" name="usr[c_number]" id="e_c_number" class="form-control"/>
|
|
</div>
|
|
|
|
<div class="col-md-6">
|
|
<label>Status<span class="required">*</span></label> <br/>
|
|
<label class="radio-inline">
|
|
<input type="radio" name="usr[c_isactive]" id="e_c_isactive_1" value="1" required> Active
|
|
</label>
|
|
<label class="radio-inline">
|
|
<input type="radio" name="usr[c_isactive]" id="e_c_isactive_0" value="0"> Deactive
|
|
</label>
|
|
</div>
|
|
|
|
<div class="col-md-6">
|
|
<label>Status<span class="required">*</span></label> <br/>
|
|
<label class="radio-inline">
|
|
<input type="radio" name="usr[payment]" id="1" value="1" required> GST
|
|
</label>
|
|
<label class="radio-inline">
|
|
<input type="radio" name="usr[payment]" id="2" value="2"> Payment
|
|
</label>
|
|
<label class="radio-inline">
|
|
<input type="radio" name="usr[payment]" id="3" value="3"> Both
|
|
</label>
|
|
</div>
|
|
|
|
</div>
|
|
</div>
|
|
|
|
<!-- </div> -->
|
|
</div>
|
|
<div class="modal-footer">
|
|
<button type="submit" class="btn btn-primary">Submit</button>
|
|
<button type="button" id="editclose" class="btn btn-default" data-dismiss="modal">Close</button>
|
|
</div>
|
|
</form>
|
|
</div>
|
|
|
|
|
|
</div>
|
|
</div>
|
|
|
|
<button style="display:none" id="editref" type="button" class="btn btn-primary" data-toggle='modal' data-target="#edit_modal">edit ref</button>
|
|
<!-- END wrapper -->
|
|
|
|
<!-- Vendor js -->
|
|
<script src="<?php echo base_url(); ?>assets/js/vendor.min.js"></script>
|
|
|
|
<!-- third party js -->
|
|
<script src="<?php echo base_url(); ?>assets/libs/datatables.net/js/jquery.dataTables.min.js"></script>
|
|
<script src="<?php echo base_url(); ?>assets/libs/datatables.net-bs4/js/dataTables.bootstrap4.min.js"></script>
|
|
<script src="<?php echo base_url(); ?>assets/libs/datatables.net-responsive/js/dataTables.responsive.min.js"></script>
|
|
<script src="<?php echo base_url(); ?>assets/libs/datatables.net-responsive-bs4/js/responsive.bootstrap4.min.js"></script>
|
|
<script src="<?php echo base_url(); ?>assets/libs/datatables.net-buttons/js/dataTables.buttons.min.js"></script>
|
|
<script src="<?php echo base_url(); ?>assets/libs/datatables.net-buttons-bs4/js/buttons.bootstrap4.min.js"></script>
|
|
<script src="<?php echo base_url(); ?>assets/libs/datatables.net-buttons/js/buttons.html5.min.js"></script>
|
|
<script src="<?php echo base_url(); ?>assets/libs/datatables.net-buttons/js/buttons.flash.min.js"></script>
|
|
<script src="<?php echo base_url(); ?>assets/libs/datatables.net-buttons/js/buttons.print.min.js"></script>
|
|
<script src="<?php echo base_url(); ?>assets/libs/datatables.net-keytable/js/dataTables.keyTable.min.js"></script>
|
|
<script src="<?php echo base_url(); ?>assets/libs/datatables.net-select/js/dataTables.select.min.js"></script>
|
|
<script src="<?php echo base_url(); ?>assets/libs/pdfmake/build/pdfmake.min.js"></script>
|
|
<script src="<?php echo base_url(); ?>assets/libs/pdfmake/build/vfs_fonts.js"></script>
|
|
<!-- third party js ends -->
|
|
|
|
<!-- Datatables init -->
|
|
<!-- <script src="<?php echo base_url(); ?>assets/js/pages/datatables.init.js"></script>-->
|
|
|
|
<script>
|
|
|
|
$("#usrforme").submit(function(e) {
|
|
e.preventDefault(); // avoid to execute the actual submit of the form.
|
|
var form = $(this);
|
|
$.ajax({
|
|
type: "POST",
|
|
url: '<?php echo base_url('admin/upd_corpdetail'); ?>',
|
|
data: form.serialize(), // serializes the form's elements.
|
|
success: function(data)
|
|
{
|
|
if(data == 1){
|
|
$('#editclose').trigger('click');
|
|
usrforme.reset();
|
|
alert('Corporate details updated successfully.');
|
|
getcorplisting();
|
|
}
|
|
else if(data == 2){
|
|
alert('Error. Corporate code already exists.');
|
|
}
|
|
else if(data == 3){
|
|
alert('Error. Email ID already exists.');
|
|
}
|
|
else{
|
|
alert('Request failed. Kindly try after sometime');
|
|
}
|
|
},
|
|
error:function(){
|
|
alert('Request failed. Kindly try after sometime');
|
|
}
|
|
});
|
|
});
|
|
|
|
$("#usrforma").submit(function(e) {
|
|
e.preventDefault(); // avoid to execute the actual submit of the form.
|
|
var form = $(this);
|
|
$.ajax({
|
|
type: "POST",
|
|
url: '<?php echo base_url('admin/add_corpdetail'); ?>',
|
|
data: form.serialize(), // serializes the form's elements.
|
|
success: function(data)
|
|
{
|
|
if(data == 1){
|
|
$('#addclose').trigger('click');
|
|
usrforma.reset();
|
|
alert('Corporate details added successfully.');
|
|
getcorplisting();
|
|
}
|
|
else if(data == 2){
|
|
alert('Error. Customer Code already exists.');
|
|
}
|
|
else if(data == 3){
|
|
alert('Error. Email ID already exists.');
|
|
}
|
|
else{
|
|
alert('Request failed. Kindly try after sometime');
|
|
}
|
|
},
|
|
error:function(){
|
|
alert('Request failed. Kindly try after sometime');
|
|
}
|
|
});
|
|
});
|
|
|
|
function editfn(c_id){
|
|
$('#e_c_id').val(c_id);
|
|
var htmlData = '';
|
|
$.ajax({
|
|
url : '<?php echo base_url('admin/get_corpdetail') ?>',
|
|
data: {c_id:c_id},
|
|
type:'POST',
|
|
success:function(data){
|
|
var pdata = JSON.parse(data);
|
|
var pd = pdata.data;
|
|
$('#e_c_name').val(pd[0].c_name);
|
|
$('#e_c_email').val(pd[0].c_email);
|
|
$('#e_c_number').val(pd[0].c_number);
|
|
$('#e_c_person').val(pd[0].c_person);
|
|
$('#e_c_code').val(pd[0].c_code);
|
|
|
|
$.each(pd[0],function(k,v){
|
|
if(k == 'c_isactive')
|
|
{
|
|
console.log(v);
|
|
if((v == '0') || (v == '1')){
|
|
$('#e_'+k+'_'+v).prop('checked', true);
|
|
}
|
|
|
|
}
|
|
else if(k == 'payment')
|
|
{
|
|
if((v == '1') || (v == '2') || (v == '3')){
|
|
$('#'+v).prop('checked', true);
|
|
}
|
|
|
|
}
|
|
});
|
|
|
|
},
|
|
error:function(){
|
|
alert('Request failed. Kindly try after sometime.');
|
|
}
|
|
});
|
|
$('#editref').trigger('click');
|
|
}
|
|
|
|
$(document).ready(function() {
|
|
oTable = $('#datatable').DataTable({
|
|
|
|
dom: '<"top"Bf>rt<"bottom"ip><"clear">',
|
|
// dom:'B',
|
|
'lengthChange' : false,
|
|
"columnDefs": [
|
|
{
|
|
"targets": 5,
|
|
"width": "12%",
|
|
"render": function ( data, type, full, meta ) {
|
|
return '<a onclick="editfn('+data+')" href="javascript:void(0)" style="font-size:16px;"><i class="fa fa-edit" title="Edit"></i></a> <a href="javascript:void(0)" onclick="delfn('+data+')" style="font-size:16px;display:none;"><i class="fa fa-trash" title="Delete"></i> </a>';
|
|
}
|
|
}
|
|
|
|
|
|
|
|
//
|
|
// <a href='' style="font-size:16px;"><i class="fa fa-trash"></i> </a>
|
|
],
|
|
// order : [[ 4, "asc" ]],
|
|
columns : [
|
|
{ data : "c_name"},
|
|
{ data : "c_code"},
|
|
{ data : "c_person"},
|
|
{ data : "c_email"},
|
|
{ data : "c_number"},
|
|
{ data : "c_id"}
|
|
],
|
|
buttons: ['excel']
|
|
// buttons: ['copy', 'excel', 'pdf']
|
|
});
|
|
getcorplisting();
|
|
} );
|
|
|
|
function getcorplisting(){
|
|
var url = "<?php echo site_url('admin/get_corp'); ?>"; // the script where you handle the form input.
|
|
$.ajax({
|
|
type: "POST",
|
|
url: url,
|
|
success: function(data)
|
|
{
|
|
oTable.clear();
|
|
var jsonData = JSON.parse(data);
|
|
var jd = jsonData.data;
|
|
var htmlData = '';
|
|
var i=0;
|
|
var rowNode = oTable
|
|
.rows.add( jsonData.data )
|
|
.draw();
|
|
$('#wait').hide();
|
|
// $('#example1_filter').hide();
|
|
// $('#dtableid').show();
|
|
// get_all_pnr_counts();
|
|
}
|
|
});
|
|
}
|
|
</script>
|
|
|
|
<!-- App js -->
|
|
<script src="<?php echo base_url(); ?>assets/js/app.min.js"></script>
|
|
|
|
</body>
|
|
</html>
|