API tools faq
paste
Advertisement
wildanfuady

Laravel Counter Sidebar Menu

wildanfuady
Jan 14th, 2020
1,256
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 11.46 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html>
  2. <!--
  3. This is a starter template page. Use this page to start your new project from
  4. scratch. This page gets rid of all links and provides the needed markup only.
  5. -->
  6. <html lang="en">
  7. <head>
  8. <meta charset="utf-8">
  9. <meta name="viewport" content="width=device-width, initial-scale=1">
  10. <meta http-equiv="x-ua-compatible" content="ie=edge">
  11.  
  12. <title>AdminLTE 3 | Starter</title>
  13.  
  14. <!-- Font Awesome Icons -->
  15. <link rel="stylesheet" href="{{ asset('adminlte/plugins') }}/fontawesome-free/css/all.min.css">
  16. <!-- Theme style -->
  17. <link rel="stylesheet" href="{{ asset('adminlte/dist') }}/css/adminlte.min.css">
  18. <!-- Google Font: Source Sans Pro -->
  19. <link href="https://fonts.googleapis.com/css?family=Source+Sans+Pro:300,400,400i,700" rel="stylesheet">
  20. </head>
  21. <body class="hold-transition sidebar-mini">
  22. <div class="wrapper">
  23.  
  24. <!-- Navbar -->
  25. <nav class="main-header navbar navbar-expand navbar-white navbar-light">
  26. <!-- Left navbar links -->
  27. <ul class="navbar-nav">
  28. <li class="nav-item">
  29. <a class="nav-link" data-widget="pushmenu" href="#"><i class="fas fa-bars"></i></a>
  30. </li>
  31. <li class="nav-item d-none d-sm-inline-block">
  32. <a href="index3.html" class="nav-link">Home</a>
  33. </li>
  34. <li class="nav-item d-none d-sm-inline-block">
  35. <a href="#" class="nav-link">Contact</a>
  36. </li>
  37. </ul>
  38.  
  39. <!-- SEARCH FORM -->
  40. <form class="form-inline ml-3">
  41. <div class="input-group input-group-sm">
  42. <input class="form-control form-control-navbar" type="search" placeholder="Search" aria-label="Search">
  43. <div class="input-group-append">
  44. <button class="btn btn-navbar" type="submit">
  45. <i class="fas fa-search"></i>
  46. </button>
  47. </div>
  48. </div>
  49. </form>
  50.  
  51. <!-- Right navbar links -->
  52. <ul class="navbar-nav ml-auto">
  53. <!-- Messages Dropdown Menu -->
  54. <li class="nav-item dropdown">
  55. <a class="nav-link" data-toggle="dropdown" href="#">
  56. <i class="far fa-comments"></i>
  57. <span class="badge badge-danger navbar-badge">3</span>
  58. </a>
  59. <div class="dropdown-menu dropdown-menu-lg dropdown-menu-right">
  60. <a href="#" class="dropdown-item">
  61. <!-- Message Start -->
  62. <div class="media">
  63. <img src="{{ asset('adminlte/dist') }}/img/user1-128x128.jpg" alt="User Avatar" class="img-size-50 mr-3 img-circle">
  64. <div class="media-body">
  65. <h3 class="dropdown-item-title">
  66. Brad Diesel
  67. <span class="float-right text-sm text-danger"><i class="fas fa-star"></i></span>
  68. </h3>
  69. <p class="text-sm">Call me whenever you can...</p>
  70. <p class="text-sm text-muted"><i class="far fa-clock mr-1"></i> 4 Hours Ago</p>
  71. </div>
  72. </div>
  73. <!-- Message End -->
  74. </a>
  75. <div class="dropdown-divider"></div>
  76. <a href="#" class="dropdown-item">
  77. <!-- Message Start -->
  78. <div class="media">
  79. <img src="{{ asset('adminlte/dist') }}/img/user8-128x128.jpg" alt="User Avatar" class="img-size-50 img-circle mr-3">
  80. <div class="media-body">
  81. <h3 class="dropdown-item-title">
  82. John Pierce
  83. <span class="float-right text-sm text-muted"><i class="fas fa-star"></i></span>
  84. </h3>
  85. <p class="text-sm">I got your message bro</p>
  86. <p class="text-sm text-muted"><i class="far fa-clock mr-1"></i> 4 Hours Ago</p>
  87. </div>
  88. </div>
  89. <!-- Message End -->
  90. </a>
  91. <div class="dropdown-divider"></div>
  92. <a href="#" class="dropdown-item">
  93. <!-- Message Start -->
  94. <div class="media">
  95. <img src="{{ asset('adminlte/dits') }}/img/user3-128x128.jpg" alt="User Avatar" class="img-size-50 img-circle mr-3">
  96. <div class="media-body">
  97. <h3 class="dropdown-item-title">
  98. Nora Silvester
  99. <span class="float-right text-sm text-warning"><i class="fas fa-star"></i></span>
  100. </h3>
  101. <p class="text-sm">The subject goes here</p>
  102. <p class="text-sm text-muted"><i class="far fa-clock mr-1"></i> 4 Hours Ago</p>
  103. </div>
  104. </div>
  105. <!-- Message End -->
  106. </a>
  107. <div class="dropdown-divider"></div>
  108. <a href="#" class="dropdown-item dropdown-footer">See All Messages</a>
  109. </div>
  110. </li>
  111. <!-- Notifications Dropdown Menu -->
  112. <li class="nav-item dropdown">
  113. <a class="nav-link" data-toggle="dropdown" href="#">
  114. <i class="far fa-bell"></i>
  115. <span class="badge badge-warning navbar-badge">15</span>
  116. </a>
  117. <div class="dropdown-menu dropdown-menu-lg dropdown-menu-right">
  118. <span class="dropdown-header">15 Notifications</span>
  119. <div class="dropdown-divider"></div>
  120. <a href="#" class="dropdown-item">
  121. <i class="fas fa-envelope mr-2"></i> 4 new messages
  122. <span class="float-right text-muted text-sm">3 mins</span>
  123. </a>
  124. <div class="dropdown-divider"></div>
  125. <a href="#" class="dropdown-item">
  126. <i class="fas fa-users mr-2"></i> 8 friend requests
  127. <span class="float-right text-muted text-sm">12 hours</span>
  128. </a>
  129. <div class="dropdown-divider"></div>
  130. <a href="#" class="dropdown-item">
  131. <i class="fas fa-file mr-2"></i> 3 new reports
  132. <span class="float-right text-muted text-sm">2 days</span>
  133. </a>
  134. <div class="dropdown-divider"></div>
  135. <a href="#" class="dropdown-item dropdown-footer">See All Notifications</a>
  136. </div>
  137. </li>
  138. <li class="nav-item">
  139. <a class="nav-link" data-widget="control-sidebar" data-slide="true" href="#"><i
  140. class="fas fa-th-large"></i></a>
  141. </li>
  142. </ul>
  143. </nav>
  144. <!-- /.navbar -->
  145.  
  146. <!-- Main Sidebar Container -->
  147. <aside class="main-sidebar sidebar-dark-primary elevation-4">
  148. <!-- Brand Logo -->
  149. <a href="index3.html" class="brand-link">
  150. <img src="{{ asset('adminlte/dist') }}/img/AdminLTELogo.png" alt="AdminLTE Logo" class="brand-image img-circle elevation-3"
  151. style="opacity: .8">
  152. <span class="brand-text font-weight-light">AdminLTE 3</span>
  153. </a>
  154.  
  155. <!-- Sidebar -->
  156. <div class="sidebar">
  157. <!-- Sidebar user panel (optional) -->
  158. <div class="user-panel mt-3 pb-3 mb-3 d-flex">
  159. <div class="image">
  160. <img src="{{ asset('adminlte/dist') }}/img/user2-160x160.jpg" class="img-circle elevation-2" alt="User Image">
  161. </div>
  162. <div class="info">
  163. <a href="#" class="d-block">Alexander Pierce</a>
  164. </div>
  165. </div>
  166.  
  167. <!-- Sidebar Menu -->
  168. <nav class="mt-2">
  169. <ul class="nav nav-pills nav-sidebar flex-column" data-widget="treeview" role="menu" data-accordion="false">
  170. <!-- Add icons to the links using the .nav-icon class
  171. with font-awesome or any other icon font library -->
  172. <li class="nav-item has-treeview menu-open">
  173. <a href="#" class="nav-link active">
  174. <i class="nav-icon fas fa-tachometer-alt"></i>
  175. <p>
  176. Master Student
  177. <i class="right fas fa-angle-left"></i>
  178. </p>
  179. </a>
  180. <ul class="nav nav-treeview">
  181. <li class="nav-item">
  182. <a href="{{ route('student.index') }}" class="nav-link active">
  183. <i class="far fa-circle nav-icon"></i>
  184. <p>Data Student
  185. <span class="right badge badge-danger">{{ \App\Student::totalStudent() }}</span>
  186. </p>
  187. </a>
  188. </li>
  189. </ul>
  190. </li>
  191. </ul>
  192. </nav>
  193. <!-- /.sidebar-menu -->
  194. </div>
  195. <!-- /.sidebar -->
  196. </aside>
  197.  
  198. <!-- Content Wrapper. Contains page content -->
  199. <div class="content-wrapper">
  200. <!-- Content Header (Page header) -->
  201. <div class="content-header">
  202. <div class="container-fluid">
  203. <div class="row mb-2">
  204. <div class="col-sm-6">
  205. <h1 class="m-0 text-dark">Students</h1>
  206. </div><!-- /.col -->
  207. <div class="col-sm-6">
  208. <ol class="breadcrumb float-sm-right">
  209. <li class="breadcrumb-item"><a href="#">Home</a></li>
  210. <li class="breadcrumb-item active">Students</li>
  211. </ol>
  212. </div><!-- /.col -->
  213. </div><!-- /.row -->
  214. </div><!-- /.container-fluid -->
  215. </div>
  216. <!-- /.content-header -->
  217.  
  218. <!-- Main content -->
  219. <div class="content">
  220. <div class="container-fluid">
  221. <div class="row">
  222. <div class="col-lg-12">
  223. <div class="card">
  224. <div class="card-header">List All Student</div>
  225. <div class="card-body">
  226. <div class="table-responsive">
  227. <table class="table table-hovered table-bordered">
  228. <thead>
  229. <tr>
  230. <th>No</th>
  231. <th>Name</th>
  232. <th>Email</th>
  233. <th>Gender</th>
  234. </tr>
  235. </thead>
  236. <tbody>
  237. @php $no=1 @endphp
  238. @foreach($students as $data)
  239. <tr>
  240. <td>{{ ++$i }}</td>
  241. <td>{{ $data->name }}</td>
  242. <td>{{ $data->email }}</td>
  243. <td>{{ $data->gender }}</td>
  244. </tr>
  245. @endforeach
  246. </tbody>
  247. </table>
  248. </div>
  249. {{ $students->links() }}
  250. </div>
  251. </div>
  252.  
  253. </div>
  254. <!-- /.col-md-6 -->
  255.  
  256. </div>
  257. <!-- /.row -->
  258. </div><!-- /.container-fluid -->
  259. </div>
  260. <!-- /.content -->
  261. </div>
  262. <!-- /.content-wrapper -->
  263.  
  264. <!-- Control Sidebar -->
  265. <aside class="control-sidebar control-sidebar-dark">
  266. <!-- Control sidebar content goes here -->
  267. <div class="p-3">
  268. <h5>Title</h5>
  269. <p>Sidebar content</p>
  270. </div>
  271. </aside>
  272. <!-- /.control-sidebar -->
  273.  
  274. <!-- Main Footer -->
  275. <footer class="main-footer">
  276. <!-- To the right -->
  277. <div class="float-right d-none d-sm-inline">
  278. Anything you want
  279. </div>
  280. <!-- Default to the left -->
  281. <strong>Copyright &copy; 2014-2019 <a href="https://adminlte.io">AdminLTE.io</a>.</strong> All rights reserved.
  282. </footer>
  283. </div>
  284. <!-- ./wrapper -->
  285.  
  286. <!-- REQUIRED SCRIPTS -->
  287.  
  288. <!-- jQuery -->
  289. <script src="{{ asset('adminlte/plugins') }}/jquery/jquery.min.js"></script>
  290. <!-- Bootstrap 4 -->
  291. <script src="{{ asset('adminlte/plugins') }}/bootstrap/js/bootstrap.bundle.min.js"></script>
  292. <!-- AdminLTE App -->
  293. <script src="{{ asset('adminlte/dist') }}/js/adminlte.min.js"></script>
  294. </body>
  295. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement
Public Pastes
Advertisement
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy.  OK, I Understand
Not a member of Pastebin yet?
Sign Up, it unlocks many cool features!