| 123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152 |
- <!DOCTYPE html>
- <html lang="en">
- <head>
- @include('dev.helpers.css')
- @include('dev.helpers.js')
- @include('dev.helpers.meta')
- @include('dev.helpers.title')
- </head>
- <style>
- /* width */
- ::-webkit-scrollbar {
- width: 5px;
- }
- /* Track */
- ::-webkit-scrollbar-track {
- background: #f1f1f1;
- }
-
- /* Handle */
- ::-webkit-scrollbar-thumb {
- background: #888;
- }
- /* Handle on hover */
- ::-webkit-scrollbar-thumb:hover {
- background: #555;
- }
- @media only screen and (max-width: 700px) {
- .icon-navbar{
- display:none;
- }
- .logout-navbar{
- display:block;
- }
- #sidenav-collapse-main{
- padding:0px !important;
- }
- .collapse-close{
- padding-left:30px !important;
- padding-top:5px !important;
- }
- .navbar-collapse-header{
- background-color:#1d447a !important;
- }
- }
- @media only screen and (min-width: 700px) {
- .icon-navbar{
- display:block;
- }
- .logout-navbar{
- display:none;
- }
- }
- </style>
- <body class="">
- <nav class="navbar navbar-vertical fixed-left navbar-expand-md navbar-light bg-white" id="sidenav-main" style="overflow: hidden;">
- <div class="container-fluid">
- <!-- Toggler -->
- <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">
- <span class="navbar-toggler-icon"></span>
- </button>
- <!-- Brand -->
- <a class="navbar-brand pt-0" href="{{url('/')}}">
- <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">
- <a href="#" class="logout-navbar text-white btn-logout"><i class="fa fa-power-off"></i> Logout</a>
- </a>
- <!-- Collapse -->
- <div class="collapse navbar-collapse" id="sidenav-collapse-main" style="padding:23px;max-height: 95%;overflow-x: hidden;">
- <!-- Collapse header -->
- <div class="navbar-collapse-header d-md-none">
- <div class="row">
- <div class="col-6 collapse-brand">
- <a href="{{url('/')}}">
- <img src="{{asset('templates/assets/img/brand/blue.png')}}">
- </a>
- </div>
- <div class="col-6 collapse-close">
- <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">
- <span></span>
- <span></span>
- </button>
- </div>
- </div>
- </div>
- <!-- Navigation -->
- <ul class="navbar-nav">
- @include('dev.core.menu')
- </ul>
- </div>
- </div>
- </nav>
- <div class="main-content">
- <!-- Navbar -->
- <nav class="navbar navbar-top navbar-expand-md navbar-dark" id="navbar-main" style="border-bottom: 1px solid #dedede; background:transparent;">
- <div class="container-fluid">
- <!-- Brand -->
- <a class="h4 text-black text-uppercase d-none d-lg-inline-block" href="#"><i class="ni ni-tv-2 text-black"></i> @if(Request::segment(1) == null) Dashboard @else {{ Request::segment(1) }} @endif</a>
- @include('dev.core.navbar')
- </div>
- </nav>
- <!-- End Navbar -->
- <!-- Header -->
- <div class="header pb-6 pt-6">
- <div class="container-fluid">
- <div class="header-body">
- </div>
- </div>
- </div>
- <div class="container-fluid mt--7">
- @yield('content')
-
- @include('dev.core.footer')
- </div>
- </div>
- @include('dev.notification.data')
- @include('dev.core.notification')
- <script src="{{asset('templates/assets/js/jquery-confirm.js') }}"></script>
- <script>
- $('.btn-logout').confirm({
- title: 'Konfirmasi',
- typeAnimated: true,
- icon: 'fas fa-save',
- content: 'Anda yakin akan keluar aplikasi?',
- buttons: {
- confirm: {
- text: 'Keluar',
- btnClass: 'btn-warning',
- action: function () {
- $(location).attr('href', '{{ route('logout') }}');
- }
- },
- cancel: {
- text: 'Batal'
- }
- }
- });
- </script>
- </body>
- </html>
|