index.php 7.0 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191
  1. <?php include "header.php" ?>
  2. <style>
  3. body {
  4. font-family: "Lato", sans-serif;
  5. }
  6. .sidenav {
  7. width: 130px;
  8. position: fixed;
  9. z-index: 1;
  10. top: 20px;
  11. left: 10px;
  12. background: #eee;
  13. overflow-x: hidden;
  14. padding: 8px 0;
  15. }
  16. .sidenav a {
  17. padding: 6px 8px 6px 16px;
  18. text-decoration: none;
  19. font-size: 25px;
  20. color: #2196F3;
  21. display: block;
  22. }
  23. .sidenav a:hover {
  24. color: #064579;
  25. }
  26. .main {
  27. margin-left: 140px; /* Same width as the sidebar + left position in px */
  28. font-size: 28px; /* Increased text to enable scrolling */
  29. padding: 0px 10px;
  30. }
  31. @media screen and (max-height: 450px) {
  32. .sidenav {padding-top: 15px;}
  33. .sidenav a {font-size: 18px;}
  34. }
  35. </style>
  36. <div class="sidenav">
  37. <a href="#about">About</a>
  38. <a href="#services">Services</a>
  39. <a href="#clients">Clients</a>
  40. <a href="#contact">Contact</a>
  41. </div>
  42. <div class="main">
  43. <iframe src="shiftTankReport.php"></iframe>
  44. </div>
  45. <body class="hold-transition skin-blue sidebar-mini">
  46. <div >
  47. <header class="main-header">
  48. <!-- Logo -->
  49. <a href="index.php" class="logo">
  50. <!-- mini logo for sidebar mini 50x50 pixels -->
  51. <span class="logo-mini"><b>A</b>TL</span>
  52. <!-- logo for regular state and mobile devices -->
  53. <!-- <span class="logo-lg"><b>Autoleum</b></span> -->
  54. </a>
  55. <!-- Header Navbar: style can be found in header.less -->
  56. <nav class="navbar navbar-static-top">
  57. <!-- Sidebar toggle button-->
  58. <a href="#" class="sidebar-toggle" data-toggle="push-menu" role="button">
  59. <span class="sr-only">Toggle navigation</span>
  60. </a>
  61. <div class="navbar-custom-menu">
  62. </div>
  63. </nav>
  64. </header>
  65. <!-- Left side column. contains the logo and sidebar -->
  66. <aside class="main-sidebar">
  67. <!-- sidebar: style can be found in sidebar.less -->
  68. <section class="sidebar">
  69. <!-- Sidebar user panel -->
  70. <div class="user-panel">
  71. <div class="pull-left image">
  72. <img src="dist/img/Autoleum Logo.jpg" class="-circle" alt="User Image">
  73. </div>
  74. <div class="pull-left info">
  75. <p style="color: #1fb9bb;margin-top: 10px;font-size:25px;font-family: 'Lobster', helvetica, arial;">Autoleum</p>
  76. <!-- <a href="#"><i class="fa fa-circle text-success"></i> Online</a> -->
  77. </div>
  78. </div>
  79. <!-- search form -->
  80. <!-- <form action="#" method="get" class="sidebar-form">
  81. <div class="input-group">
  82. <input type="text" name="q" class="form-control" placeholder="Search...">
  83. <span class="input-group-btn">
  84. <button type="submit" name="search" id="search-btn" class="btn btn-flat"><i class="fa fa-search"></i>
  85. </button>
  86. </span>
  87. </div>
  88. </form> -->
  89. <!-- /.search form -->
  90. <!-- sidebar menu: : style can be found in sidebar.less -->
  91. <ul class="sidebar-menu" data-widget="tree" style="background:#c1cbd0;" id="mainNavMenu">
  92. <li class="header">MAIN NAVIGATION</li>
  93. <li class="active treeview" >
  94. <a href="#" class="active" style="margin-bottom: 20px;">
  95. <i class="fa fa-calculator " ></i>&nbsp; &nbsp;&nbsp; <span>Operations</span>
  96. <span class="pull-right-container">
  97. <i class="fa fa-angle-left pull-right"></i>
  98. </span>
  99. </a>
  100. <ul class="treeview-menu">
  101. <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>
  102. <li> <a href="sales.php" class="collapse-item"><i class="fa fa-industry"></i>&nbsp; Sales</a></li>
  103. <li><a href="update_prices.php" class="collapse-item"><i class="fas fa-money-check-alt"></i>&nbsp; Update Prices</a></li>
  104. <li><a href="deliveries.php" class="collapse-item"><i class="fas fa-truck"></i>&nbsp; Deliveries</a></li>
  105. <li> <a href="about.php" class="collapse-item"><i class="fas fa-award"></i>&nbsp; About</a></li>
  106. </ul>
  107. </li>
  108. <li class="treeview" style="color:cyan;">
  109. <a href="#">
  110. <i class="fa fa-pie-chart"></i>&nbsp; &nbsp;&nbsp;
  111. <span>Reports</span>
  112. <span class="pull-right-container">
  113. <i class="fa fa-angle-left pull-right"></i>
  114. </span>
  115. </a>
  116. <ul class="treeview-menu">
  117. <li><a class="collapse-item" href="shiftPumpReport.php"><i class="fas fa-gas-pump"></i>&nbsp;Shift Pump Report</a></li>
  118. <li><a class="collapse-item" href="shiftSaleReport.php"><i class="fas fa-bars"></i>&nbsp;Shift Sale Report</a></li>
  119. <li><a class="collapse-item" href="shiftTankReport.php"><i class="fas fa-sort-amount-up"></i>&nbsp;Shift Tank Report</a></li>
  120. <li><a class="collapse-item" href="shift_grade_report.php"><i class="fas fa-chart-bar"></i>&nbsp;Shift Grade Report</a></li>
  121. <li><a class="collapse-item" href="credit_sale_report.php"><i class="fas fa-align-center"></i>&nbsp;Credit Sale Report</a></li>
  122. <li><a class="collapse-item" href="reconciliation_report.php"><i class="fas fa-book"></i>&nbsp;Reconciliation Report</a></li>
  123. </ul>
  124. </li>
  125. <li class="treeview">
  126. <a href="#">
  127. <i class="fa fa-users"></i>&nbsp; &nbsp;&nbsp;
  128. <span>Admin</span>
  129. <span class="pull-right-container">
  130. <i class="fa fa-angle-left pull-right"></i>
  131. </span>
  132. </a>
  133. <ul class="treeview-menu">
  134. <li><a class="collapse-item" href="#" onclick="customers('customers.php');"><i class="fas fa-users"></i>&nbsp;Customers</a></li>
  135. <li><a class="collapse-item" href="suppliers.php"><i class="fas fa-user-tie"></i>&nbsp;Suppliers</a></li>
  136. <li><a class="collapse-item" href="users.php"><i class="fas fa-grin"></i>&nbsp;User</a></li>
  137. </ul>
  138. </li>
  139. <li class="header">Footer</li>
  140. <li class="treeview">
  141. <a href="#">
  142. <i class="fa fa-wrench"></i>&nbsp; &nbsp;&nbsp;
  143. <span>Configurations</span>
  144. <span class="pull-right-container">
  145. <i class="fa fa-angle-left pull-right"></i>
  146. </span>
  147. </a>
  148. <ul class="treeview-menu">
  149. <li><a class="collapse-item" href="configurations.php"><i class="far fa-calendar-alt" style="font-size:15px;"></i>&nbsp; Configurations</a></li>
  150. <li><a class="collapse-item" href="fuel_points.php"><i class="fa fa-industry"></i>&nbsp;Fuel Points</a></li>
  151. </ul>
  152. </li>
  153. <li><a href="#"><i class="fas fa-fw fa-table"></i>&nbsp; &nbsp;&nbsp;&nbsp; <span>Exit</span></a></li>
  154. </ul>
  155. </section>
  156. <!-- /.sidebar -->
  157. </aside>
  158. <style type="text/css">
  159. .demo {
  160. }
  161. </style>
  162. <div class="content-wrapper navbar navbar-static-top">
  163. <iframe src="shiftTankReport.php" id="loadFrame"></iframe>
  164. </div>
  165. </div>
  166. <script type="text/javascript">
  167. function customers(fileLocation) {
  168. alert(fileLocation);
  169. document.getElementById('loadFrame').src = fileLocation;
  170. }
  171. </script>
  172. </body>