using.blade.php 4.1 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152
  1. <!DOCTYPE html>
  2. <html lang="en">
  3. <head>
  4. @include('dev.helpers.css')
  5. @include('dev.helpers.js')
  6. @include('dev.helpers.meta')
  7. @include('dev.helpers.title')
  8. </head>
  9. <style>
  10. /* width */
  11. ::-webkit-scrollbar {
  12. width: 5px;
  13. }
  14. /* Track */
  15. ::-webkit-scrollbar-track {
  16. background: #f1f1f1;
  17. }
  18. /* Handle */
  19. ::-webkit-scrollbar-thumb {
  20. background: #888;
  21. }
  22. /* Handle on hover */
  23. ::-webkit-scrollbar-thumb:hover {
  24. background: #555;
  25. }
  26. @media only screen and (max-width: 700px) {
  27. .icon-navbar{
  28. display:none;
  29. }
  30. .logout-navbar{
  31. display:block;
  32. }
  33. #sidenav-collapse-main{
  34. padding:0px !important;
  35. }
  36. .collapse-close{
  37. padding-left:30px !important;
  38. padding-top:5px !important;
  39. }
  40. .navbar-collapse-header{
  41. background-color:#1d447a !important;
  42. }
  43. }
  44. @media only screen and (min-width: 700px) {
  45. .icon-navbar{
  46. display:block;
  47. }
  48. .logout-navbar{
  49. display:none;
  50. }
  51. }
  52. </style>
  53. <body class="">
  54. <nav class="navbar navbar-vertical fixed-left navbar-expand-md navbar-light bg-white" id="sidenav-main" style="overflow: hidden;">
  55. <div class="container-fluid">
  56. <!-- Toggler -->
  57. <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#sidenav-collapse-main" aria-controls="sidenav-main" aria-expanded="false" aria-label="Toggle navigation">
  58. <span class="navbar-toggler-icon"></span>
  59. </button>
  60. <!-- Brand -->
  61. <a class="navbar-brand pt-0" href="{{url('/')}}">
  62. <img class="icon-navbar" src="{{asset('templates/assets/img/logo-kominfo.png')}}" class="navbar-brand-img" alt="..." style="max-width:100% !important;max-height:100% !important">
  63. <a href="#" class="logout-navbar text-white btn-logout"><i class="fa fa-power-off"></i> Logout</a>
  64. </a>
  65. <!-- Collapse -->
  66. <div class="collapse navbar-collapse" id="sidenav-collapse-main" style="padding:23px;max-height: 95%;overflow-x: hidden;">
  67. <!-- Collapse header -->
  68. <div class="navbar-collapse-header d-md-none">
  69. <div class="row">
  70. <div class="col-6 collapse-brand">
  71. <a href="{{url('/')}}">
  72. <img src="{{asset('templates/assets/img/brand/blue.png')}}">
  73. </a>
  74. </div>
  75. <div class="col-6 collapse-close">
  76. <button type="button" class="navbar-toggler" data-toggle="collapse" data-target="#sidenav-collapse-main" aria-controls="sidenav-main" aria-expanded="false" aria-label="Toggle sidenav">
  77. <span></span>
  78. <span></span>
  79. </button>
  80. </div>
  81. </div>
  82. </div>
  83. <!-- Navigation -->
  84. <ul class="navbar-nav">
  85. @include('dev.core.menu')
  86. </ul>
  87. </div>
  88. </div>
  89. </nav>
  90. <div class="main-content">
  91. <!-- Navbar -->
  92. <nav class="navbar navbar-top navbar-expand-md navbar-dark" id="navbar-main" style="border-bottom: 1px solid #dedede; background:transparent;">
  93. <div class="container-fluid">
  94. <!-- Brand -->
  95. <a class="h4 text-black text-uppercase d-none d-lg-inline-block" href="#"><i class="ni ni-tv-2 text-black"></i>&nbsp;&nbsp;@if(Request::segment(1) == null) Dashboard @else {{ Request::segment(1) }} @endif</a>
  96. @include('dev.core.navbar')
  97. </div>
  98. </nav>
  99. <!-- End Navbar -->
  100. <!-- Header -->
  101. <div class="header pb-6 pt-6">
  102. <div class="container-fluid">
  103. <div class="header-body">
  104. </div>
  105. </div>
  106. </div>
  107. <div class="container-fluid mt--7">
  108. @yield('content')
  109. @include('dev.core.footer')
  110. </div>
  111. </div>
  112. @include('dev.notification.data')
  113. @include('dev.core.notification')
  114. <script src="{{asset('templates/assets/js/jquery-confirm.js') }}"></script>
  115. <script>
  116. $('.btn-logout').confirm({
  117. title: 'Konfirmasi',
  118. typeAnimated: true,
  119. icon: 'fas fa-save',
  120. content: 'Anda yakin akan keluar aplikasi?',
  121. buttons: {
  122. confirm: {
  123. text: 'Keluar',
  124. btnClass: 'btn-warning',
  125. action: function () {
  126. $(location).attr('href', '{{ route('logout') }}');
  127. }
  128. },
  129. cancel: {
  130. text: 'Batal'
  131. }
  132. }
  133. });
  134. </script>
  135. </body>
  136. </html>