From 8775685e3bd063b81c53a25c49eab87c2b9999d1 Mon Sep 17 00:00:00 2001 From: Yuri Dimas Date: Thu, 9 Oct 2025 16:44:44 +0700 Subject: [PATCH] style: slicing page dashboard role sudin --- Controllers/DashboardController.cs | 14 +++ Views/Dashboard/Index.cshtml | 173 +++++++++++++++++++++++++++++ Views/Shared/_Layout.cshtml | 2 +- Views/Shared/_LayoutApp.cshtml | 60 ++++++++++ Views/Shared/_Navbar.cshtml | 29 +++++ Views/Shared/_Sidebar.cshtml | 69 ++++++++++++ wwwroot/css/input.css | 52 +++++++++ 7 files changed, 398 insertions(+), 1 deletion(-) create mode 100644 Controllers/DashboardController.cs create mode 100644 Views/Dashboard/Index.cshtml create mode 100644 Views/Shared/_LayoutApp.cshtml create mode 100644 Views/Shared/_Navbar.cshtml create mode 100644 Views/Shared/_Sidebar.cshtml diff --git a/Controllers/DashboardController.cs b/Controllers/DashboardController.cs new file mode 100644 index 0000000..a25d665 --- /dev/null +++ b/Controllers/DashboardController.cs @@ -0,0 +1,14 @@ +using Microsoft.AspNetCore.Mvc; + +namespace MyApp.Namespace +{ + public class DashboardController : Controller + { + // GET: DashboardController + public ActionResult Index() + { + return View(); + } + + } +} diff --git a/Views/Dashboard/Index.cshtml b/Views/Dashboard/Index.cshtml new file mode 100644 index 0000000..2e947e4 --- /dev/null +++ b/Views/Dashboard/Index.cshtml @@ -0,0 +1,173 @@ +@{ + Layout = "_LayoutApp"; + ViewData["Title"] = "Dashboard"; + ViewData["DashboardActive"] = "menu-active"; +} + +
+
+ Dashboard Administrator +
+
+ +
+ +
+
+ Selamat Datang + Sudin Kota M. Fransisco +
+
+ +
+ +
+
+
+
+ +
+
+
+ Total BSI + 1203 Unit +
+
+
+
+ Sudah Verifikasi + 145 Unit +
+
+ Belum Verifikasi + 5432 Unit +
+
+
+
+
+
+
+
+ +
+
+
+ Total BSU + 1203 Unit +
+
+
+
+ Sudah Aktif + 145 Unit +
+
+ Belum Aktif + 5432 Unit +
+
+ Ditolak + 5432 Unit +
+
+
+
+
+
+
+
+ +
+
+
+ Total Offtaker + 39 Unit +
+
+
+
+ Sudah Aktif + 145 Unit +
+
+ Belum Aktif + 5432 Unit +
+
+ Ditolak + 5432 Unit +
+
+
+
+
+
+
+
+ +
+
+
+ Total Nasabah + 2780 Unit +
+
+
+
+ Sudah Aktif + 145 Unit +
+
+ Belum Aktif + 5432 Unit +
+
+
+
+
+
+ +
+ +
+
+
+
Total Sampah BSI
+
5,812 Kg
+
+ + + 40% + + vs bulan kemarin +
+
+
+
+
+
Total Sampah BSU
+
5,812 Kg
+
+ + + 40% + + vs bulan kemarin +
+
+
+
+
+
Total Sampah Offtaker
+
89.4 Kg
+
+ + + 40% + + vs bulan kemarin +
+
+
+
\ No newline at end of file diff --git a/Views/Shared/_Layout.cshtml b/Views/Shared/_Layout.cshtml index 13cc47f..83e341f 100644 --- a/Views/Shared/_Layout.cshtml +++ b/Views/Shared/_Layout.cshtml @@ -63,7 +63,7 @@
- + Login
diff --git a/Views/Shared/_LayoutApp.cshtml b/Views/Shared/_LayoutApp.cshtml new file mode 100644 index 0000000..1799852 --- /dev/null +++ b/Views/Shared/_LayoutApp.cshtml @@ -0,0 +1,60 @@ + + + + + + + @ViewData["Title"] - E-Bank Sampah + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+ +
+ @await Html.PartialAsync("_Navbar") + +
+ @RenderBody() +
+
+
+ @await Html.PartialAsync("_Sidebar") +
+
+ + + + @await RenderSectionAsync("Scripts", required: false) + + + \ No newline at end of file diff --git a/Views/Shared/_Navbar.cshtml b/Views/Shared/_Navbar.cshtml new file mode 100644 index 0000000..cb9668e --- /dev/null +++ b/Views/Shared/_Navbar.cshtml @@ -0,0 +1,29 @@ +
+
+ +
+
+ + +
+
+
+
+ Avatar +
+
+ +
+
+
\ No newline at end of file diff --git a/Views/Shared/_Sidebar.cshtml b/Views/Shared/_Sidebar.cshtml new file mode 100644 index 0000000..3ee68ee --- /dev/null +++ b/Views/Shared/_Sidebar.cshtml @@ -0,0 +1,69 @@ + + + \ No newline at end of file diff --git a/wwwroot/css/input.css b/wwwroot/css/input.css index 58b8b40..c2bf545 100644 --- a/wwwroot/css/input.css +++ b/wwwroot/css/input.css @@ -1,3 +1,4 @@ +@import url(https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans&display=swap); @import "tailwindcss"; @plugin "daisyui"; @plugin "@tailwindcss/typography"; @@ -93,4 +94,55 @@ line-height: 1.1; } } +} + +@utility icon { + font-family: 'Material Symbols Outlined'; + font-style: normal; + font-weight: normal; + font-size: 1.5rem; /* 24px default */ + line-height: 1; + letter-spacing: normal; + text-transform: none; + display: inline-block; + -webkit-font-feature-settings: 'liga'; + -webkit-font-smoothing: antialiased; +} + +@utility icon-outline { + font-variation-settings: 'FILL' 0, 'wght' 400, 'GRAD' 0, 'opsz' 24; +} + +@utility icon-fill { + font-variation-settings: 'FILL' 1, 'wght' 400, 'GRAD' 0, 'opsz' 24; +} + +@theme { + --font-jakarta-plus: "Plus Jakarta Sans", sans-serif; + --color-bank-sampah-primary-700: #184D21; + --color-bank-sampah-primary-600: #1E602A; + --color-bank-sampah-primary-500: #247332; + --color-bank-sampah-primary-200: #91B998; + --color-bank-sampah-primary-100: #B6D0BB; + --color-bank-sampah-primary-25: #EFFFF2; + --color-bank-sampah-secondary-700: #782D12; + --color-bank-sampah-secondary-600: #C94B1F; + --color-bank-sampah-secondary-500: #F15A25; + --color-bank-sampah-secondary-200: #F8AC92; + --color-bank-sampah-secondary-100: #FAC8B6; + --color-bank-sampah-secondary-25: #FCDED3; +} + +.menu-sidebar a:active, +.menu-sidebar a.menu-active, +.menu-sidebar details > summary:active, +.menu-sidebar a:hover, +.menu-sidebar details > summary:hover { + @apply bg-bank-sampah-primary-500 rounded-full text-white; +} + +.menu-sidebar a:active, +.menu-sidebar a.menu-active, +.menu-sidebar details > summary:active { + @apply bg-bank-sampah-primary-500 rounded-full text-white shadow-none; } \ No newline at end of file