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

Compare commits

base: banksampah:c7a43be42c96b2aef9a7a4c2ffe5b26c0d5886ed
Branches Tags
banksampah:main-dlh
...
compare: banksampah:f4a1e1bde7cd9b06e05a68144fb22ab8cef5a7f2
Branches Tags
banksampah:main-dlh

6 Commits
c7a43be42c ... f4a1e1bde7

Author SHA1 Message Date
Yuri Dimas f4a1e1bde7
style: add menu Laporan RW 2025-10-08 12:27:51 +07:00
Yuri Dimas 6177f2fd70
style: add menu data pendamping rw 
Tab Berat Sampah
 2025-10-08 11:54:35 +07:00
Yuri Dimas be909cc4c2
style: add menu data pendamping rw 
Tab Checklist
 2025-10-08 11:45:22 +07:00
Rohmad Eko Wahyudi 92d05205be Merge branch '35154/01' into 'main' 
35154/01

See merge request imp/dki-bps-rw!3
 2025-10-08 04:23:29 +00:00
Yuri Dimas e4ea50402a
style: apply global text-nowrap on class badge 2025-10-08 11:15:11 +07:00
Yuri Dimas 435b5cd3a9
style: add menu data pendamping rw 2025-10-08 11:13:37 +07:00
6 changed files with 1076 additions and 2 deletions
Show Stats Expand all files Collapse all files

14
Controllers/DataPendampingRwController.cs 100644
View File

@ -0,0 +1,14 @@
using Microsoft.AspNetCore.Mvc;
namespace MyApp.Namespace
{
public class DataPendampingRwController : Controller
{
// GET: DataPendampingRwController
public ActionResult Index()
{
return View();
}
}
}

14
Controllers/LaporanRwController.cs 100644
View File

@ -0,0 +1,14 @@
using Microsoft.AspNetCore.Mvc;
namespace MyApp.Namespace
{
public class LaporanRwController : Controller
{
// GET: LaporanRwController
public ActionResult Index()
{
return View();
}
}
}

788
Views/DataPendampingRw/Index.cshtml 100644
View File

