JezK

Edit File: dashboard.php

<?php include("./app/checkSession.php"); if(empty($_SESSION['name'])&&$_SESSION['name']==""){ echo "<script>window.location.href='index.php'</script>"; } include("header.php"); ?> <div class="container"> <div class="container my-3"> <div class="row px-md-4 px-0"> <div class="tophead col-md-4"> <h6>Dashboard</h6> </div> <div class="col-md-4"> </div> <!-- <div class="col-md-4"> <div class="input-group search-button mb-2" style="margin-right:10px;"> <input class="form-control border-right-0 border align-self-right border-rad-left" type="text" value="" id="myInput"> <span class="input-group-append"> <button class="btn btn-outline-secondary border-left-0 border border-rad-right" type="button"> <i class="fa fa-search"></i> </button> </span> </div> </div> --> </div> </div> <div class="container"> <div class="d-flex mb-3 mb-3 flex-column flex-md-row pl-md-4 px-0"> <div class="mr-md-3 mr-0 w-20 mb-md-0 mb-2 content"> <div class="pt-2" id="onhand_stock"> <p class="mb-1 item_p">On hand stock</p> <p class="mb-0 text-center"><img src="images/On_hand_Stock.png"></p> </div> <div class="row"> <div class="col-sm-3"><a href="onhandstock.php"><span class="view">view</span></a></div> </div> </div> <div class="mr-md-3 mr-0 w-20 mb-md-0 mb-2 content"> <div class="pt-2" id="material_Transactions"> <p class="mb-1 item_p">Material Transactions</p> <div class="d-flex justify-content-between"> <p class="mb-0"><img src="images/Material_transactions.png"></p> <div class="text-center"> <p class="mb-0 p_number">88</p> <p class="mb-0 item_p_p">All Transaction</p> </div> </div> </div> <div class="row"> <div class="col-sm-3"><a href="mtransactions.php"><span class="view">view</span></a></div> </div> </div> <div class="mr-md-3 mr-0 w-20 mb-md-0 mb-2 content"> <div class="pt-2" id="invoices"> <p class="mb-1 item_p">Invoices</p> <div class="d-flex justify-content-between"> <p class="mb-0"><img src="images/Invoicess.png"></p> <div class="text-center"> <p class="mb-0 p_number">88</p> <p class="mb-0 item_p_p">Total Invoices</p> </div> </div> </div> <div class="row"> <div class="col-sm-3"><a href="invoices.php"><span class="view">view</span></a></div> </div> </div> <div class="mr-md-3 mr-0 w-20 mb-md-0 mb-2 content"> <div class="pt-2" id="quotations"> <p class="mb-1 item_p">Quotations</p> <div class="d-flex justify-content-between"> <p class="mb-0"><img src="images/Quotations.png"></p> <div class="text-center"> <p class="mb-0 p_number">88</p> <p class="mb-0 item_p_p">Total Quatations</p> </div> </div> </div> <div class="row"> <div class="col-sm-3"><a href="quotations.php"><span class="view">view</span></a></div> </div> </div> <div class="mr-md-3 mr-0 w-20 mb-md-0 mb-2 content"> <div class="pt-2" id="shipment_status"> <p class="mb-1 item_p">Shipment status</p> <p class="mb-0 text-center"><img src="images/On_hand_Stock.png"></p> </div> <div class="row"> <div class="col-sm-3"><a href="shipmentstatus.php"><span class="view">view</span></a></div> </div> </div> </div> </div> <div class="container"> <div class="d-flex mb-3 mb-3 flex-column flex-md-row pr-md-3 px-0"> <div class="col-sm-10 pr-md-4 pr-0 pl-md-3 pl-0"> <div class="table-responsive pl-md-2 pr-md-2 p-0" id="table"> <table id="example" class="display bg-white tbl-border table-borderless" style="width:100%"> <!-- id="example" --> <thead> <tr> <th>Quatation ID</th> <th>Warehouse ID</th> <th>Warehouse Name</th> <th>Item Code</th> <th>Item Description</th> <th>Quantity</th> <th>pallet No</th> <th>Status</th> </tr> </thead> <tbody> <tr> <td>558ac5</td> <td>john john</td> <td>Platinum</td> <td>value</td> <td>09-2020</td> <td>early</td> <td>09-2020</td> <td>success</td> </tr> <tr> <td>558ac5</td> <td>john john</td> <td>Platinum</td> <td>value</td> <td>09-2020</td> <td>early</td> <td>09-2020</td> <td>success</td> </tr> <tr> <td>558ac5</td> <td>john john</td> <td>Platinum</td> <td>value</td> <td>09-2020</td> <td>early</td> <td>09-2020</td> <td>success</td> </tr> <tr> <td>558ac5</td> <td>john john</td> <td>Platinum</td> <td>value</td> <td>09-2020</td> <td>early</td> <td>09-2020</td> <td>success</td> </tr> <tr> <td>558ac5</td> <td>john john</td> <td>Platinum</td> <td>value</td> <td>09-2020</td> <td>early</td> <td>09-2020</td> <td>success</td> </tr> <tr> <td>558ac5</td> <td>john john</td> <td>Platinum</td> <td>value</td> <td>09-2020</td> <td>early</td> <td>09-2020</td> <td>success</td> </tr> <tr> <td>558ac5</td> <td>john john</td> <td>Platinum</td> <td>value</td> <td>09-2020</td> <td>early</td> <td>09-2020</td> <td>success</td> </tr> <tr> <td>558ac5</td> <td>john john</td> <td>Platinum</td> <td>value</td> <td>09-2020</td> <td>early</td> <td>09-2020</td> <td>success</td> </tr> <tr> <td>558ac5</td> <td>john john</td> <td>Platinum</td> <td>value</td> <td>09-2020</td> <td>early</td> <td>09-2020</td> <td>success</td> </tr> <tr> <td>558ac5</td> <td>john john</td> <td>Platinum</td> <td>value</td> <td>09-2020</td> <td>early</td> <td>09-2020</td> <td>success</td> </tr> </tbody> </table> </div> <div class="table-responsive pl-md-2 pr-md-2 p-0" id="table1"> <table id="example1" class="display bg-white tbl-border table-borderless" style="width:100%"> <!-- id="example1" --> <thead> <tr> <th>Quatation ID</th> <th>Warehouse ID</th> <th>Warehouse Name</th> <th>Item Code</th> <th>Item Description</th> <th>Quantity</th> <th>pallet No</th> <th>Status</th> </tr> </thead> <tbody> <tr> <td>558ac5</td> <td>john john</td> <td>Platinum</td> <td>value</td> <td>09-2020</td> <td>early</td> <td>09-2020</td> <td>success</td> </tr> <tr> <td>558ac5</td> <td>john john</td> <td>Platinum</td> <td>value</td> <td>09-2020</td> <td>early</td> <td>09-2020</td> <td>success</td> </tr> <tr> <td>558ac5</td> <td>john john</td> <td>Platinum</td> <td>value</td> <td>09-2020</td> <td>early</td> <td>09-2020</td> <td>success</td> </tr> <tr> <td>558ac5</td> <td>john john</td> <td>Platinum</td> <td>value</td> <td>09-2020</td> <td>early</td> <td>09-2020</td> <td>success</td> </tr> <tr> <td>558ac5</td> <td>john john</td> <td>Platinum</td> <td>value</td> <td>09-2020</td> <td>early</td> <td>09-2020</td> <td>success</td> </tr> <tr> <td>558ac5</td> <td>john john</td> <td>Platinum</td> <td>value</td> <td>09-2020</td> <td>early</td> <td>09-2020</td> <td>success</td> </tr> <tr> <td>558ac5</td> <td>john john</td> <td>Platinum</td> <td>value</td> <td>09-2020</td> <td>early</td> <td>09-2020</td> <td>success</td> </tr> <tr> <td>558ac5</td> <td>john john</td> <td>Platinum</td> <td>value</td> <td>09-2020</td> <td>early</td> <td>09-2020</td> <td>success</td> </tr> <tr> <td>558ac5</td> <td>john john</td> <td>Platinum</td> <td>value</td> <td>09-2020</td> <td>early</td> <td>09-2020</td> <td>success</td> </tr> <tr> <td>558ac5</td> <td>john john</td> <td>Platinum</td> <td>value</td> <td>09-2020</td> <td>early</td> <td>09-2020</td> <td>success</td> </tr> </tbody> </table> </div> <div class="table-responsive pl-md-2 pr-md-2 p-0" id="table2"> <table id="example2" class="display bg-white tbl-border table-borderless" style="width:100%"> <!-- id="example2" --> <thead> <tr> <th>Invoice No</th> <th>Quotation ID</th> <th>Customer ID</th> <th>Value</th> <th>Email</th> <th>Status</th> </tr> </thead> <tbody> <tr> <td>558ac5</td> <td>558ac5</td> <td>09-2020</td> <td>early</td> <td>09-2020</td> <td>sucess</td> </tr> <tr> <td>558ac5</td> <td>558ac5</td> <td>09-2020</td> <td>early</td> <td>09-2020</td> <td>sucess</td> </tr> <tr> <td>558ac5</td> <td>558ac5</td> <td>09-2020</td> <td>early</td> <td>09-2020</td> <td>sucess</td> </tr> <tr> <td>558ac5</td> <td>558ac5</td> <td>09-2020</td> <td>early</td> <td>09-2020</td> <td>sucess</td> </tr> <tr> <td>558ac5</td> <td>558ac5</td> <td>09-2020</td> <td>early</td> <td>09-2020</td> <td>sucess</td> </tr> <tr> <td>558ac5</td> <td>558ac5</td> <td>09-2020</td> <td>early</td> <td>09-2020</td> <td>sucess</td> </tr> <tr> <td>558ac5</td> <td>558ac5</td> <td>09-2020</td> <td>early</td> <td>09-2020</td> <td>sucess</td> </tr> <tr> <td>558ac5</td> <td>558ac5</td> <td>09-2020</td> <td>early</td> <td>09-2020</td> <td>sucess</td> </tr> <tr> <td>558ac5</td> <td>558ac5</td> <td>09-2020</td> <td>early</td> <td>09-2020</td> <td>sucess</td> </tr> <tr> <td>558ac5</td> <td>558ac5</td> <td>09-2020</td> <td>early</td> <td>09-2020</td> <td>sucess</td> </tr> </tbody> </table> </div> <div class="table-responsive pl-md-2 pr-md-2 p-0" id="table3"> <table id="example3" class="display bg-white tbl-border table-borderless" style="width:100%"> <!-- id="example3" --> <thead> <tr> <th>Quatation ID</th> <th>Warehouse ID</th> <th>Warehouse Name</th> <th>Customer Name</th> <th>Customer Type</th> <th>Expected value</th> <th>Date of Submission</th> <th>Response Date</th> <th>Response Status</th> <th> Closed Status</th> </tr> </thead> <tbody> <tr> <td>123456</td> <td>558ac5</td> <td>packers</td> <td>john john</td> <td>Platinum</td> <td>value</td> <td>09-2020</td> <td>09-2020</td> <td>early</td> <td>sucess</td> </tr> <tr> <td>123456</td> <td>558ac5</td> <td>packers</td> <td>john john</td> <td>Platinum</td> <td>value</td> <td>09-2020</td> <td>09-2020</td> <td>early</td> <td>sucess</td> </tr> <tr> <td>123456</td> <td>558ac5</td> <td>packers</td> <td>john john</td> <td>Platinum</td> <td>value</td> <td>09-2020</td> <td>09-2020</td> <td>early</td> <td>sucess</td> </tr> <tr> <td>123456</td> <td>558ac5</td> <td>packers</td> <td>john john</td> <td>Platinum</td> <td>value</td> <td>09-2020</td> <td>09-2020</td> <td>early</td> <td>sucess</td> </tr> <tr> <td>123456</td> <td>558ac5</td> <td>packers</td> <td>john john</td> <td>Platinum</td> <td>value</td> <td>09-2020</td> <td>09-2020</td> <td>early</td> <td>sucess</td> </tr> <tr> <td>123456</td> <td>558ac5</td> <td>packers</td> <td>john john</td> <td>Platinum</td> <td>value</td> <td>09-2020</td> <td>09-2020</td> <td>early</td> <td>sucess</td> </tr> <tr> <td>123456</td> <td>558ac5</td> <td>packers</td> <td>john john</td> <td>Platinum</td> <td>value</td> <td>09-2020</td> <td>09-2020</td> <td>early</td> <td>sucess</td> </tr> <tr> <td>123456</td> <td>558ac5</td> <td>packers</td> <td>john john</td> <td>Platinum</td> <td>value</td> <td>09-2020</td> <td>09-2020</td> <td>early</td> <td>sucess</td> </tr> <tr> <td>123456</td> <td>558ac5</td> <td>packers</td> <td>john john</td> <td>Platinum</td> <td>value</td> <td>09-2020</td> <td>09-2020</td> <td>early</td> <td>sucess</td> </tr> <tr> <td>123456</td> <td>558ac5</td> <td>packers</td> <td>john john</td> <td>Platinum</td> <td>value</td> <td>09-2020</td> <td>09-2020</td> <td>early</td> <td>sucess</td> </tr> </tbody> </table> </div> <div class="table-responsive pl-md-2 pr-md-2 p-0 " id="table4"> <table id="example4" class="display bg-white tbl-border table-borderless" style="width:100%"> <!-- id="example4" --> <thead> <tr> <th>Warehouse Name</th> <th>Warehouse ID</th> <th>Request Type</th> <th>Customer Name</th> <th>Customer Type</th> <th>Value</th> <th>Date</th> <th>Time</th> <th>Status</th> </tr> </thead> <tbody> <tr> <td>558ac5</td> <td>558ac5</td> <td>09-2020</td> <td>early</td> <td>early</td> <td>09-2020</td> <td>09-2020</td> <td>09-2020</td> <td>sucess</td> </tr> <tr> <td>558ac5</td> <td>558ac5</td> <td>09-2020</td> <td>early</td> <td>early</td> <td>09-2020</td> <td>09-2020</td> <td>09-2020</td> <td>sucess</td> </tr> <tr> <td>558ac5</td> <td>558ac5</td> <td>09-2020</td> <td>early</td> <td>early</td> <td>09-2020</td> <td>09-2020</td> <td>09-2020</td> <td>sucess</td> </tr> <tr> <td>558ac5</td> <td>558ac5</td> <td>09-2020</td> <td>early</td> <td>early</td> <td>09-2020</td> <td>09-2020</td> <td>09-2020</td> <td>sucess</td> </tr> <tr> <td>558ac5</td> <td>558ac5</td> <td>09-2020</td> <td>early</td> <td>early</td> <td>09-2020</td> <td>09-2020</td> <td>09-2020</td> <td>sucess</td> </tr> <tr> <td>558ac5</td> <td>558ac5</td> <td>09-2020</td> <td>early</td> <td>early</td> <td>09-2020</td> <td>09-2020</td> <td>09-2020</td> <td>sucess</td> </tr> <tr> <td>558ac5</td> <td>558ac5</td> <td>09-2020</td> <td>early</td> <td>early</td> <td>09-2020</td> <td>09-2020</td> <td>09-2020</td> <td>sucess</td> </tr> <tr> <td>558ac5</td> <td>558ac5</td> <td>09-2020</td> <td>early</td> <td>early</td> <td>09-2020</td> <td>09-2020</td> <td>09-2020</td> <td>sucess</td> </tr> <tr> <td>558ac5</td> <td>558ac5</td> <td>09-2020</td> <td>early</td> <td>early</td> <td>09-2020</td> <td>09-2020</td> <td>09-2020</td> <td>sucess</td> </tr> <tr> <td>558ac5</td> <td>558ac5</td> <td>09-2020</td> <td>early</td> <td>early</td> <td>09-2020</td> <td>09-2020</td> <td>09-2020</td> <td>sucess</td> </tr> </tbody> </table> </div> </div> <div class="w-20 pr-md-3 pl-md-0 px-3"> <div class="row "> <div class="right_side_div_one col-sm-12"> <div class="icon icon-shape bg-gradient-blue text-white rounded-circle shadow"> <p class="mb-0">55</p> </div> <div> <p class="mb-0 act_ware">Active warehouse</p> </div> </div> </div> <div class="row pt-4"> <div class="right_side_div_one col-sm-12"> <div class="icon icon-shape bg-gradient-orange text-white rounded-circle shadow"> <p class="mb-0">55</p> </div> <div> <p class="mb-0 rej_ware">Rejected warehouse</p> </div> </div> </div> </div> </div> </div> <!-- <div class="container position-relative"> <div class="row export_csv"> <div class="col-md-3 offset-md-9 "> <button id="export" class="btn btn-primary"><i class="fa fa-upload"></i><span class="pl-2">EXPORT.CSV</span></button> </div> </div> </div> --> </div> <!-- footer --> <?php include("footer.php"); ?> <!-- <script src="js/jquery.min.js"></script> --> <!-- <script src="js/jquery.pagination.min.js"></script> --> <!----> <script> $(document).ready(function() { $('#example').DataTable({ // language: { search: '', searchPlaceholder: "Search..." }, bFilter: false, bInfo: false, "processing": true, "dataSrc": "", "sDom": 'Bfrtip', buttons: [ { extend: 'csvHtml5', text: '<i class="fa fa-file-text-o"></i>Export to csv', titleAttr: 'CSV' }, ], "ajax": "yourstock.json", "columns": [{ "data": "Quatation ID" }, { "data": "Warehouse ID" }, { "data": "Warehouse Name" }, { "data": "Item Code" }, { "data": "Item Description" }, { "data": "Quantity" }, { "data": "Pallet No" }, { "data": "Status" } ] }); // end of table 1 $('#example1').DataTable({ // language: { search: '', searchPlaceholder: "Search..." }, bFilter: false, bInfo: false, "processing": true, "dataSrc": "", "sDom": 'Bfrtip', language: { search: '', searchPlaceholder: "Search" }, buttons: [ { extend: 'csvHtml5', text: '<i class="fa fa-file-text-o"></i>Export to csv', titleAttr: 'CSV' }, ], // "sDom": 'Rlfrtlip', // "serverSide": true, // dom: 'Bfrtip', // buttons: [ // { // extend: 'csvHtml5', // text: '<i class="fa fa-file-text-o"></i>Export to csv', // titleAttr: 'CSV' // }, // // ], // "ajax": "", // "columns": [ // { "data": "Quatation ID" }, // { "data": "Warehouse ID" }, // { "data": "Warehouse Name" }, // { "data": "Item Code" }, // { "data": "Item Description" }, // { "data": "Quantity" }, // { "data": "Pallet No" }, // { "data": "Status" } // ] }); // end of table 2 $('#example2').DataTable({ // language: { search: '', searchPlaceholder: "Search..." }, bFilter: false, bInfo: false, "processing": true, "dataSrc": "", "sDom": 'Bfrtip', language: { search: '', searchPlaceholder: "Search" }, buttons: [ { extend: 'csvHtml5', text: '<i class="fa fa-file-text-o pr-2"></i> Export to csv', titleAttr: 'CSV' }, ], "ajax": "invoice.json", "columns": [{ "data": "Invoice No" }, { "data": "Quatation ID" }, { "data": "Customer" }, { "data": "Value" }, { "data": "Email" }, { "data": "Status" } ] }); // end of table 3 $('#example3').DataTable({ // language: { search: '', searchPlaceholder: "Search..." }, bFilter: false, bInfo: false, "processing": true, "dataSrc": "", "sDom": 'Bfrtip', language: { search: '', searchPlaceholder: "Search" }, buttons: [ { extend: 'csvHtml5', text: '<i class="fa fa-file-text-o"></i>Export to csv', titleAttr: 'CSV' }, ], "ajax": "quote.json", "columns": [{ "data": "Quatation ID" }, { "data": "Warehouse ID" }, { "data": "Warehouse Name" }, { "data": "Customer Name" }, { "data": "Customer Type" }, { "data": "Expected Value" }, { "data": "Date of submission" }, { "data": "Response date" }, { "data": "Response status" }, { "data": "Closed status" } ] }); // end of table 4 $('#example4').DataTable({ // language: { search: '', searchPlaceholder: "Search..." }, bFilter: false, bInfo: false, "processing": true, "dataSrc": "", "sDom": 'Bfrtip', language: { search: '', searchPlaceholder: "Search" }, buttons: [ { extend: 'csvHtml5', text: '<i class="fa fa-file-text-o"></i>Export to csv', titleAttr: 'CSV' }, ], "ajax": "shiftment.json", "columns": [{ "data": "Warehouse Name" }, { "data": "Warehouse ID" }, { "data": "Request Type" }, { "data": "Customer Name" }, { "data": "Customer Type" }, { "data": "Value" }, { "data": "Date" }, { "data": "Time" }, { "data": "Status" } ] }); // end of table 5 }); $(document).ready(function() { $("#table1,#table2,#table3,#table4").hide(); $("#onhand_stock,#invoices,#material_Transactions, #quotations,#shipment_status").on("click", function() { // alert("hello") $("#table,#table1,#table2,#table3,#table4").hide(); if ($(this).attr('id') == 'onhand_stock') { $("#table").show(); } else if ($(this).attr('id') == 'material_Transactions') { $('#table1').show(); } else if ($(this).attr('id') == 'invoices') { $('#table2').show(); } else if ($(this).attr('id') == 'quotations') { $('#table3').show(); } else { $("#table4").show(); } }) }); </script>