index.php 6.2 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138
  1. <?php include "header.php" ?>
  2. <body class="hold-transition skin-blue sidebar-mini">
  3. <div >
  4. <header class="main-header">
  5. <!-- Logo -->
  6. <a href="index.php" class="logo">
  7. <!-- mini logo for sidebar mini 50x50 pixels -->
  8. <span class="logo-mini"><b>A</b>TL</span>
  9. <!-- logo for regular state and mobile devices -->
  10. <!-- <span class="logo-lg"><b>Autoleum</b></span> -->
  11. </a>
  12. <!-- Header Navbar: style can be found in header.less -->
  13. <nav class="navbar navbar-static-top">
  14. <!-- Sidebar toggle button-->
  15. <a href="#" class="sidebar-toggle" data-toggle="push-menu" role="button">
  16. <span class="sr-only">Toggle navigation</span>
  17. </a>
  18. <div class="navbar-custom-menu">
  19. </div>
  20. </nav>
  21. </header>
  22. <!-- Left side column. contains the logo and sidebar -->
  23. <aside class="main-sidebar">
  24. <!-- sidebar: style can be found in sidebar.less -->
  25. <section class="sidebar">
  26. <!-- Sidebar user panel -->
  27. <div class="user-panel">
  28. <div class="pull-left image">
  29. <img src="dist/img/Autoleum Logo.jpg" class="-circle" alt="User Image">
  30. </div>
  31. <div class="pull-left info">
  32. <p style="color: #1fb9bb;margin-top: 10px;font-size:25px;font-family: 'Lobster', helvetica, arial;">Autoleum</p>
  33. <!-- <a href="#"><i class="fa fa-circle text-success"></i> Online</a> -->
  34. </div>
  35. </div>
  36. <!-- search form -->
  37. <!-- <form action="#" method="get" class="sidebar-form">
  38. <div class="input-group">
  39. <input type="text" name="q" class="form-control" placeholder="Search...">
  40. <span class="input-group-btn">
  41. <button type="submit" name="search" id="search-btn" class="btn btn-flat"><i class="fa fa-search"></i>
  42. </button>
  43. </span>
  44. </div>
  45. </form> -->
  46. <!-- /.search form -->
  47. <!-- sidebar menu: : style can be found in sidebar.less -->
  48. <ul class="sidebar-menu" data-widget="tree" style="background:#c1cbd0;" id="mainNavMenu">
  49. <!-- <li class="header">MAIN NAVIGATION</li> -->
  50. <li class="active treeview" >
  51. <a href="#" class="active" style="margin-bottom: 20px;">
  52. <i class="fa fa-calculator " ></i>&nbsp; &nbsp;&nbsp; <span>Operations</span>
  53. <span class="pull-right-container">
  54. <i class="fa fa-angle-left pull-right"></i>
  55. </span>
  56. </a>
  57. <ul class="treeview-menu">
  58. <li style="margin-top: 20px;"><a href="shifts.php" class="collapse-item"><i class="far fa-calendar-alt" style="font-size:15px;"></i>&nbsp; Shifts</a></li>
  59. <li> <a href="sales.php" class="collapse-item"><i class="fa fa-industry"></i>&nbsp; Sales</a></li>
  60. <li><a href="update_prices.php" class="collapse-item"><i class="fas fa-money-check-alt"></i>&nbsp; Update Prices</a></li>
  61. <li><a href="deliveries.php" class="collapse-item"><i class="fas fa-truck"></i>&nbsp; Deliveries</a></li>
  62. <li> <a href="about.php" class="collapse-item"><i class="fas fa-award"></i>&nbsp; About</a></li>
  63. </ul>
  64. </li>
  65. <li class="treeview" style="color:cyan;">
  66. <a href="#">
  67. <i class="fa fa-pie-chart"></i>&nbsp; &nbsp;&nbsp;
  68. <span>Reports</span>
  69. <span class="pull-right-container">
  70. <i class="fa fa-angle-left pull-right"></i>
  71. </span>
  72. </a>
  73. <ul class="treeview-menu">
  74. <li><a class="collapse-item" href="#" onclick="changePages('shiftPumpReport.php');"><i class="fas fa-gas-pump"></i>&nbsp;Shift Pump Report</a></li>
  75. <li><a class="collapse-item" href="shiftSaleReport.php"><i class="fas fa-bars"></i>&nbsp;Shift Sale Report</a></li>
  76. <li><a class="collapse-item" href="shiftTankReport.php"><i class="fas fa-sort-amount-up"></i>&nbsp;Shift Tank Report</a></li>
  77. <li><a class="collapse-item" href="shift_grade_report.php"><i class="fas fa-chart-bar"></i>&nbsp;Shift Grade Report</a></li>
  78. <li><a class="collapse-item" href="credit_sale_report.php"><i class="fas fa-align-center"></i>&nbsp;Credit Sale Report</a></li>
  79. <li><a class="collapse-item" href="reconciliation_report.php"><i class="fas fa-book"></i>&nbsp;Reconciliation Report</a></li>
  80. </ul>
  81. </li>
  82. <li class="treeview">
  83. <a href="#">
  84. <i class="fa fa-users"></i>&nbsp; &nbsp;&nbsp;
  85. <span>Admin</span>
  86. <span class="pull-right-container">
  87. <i class="fa fa-angle-left pull-right"></i>
  88. </span>
  89. </a>
  90. <ul class="treeview-menu">
  91. <li><a class="collapse-item" href="#" onclick="changePages('customers.php');"><i class="fas fa-users"></i>&nbsp;Customers</a></li>
  92. <li><a class="collapse-item" href="suppliers.php"><i class="fas fa-user-tie"></i>&nbsp;Suppliers</a></li>
  93. <li><a class="collapse-item" href="users.php"><i class="fas fa-grin"></i>&nbsp;User</a></li>
  94. </ul>
  95. </li>
  96. <li class="header">Footer</li>
  97. <li class="treeview">
  98. <a href="#">
  99. <i class="fa fa-wrench"></i>&nbsp; &nbsp;&nbsp;
  100. <span>Configurations</span>
  101. <span class="pull-right-container">
  102. <i class="fa fa-angle-left pull-right"></i>
  103. </span>
  104. </a>
  105. <ul class="treeview-menu">
  106. <li><a class="collapse-item" href="configurations.php"><i class="far fa-calendar-alt" style="font-size:15px;"></i>&nbsp; Configurations</a></li>
  107. <li><a class="collapse-item" href="fuel_points.php"><i class="fa fa-industry"></i>&nbsp;Fuel Points</a></li>
  108. </ul>
  109. </li>
  110. <li><a href="#"><i class="fas fa-fw fa-table"></i>&nbsp; &nbsp;&nbsp;&nbsp; <span>Exit</span></a></li>
  111. </ul>
  112. </section>
  113. <!-- /.sidebar -->
  114. </aside>
  115. <style type="text/css">
  116. .demo {
  117. }
  118. </style>
  119. <div class="content-wrapper navbar navbar-static-top">
  120. <iframe src="home.php" id="loadFrame" scrolling="no"></iframe>
  121. </div>
  122. </div>
  123. <script type="text/javascript">
  124. function changePages(fileLocation) {
  125. document.getElementById('loadFrame').src = fileLocation;
  126. }
  127. </script>
  128. </body>