@ -0,0 +1,788 @@
@{
Layout = "_LayoutApp";
ViewData["Title"] = "Data Pendamping RW";
ViewData["DataPendampingRwActive"] = "menu-active";
}
<div class="breadcrumbs text-sm">
<ul>
<li class="text-gray-500"><a>Data Rumah</a></li>
<li>Data Pendamping RW</li>
</ul>
</div>
<!-- Header -->
<div class="grid grid-cols-1 gap-4 lg:grid-cols-2">
<div class="prose">
<h3 class="mb-2">Data Pendamping RW</h3>
</div>
<div class="justify-self-end lg:self-center">
<a class="btn bg-white rounded-full" href="#">
<span class="icon icon-fill me-2">filter_list</span>
Filter
</a>
</div>
</div>
<div class="h-8"></div>
<div class="tabs tabs-lift">
<input type="radio" name="my_tabs_3" class="tab [--tab-bg:green] text-white" aria-label="Rapot" checked="checked"/>
<div class="tab-content bg-base-100 border-base-300 p-6">
<div class="overflow-x-auto">
<table class="table table-zebra">
<!-- head -->
<thead>
<tr>
<th style="width: 5%">No</th>
<th style="width: 25%">Nama</th>
<th style="width: 15%">Checklist</th>
<th style="width: 15%">Berat Sampah</th>
<th style="width: 10%">Foto</th>
<th style="width: 15%">Rumah Aktif Memilah</th>
<th style="width: 15%">Status</th>
</tr>
</thead>
<tbody>
<tr>
<th>1</th>
<td>Risky Adi Putra</td>
<td>
<div class="badge badge-success badge-soft rounded-xs px-12">
10
</div>
</td>
<td>
<div class="badge badge-success badge-soft rounded-xs px-12">
10
</div>
</td>
<td>
<button class="btn btn-xs btn-square me-2" disabled>
<span class="icon icon-outline text-sm text-black">image</span>
</button>
10
</td>
<td>
<div class="badge badge-error badge-soft rounded-xs px-12">
0
</div>
</td>
<td>
<div class="badge bg-blue-100 text-blue-600 rounded-full">
Sangat Baik
</div>
</td>
</tr>
<tr>
<th>2</th>
<td>Sulaiman</td>
<td>
<div class="badge badge-success badge-soft rounded-xs px-12">
11
</div>
</td>
<td>
<div class="badge badge-warning badge-soft rounded-xs px-12">
11
</div>
</td>
<td>
<button class="btn btn-xs btn-square me-2" disabled>
<span class="icon icon-outline text-sm text-black">image</span>
</button>
889
</td>
<td>
<div class="badge badge-success badge-soft rounded-xs px-12">
11
</div>
</td>
<td>
<div class="badge bg-green-100 text-green-600 rounded-full">
Baik
</div>
</td>
</tr>
<tr>
<th>3</th>
<td>Siti Nurzaliha</td>
<td>
<div class="badge badge-success badge-soft rounded-xs px-12">
12
</div>
</td>
<td>
<div class="badge badge-success badge-soft rounded-xs px-12">
10
</div>
</td>
<td>
<button class="btn btn-xs btn-square me-2" disabled>
<span class="icon icon-outline text-sm text-black">image</span>
</button>
22
</td>
<td>
<div class="badge badge-error badge-soft rounded-xs px-12">
0
</div>
</td>
<td>
<div class="badge bg-green-100 text-green-600 rounded-full">
Baik
</div>
</td>
</tr>
<tr>
<th>4</th>
<td>Budi Santoso</td>
<td>
<div class="badge badge-success badge-soft rounded-xs px-12">
18
</div>
</td>
<td>
<div class="badge badge-warning badge-soft rounded-xs px-12">
1
</div>
</td>
<td>
<button class="btn btn-xs btn-square me-2" disabled>
<span class="icon icon-outline text-sm text-black">image</span>
</button>
889
</td>
<td>
<div class="badge badge-success badge-soft rounded-xs px-12">
11
</div>
</td>
<td>
<div class="badge bg-green-100 text-green-600 rounded-full">
Baik
</div>
</td>
</tr>
<tr>
<th>5</th>
<td>Dewi Lestari</td>
<td>
<div class="badge badge-warning badge-soft rounded-xs px-12">
1
</div>
</td>
<td>
<div class="badge badge-success badge-soft rounded-xs px-12">
10
</div>
</td>
<td>
<button class="btn btn-xs btn-square me-2" disabled>
<span class="icon icon-outline text-sm text-black">image</span>
</button>
22
</td>
<td>
<div class="badge badge-success badge-soft rounded-xs px-12">
10
</div>
</td>
<td>
<div class="badge bg-green-100 text-green-600 rounded-full">
Baik
</div>
</td>
</tr>
<tr>
<th>6</th>
<td>Andi Prabowo</td>
<td>
<div class="badge badge-success badge-soft rounded-xs px-12">
17
</div>
</td>
<td>
<div class="badge badge-success badge-soft rounded-xs px-12">
11
</div>
</td>
<td>
<button class="btn btn-xs btn-square me-2" disabled>
<span class="icon icon-outline text-sm text-black">image</span>
</button>
889
</td>
<td>
<div class="badge badge-success badge-soft rounded-xs px-12">
11
</div>
</td>
<td>
<div class="badge bg-blue-100 text-blue-600 rounded-full">
Sangat Baik
</div>
</td>
</tr>
<tr>
<th>7</th>
<td>Nina Sari</td>
<td>
<div class="badge badge-success badge-soft rounded-xs px-12">
15
</div>
</td>
<td>
<div class="badge badge-success badge-soft rounded-xs px-12">
10
</div>
</td>
<td>
<button class="btn btn-xs btn-square me-2" disabled>
<span class="icon icon-outline text-sm text-black">image</span>
</button>
22
</td>
<td>
<div class="badge badge-success badge-soft rounded-xs px-12">
10
</div>
</td>
<td>
<div class="badge bg-blue-100 text-blue-600 rounded-full">
Sangat Baik
</div>
</td>
</tr>
<tr>
<th>8</th>
<td>Hendra Wijaya</td>
<td>
<div class="badge badge-warning badge-soft rounded-xs px-12">
1
</div>
</td>
<td>
<div class="badge badge-success badge-soft rounded-xs px-12">
11
</div>
</td>
<td>
<button class="btn btn-xs btn-square me-2" disabled>
<span class="icon icon-outline text-sm text-black">image</span>
</button>
889
</td>
<td>
<div class="badge badge-success badge-soft rounded-xs px-12">
11
</div>
</td>
<td>
<div class="badge bg-blue-100 text-blue-600 rounded-full">
Sangat Baik
</div>
</td>
</tr>
<tr>
<th>9</th>
<td>Lina Marlina</td>
<td>
<div class="badge badge-success badge-soft rounded-xs px-12">
12
</div>
</td>
<td>
<div class="badge badge-success badge-soft rounded-xs px-12">
10
</div>
</td>
<td>
<button class="btn btn-xs btn-square me-2" disabled>
<span class="icon icon-outline text-sm text-black">image</span>
</button>
22
</td>
<td>
<div class="badge badge-success badge-soft rounded-xs px-12">
10
</div>
</td>
<td>
<div class="badge bg-blue-100 text-blue-600 rounded-full">
Sangat Baik
</div>
</td>
</tr>
<tr>
<th>10</th>
<td>Yudi Hartono</td>
<td>
<div class="badge badge-success badge-soft rounded-xs px-12">
16
</div>
</td>
<td>
<div class="badge badge-success badge-soft rounded-xs px-12">
11
</div>
</td>
<td>
<button class="btn btn-xs btn-square me-2" disabled>
<span class="icon icon-outline text-sm text-black">image</span>
</button>
889
</td>
<td>
<div class="badge badge-success badge-soft rounded-xs px-12">
11
</div>
</td>
<td>
<div class="badge bg-blue-100 text-blue-600 rounded-full">
Sangat Baik
</div>
</td>
</tr>
</tbody>
</table>
</div>
<div class="h-4"></div>
<div class="flex flex-col gap-2 md:flex-row justify-between items-center">
<a href="#" class="btn btn-ghost btn-sm">
<span class="icon icon-fill text-sm me-2">arrow_back</span>
Prev
</a>
<div class="join gap-2">
<button class="join-item btn btn-circle bg-bpsrw-500 text-white">1</button>
<button class="join-item btn btn-circle bg-white text-gray-500">2</button>
<button class="join-item btn btn-circle bg-white text-gray-500">...</button>
<button class="join-item btn btn-circle bg-white text-gray-500">5</button>
<button class="join-item btn btn-circle bg-white text-gray-500">6</button>
</div>
<a href="#" class="btn btn-ghost btn-sm">
Next
<span class="icon icon-fill text-sm ms-2">arrow_forward</span>
</a>
</div>
</div>
<input type="radio" name="my_tabs_3" class="tab [--tab-bg:green] text-white" aria-label="Checklist" />
<div class="tab-content bg-base-100 border-base-300 p-6">
<div class="overflow-x-auto">
<table class="table table-zebra">
<!-- head -->
<thead>
<tr>
<th style="width: 5%">No</th>
<th style="width: 35%">Nama</th>
<th style="width: 20%">Checklist</th>
<th style="width: 10%">Foto</th>
<th style="width: 20%">Rumah Aktif Memilah</th>
<th style="width: 20%">Aksi</th>
</tr>
</thead>
<tbody>
<tr>
<th>1</th>
<td>Risky Adi Putra</td>
<td>
<div class="badge badge-success badge-soft rounded-xs px-12">
10
</div>
</td>
<td>
<button class="btn btn-xs btn-square me-2" disabled>
<span class="icon icon-outline text-sm text-black">image</span>
</button>
10
</td>
<td>
<div class="badge badge-error badge-soft rounded-xs px-12">
0/12
</div>
</td>
<td>
<button class="btn btn-sm rounded-full bg-white">
Detail
</button>
</td>
</tr>
<tr>
<th>2</th>
<td>Sulaiman</td>
<td>
<div class="badge badge-warning badge-soft rounded-xs px-12">
11
</div>
</td>
<td>
<button class="btn btn-xs btn-square me-2" disabled>
<span class="icon icon-outline text-sm text-black">image</span>
</button>
889
</td>
<td>
<div class="badge badge-success badge-soft rounded-xs px-12">
11/11
</div>
</td>
<td>
<button class="btn btn-sm rounded-full bg-white">
Detail
</button>
</td>
</tr>
<tr>
<th>3</th>
<td>Siti Nurzaliha</td>
<td>
<div class="badge badge-success badge-soft rounded-xs px-12">
12
</div>
</td>
<td>
<button class="btn btn-xs btn-square me-2" disabled>
<span class="icon icon-outline text-sm text-black">image</span>
</button>
22
</td>
<td>
<div class="badge badge-error badge-soft rounded-xs px-12">
0/10
</div>
</td>
<td>
<button class="btn btn-sm rounded-full bg-white">
Detail
</button>
</td>
</tr>
<tr>
<th>4</th>
<td>Budi Santoso</td>
<td>
<div class="badge badge-warning badge-soft rounded-xs px-12">
1
</div>
</td>
<td>
<button class="btn btn-xs btn-square me-2" disabled>
<span class="icon icon-outline text-sm text-black">image</span>
</button>
889
</td>
<td>
<div class="badge badge-success badge-soft rounded-xs px-12">
11/11
</div>
</td>
<td>
<button class="btn btn-sm rounded-full bg-white">
Detail
</button>
</td>
</tr>
<tr>
<th>5</th>
<td>Dewi Lestari</td>
<td>
<div class="badge badge-warning badge-soft rounded-xs px-12">
1
</div>
</td>
<td>
<button class="btn btn-xs btn-square me-2" disabled>
<span class="icon icon-outline text-sm text-black">image</span>
</button>
22
</td>
<td>
<div class="badge badge-success badge-soft rounded-xs px-12">
10/10
</div>
</td>
<td>
<button class="btn btn-sm rounded-full bg-white">
Detail
</button>
</td>
</tr>
<tr>
<th>6</th>
<td>Andi Prabowo</td>
<td>
<div class="badge badge-success badge-soft rounded-xs px-12">
17
</div>
</td>
<td>
<button class="btn btn-xs btn-square me-2" disabled>
<span class="icon icon-outline text-sm text-black">image</span>
</button>
889
</td>
<td>
<div class="badge badge-success badge-soft rounded-xs px-12">
11/11
</div>
</td>
<td>
<button class="btn btn-sm rounded-full bg-white">
Detail
</button>
</td>
</tr>
<tr>
<th>7</th>
<td>Nina Sari</td>
<td>
<div class="badge badge-success badge-soft rounded-xs px-12">
15
</div>
</td>
<td>
<button class="btn btn-xs btn-square me-2" disabled>
<span class="icon icon-outline text-sm text-black">image</span>
</button>
22
</td>
<td>
<div class="badge badge-success badge-soft rounded-xs px-12">
10/10
</div>
</td>
<td>
<button class="btn btn-sm rounded-full bg-white">
Detail
</button>
</td>
</tr>
<tr>
<th>8</th>
<td>Hendra Wijaya</td>
<td>
<div class="badge badge-warning badge-soft rounded-xs px-12">
1
</div>
</td>
<td>
<button class="btn btn-xs btn-square me-2" disabled>
<span class="icon icon-outline text-sm text-black">image</span>
</button>
889
</td>
<td>
<div class="badge badge-success badge-soft rounded-xs px-12">
11/11
</div>
</td>
<td>
<button class="btn btn-sm rounded-full bg-white">
Detail
</button>
</td>
</tr>
<tr>
<th>9</th>
<td>Lina Marlina</td>
<td>
<div class="badge badge-success badge-soft rounded-xs px-12">
10
</div>
</td>
<td>
<button class="btn btn-xs btn-square me-2" disabled>
<span class="icon icon-outline text-sm text-black">image</span>
</button>
22
</td>
<td>
<div class="badge badge-success badge-soft rounded-xs px-12">
10/10
</div>
</td>
<td>
<button class="btn btn-sm rounded-full bg-white">
Detail
</button>
</td>
</tr>
<tr>
<th>10</th>
<td>Yudi Hartono</td>
<td>
<div class="badge badge-success badge-soft rounded-xs px-12">
11
</div>
</td>
<td>
<button class="btn btn-xs btn-square me-2" disabled>
<span class="icon icon-outline text-sm text-black">image</span>
</button>
889
</td>
<td>
<div class="badge badge-success badge-soft rounded-xs px-12">
11/11
</div>
</td>
<td>
<button class="btn btn-sm rounded-full bg-white">
Detail
</button>
</td>
</tr>
</tbody>
</table>
</div>
<div class="h-4"></div>
<div class="flex flex-col gap-2 md:flex-row justify-between items-center">
<a href="#" class="btn btn-ghost btn-sm">
<span class="icon icon-fill text-sm me-2">arrow_back</span>
Prev
</a>
<div class="join gap-2">
<button class="join-item btn btn-circle bg-bpsrw-500 text-white">1</button>
<button class="join-item btn btn-circle bg-white text-gray-500">2</button>
<button class="join-item btn btn-circle bg-white text-gray-500">...</button>
<button class="join-item btn btn-circle bg-white text-gray-500">5</button>
<button class="join-item btn btn-circle bg-white text-gray-500">6</button>
</div>
<a href="#" class="btn btn-ghost btn-sm">
Next
<span class="icon icon-fill text-sm ms-2">arrow_forward</span>
</a>
</div>
</div>
<input type="radio" name="my_tabs_3" class="tab [--tab-bg:green] text-white" aria-label="Berat Sampah" />
<div class="tab-content bg-base-100 border-base-300 p-6">
<div class="overflow-x-auto">
<table class="table table-zebra">
<!-- head -->
<thead>
<tr>
<th style="width: 5%">No</th>
<th style="width: 20%">Nama</th>
<th style="width: 15%">Total Berat (Kg)</th>
<th style="width: 15%">Mudah Terurai</th>
<th style="width: 15%">Material Daur Ulang (Kg)</th>
<th style="width: 15%">B3 (Kg)</th>
<th style="width: 15%">Residu (Kg)</th>
</tr>
</thead>
<tbody>
<tr>
<th>1</th>
<td>Risky Adi Putra</td>
<td>104</td>
<td>104</td>
<td>104</td>
<td>104</td>
<td>104</td>
</tr>
<tr>
<th>2</th>
<td>Sulaiman</td>
<td>67</td>
<td>67</td>
<td>67</td>
<td>67</td>
<td>67</td>
</tr>
<tr>
<th>3</th>
<td>Siti Nurzaliha</td>
<td>110</td>
<td>110</td>
<td>110</td>
<td>110</td>
<td>110</td>
</tr>
<tr>
<th>4</th>
<td>Budi Santoso</td>
<td>88</td>
<td>88</td>
<td>88</td>
<td>88</td>
<td>88</td>
</tr>
<tr>
<th>5</th>
<td>Dewi Lestari</td>
<td>90</td>
<td>90</td>
<td>90</td>
<td>90</td>
<td>90</td>
</tr>
<tr>
<th>6</th>
<td>Andi Prabowo</td>
<td>72</td>
<td>72</td>
<td>72</td>
<td>72</td>
<td>72</td>
</tr>
<tr>
<th>7</th>
<td>Nina Sari</td>
<td>81</td>
<td>81</td>
<td>81</td>
<td>81</td>
<td>81</td>
</tr>
<tr>
<th>8</th>
<td>Hendra Wijaya</td>
<td>65</td>
<td>65</td>
<td>65</td>
<td>65</td>
<td>65</td>
</tr>
<tr>
<th>9</th>
<td>Lina Marlina</td>
<td>78</td>
<td>78</td>
<td>78</td>
<td>78</td>
<td>78</td>
</tr>
<tr>
<th>10</th>
<td>Yudi Hartono</td>
<td>95</td>
<td>95</td>
<td>95</td>
<td>95</td>
<td>95</td>
</tr>
</tbody>
</table>
</div>
<div class="h-4"></div>
<div class="flex flex-col gap-2 md:flex-row justify-between items-center">
<a href="#" class="btn btn-ghost btn-sm">
<span class="icon icon-fill text-sm me-2">arrow_back</span>
Prev
</a>
<div class="join gap-2">
<button class="join-item btn btn-circle bg-bpsrw-500 text-white">1</button>
<button class="join-item btn btn-circle bg-white text-gray-500">2</button>
<button class="join-item btn btn-circle bg-white text-gray-500">...</button>
<button class="join-item btn btn-circle bg-white text-gray-500">5</button>
<button class="join-item btn btn-circle bg-white text-gray-500">6</button>
</div>
<a href="#" class="btn btn-ghost btn-sm">
Next
<span class="icon icon-fill text-sm ms-2">arrow_forward</span>
</a>
</div>
</div>
</div>

