%PDF-
%PDF-
Mini Shell
Mini Shell
<link href="<?php echo base_url().'assets/css/bootstrap.css'?>" rel="stylesheet" type="text/css"/>
<link href="<?php echo base_url().'assets/css/jquery.datatables.min.css'?>" rel="stylesheet" type="text/css"/>
<link href="<?php echo base_url().'assets/css/dataTables.bootstrap.css'?>" rel="stylesheet" type="text/css"/>
<script src="<?php echo base_url().'assets/js/jquery-3.2.1.js'?>"></script>
<script src="<?php echo base_url().'assets/js/bootstrap.js'?>"></script>
<script src="<?php echo base_url().'assets/js/jquery.datatables.min.js'?>"></script>
<script src="<?php echo base_url().'assets/js/dataTables.bootstrap.js'?>"></script>
<div class="content-wrapper">
<section class="content-header">
<h1>Dashboard</h1>
</section>
<section class="content">
<div class="row">
<div class="col-md-12">
<!-- BEGIN EXAMPLE TABLE PORTLET-->
<button class="btn btn-success pull-right" onclick="window.location.href = '<?php echo site_url('enquirysource/add');?> ';">Add New User</button>
<table class="table table-striped" id="mytable">
<thead>
<tr>
<th>Id</th>
<th>Source</th>
<th>status</th>
<th></th>
<th></th>
</tr>
</thead>
</table>
<!-- Modal Add Product-->
<form id="add-row-form" action="<?php echo site_url('emp/save');?>" method="post">
<div class="modal fade" id="myModalAdd" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
<div class="modal-dialog">
<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" id="myModalLabel">Add New</h4>
</div>
<div class="modal-body">
<div class="form-group">
<input type="text" name="user_id" class="form-control" placeholder="user_id" required>
</div>
<div class="form-group">
<input type="text" name="product_name" class="form-control" placeholder="Product Name" required>
</div>
<div class="form-group">
<select name="category" class="form-control" placeholder="Category" required>
<?php foreach ($category->result() as $row) :?>
<option value="<?php echo $row->category_id;?>"><?php echo $row->category_name;?></option>
<?php endforeach;?>
</select>
</div>
<div class="form-group">
<input type="text" name="price" class="form-control" placeholder="Price" required>
</div>
</div>
<div class="modal-footer">
<button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
<button type="submit" class="btn btn-success">Save</button>
</div>
</div>
</div>
</div>
</form>
<!-- Modal Update Product-->
<form id="add-row-form" action="<?php echo site_url('emp/update');?>" method="post">
<div class="modal fade" id="ModalUpdate" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
<div class="modal-dialog">
<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" id="myModalLabel">Update Product</h4>
</div>
<div class="modal-body">
<div class="form-group">
<input type="text" name="user_id" class="form-control" placeholder="user_id" readonly>
</div>
<div class="form-group">
<input type="text" name="product_name" class="form-control" placeholder="Product Name" required>
</div>
<div class="form-group">
<select name="category" class="form-control" required>
<?php foreach ($category->result() as $row) :?>
<option value="<?php echo $row->category_id;?>"><?php echo $row->category_name;?></option>
<?php endforeach;?>
</select>
</div>
<div class="form-group">
<input type="text" name="price" class="form-control" placeholder="Price" required>
</div>
</div>
<div class="modal-footer">
<button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
<button type="submit" class="btn btn-success">Update</button>
</div>
</div>
</div>
</div>
</form>
<!-- Modal delete Product-->
<form id="add-row-form" action="<?php echo site_url('emp/delete');?>" method="post">
<div class="modal fade" id="ModalDelete" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
<div class="modal-dialog">
<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" id="myModalLabel">Delete Product</h4>
</div>
<div class="modal-body">
<input type="hidden" name="user_id" class="form-control" required>
<strong>Are you sure to delete this record?</strong>
</div>
<div class="modal-footer">
<button type="button" class="btn btn-default" data-dismiss="modal">No</button>
<button type="submit" class="btn btn-success">Yes</button>
</div>
</div>
</div>
</div>
</form>
<!-- END EXAMPLE TABLE PORTLET-->
</div>
</div>
</section>
</div>
<script>
$(document).ready(function(){
// Setup datatables
$.fn.dataTableExt.oApi.fnPagingInfo = function(oSettings)
{
return {
"iStart": oSettings._iDisplayStart,
"iEnd": oSettings.fnDisplayEnd(),
"iLength": oSettings._iDisplayLength,
"iTotal": oSettings.fnRecordsTotal(),
"iFilteredTotal": oSettings.fnRecordsDisplay(),
"iPage": Math.ceil(oSettings._iDisplayStart / oSettings._iDisplayLength),
"iTotalPages": Math.ceil(oSettings.fnRecordsDisplay() / oSettings._iDisplayLength)
};
};
var table = $("#mytable").dataTable({
initComplete: function() {
var api = this.api();
$('#mytable_filter input')
.off('.DT')
.on('input.DT', function() {
api.search(this.value).draw();
});
},
oLanguage: {
sProcessing: "loading..."
},
processing: true,
serverSide: true,
ajax: {"url": "<?php echo base_url().'index.php/enquirysource/get_product_json'?>", "type": "POST"},
columns: [
{"data": "enquiry_id"},
{"data": "source"},
//render number format for price
{"data": "status"},
{"render": function (data, type, full, meta)
{ return '<a class="btn btn-info" href="http://www.ugotechnologies.com/BOS/enquirysource/edit/' + full.enquiry_id + '">Edit</a>'; }
},
{"render": function (data, type, full, meta)
{ return '<a class="btn btn-info" href="http://www.ugotechnologies.com/BOS/enquirysource/view/' + full.enquiry_id + '">View</a>'; }
}
],
order: [[0, 'desc']],
rowCallback: function(row, data, iDisplayIndex) {
var info = this.fnPagingInfo();
var page = info.iPage;
var length = info.iLength;
$('td:eq(0)', row).html();
}
});
// end setup datatables
// get Edit Records
$('#mytable').on('click','.edit_record',function(){
var code=$(this).data('code');
var name=$(this).data('name');
var price=$(this).data('price');
var category=$(this).data('category');
$('#ModalUpdate').modal('show');
$('[name="user_id"]').val(code);
$('[name="product_name"]').val(name);
$('[name="price"]').val(price);
$('[name="category"]').val(category);
});
// End Edit Records
// get delete Records
$('#mytable').on('click','.delete_record',function(){
var code=$(this).data('code');
$('#ModalDelete').modal('show');
$('[name="user_id"]').val(code);
});
// End delete Records
});
</script>
Zerion Mini Shell 1.0