PageRenderTime 28ms CodeModel.GetById 35ms RepoModel.GetById 0ms app.codeStats 0ms

/application/views/admin/header.php

https://gitlab.com/alfiantaufani/koperasi-tugas-kuliah
PHP | 348 lines | 293 code | 48 blank | 7 comment | 0 complexity | 7378d2f5ec8cc94d2439c306360ae116 MD5 | raw file
  1. <?php
  2. $setting = $this->db->get_where('tbl_setting', array('id' => 1))->row();
  3. ?>
  4. <!DOCTYPE html>
  5. <html>
  6. <head>
  7. <meta charset="utf-8">
  8. <meta name="viewport" content="width=device-width, initial-scale=1.0">
  9. <meta name="description" content="A fully featured admin theme which can be used to build CRM, CMS, etc.">
  10. <meta name="author" content="Coderthemes">
  11. <link rel="shortcut icon" href="<?php echo base_url() ?>assets/images/logo.png">
  12. <title><?= $setting->nama_koperasi ?></title>
  13. <!--Morris Chart CSS -->
  14. <link rel="stylesheet" href="<?php echo base_url() ?>assets/plugins/morris/morris.css">
  15. <!-- Sweet Alert css -->
  16. <link href="<?php echo base_url() ?>assets/plugins/sweet-alert/sweetalert2.min.css" rel="stylesheet" type="text/css" />
  17. <!-- App css -->
  18. <link href="<?php echo base_url() ?>assets/css/bootstrap.min.css" rel="stylesheet" type="text/css" />
  19. <link href="<?php echo base_url() ?>assets/css/icons.css" rel="stylesheet" type="text/css" />
  20. <link href="<?php echo base_url() ?>assets/css/style.css" rel="stylesheet" type="text/css" />
  21. <!-- DataTables -->
  22. <link href="<?php echo base_url() ?>assets/plugins/datatables/dataTables.bootstrap4.min.css" rel="stylesheet" type="text/css" />
  23. <link href="<?php echo base_url() ?>assets/plugins/datatables/buttons.bootstrap4.min.css" rel="stylesheet" type="text/css" />
  24. <link href="<?php echo base_url() ?>assets/js/dropify/dropify.min.css" rel="stylesheet" type="text/css" />
  25. <link href="<?php echo base_url() ?>assets/js/bootstrap-touchspin/jquery.bootstrap-touchspin.min.css" rel="stylesheet" type="text/css" />
  26. <link href="https://code.jquery.com/ui/1.9.2/themes/smoothness/jquery-ui.css" rel="stylesheet" />
  27. <link rel="preconnect" href="https://fonts.googleapis.com">
  28. <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
  29. <link href="https://fonts.googleapis.com/css2?family=Poppins:wght@300;500;600&display=swap" rel="stylesheet">
  30. <link href="https://cdn.jsdelivr.net/npm/select2@4.1.0-rc.0/dist/css/select2.min.css" rel="stylesheet" />
  31. <script src="<?php echo base_url() ?>assets/js/modernizr.min.js"></script>
  32. <style>
  33. input[type="number"] {
  34. -webkit-appearance: textfield;
  35. -moz-appearance: textfield;
  36. appearance: textfield;
  37. }
  38. input[type=number]::-webkit-inner-spin-button,
  39. input[type=number]::-webkit-outer-spin-button {
  40. -webkit-appearance: none;
  41. }
  42. .number-input {
  43. border: 0;
  44. display: inline-flex;
  45. }
  46. .number-input,
  47. .number-input * {
  48. box-sizing: border-box;
  49. }
  50. .number-input button {
  51. outline: none;
  52. -webkit-appearance: none;
  53. background-color: transparent;
  54. align-items: center;
  55. justify-content: center;
  56. width: 2rem;
  57. height: 2rem;
  58. cursor: pointer;
  59. margin: 0;
  60. position: relative;
  61. border-radius: 7px;
  62. border-color: #323a4645;
  63. }
  64. .number-input button:before,
  65. .number-input button:after {
  66. display: inline-block;
  67. position: absolute;
  68. content: '';
  69. width: 1rem;
  70. height: 2px;
  71. background-color: #343a40b5;
  72. transform: translate(-50%, -50%);
  73. }
  74. .number-input button.plus:after {
  75. transform: translate(-50%, -50%) rotate(90deg);
  76. }
  77. .number-input input[type=number] {
  78. max-width: 5rem;
  79. padding: .5rem;
  80. font-size: 18px;
  81. color: #6c757d;
  82. border: none;
  83. /* border-width: 0 2px; */
  84. font-weight: bold;
  85. text-align: center;
  86. }
  87. @media(max-width: 990px) {
  88. .logo {
  89. display: none !important;
  90. }
  91. .side-menu {
  92. top: 50px !important;
  93. }
  94. .topbar-left {
  95. display: none !important;
  96. }
  97. .dropdown-item {
  98. padding: 13px 1.5rem !important;
  99. }
  100. }
  101. #sidebar-menu>ul>li>a>span {
  102. font-weight: 600 !important;
  103. }
  104. .logo {
  105. font-size: 17px !important;
  106. }
  107. .nav>li>a:focus,
  108. .nav>li>a:hover {
  109. padding: 0px 10px 0px 10px !important;
  110. }
  111. .navbar-default .nav-link {
  112. padding: 0px 10px 0px 10px !important;
  113. }
  114. #responsive-datatable_filter label {
  115. display: none !important;
  116. }
  117. #tbl_keranjang_filter label {
  118. display: none !important;
  119. }
  120. #tbl_keranjang_length label {
  121. display: none !important;
  122. }
  123. #tbl_keranjang_info {
  124. display: none !important;
  125. }
  126. #tbl_keranjang_paginate {
  127. display: none !important;
  128. }
  129. .form-control-lg {
  130. height: calc(1.5em + 1rem + 2px) !important;
  131. padding: 0.5rem 1rem !important;
  132. font-size: 1.25rem !important;
  133. line-height: 1.5 !important;
  134. border-radius: 0.3rem !important;
  135. }
  136. .datepicker {
  137. padding: 15px !important;
  138. }
  139. .inline-group {
  140. max-width: 9rem;
  141. padding: .5rem;
  142. }
  143. .inline-group .form-control {
  144. text-align: right;
  145. }
  146. .form-control[type="number"]::-webkit-inner-spin-button,
  147. .form-control[type="number"]::-webkit-outer-spin-button {
  148. -webkit-appearance: none;
  149. margin: 0;
  150. }
  151. </style>
  152. </head>
  153. <body class="fixed-left">
  154. <!-- Begin page -->
  155. <div id="wrapper">
  156. <div class="topbar">
  157. <div class="topbar-left">
  158. <a href="#" class="logo font-bold"><?= $setting->nama_koperasi ?><i class="mdi mdi-layers"></i></a>
  159. </div>
  160. <div class="navbar navbar-default" role="navigation">
  161. <div class="container-fluid">
  162. <ul class="nav navbar-nav list-inline navbar-left">
  163. <li class="list-inline-item">
  164. <button class="button-menu-mobile open-left">
  165. <i class="mdi mdi-menu"></i>
  166. </button>
  167. </li>
  168. <li class="list-inline-item">
  169. <h1 class="page-title">Dashboard</h1>
  170. </li>
  171. </ul>
  172. <ul class="nav navbar-nav list-inline navbar-left">
  173. <li class="dropdown notification-list">
  174. <a class="nav-link dropdown-toggle nav-user mr-0 waves-effect" data-toggle="dropdown" href="#" role="button" aria-haspopup="false" aria-expanded="false">
  175. <img src="<?= base_url() ?>assets/upload/logo/<?= $setting->logo ?>" width="30" alt="user-image" class="rounded-circle">
  176. <span class="pro-user-name ml-1">
  177. <?= $this->session->userdata('nama') ?> <i class="mdi mdi-chevron-down"></i>
  178. </span>
  179. </a>
  180. <div class="dropdown-menu dropdown-menu-right profile-dropdown" x-placement="bottom-end" style="position: absolute; transform: translate3d(-42px, 70px, 0px); top: 0px; left: 0px; will-change: transform;">
  181. <!-- item-->
  182. <div class="dropdown-header noti-title">
  183. <h6 class="text-overflow mt-2">Main menu</h6>
  184. </div>
  185. <!-- item-->
  186. <a href="<?= base_url() ?>pengguna/show/<?= $this->session->userdata('id') ?>" class="dropdown-item notify-item">
  187. <i class="mdi mdi-account"></i>
  188. <span>Akun saya</span>
  189. </a>
  190. <!-- item-->
  191. <a href="<?= base_url() ?>setting" class="dropdown-item notify-item">
  192. <i class="mdi mdi-settings"></i>
  193. <span>Settings</span>
  194. </a>
  195. <div class="dropdown-divider"></div>
  196. <!-- item-->
  197. <a href="<?php echo base_url() ?>logout" class="dropdown-item notify-item">
  198. <i class="mdi mdi-login"></i>
  199. <span>Keluar Aplikasi</span>
  200. </a>
  201. </div>
  202. </li>
  203. </ul>
  204. </div>
  205. </div>
  206. </div>
  207. <!-- ========== Left Sidebar Start ========== -->
  208. <div class="left side-menu">
  209. <div class="sidebar-inner slimscrollleft">
  210. <!-- User -->
  211. <div class="user-box">
  212. <div class="user-img">
  213. <img src="<?= base_url() ?>assets/upload/logo/<?= $setting->logo ?>" alt="user-img" title="Mat Helme" class="rounded-circle img-thumbnail img-responsive">
  214. </div>
  215. <h5><a href="<?php echo base_url() ?>dashboard"><?= $this->session->userdata('nama') ?></a> </h5>
  216. </div>
  217. <!-- End User -->
  218. <!--- Sidemenu -->
  219. <div id="sidebar-menu">
  220. <ul>
  221. <li class="text-muted menu-title">Menu</li>
  222. <li>
  223. <a href="<?php echo base_url() ?>dashboard" class="waves-effect"><i class="mdi mdi-home"></i> <span> DASHBOARD </span> </a>
  224. </li>
  225. <li>
  226. <a href="<?php echo base_url() ?>kasir" class="waves-effect"><i class="mdi mdi-monitor-dashboard"></i> <span> KASIR </span> </a>
  227. </li>
  228. <li>
  229. <a href="javascript: void(0);">
  230. <i class="mdi mdi-cart-outline"></i>
  231. <span>PRODUK </span>
  232. <span class="menu-arrow"></span>
  233. </a>
  234. <ul class="nav-second-level" aria-expanded="false">
  235. <li><a href="<?php echo base_url() ?>produk">DATA PRODUK</a></li>
  236. <li><a href="<?php echo base_url() ?>kategori">KATEGORI PRODUK</a></li>
  237. <li><a href="<?php echo base_url() ?>cetak-barcode">CETAK BARCODE</a></li>
  238. </ul>
  239. </li>
  240. <li>
  241. <a href="<?php echo base_url() ?>pembelian" class="waves-effect"><i class="mdi mdi-cart-plus"></i> <span> PEMBELIAN </span> </a>
  242. </li>
  243. <!-- <li>
  244. <a href="javascript: void(0);">
  245. <i class="mdi mdi-cart-plus"></i>
  246. <span>PEMBELIAN </span>
  247. <span class="menu-arrow"></span>
  248. </a>
  249. <ul class="nav-second-level" aria-expanded="false">
  250. <li><a href="<?php echo base_url() ?>pembelian">PEMBELIAN</a></li>
  251. <li><a href="<?php echo base_url() ?>retur-pembelian">RETUR PEMBELIAN</a></li>
  252. </ul>
  253. </li> -->
  254. <li>
  255. <a href="javascript: void(0);">
  256. <i class="mdi mdi-account-multiple"></i>
  257. <span>PELANGGAN </span>
  258. <span class="menu-arrow"></span>
  259. </a>
  260. <ul class="nav-second-level" aria-expanded="false">
  261. <li><a href="<?php echo base_url() ?>anggota">DATA PELANGGAN</a></li>
  262. <li><a href="<?php echo base_url() ?>piutang">PIUTANG PELANGGAN</a></li>
  263. </ul>
  264. </li>
  265. <li>
  266. <a href="javascript: void(0);">
  267. <i class="mdi mdi-chart-bar"></i>
  268. <span>LAPORAN </span>
  269. <span class="menu-arrow"></span>
  270. </a>
  271. <ul class="nav-second-level" aria-expanded="false">
  272. <li><a href="<?php echo base_url() ?>laporan-pembelian">LAPORAN PEMBELIAN</a></li>
  273. <li><a href="<?php echo base_url() ?>laporan-penjualan">LAPORAN PENJUALAN</a></li>
  274. <li><a href="<?php echo base_url() ?>laporan-laba">LAPORAN LABA PENJUALAN</a></li>
  275. <li><a href="<?php echo base_url() ?>laporan-cashflow">LAPORAN CASHFLOW</a></li>
  276. </ul>
  277. </li>
  278. <!-- <li>
  279. <a href="<?php echo base_url() ?>" class="waves-effect"><i class="mdi mdi-deskphone"></i> <span> KAS KOPERASI</span> </a>
  280. </li> -->
  281. <li>
  282. <a href="<?php echo base_url() ?>tempat_produksi" class="waves-effect"><i class="mdi mdi-bank"></i> <span> SUPPLIER</span> </a>
  283. </li>
  284. <li>
  285. <a href="<?php echo base_url() ?>kadaluwarsa" class="waves-effect"><i class="mdi mdi-inbox-arrow-down"></i> <span> DATA KADALUWARSA</span> </a>
  286. </li>
  287. <li>
  288. <a href="<?php echo base_url() ?>pengguna" class="waves-effect"><i class="mdi mdi-account"></i> <span> PENGGUNA</span> </a>
  289. </li>
  290. <li>
  291. <a href="<?php echo base_url('setting') ?>" class="waves-effect"><i class="mdi mdi-settings"></i> <span> PENGATURAN</span> </a>
  292. </li>
  293. </ul>
  294. <div class="clearfix"></div>
  295. </div>
  296. <!-- Sidebar -->
  297. <div class="clearfix"></div>
  298. </div>
  299. </div>
  300. <!-- Left Sidebar End -->