/
var
/
www
/
html
/
admin
/
Upload FileeE
HOME
<?php session_start(); include('../Mplusedata&base/config.php'); if(strlen($_SESSION['alogin'])==0) { header('location:index.php'); } else{ date_default_timezone_set('Asia/Kolkata');// change according timezone $currentTime = date( 'd-m-Y h:i:s A', time () ); if(isset($_GET['del'])) { mysqli_query($con,"delete from products where id = '".$_GET['id']."'"); $_SESSION['delmsg']="Product deleted !!"; } ?> <!DOCTYPE html> <html lang="en"> <head> <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" /> <meta charset="utf-8" /> <title>Admin| SubCategory</title> <meta name="description" content="Static & Dynamic Tables" /> <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0" /> <!-- bootstrap & fontawesome --> <link rel="stylesheet" href="assets/css/bootstrap.min.css" /> <link rel="stylesheet" href="assets/font-awesome/4.5.0/css/font-awesome.min.css" /> <!-- page specific plugin styles --> <!-- text fonts --> <link rel="stylesheet" href="assets/css/fonts.googleapis.com.css" /> <!-- ace styles --> <link rel="stylesheet" href="assets/css/ace.min.css" class="ace-main-stylesheet" id="main-ace-style" /> <!--[if lte IE 9]> <link rel="stylesheet" href="assets/css/ace-part2.min.css" class="ace-main-stylesheet" /> <![endif]--> <link rel="stylesheet" href="assets/css/ace-skins.min.css" /> <link rel="stylesheet" href="assets/css/ace-rtl.min.css" /> <!--[if lte IE 9]> <link rel="stylesheet" href="assets/css/ace-ie.min.css" /> <![endif]--> <!-- inline styles related to this page --> <!-- ace settings handler --> <script src="assets/js/ace-extra.min.js"></script> <!-- HTML5shiv and Respond.js for IE8 to support HTML5 elements and media queries --> <!--[if lte IE 8]> <script src="assets/js/html5shiv.min.js"></script> <script src="assets/js/respond.min.js"></script> <![endif]--> </head> <body class="no-skin"> <?php include("topheader.php");?> <div class="main-container ace-save-state" id="main-container"> <script type="text/javascript"> try{ace.settings.loadState('main-container')}catch(e){} </script> <?php include("leftheader.php");?> <div class="main-content"> <div class="main-content-inner"> <div class="page-content"> <div class="row"> <div class="col-xs-12"> <!-- PAGE CONTENT BEGINS --> <div class="hr hr-18 dotted hr-double"></div> <div class="row"> <div class="col-xs-12"> <?php if(isset($_GET['del'])) {?> <div class="alert alert-error"> <button type="button" class="close" data-dismiss="alert">×</button> <strong>Oh snap!</strong> <?php echo htmlentities($_SESSION['delmsg']);?><?php echo htmlentities($_SESSION['delmsg']="");?> </div> <?php } ?> <div class="clearfix"> <div class="pull-right tableTools-container"></div> </div> <div class="table-header"> Manage New Collection </div> <div> <table id="dynamic-table" class="table table-striped table-bordered table-hover"> <thead> <tr> <th>#</th> <th>Product Name</th> <th>Category </th> <th></th> <th>Company Name</th> <th>Product SKU number</th> <th>Action</th> </tr> </thead> <?php $query=mysqli_query($con,"select products.*,category.categoryName from products join category on category.id=products.category where campaign='yes'"); $cnt=1; while($row=mysqli_fetch_array($query)) { ?> <tr> <td><?php echo htmlentities($cnt);?></td> <td><?php echo htmlentities($row['productName']);?></td> <td><?php echo htmlentities($row['categoryName']);?></td> <td> </td> <td><?php echo htmlentities($row['productCompany']);?></td> <td><?php echo htmlentities($row['sku']);?></td> <td> <div class="hidden-sm hidden-xs action-buttons"> <a style="display:none" class="red" href="manage-products.php?id=<?php echo $row['id']?>&del=delete" onClick="return confirm('Are you sure you want to delete?')"> <i class="ace-icon fa fa-trash-o bigger-130"></i> </a> <a class="green" href="edit-products.php?id=<?php echo $row['id']?>" data-toggle="modal"> <i class="ace-icon fa fa-pencil bigger-130"></i> </a> </div> <div class="hidden-md hidden-lg"> <div class="inline pos-rel"> <button class="btn btn-minier btn-yellow dropdown-toggle" data-toggle="dropdown" data-position="auto"> <i class="ace-icon fa fa-caret-down icon-only bigger-120"></i> </button> <ul class="dropdown-menu dropdown-only-icon dropdown-yellow dropdown-menu-right dropdown-caret dropdown-close"> <li> <a href="manage-products.php?id=<?php echo $row['id']?>&del=delete" onClick="return confirm('Are you sure you want to delete?')" class="tooltip-error" data-rel="tooltip" title="" data-original-title="Delete"> <span class="red"> <i class="ace-icon fa fa-trash-o bigger-120"></i> </span> </a> </li> <li> <a href="edit-products.php?id=<?php echo $row['id']?>" class="tooltip-error" data-rel="tooltip" title="" data-original-title="Delete"> <span class="red"> <i class="ace-icon fa fa-trash-o bigger-120"></i> </span> </a> </li> </ul> </div> </div> </td> </tr> <?php $cnt=$cnt+1; } ?> </tbody> </table> <script src="assets/js/jquery-2.1.4.min.js"></script> <!-- <![endif]--> <!--[if IE]> <script src="assets/js/jquery-1.11.3.min.js"></script> <![endif]--> <script type="text/javascript"> if('ontouchstart' in document.documentElement) document.write("<script src='assets/js/jquery.mobile.custom.min.js'>"+"<"+"/script>"); </script> <script src="assets/js/bootstrap.min.js"></script> <!-- page specific plugin scripts --> <!-- ace scripts --> <script src="assets/js/ace-elements.min.js"></script> <script src="assets/js/ace.min.js"></script> <!-- inline scripts related to this page --> <script type="text/javascript"> jQuery(function($) { $('.modal.aside').ace_aside(); $('#aside-inside-modal').addClass('aside').ace_aside({container: '#my-modal."<?php echo $row['id']?>".modal-dialog'}); //$('#top-menu').modal('show') $(document).one('ajaxloadstart.page', function(e) { //in ajax mode, remove before leaving page $('.modal.aside').remove(); $(window).off('.aside') }); //make content sliders resizable using jQuery UI (you should include jquery ui files) //$('#right-menu > .modal-dialog').resizable({handles: "w", grid: [ 20, 0 ], minWidth: 200, maxWidth: 600}); }) </script> </div> <div class="hidden-md hidden-lg"> <div class="inline pos-rel"> <button class="btn btn-minier btn-yellow dropdown-toggle" data-toggle="dropdown" data-position="auto"> <i class="ace-icon fa fa-caret-down icon-only bigger-120"></i> </button> <ul class="dropdown-menu dropdown-only-icon dropdown-yellow dropdown-menu-right dropdown-caret dropdown-close"> <li> <a href="#" class="tooltip-info" data-rel="tooltip" title="View"> <span class="blue"> <i class="ace-icon fa fa-search-plus bigger-120"></i> </span> </a> </li> <li> <a href="#" class="tooltip-success" data-rel="tooltip" title="Edit"> <span class="green"> <i class="ace-icon fa fa-pencil-square-o bigger-120"></i> </span> </a> </li> <li> <a href="#" class="tooltip-error" data-rel="tooltip" title="Delete"> <span class="red"> <i class="ace-icon fa fa-trash-o bigger-120"></i> </span> </a> </li> </ul> </div> </div> </td> </tr> </tbody> </table> </div> </div> </div> <!-- PAGE CONTENT ENDS --> </div><!-- /.col --> </div><!-- /.row --> </div><!-- /.page-content --> </div> </div><!-- /.main-content --> <?php include("fotter.php");?> <a href="#" id="btn-scroll-up" class="btn-scroll-up btn btn-sm btn-inverse"> <i class="ace-icon fa fa-angle-double-up icon-only bigger-110"></i> </a> </div><!-- /.main-container --> <!-- basic scripts --> <!--[if !IE]> --> <script src="assets/js/jquery-2.1.4.min.js"></script> <!-- <![endif]--> <!--[if IE]> <script src="assets/js/jquery-1.11.3.min.js"></script> <![endif]--> <script type="text/javascript"> if('ontouchstart' in document.documentElement) document.write("<script src='assets/js/jquery.mobile.custom.min.js'>"+"<"+"/script>"); </script> <script src="assets/js/bootstrap.min.js"></script> <!-- page specific plugin scripts --> <script src="assets/js/jquery.dataTables.min.js"></script> <script src="assets/js/jquery.dataTables.bootstrap.min.js"></script> <script src="assets/js/dataTables.buttons.min.js"></script> <script src="assets/js/buttons.flash.min.js"></script> <script src="assets/js/buttons.html5.min.js"></script> <script src="assets/js/buttons.print.min.js"></script> <script src="assets/js/buttons.colVis.min.js"></script> <script src="assets/js/dataTables.select.min.js"></script> <!-- ace scripts --> <script src="assets/js/ace-elements.min.js"></script> <script src="assets/js/ace.min.js"></script> <!-- inline scripts related to this page --> <script type="text/javascript"> jQuery(function($) { //initiate dataTables plugin var myTable3 = $('#dynamic-table') //.wrap("<div class='dataTables_borderWrap' />") //if you are applying horizontal scrolling (sScrollX) .DataTable( { bAutoWidth: false, "aoColumns": [ { "bSortable": false }, null, null,null, null, null, { "bSortable": false } ], "aaSorting": [], //"bProcessing": true, //"bServerSide": true, //"sAjaxSource": "http://127.0.0.1/table.php" , //, //"sScrollY": "200px", //"bPaginate": false, //"sScrollX": "100%", //"sScrollXInner": "120%", //"bScrollCollapse": true, //Note: if you are applying horizontal scrolling (sScrollX) on a ".table-bordered" //you may want to wrap the table inside a "div.dataTables_borderWrap" element //"iDisplayLength": 50 select: { style: 'multi' } } ); $.fn.dataTable.Buttons.defaults.dom.container.className = 'dt-buttons btn-overlap btn-group btn-overlap'; new $.fn.dataTable.Buttons( myTable3, { buttons: [ { "extend": "colvis", "text": "<i class='fa fa-search bigger-110 blue'></i> <span class='hidden'>Show/hide columns</span>", "className": "btn btn-white btn-primary btn-bold", columns: ':not(:first):not(:last)' }, { "extend": "copy", "text": "<i class='fa fa-copy bigger-110 pink'></i> <span class='hidden'>Copy to clipboard</span>", "className": "btn btn-white btn-primary btn-bold" }, { "extend": "csv", "text": "<i class='fa fa-database bigger-110 orange'></i> <span class='hidden'>Export to CSV</span>", "className": "btn btn-white btn-primary btn-bold" }, { "extend": "excel", "text": "<i class='fa fa-file-excel-o bigger-110 green'></i> <span class='hidden'>Export to Excel</span>", "className": "btn btn-white btn-primary btn-bold" }, { "extend": "pdf", "text": "<i class='fa fa-file-pdf-o bigger-110 red'></i> <span class='hidden'>Export to PDF</span>", "className": "btn btn-white btn-primary btn-bold" }, { "extend": "print", "text": "<i class='fa fa-print bigger-110 grey'></i> <span class='hidden'>Print</span>", "className": "btn btn-white btn-primary btn-bold", autoPrint: false, message: 'This print was produced using the Print button for DataTables' } ] } ); myTable3.buttons().container().appendTo( $('.tableTools-container') ); //style the message box var defaultCopyAction = myTable3.button(1).action(); myTable3.button(1).action(function (e, dt, button, config) { defaultCopyAction(e, dt, button, config); $('.dt-button-info').addClass('gritter-item-wrapper gritter-info gritter-center white'); }); var defaultColvisAction = myTable3.button(0).action(); myTable3.button(0).action(function (e, dt, button, config) { defaultColvisAction(e, dt, button, config); if($('.dt-button-collection > .dropdown-menu').length == 0) { $('.dt-button-collection') .wrapInner('<ul class="dropdown-menu dropdown-light dropdown-caret dropdown-caret" />') .find('a').attr('href', '#').wrap("<li />") } $('.dt-button-collection').appendTo('.tableTools-container .dt-buttons') }); //// setTimeout(function() { $($('.tableTools-container')).find('a.dt-button').each(function() { var div = $(this).find(' > div').first(); if(div.length == 1) div.tooltip({container: 'body', title: div.parent().text()}); else $(this).tooltip({container: 'body', title: $(this).text()}); }); }, 500); myTable3.on( 'select', function ( e, dt, type, index ) { if ( type === 'row' ) { $( myTable3.row( index ).node() ).find('input:checkbox').prop('checked', true); } } ); myTable3.on( 'deselect', function ( e, dt, type, index ) { if ( type === 'row' ) { $( myTable3.row( index ).node() ).find('input:checkbox').prop('checked', false); } } ); ///////////////////////////////// //table checkboxes $('th input[type=checkbox], td input[type=checkbox]').prop('checked', false); //select/deselect all rows according to table header checkbox $('#dynamic-table > thead > tr > th input[type=checkbox], #dynamic-table_wrapper input[type=checkbox]').eq(0).on('click', function(){ var th_checked = this.checked;//checkbox inside "TH" table header $('#dynamic-table').find('tbody > tr').each(function(){ var row = this; if(th_checked) myTable3.row(row).select(); else myTable3.row(row).deselect(); }); }); //select/deselect a row when the checkbox is checked/unchecked $('#dynamic-table').on('click', 'td input[type=checkbox]' , function(){ var row = $(this).closest('tr').get(0); if(this.checked) myTable3.row(row).deselect(); else myTable3.row(row).select(); }); $(document).on('click', '#dynamic-table .dropdown-toggle', function(e) { e.stopImmediatePropagation(); e.stopPropagation(); e.preventDefault(); }); //And for the first simple table, which doesn't have TableTools or dataTables //select/deselect all rows according to table header checkbox var active_class = 'active'; $('#simple-table > thead > tr > th input[type=checkbox]').eq(0).on('click', function(){ var th_checked = this.checked;//checkbox inside "TH" table header $(this).closest('table').find('tbody > tr').each(function(){ var row = this; if(th_checked) $(row).addClass(active_class).find('input[type=checkbox]').eq(0).prop('checked', true); else $(row).removeClass(active_class).find('input[type=checkbox]').eq(0).prop('checked', false); }); }); //select/deselect a row when the checkbox is checked/unchecked $('#simple-table').on('click', 'td input[type=checkbox]' , function(){ var $row = $(this).closest('tr'); if($row.is('.detail-row ')) return; if(this.checked) $row.addClass(active_class); else $row.removeClass(active_class); }); /********************************/ //add tooltip for small view action buttons in dropdown menu $('[data-rel="tooltip"]').tooltip({placement: tooltip_placement}); //tooltip placement on right or left function tooltip_placement(context, source) { var $source = $(source); var $parent = $source.closest('table') var off1 = $parent.offset(); var w1 = $parent.width(); var off2 = $source.offset(); //var w2 = $source.width(); if( parseInt(off2.left) < parseInt(off1.left) + parseInt(w1 / 2) ) return 'right'; return 'left'; } /***************/ $('.show-details-btn').on('click', function(e) { e.preventDefault(); $(this).closest('tr').next().toggleClass('open'); $(this).find(ace.vars['.icon']).toggleClass('fa-angle-double-down').toggleClass('fa-angle-double-up'); }); /***************/ /** //add horizontal scrollbars to a simple table $('#simple-table').css({'width':'2000px', 'max-width': 'none'}).wrap('<div style="width: 1000px;" />').parent().ace_scroll( { horizontal: true, styleClass: 'scroll-top scroll-dark scroll-visible',//show the scrollbars on top(default is bottom) size: 2000, mouseWheelLock: true } ).css('padding-top', '12px'); */ }) </script> </body> </html> <?php } ?>