banksampah
/
bps-rw
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Merge branch '35152/01' into 'main' 

35152/01

See merge request imp/dki-bps-rw!1
main-dlh
Rohmad Eko Wahyudi 2025-10-07 05:59:18 +00:00
parent 54880c364f 12c5d7890b
commit 2168b4762f
13 changed files with 818 additions and 692 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

0
.gitlab/.gitkeep 100644
View File

0
.gitlab/merge_request_templates/.gitkeep 100644
View File

28
.gitlab/merge_request_templates/Default.md 100644
View File

@ -0,0 +1,28 @@
# MERGE REQUEST
## Summary
(Summarize the changes that have been made)
## Videos
- Please upload videos if there are interactions included: e.g: progress bar, spinner, popup, drawer, etc
- Remove this section if not uploading Videos
## Screenshots
- Show whole browser screenshot with URL bar shown where the route is shown
- Remove this section if not uploading Screenshots
## Redmine
- Put any related links related to this Merge Request
## Checklist
Change the `[ ]` to `[x]` for each of these list that are applicable, remove any list item that are not applicable
- [ ] I fixed|updated|added unit tests and integration tests for each feature (if applicable).
- [ ] No `error` nor `warning` in the console.
- [ ] I added videos for the developed feature / bug fix. (Please upload videos if there are interactions included: e.g: progress bar, spinner, popup, drawer, etc)
- [ ] I added screenshots of developed feature

1
BpsRwApp.csproj
View File

@ -15,6 +15,7 @@
<PackageReference Include="Microsoft.Extensions.Logging.ApplicationInsights" Version="2.22.0" />
<PackageReference Include="Microsoft.Extensions.Configuration.UserSecrets" Version="9.0.0" />
<PackageReference Include="Microsoft.AspNetCore.OpenApi" Version="9.0.0" />
<PackageReference Include="Microsoft.VisualStudio.Web.CodeGeneration.Design" Version="9.0.0" />
<PackageReference Include="Swashbuckle.AspNetCore" Version="6.8.1" />
</ItemGroup>

17
Controllers/DashboardController.cs 100644
View File

@ -0,0 +1,17 @@
using Microsoft.AspNetCore.Mvc;
namespace BpsRw.Controllers
{
public class DashboardController : Controller
{
public IActionResult Index()
{
return View();
}
public IActionResult Reports()
{
return View();
}
}
}

4
Views/Dashboard/Index.cshtml 100644
View File

@ -0,0 +1,4 @@
@{
Layout = "_LayoutApp";
ViewData["Title"] = "Dashboard";
}

8
Views/Shared/_Layout.cshtml
View File

@ -57,13 +57,13 @@
<!-- Login Button -->
<div class="flex-1 flex justify-end items-center gap-4">
<button class="px-8 py-2.5 bg-green-800 hover:bg-green-700 rounded-full flex justify-center items-center gap-2 transition-colors">
<a href="@Url.Action("Index", "Dashboard")" class="btn btn-success rounded-full shadow-none bg-bpsrw-500 border-0">
<span class="text-white text-base font-semibold font-jakarta leading-normal">Login</span>
</button>
</a>
</div>
<!-- Mobile Menu Button -->
<div class="dropdown lg:hidden">
<div class="dropdown dropdown-bottom dropdown-end lg:hidden">
<div tabindex="0" role="button" class="btn btn-ghost">
<svg xmlns="http://www.w3.org/2000/svg" class="h-5 w-5" fill="none" viewBox="0 0 24 24" stroke="currentColor">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M4 6h16M4 12h8m-8 6h16" />
@ -102,7 +102,7 @@
</div>
<!-- Navigation Menu -->
<div class="flex justify-start items-center gap-8">
<div class="grid gap-8 grid-cols-4">
<a href="#" class="rounded-full flex justify-center items-center gap-2 hover:bg-green-800/20 px-4 py-2 transition-colors">
<div class="text-white text-base font-semibold font-jakarta leading-normal">Beranda</div>
</a>

60
Views/Shared/_LayoutApp.cshtml 100644
View File

