ok
Mini Shell
<?php include "header.php";?>
<div class="content-wrapper" style="background: aliceblue;">
<div class="col-lg-12 alerts">
<div id="custom-alerts" style="display:none;">
<div class="alert alert-dismissable">
<div class="custom-msg"></div>
</div>
</div>
<?php if ($error) { ?>
<div class="alert alert-danger alert-dismissable">
<button aria-hidden="true" data-dismiss="alert" class="close" type="button">×</button>
<h4><i class="icon fa fa-ban"></i> Error</h4>
<?= $error; ?>
</div>
<?php } if ($warning) { ?>
<div class="alert alert-warning alert-dismissable">
<button aria-hidden="true" data-dismiss="alert" class="close" type="button">×</button>
<h4><i class="icon fa fa-warning"></i> warning</h4>
<?= $warning; ?>
</div>
<?php } if ($message) { ?>
<div class="alert alert-success alert-dismissable">
<button aria-hidden="true" data-dismiss="alert" class="close" type="button">×</button>
<h4> <i class="icon fa fa-check"></i> Success</h4>
<?= $site_name; ?>
</div>
<?php } ?>
</div>
<div class="clearfix"></div>
<script type="text/javascript">
<?php
$datatable = "var search_table =$('#search_table').val();
var table = $('#StData').DataTable({
'ajax' : {
url: 'data-tables/product-data-table.php',
data:{search:search_table},
type: 'POST'},
bFilter: true,
bDestroy: true,
searching: true,
pageLength: 100,
'buttons': [
{ extend: 'copyHtml5', 'footer': false, exportOptions: { columns: [ 0, 1, 2, 3, 4, 5, 6, 7, 8, 9] } },
{ extend: 'excelHtml5', 'footer': false, exportOptions: { columns: [ 0, 1, 2, 3, 4, 5, 6, 7, 8, 9] } },
{ extend: 'csvHtml5', 'footer': false, exportOptions: { columns: [ 0, 1, 2, 3, 4, 5, 6, 7, 8, 9] } },
{ extend: 'pdfHtml5', orientation: 'landscape', pageSize: 'A4', 'footer': false,
exportOptions: { columns: [ 0, 1, 2, 3, 4, 5, 6, 7, 8, 9] } },
{ extend: 'colvis', text: 'Columns'},
]
});";
?>
$(document).ready(function() {
emp_data();
function emp_data(){
<?=$datatable?>
}
$('#search_table').keyup(function() {
emp_data();
document.getElementById("search_table").focus();
});
});
function delete_product(id){
var result = confirm("Confirm Want to Delete This Product?");
if (result) {
$.ajax({
type: 'POST',
url: 'api/delete.php',
data: {type:'dynamic_delete',delete_id:id,table:'tbl_products'},
success: function(response) {
console.log(response);
emp_datas();
}
});
}
}
function dynamic_active(id){
var result = confirm("Confirm Want to Delete This Product?");
if (result) {
$.ajax({
type: 'POST',
url: 'api/delete.php',
data: {type:'dynamic_active',delete_id:id,table:'tbl_products'},
success: function(response) {
console.log(response);
emp_datas();
}
});
}
}
function emp_datas(){
<?=$datatable?>
}
</script>
<section class="content">
<div class="row">
<div class="col-xs-12">
<div >
<div class="box-header">
<a href="product-create.php" class="btn btn-success btn-sm pull-right"><i class="fa fa-plus-circle"></i> Create New Product</a>
<h3 class="box-title"><b><i class="fa fa-list"></i>Product List</b></h3>
</div>
<div class="box-body">
<div class="clearfix"></div>
<div class="table-responsive">
<table id="StData" class="table table-striped table-bordered table-condensed table-hover" style="margin-bottom:5px;font-family: Noto serif; font-style: italic;font-weight: bolder!important;font-size: 16px!important;box-shadow: rgba(6, 24, 44, 0.4) 0px 0px 0px 2px, rgba(6, 24, 44, 0.65) 0px 4px 6px -1px, rgba(255, 255, 255, 0.08) 0px 1px 0px inset; margin-left: 10px;">
<thead>
<tr>
<td colspan="10" class="p0"><input type="text" class="form-control b0" name="search_table" id="search_table" placeholder="Search Here" style="width:100%;background-color: <?=$theme_color?>color: white;"></td>
</tr>
<tr style="background:#32800085;">
<th style="width:100px;">Actions</th>
<th>S.No</th>
<!--<th data-sortable="false" id="checkAll"><i class="fa fa-check"></i>
<span id="d" ></span>
</th>-->
<th>Product Name</th>
<th>Short Name</th>
<th>Order No</th>
<th>Count Status</th>
<th>Category</th>
<th>Product Rate</th>
<th>Product Status</th>
<th>Status</th>
</tr>
</thead>
<tbody>
<tr>
<td colspan="10" class="dataTables_empty"><center> Loading Pls Wait Data</center></td>
</tr>
</tbody>
</table>
<!--<div class="col-md-12" style="text-align:center;">
<a href="#" class="btn btn-warning btn-sm" id="print_lable"><i class="fa fa-tags"></i> Print Label</a>
</div>-->
</div>
<div class="clearfix"></div>
</div>
</div>
</div>
</div>
</section>
<style>
table.table tbody tr:hover td {
background-color: #abe2eb !important;
}
table{
padding: 10px;
box-shadow: 2px 2px 2px gray;
border-radius: 10px;
background: antiquewhite;
}
</style>
<script>
/*$(document).ready(function() {
$('#checkAll').click(function () {
var d=$('#d').text();
if(d==''){
$('#d').text('checked');
$('.s').prop('checked',true);
}else{
$('#d').text('');
console.log('un checked');
$('.s').prop('checked',false);
}
});
$('.checkboxs').on('click',function(){
console.log('clicked');
});
$('#print_lable').on('click',function(){
var checkValues = $('input[name=assign_ids]:checked').map(function(){
return $(this).val();
}).get();
if(checkValues != '' ){
console.log(checkValues);
var ids=[];
ids = checkValues;
var url = "product-barcode-generate1.php?id="+ids;
window.open(url, '_blank');
}else{
alert("Please Select Minimum One Product Lable");
}
});
}); */
</script>
<?php include "footer.php";?>
Zerion Mini Shell 1.0