254
Views/LaporanRw/Index.cshtml 100644
View File

@ -0,0 +1,254 @@
@{
Layout = "_LayoutApp";
ViewData["Title"] = "Laporan RW";
ViewData["LaporanRwActive"] = "menu-active";
}
<div class="breadcrumbs text-sm">
<ul>
<li class="text-gray-500"><a>Data Verifikasi</a></li>
<li>Laporan RW</li>
</ul>
</div>
<!-- Header -->
<div class="grid grid-cols-1 gap-4 lg:grid-cols-2">
<div class="prose">
<h3 class="mb-2">Laporan RW</h3>
</div>
<div class="justify-self-end lg:self-center">
<a class="btn bg-white rounded-full" href="#">
<span class="icon icon-fill me-2">download</span>
Unduh Laporan
</a>
<button class="btn bg-white rounded-full" onclick="modal_filter.showModal()">
<span class="icon icon-fill me-2">filter_list</span>
Filter
</button>
</div>
</div>
<div class="h-8"></div>
<div class="card bg-white shadow-sm">
<div class="card-body p-2">
<div class="overflow-x-auto">
<table class="table table-zebra">
<!-- head -->
<thead>
<tr>
<th>No</th>
<th>Kelurahan</th>
<th>RW</th>
<th>Bulan</th>
<th>Rumah Aktif Memilah</th>
<th>Status</th>
<th>Aksi</th>
</tr>
</thead>
<tbody>
<tr>
<th>1</th>
<td>Kebon Jeruk</td>
<td>03</td>
<td>September</td>
<td>104</td>
<td>
<div class="badge badge-error rounded-full badge-soft">
Belum Verifikasi
</div>
</td>
<td>
<button class="btn btn-sm rounded-full bg-white">
Detail
</button>
</td>
</tr>
<tr>
<th>2</th>
<td>Pancoran</td>
<td>01</td>
<td>April</td>
<td>67</td>
<td>
<div class="badge badge-error rounded-full badge-soft">
Belum Verifikasi
</div>
</td>
<td>
<button class="btn btn-sm rounded-full bg-white">
Detail
</button>
</td>
</tr>
<tr>
<th>3</th>
<td>Kembangan</td>
<td>02</td>
<td>Maret</td>
<td>110</td>
<td>
<div class="badge badge-error rounded-full badge-soft">
Belum Verifikasi
</div>
</td>
<td>
<button class="btn btn-sm rounded-full bg-white">
Detail
</button>
</td>
</tr>
<tr>
<th>4</th>
<td>Senen</td>
<td>04</td>
<td>Februari</td>
<td>88</td>
<td>
<div class="badge badge-success rounded-full badge-soft">
Verifikasi Sudin
</div>
</td>
<td>
<button class="btn btn-sm rounded-full bg-white">
Detail
</button>
</td>
</tr>
<tr>
<th>5</th>
<td>Kebayoran Baru</td>
<td>05</td>
<td>Oktober</td>
<td>90</td>
<td>
<div class="badge badge-success rounded-full badge-soft">
Verifikasi Sudin
</div>
</td>
<td>
<button class="btn btn-sm rounded-full bg-white">
Detail
</button>
</td>
</tr>
<tr>
<th>6</th>
<td>Menteng</td>
<td>06</td>
<td>Agustus</td>
<td>72</td>
<td>
<div class="badge badge-success rounded-full badge-soft">
Verifikasi Sudin
</div>
</td>
<td>
<button class="btn btn-sm rounded-full bg-white">
Detail
</button>
</td>
</tr>
<tr>
<th>7</th>
<td>Cilandak</td>
<td>07</td>
<td>Juli</td>
<td>81</td>
<td>
<div class="badge badge-success rounded-full badge-soft">
Verifikasi Sudin
</div>
</td>
<td>
<button class="btn btn-sm rounded-full bg-white">
Detail
</button>
</td>
</tr>
<tr>
<th>8</th>
<td>Cakung</td>
<td>08</td>
<td>Januari</td>
<td>65</td>
<td>
<div class="badge badge-success rounded-full badge-soft">
Verifikasi Sudin
</div>
</td>
<td>
<button class="btn btn-sm rounded-full bg-white">
Detail
</button>
</td>
</tr>
</tbody>
</table>
</div>
<div class="flex flex-col gap-2 md:flex-row justify-between items-center">
<a href="#" class="btn btn-ghost btn-sm">
<span class="icon icon-fill text-sm me-2">arrow_back</span>
Prev
</a>
<div class="join gap-2">
<button class="join-item btn btn-circle bg-bpsrw-500 text-white">1</button>
<button class="join-item btn btn-circle bg-white text-gray-500">2</button>
<button class="join-item btn btn-circle bg-white text-gray-500">...</button>
<button class="join-item btn btn-circle bg-white text-gray-500">5</button>
<button class="join-item btn btn-circle bg-white text-gray-500">6</button>
</div>
<a href="#" class="btn btn-ghost btn-sm">
Next
<span class="icon icon-fill text-sm ms-2">arrow_forward</span>
</a>
</div>
</div>
</div>
<!-- Filter Modal -->
<dialog id="modal_filter" class="modal modal-bottom sm:modal-middle">
<div class="modal-box w-full sm:max-w-sm">
<h3 class="text-lg font-bold">Filter</h3>
<form action="#" method="get">
<p class="py-4">
<fieldset class="fieldset max-w-sm">
<legend class="fieldset-legend">Bulan Awal</legend>
<input type="month" class="input w-full">
</fieldset>
<fieldset class="fieldset max-w-sm">
<legend class="fieldset-legend">Bulan Akhir</legend>
<input type="month" class="input w-full">
</fieldset>
<fieldset class="fieldset max-w-sm">
<legend class="fieldset-legend">Kecamatan</legend>
<select class="select w-full">
<option disabled selected>Pilih Kecamatan</option>
</select>
</fieldset>
<fieldset class="fieldset max-w-sm">
<legend class="fieldset-legend">Kelurahan</legend>
<select class="select w-full">
<option disabled selected>Pilih Kelurahan</option>
</select>
</fieldset>
<fieldset class="fieldset max-w-sm">
<legend class="fieldset-legend">RW</legend>
<select class="select w-full">
<option disabled selected>Pilih RW</option>
</select>
</fieldset>
<fieldset class="fieldset max-w-sm">
<legend class="fieldset-legend">Status</legend>
<select class="select w-full">
<option disabled selected>Pilih Status</option>
</select>
</fieldset>
</p>
<div class="modal-action">
<button type="button" class="btn" onclick="modal_filter.close()">Tutup</button>
<button type="submit" class="btn btn-neutral">Terapkan</button>
</div>
</form>
</div>
</dialog>

