/
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 () ); ?> <script language="javascript" type="text/javascript"> var popUpWin=0; function popUpWindow(URLStr, left, top, width, height) { if(popUpWin) { if(!popUpWin.closed) popUpWin.close(); } popUpWin = open(URLStr,'popUpWin', 'toolbar=no,location=no,directories=no,status=no,menubar=no,scrollbars=yes,resizable=no,copyhistory=yes,width='+600+',height='+600+',left='+left+', top='+top+',screenX='+left+',screenY='+top+''); } </script> <!DOCTYPE html> <html lang="en"> <head> <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" /> <meta charset="utf-8" /> <title>Tables - Ace Admin</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"> <div class="clearfix"> <div class="pull-right tableTools-container"></div> </div> <div class="table-header"> Results for Guest Order </div> <div> <table id="dynamic-table" class="table table-striped table-bordered table-hover"> <thead> <tr> <th> Name</th> <th width="50">Email /Contact no</th> <th>Shipping Address</th> <th>Product </th> <th>Qty </th> <th>Amount </th> <th>Action</th> </tr> </thead> <?php $status='Delivered'; $query=mysqli_query($con,"select users.name as username,users.email as useremail,users.contactno as usercontact,users.shippingAddress as shippingaddress,users.shippingCity as shippingcity,users.shippingState as shippingstate,users.shippingPincode as shippingpincode,products.productName as productname,products.shippingCharge as shippingcharge,orders.quantity as quantity,orders.orderDate as orderdate,products.productPrice as productprice,orders.id as id from orders join users on orders.userId=users.id join products on products.id=orders.productId where orders. orderStatus!='$status' or orders.orderStatus is null"); $cnt=1; while($row=mysqli_fetch_array($query)) { ?> <tr> <td><?php echo htmlentities($row['username']);?></td> <td><?php echo htmlentities($row['useremail']);?>/<?php echo htmlentities($row['usercontact']);?></td> <td><?php echo htmlentities($row['shippingaddress'].",".$row['shippingcity'].",".$row['shippingstate']."-".$row['shippingpincode']);?></td> <td><?php echo htmlentities($row['productname']);?></td> <td><?php echo htmlentities($row['quantity']);?></td> <td><?php echo htmlentities($row['quantity']*$row['productprice']+$row['shippingcharge']);?></td> </td> <td> <div class="hidden-sm hidden-xs action-buttons"> <a class="blue" href="#my-modal2<?php echo htmlentities($row['id']);?>" data-toggle="modal"> <i class="ace-icon fa fa-search-plus bigger-130"></i> </a> <div id="my-modal2<?php echo htmlentities($row['id']);?>" class="modal fade" tabindex="-1"> <div class="modal-dialog"> <div class="modal-content"> <div class="modal-header"> <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button> <h3 class="smaller lighter blue no-margin"><?php echo htmlentities($row['username']);?></h3> </div> <div class="modal-body"> <table> <thead> <tr><td>Customer name </td><td><?php echo htmlentities($row['username']);?></td></tr> <tr><td>Email </td><td><?php echo htmlentities($row['useremail']);?></td></tr> <tr><td>shippingaddress </td><td><?php echo htmlentities($row['shippingaddress']);?></td></tr> <tr><td>productname </td><td><?php echo htmlentities($row['productname']);?></td></tr> <tr><td>Product Quantity </td><td><?php echo htmlentities($row['quantity']);?></td></tr> <tr><td>productPrice </td><td><?php echo htmlentities($row['productprice']);?></td></tr> <tr><td>Total: </td><td><?php echo htmlentities($row['quantity']*$row['productprice']+$row['shippingcharge']);?></td></tr> <tr><td>orderdate: </td> <td><?php echo htmlentities($row['orderdate']);?></td></tr> </thead> </table> </div> <div class="modal-footer"> <button class="btn btn-sm btn-danger pull-right" data-dismiss="modal"> <i class="ace-icon fa fa-times"></i> Close </button> </div> </div><!-- /.modal-content --> </div><!-- /.modal-dialog --> </div><!-- /.modal-content --> <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-modal2."<?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> <a class="green" href="#my-modal<?php echo htmlentities($row['id']);?>" data-toggle="modal"> <i class="ace-icon fa fa-pencil bigger-130"></i> </a> <div id="my-modal<?php echo htmlentities($row['id']);?>" class="modal fade" tabindex="-1"> <div class="modal-dialog"> <div class="modal-content"> <div class="modal-header"> <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button> <h3 class="smaller lighter blue no-margin"><?php echo htmlentities($row['id']);?></h3> </div> <div class="modal-body"> <?php $oid=$row['id']; if(isset($_POST['submit2'])){ $status=$_POST['status']; $remark=$_POST['remark'];//space char $oids=$_POST["saeed"]; $query=mysqli_query($con,"insert into ordertrackhistory(orderId,status,remark) values('$oid','$status','$remark')"); $sql=mysqli_query($con,"update orders set orderStatus='$status' where id='$oids'"); echo "<script type='text/javascript'>window.location.href = 'member_order.php'; </script>"; //} } ?> <script language="javascript" type="text/javascript"> function f2() { window.close(); }ser function f3() { window.print(); } </script> <form name="updateticket" id="updateticket" method="post"> <table width="100%" border="0" cellspacing="0" cellpadding="0"> <tr height="50"> <td colspan="2" class="fontkink2" style="padding-left:0px;"><div class="fontpink2"> <b>Update Order !</b></div></td> </tr> <tr height="30"> <td class="fontkink1"><b>order Id:</b></td> <td class="fontkink"><input type="hidden" value="<?php echo $row["id"];?>" name="saeed"> </td> </tr> <?php $ret = mysqli_query($con,"SELECT * FROM ordertrackhistory WHERE orderId='$oid'"); while($row=mysqli_fetch_array($ret)) { ?> <tr height="20"> <td class="fontkink1" ><b>At Date:</b></td> <td class="fontkink"><?php echo $row['postingDate'];?></td> </tr> <tr height="20"> <td class="fontkink1"><b>Status:</b></td> <td class="fontkink"><?php echo $row['status'];?></td> </tr> <tr height="20"> <td class="fontkink1"><b>Remark:</b></td> <td class="fontkink"><?php echo $row['remark'];?></td> </tr> <tr> <td colspan="2"><hr /></td> </tr> <?php } ?> <?php $st='Delivered'; $rt = mysqli_query($con,"SELECT * FROM orders WHERE id='$oid'"); while($num=mysqli_fetch_array($rt)) { $currrentSt=$num['orderStatus']; } if($st==$currrentSt) { ?> <tr><td colspan="2"><b> Product Delivered </b></td> <?php }else { ?> <tr height="50"> <td class="fontkink1">Status: </td> <td class="fontkink"><span class="fontkink1" > <select name="status" class="fontkink" required="required" > <option value="">Select Status</option> <option value="in Process">In Process</option> <option value="Delivered">Delivered</option> </select> </span></td> </tr> <tr style=''> <td class="fontkink1" >Remark:</td> <td class="fontkink" align="justify" ><span class="fontkink"> <textarea cols="50" rows="7" name="remark" required="required" ></textarea> </span></td> </tr> <tr> <td class="fontkink1"> </td> <td > </td> </tr> <tr> <td class="fontkink"> </td> <td class="fontkink"> <input type="submit" name="submit2" value="update" size="40" style="cursor: pointer;" /> <input name="Submit2" type="submit" class="txtbox4" value="Close this Window " onClick="return f2();" style="cursor: pointer;" /></td> </tr> <?php } ?> </table> </form> </div> </div> <div class="modal-footer"> <button class="btn btn-sm btn-danger pull-right" data-dismiss="modal"> <i class="ace-icon fa fa-times"></i> Close </button> </div> </div><!-- /.modal-content --> </div><!-- End Popup --> </div> </div><!-- /.col --> </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 } ?>