E41220418
/
TIF_NGANJUK_E41220418
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

update admin layout: add kelola admin menu and improve header styling

This commit is contained in:
LailaWulandarii 2025-12-26 21:36:13 +07:00
parent 6d53e31f04
commit 9e085a79b4
1 changed files with 31 additions and 11 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

42
resources/views/layouts/admin.blade.php
View File

@ -8,6 +8,9 @@
<link rel="icon" href="{{ asset('favicon.ico') }}" type="image/x-icon"> <link rel="icon" href="{{ asset('favicon.ico') }}" type="image/x-icon">
<link rel="stylesheet" href="{{ asset('css/app.css') }}"> <link rel="stylesheet" href="{{ asset('css/app.css') }}">
<link rel="stylesheet" href="{{ asset('css/simple-datatables.css') }}">
<link rel="stylesheet" href="{{ asset('css/table-datatable.css') }}">
</head> </head>
<body> <body>
@ -23,7 +26,8 @@
</div> </div>
<div class="sidebar-menu"> <div class="sidebar-menu">
<ul class="menu"> <ul class="menu">
<li class="sidebar-item {{ request()->is('admin/beranda') ? 'active' : '' }}"> <li
class="sidebar-item {{ request()->is('admin/beranda', 'admin/beranda-pemilik') ? 'active' : '' }}">
<a href="{{ route('admin.beranda') }}" class='sidebar-link'> <a href="{{ route('admin.beranda') }}" class='sidebar-link'>
<i class="bi bi-grid-fill"></i> <i class="bi bi-grid-fill"></i>
<span>Beranda</span> <span>Beranda</span>
@ -61,6 +65,12 @@
<span>Paket Foto</span> <span>Paket Foto</span>
</a> </a>
</li> </li>
<li class="sidebar-item {{ request()->is('admin/kelola-admin*') ? 'active' : '' }}">
<a href="{{ route('admin.kelola-admin.index') }}" class='sidebar-link'>
<i class="bi bi-people-fill"></i>
<span>Kelola Admin</span>
</a>
</li>
</ul> </ul>
</div> </div>
</div> </div>
@ -74,24 +84,25 @@
</header> </header>
<div class="page-heading"> <div class="page-heading">
<div class="d-flex justify-content-between align-items-center mb-3"> <div class="d-flex justify-content-between align-items-center mb-4">
<h3>@yield('title')</h3> <h3 class="mb-0 page-title">@yield('title')</h3>
<div class="dropdown"> <div class="avatar avatar me-3 dropdown">
<a href="#" id="profileDropdown" data-bs-toggle="dropdown" aria-expanded="false"><i <a href="#" id="profileDropdown" data-bs-toggle="dropdown" aria-expanded="false"><img
class="bi bi-person-circle fs-4 text-secondary"></i> src="{{ asset('img/ava.png') }}" alt="" srcset="">
</a> </a>
<ul class="dropdown-menu dropdown-menu-end shadow" aria-labelledby="profileDropdown" <ul class="dropdown-menu dropdown-menu-end shadow" aria-labelledby="profileDropdown"
style="min-width: 200px;"> style="min-width: 150px;">
<li class="dropdown-header text-center"> <li class="dropdown-header text-center">
<h6 class="mb-0 text-dark">Nama Admin</h6> <h6 class="mb-0 text-dark">Nama Admin</h6>
<small class="text-muted">Administrator</small> <small class="text-muted">Administrator</small>
</li> </li>
<li> <li>
<hr class="dropdown-divider"> <hr class="dropdown-divider mt-0">
</li> </li>
<li><a class="dropdown-item" href="#">Profil Saya</a></li> <li><a class="dropdown-item" href="{{ route('admin.profil.index') }}"
<li><a class="dropdown-item text-danger" href="#">Logout</a></li> style="font-size: 0.9rem;">Profil Saya</a></li>
</ul> </ul>
</div> </div>
</div> </div>
@ -108,8 +119,17 @@ class="bi bi-person-circle fs-4 text-secondary"></i>
</footer> </footer>
</div> </div>
</div> </div>
<script src="{{ asset('js/app.js') }}"></script> <script src="{{ asset('js/app.js') }}"></script>
<script src="{{ asset('js/ex-simple-datatables.js') }}"></script>
<script src="{{ asset('js/simple-datatables.js') }}"></script>
<script>
document.addEventListener('DOMContentLoaded', function() {
var tooltipTriggerList = [].slice.call(document.querySelectorAll('[data-bs-toggle="tooltip"]'))
var tooltipList = tooltipTriggerList.map(function(tooltipTriggerEl) {
return new bootstrap.Tooltip(tooltipTriggerEl)
})
}, false);
</script>
@yield('scripts') @yield('scripts')
</body> </body>