4
Views/Shared/_Sidebar.cshtml
View File

@ -94,7 +94,7 @@
</a> </a>
</li> </li>
<li> <li>
<a class="text-gray-500"> <a href="@Url.Action("Index", "DataPendampingRw")" class="text-gray-500 @ViewData["DataPendampingRwActive"]">
<span class="icon icon-fill">list</span> <span class="icon icon-fill">list</span>
Data Pendamping RW Data Pendamping RW
</a> </a>
@ -113,7 +113,7 @@
<summary class="text-bpsrw-500 font-semibold">DATA VERIFIKASI</summary> <summary class="text-bpsrw-500 font-semibold">DATA VERIFIKASI</summary>
<ul> <ul>
<li> <li>
<a class="text-gray-500"> <a href="@Url.Action("Index", "LaporanRw")" class="text-gray-500 @ViewData["LaporanRwActive"]">
<span class="icon icon-fill">house</span> <span class="icon icon-fill">house</span>
Laporan RW Laporan RW
</a> </a>

4
wwwroot/css/input.css
View File

@ -146,3 +146,7 @@
@utility icon-fill { @utility icon-fill {
font-variation-settings: 'FILL' 1, 'wght' 400, 'GRAD' 0, 'opsz' 24; font-variation-settings: 'FILL' 1, 'wght' 400, 'GRAD' 0, 'opsz' 24;
} }
.badge {
@apply text-nowrap;
}