@ -0,0 +1,60 @@
<!DOCTYPE html>
<html lang="en" data-theme="light">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>@ViewData["Title"] - BPS RW</title>
<!-- Meta tags untuk SEO -->
<meta name="description" content="Aplikasi Bank Sampah Digital untuk mengelola sampah dan mendapatkan reward">
<meta name="keywords" content="bank sampah, recycle, environment, go green, sampah">
<meta name="author" content="Bank Sampah Digital">
<!-- Open Graph Meta Tags -->
<meta property="og:title" content="@ViewData[" Title"] - Bank Sampah Digital">
<meta property="og:description" content="Kelola sampah Anda dengan mudah dan dapatkan reward!">
<meta property="og:type" content="website">
<!-- Google Fonts -->
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:ital,wght@0,200..800;1,200..800&display=swap"
rel="stylesheet">
<!-- Phosphor Icons -->
<link rel="stylesheet" type="text/css"
href="https://cdn.jsdelivr.net/npm/@@phosphor-icons/web@2.1.2/src/regular/style.css" />
<link rel="stylesheet" type="text/css"
href="https://cdn.jsdelivr.net/npm/@@phosphor-icons/web@2.1.2/src/fill/style.css" />
<!-- Material Icon -->
<link rel="stylesheet"
href="https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:opsz,wght,FILL,GRAD@20..48,100..700,0..1,-50..200" />
<!-- CSS -->
<link rel="stylesheet" href="~/css/site.css" asp-append-version="true" />
</head>
<body class="bg-gray-100 min-h-dvh font-sans antialiased">
<div class="drawer md:drawer-open">
<input id="my-drawer-2" type="checkbox" class="drawer-toggle" />
<div class="drawer-content">
@await Html.PartialAsync("_Navbar")
<!-- Page content here -->
<main class="container mx-auto p-6">
@RenderBody()
</main>
</div>
<div class="drawer-side z-50 lg:z-0">
@await Html.PartialAsync("_Sidebar")
</div>
</div>
<!-- Scripts -->
<script src="~/js/site.js" asp-append-version="true"></script>
@await RenderSectionAsync("Scripts", required: false)
</body>
</html>

33
Views/Shared/_Navbar.cshtml 100644
View File

@ -0,0 +1,33 @@
<div class="navbar sticky top-0 z-20 w-full justify-between bg-base-100 lg:justify-end">
<div class="navbar-start">
<label for="my-drawer-2" class="btn bg-bpsrw-500 text-white drawer-button btn-square lg:hidden">
<span class="icon icon-outline">menu_open</span>
</label>
</div>
<div class="navbar-end gap-4">
<label class="input rounded-full bg-gray-100">
<span class="icon icon-outline text-gray-400">search</span>
<input type="search" required placeholder="Cari berkas atau data..." />
</label>
<button class="btn btn-ghost btn-square border-gray-200 rounded-lg">
<span class="icon icon-outline">help</span>
</button>
<button class="btn btn-ghost btn-square border-gray-200 rounded-lg avatar avatar-online">
<span class="icon icon-outline">notifications</span>
</button>
<div class="divider divider-horizontal m-0"></div>
<div class="dropdown dropdown-end">
<div tabindex="0" role="button" class="btn btn-ghost btn-circle avatar border-2 border-bpsrw-500">
<div class="w-10 rounded-full">
<img alt="Avatar"
src="https://img.daisyui.com/images/stock/photo-1534528741775-53994a69daeb.webp" />
</div>
</div>
<ul tabindex="0" class="menu menu-sm dropdown-content bg-base-100 rounded-box z-1 mt-3 w-52 p-2 shadow">
<li><a>Profile</a></li>
<li><a>Settings</a></li>
<li><a href="@Url.Action("Index", "Home")">Logout</a></li>
</ul>
</div>
</div>
</div>

137
Views/Shared/_Sidebar.cshtml 100644
View File

