style: add condition for active menu per area

main
Yuri Dimas 2025-10-16 11:33:27 +07:00
parent f67250fac3
commit ef376bea65
No known key found for this signature in database
GPG Key ID: 4A421F9108FB5D2C
1 changed files with 88 additions and 31 deletions

View File

@ -11,38 +11,95 @@
</div> </div>
<span class="font-jakarta-plus text-xl">e-Bank Sampah</span> <span class="font-jakarta-plus text-xl">e-Bank Sampah</span>
</div> </div>
<ul class="menu menu-sidebar bg-base-100 text-base-content min-h-full w-64 p-4"> <ul class="menu menu-sidebar bg-base-100 text-base-content min-h-full w-64 p-4 text-gray-500">
<!-- Sidebar content here --> <!-- Sidebar content here -->
<li> @{
<a href="@Url.Action("Index","Dashboard")" class="w-full rounded-full text-gray-500 @ViewData["DashboardActive"]"> var currentArea = ViewContext.RouteData.Values["area"] as string;
<i class="ph ph-gauge me-2 text-lg"></i> var controller = ViewContext.RouteData.Values["controller"] as string;
Dashboard }
</a> @if (currentArea == "Sudin")
</li> {
<li> <li>
<a href="@Url.Action("Index","DataBankSampah")" class="rounded-full text-gray-500 @ViewData["DataBankSampahActive"]"> <a href="@Url.Action("Index","Dashboard")" class="w-full rounded-full @ViewData["DashboardActive"]">
<i class="ph ph-house-line me-2 text-lg"></i> <i class="ph ph-gauge me-2 text-lg"></i>
Data Bank Sampah Dashboard
</a> </a>
</li> </li>
<li> <li>
<a class="rounded-full text-gray-500"> <a href="@Url.Action("Index","DataBankSampah")" class="rounded-full @ViewData["DataBankSampahActive"]">
<i class="ph ph-users-four me-2 text-lg"></i> <i class="ph ph-house-line me-2 text-lg"></i>
Data Nasabah Data Bank Sampah
</a> </a>
</li> </li>
<li> <li>
<a href="@Url.Action("Index","DataOfftaker")" class="rounded-full text-gray-500 @ViewData["DataOfftakerActive"]"> <a class="rounded-full">
<i class="ph ph-read-cv-logo me-2 text-lg"></i> <i class="ph ph-users-four me-2 text-lg"></i>
Data Offtaker Data Nasabah
</a> </a>
</li> </li>
<li> <li>
<a href="@Url.Action("Index","TransaksiLaporan")" class="rounded-full text-gray-500 @ViewData["TransaksiLaporanActive"]"> <a href="@Url.Action("Index","DataOfftaker")" class="rounded-full @ViewData["DataOfftakerActive"]">
<i class="ph ph-database me-2 text-lg"></i> <i class="ph ph-read-cv-logo me-2 text-lg"></i>
Transaksi Laporan Data Offtaker
</a> </a>
</li> </li>
<li>
<a href="@Url.Action("Index","TransaksiLaporan")" class="rounded-full @ViewData["TransaksiLaporanActive"]">
<i class="ph ph-database me-2 text-lg"></i>
Transaksi Laporan
</a>
</li>
}
else if (currentArea == "Bsi")
{
<li>
<a href="#" class="w-full rounded-full">
<i class="ph ph-gauge me-2 text-lg"></i>
Dashboard
</a>
</li>
<li>
<a href="#" class="w-full rounded-full @(controller=="Profil" ? "menu-active" : "")">
<i class="ph ph-gauge me-2 text-lg"></i>
Profil Bank Sampah
</a>
</li>
<li>
<details>
<summary>
<i class="ph ph-database me-2 text-lg"></i>
Data
</summary>
<ul>
<li><a>Nasabah</a></li>
<li><a>Bank Sampah Induk</a></li>
<li><a>Aktifitas</a></li>
<li><a>Harga Sampah</a></li>
<li><a>Offtaker</a></li>
</ul>
</details>
</li>
<li>
<details>
<summary>
<i class="ph ph-cash-register me-2 text-lg"></i>
Transaksi
</summary>
<ul>
<li><a>Nasabah</a></li>
<li><a>Penarikan Tabungan</a></li>
<li><a>BSI</a></li>
<li><a>Offtaker</a></li>
<li><a>Laporan</a></li>
</ul>
</details>
</li>
}
else
{
}
</ul> </ul>
<div class="card absolute inset-x-0 bottom-0 m-3 bg-gradient-to-tl from-[#FFDBAC] to-[#F79009] text-white"> <div class="card absolute inset-x-0 bottom-0 m-3 bg-gradient-to-tl from-[#FFDBAC] to-[#F79009] text-white">
<div class="card-body px-2 py-4"> <div class="card-body px-2 py-4">