@ -0,0 +1,137 @@
<label class="drawer-overlay" for="my-drawer-2" aria-label="close sidebar"></label>
<aside class="min-h-screen bg-base-100 border-e border-gray-200">
<!-- Navbar -->
<div
class="navbar sticky top-0 hidden border-b border-gray-200 items-center justify-center gap-2 bg-profiling-500 px-4 py-2 font-bold lg:z-50 lg:flex">
<img src="/images/logo.png" alt="Logo" width="48" />
<span>BPS RW</span>
</div>
<ul class="menu menu-sidebar bg-base-100 text-base-content min-h-full w-80 p-4">
<!-- Sidebar content here -->
<li>
<a class="text-gray-500 menu-active">
<span class="icon icon-fill">analytics</span>
Dashboard
</a>
</li>
<li>
<details open>
<summary class="text-bpsrw-500 font-semibold">DATA SUDIN</summary>
<ul>
<li>
<a class="text-gray-500">
<span class="icon icon-fill">house</span>
Rumah Memilah
</a>
</li>
<li>
<a class="text-gray-500">
<span class="icon icon-fill">playlist_add_check</span>
Checklist Harian
</a>
</li>
</ul>
</details>
</li>
<li>
<details open>
<summary class="text-bpsrw-500 font-semibold">DATA KECAMATAN</summary>
<ul>
<li>
<a class="text-gray-500">
<span class="icon icon-fill">list</span>
Data Kecamatan
</a>
</li>
<li>
<a class="text-gray-500">
<span class="icon icon-fill">house</span>
Rumah Memilah
</a>
</li>
<li>
<a class="text-gray-500">
<span class="icon icon-fill">playlist_add_check</span>
Checklist Harian
</a>
</li>
<li>
<a class="text-gray-500">
<span class="icon icon-fill">list</span>
Data RW
</a>
</li>
<li>
<a class="text-gray-500">
<span class="icon icon-fill">list</span>
Data RT
</a>
</li>
</ul>
</details>
</li>
<li>
<details open>
<summary class="text-bpsrw-500 font-semibold">DATA RUMAH</summary>
<ul>
<li>
<a class="text-gray-500">
<span class="icon icon-fill">house</span>
Rumah
</a>
</li>
<li>
<a class="text-gray-500">
<span class="icon icon-fill">playlist_add_check</span>
Potensi Rumah
</a>
</li>
<li>
<a class="text-gray-500">
<span class="icon icon-fill">list</span>
Data Bank Sampah
</a>
</li>
<li>
<a class="text-gray-500">
<span class="icon icon-fill">list</span>
Data Pendamping RW
</a>
</li>
<li>
<a class="text-gray-500">
<span class="icon icon-fill">list</span>
Data Berat Sampah
</a>
</li>
</ul>
</details>
</li>
<li>
<details open>
<summary class="text-bpsrw-500 font-semibold">DATA VERIFIKASI</summary>
<ul>
<li>
<a class="text-gray-500">
<span class="icon icon-fill">house</span>
Laporan RW
</a>
</li>
<li>
<a class="text-gray-500">
<span class="icon icon-fill">playlist_add_check</span>
Checklist Harian
</a>
</li>
<li>
<a class="text-gray-500">
<span class="icon icon-fill">playlist_add_check</span>
Total Checklist Rumah
</a>
</li>
</ul>
</details>
</li>
</ul>
</aside>

11
package.json
View File

@ -3,11 +3,14 @@
"version": "1.0.0",
"description": "BPW RW Application",
"scripts": {
"build-css": "tailwindcss -i ./wwwroot/css/input.css -o ./wwwroot/css/site.css --watch",
"build": "tailwindcss -i ./wwwroot/css/input.css -o ./wwwroot/css/site.css --minify"
"build-css": "npx @tailwindcss/cli -i ./wwwroot/css/input.css -o ./wwwroot/css/site.css --watch",
"build": "npx @tailwindcss/cli -i ./wwwroot/css/input.css -o ./wwwroot/css/site.css --minify"
},
"devDependencies": {
"tailwindcss": "^3.4.10",
"daisyui": "^4.12.10"
"daisyui": "^5.1.26",
"tailwindcss": "^4.1.13"
},
"dependencies": {
"@tailwindcss/cli": "^4.1.13"
}
}

1154
pnpm-lock.yaml
View File

File diff suppressed because it is too large Load Diff

57
wwwroot/css/input.css
View File

@ -1,6 +1,8 @@
@tailwind base;
@tailwind components;
@tailwind utilities;
@import "tailwindcss";
@plugin "daisyui";
@plugin "daisyui/theme" {
name: 'light';
}
/* Custom styles untuk Bank Sampah App */
@layer components {
@ -93,4 +95,53 @@
line-height: 1.1;
}
}
}
@theme {
--color-bpsrw-25: #EFFFF2;
--color-bpsrw-50: #D3E3D6;
--color-bpsrw-100: #B6D0BB;
--color-bpsrw-200: #91B998;
--color-bpsrw-300: #6DA276;
--color-bpsrw-400: #488A54;
--color-bpsrw-500: #247332;
--color-bpsrw-600: #1E602A;
--color-bpsrw-700: #184D21;
--color-bpsrw-800: #123919;
--color-bpsrw-900: #0C2611;
}
.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-bpsrw-500 text-white border-b-[3px] border-bpsrw-600 font-semibold;
}
.menu-sidebar a:active,
.menu-sidebar a.menu-active,
.menu-sidebar details > summary:active {
@apply bg-bpsrw-500 text-white;
}
@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;
}