style: add page data bank sampah for dinas
parent
f5bfe96ac8
commit
69d1593671
|
|
@ -0,0 +1,13 @@
|
||||||
|
using Microsoft.AspNetCore.Mvc;
|
||||||
|
|
||||||
|
namespace BankSampahApp.Areas.Dinas.Controllers
|
||||||
|
{
|
||||||
|
[Area("Dinas")]
|
||||||
|
public class DataBankSampahController : Controller
|
||||||
|
{
|
||||||
|
public IActionResult Index()
|
||||||
|
{
|
||||||
|
return View();
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
@ -0,0 +1,211 @@
|
||||||
|
@{
|
||||||
|
ViewData["Title"] = "Data Bank Sampah";
|
||||||
|
}
|
||||||
|
|
||||||
|
<div class="flex flex-col gap-2 md:flex-row md:justify-between md:gap-0">
|
||||||
|
<div class="prose">
|
||||||
|
<span class="text-xl font-semibold text-black">
|
||||||
|
Data Bank Sampah
|
||||||
|
</span>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div>
|
||||||
|
<button class="btn btn-sm rounded-full bg-white" onclick="modal_filter.showModal()">
|
||||||
|
<i class="ph ph-funnel-simple"></i>
|
||||||
|
Filter
|
||||||
|
</button>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<!-- Modal Filter -->
|
||||||
|
<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">
|
||||||
|
<fieldset class="fieldset">
|
||||||
|
<legend class="fieldset-legend">Jenis Bank Sampah</legend>
|
||||||
|
<select class="select w-full">
|
||||||
|
<option disabled selected>Pilih salah satu</option>
|
||||||
|
</select>
|
||||||
|
</fieldset>
|
||||||
|
<fieldset class="fieldset">
|
||||||
|
<legend class="fieldset-legend">Kategori Bank Sampah</legend>
|
||||||
|
<select class="select w-full">
|
||||||
|
<option disabled selected>Pilih salah satu</option>
|
||||||
|
</select>
|
||||||
|
</fieldset>
|
||||||
|
<fieldset class="fieldset">
|
||||||
|
<legend class="fieldset-legend">Status Bank Sampah</legend>
|
||||||
|
<select class="select w-full">
|
||||||
|
<option disabled selected>Pilih salah satu</option>
|
||||||
|
</select>
|
||||||
|
</fieldset>
|
||||||
|
<div class="modal-action">
|
||||||
|
<button type="button" class="btn btn-outline rounded-full" onclick="modal_filter.close()">Tutup</button>
|
||||||
|
<button type="submit" class="btn bg-bank-sampah-primary-500 rounded-full text-white">Terapkan</button>
|
||||||
|
</div>
|
||||||
|
</form>
|
||||||
|
</div>
|
||||||
|
</dialog>
|
||||||
|
<!-- /modal filter -->
|
||||||
|
|
||||||
|
<div class="h-6"></div>
|
||||||
|
|
||||||
|
<div class="card bg-white">
|
||||||
|
<div class="card-body p-2">
|
||||||
|
<partial name="~/Areas/Shared/Components/Table/_Control.cshtml" />
|
||||||
|
<div class="overflow-x-auto">
|
||||||
|
<table class="table-zebra table">
|
||||||
|
<!-- head -->
|
||||||
|
<thead>
|
||||||
|
<tr>
|
||||||
|
<th></th>
|
||||||
|
<th>Nama Bank Sampah</th>
|
||||||
|
<th>Kabupaten</th>
|
||||||
|
<th>Kecamatan</th>
|
||||||
|
<th>Kelurahan</th>
|
||||||
|
<th>Jenis Bank Sampah</th>
|
||||||
|
<th>Kategori Bank Sampah</th>
|
||||||
|
<th>Status</th>
|
||||||
|
<th>Aksi</th>
|
||||||
|
</tr>
|
||||||
|
</thead>
|
||||||
|
<tbody>
|
||||||
|
<tr>
|
||||||
|
<th>1</th>
|
||||||
|
<td>Bank Sampah Hijau Sej...</td>
|
||||||
|
<td>Kota Adm Jakar...</td>
|
||||||
|
<td>Cipayung</td>
|
||||||
|
<td>Kebon Jeruk</td>
|
||||||
|
<td>BSU</td>
|
||||||
|
<td>Warga</td>
|
||||||
|
<td>
|
||||||
|
<div class="badge badge-success badge-soft rounded-full">
|
||||||
|
Disetujui
|
||||||
|
</div>
|
||||||
|
</td>
|
||||||
|
<td>
|
||||||
|
<a href="#" class="btn btn-circle btn-warning btn-sm text-white">
|
||||||
|
<i class="ph ph-note-pencil"></i>
|
||||||
|
</a>
|
||||||
|
<a href="#" class="btn btn-circle btn-error btn-sm text-white">
|
||||||
|
<i class="ph ph-trash"></i>
|
||||||
|
</a>
|
||||||
|
</td>
|
||||||
|
</tr>
|
||||||
|
<tr>
|
||||||
|
<th>2</th>
|
||||||
|
<td>Bank Sampah Cinta Lin...</td>
|
||||||
|
<td>Kota Adm Jakar...</td>
|
||||||
|
<td>Matraman</td>
|
||||||
|
<td>Pancoran</td>
|
||||||
|
<td>BSU</td>
|
||||||
|
<td>Warga</td>
|
||||||
|
<td>
|
||||||
|
<div class="badge badge-success badge-soft rounded-full">
|
||||||
|
Disetujui
|
||||||
|
</div>
|
||||||
|
</td>
|
||||||
|
<td>
|
||||||
|
<a href="#" class="btn btn-circle btn-warning btn-sm text-white">
|
||||||
|
<i class="ph ph-note-pencil"></i>
|
||||||
|
</a>
|
||||||
|
<a href="#" class="btn btn-circle btn-error btn-sm text-white">
|
||||||
|
<i class="ph ph-trash"></i>
|
||||||
|
</a>
|
||||||
|
</td>
|
||||||
|
</tr>
|
||||||
|
<tr>
|
||||||
|
<th>3</th>
|
||||||
|
<td>Bank Sampah Bersih Ja...</td>
|
||||||
|
<td>Kota Adm Jakar...</td>
|
||||||
|
<td>Kramat Jati</td>
|
||||||
|
<td>Kembangan</td>
|
||||||
|
<td>BSU</td>
|
||||||
|
<td>Warga</td>
|
||||||
|
<td>
|
||||||
|
<div class="badge badge-success badge-soft rounded-full">
|
||||||
|
Disetujui
|
||||||
|
</div>
|
||||||
|
</td>
|
||||||
|
<td>
|
||||||
|
<a href="#" class="btn btn-circle btn-warning btn-sm text-white">
|
||||||
|
<i class="ph ph-note-pencil"></i>
|
||||||
|
</a>
|
||||||
|
<a href="#" class="btn btn-circle btn-error btn-sm text-white">
|
||||||
|
<i class="ph ph-trash"></i>
|
||||||
|
</a>
|
||||||
|
</td>
|
||||||
|
</tr>
|
||||||
|
<tr>
|
||||||
|
<th>4</th>
|
||||||
|
<td>Bank Sampah Mandiri</td>
|
||||||
|
<td>Kota Adm Jakar...</td>
|
||||||
|
<td>Pulogadung</td>
|
||||||
|
<td>Sene</td>
|
||||||
|
<td>BSU</td>
|
||||||
|
<td>Warga</td>
|
||||||
|
<td>
|
||||||
|
<div class="badge badge-success badge-soft rounded-full">
|
||||||
|
Disetujui
|
||||||
|
</div>
|
||||||
|
</td>
|
||||||
|
<td>
|
||||||
|
<a href="#" class="btn btn-circle btn-warning btn-sm text-white">
|
||||||
|
<i class="ph ph-note-pencil"></i>
|
||||||
|
</a>
|
||||||
|
<a href="#" class="btn btn-circle btn-error btn-sm text-white">
|
||||||
|
<i class="ph ph-trash"></i>
|
||||||
|
</a>
|
||||||
|
</td>
|
||||||
|
</tr>
|
||||||
|
<tr>
|
||||||
|
<th>5</th>
|
||||||
|
<td>Bank Sampah Roda Hij...</td>
|
||||||
|
<td>Kota Adm Jakar...</td>
|
||||||
|
<td>Cakung</td>
|
||||||
|
<td>Kebayoran Baru</td>
|
||||||
|
<td>BSU</td>
|
||||||
|
<td>Warga</td>
|
||||||
|
<td>
|
||||||
|
<div class="badge badge-error badge-soft rounded-full">
|
||||||
|
Belum Disetujui
|
||||||
|
</div>
|
||||||
|
</td>
|
||||||
|
<td>
|
||||||
|
<a href="#" class="btn btn-circle btn-warning btn-sm text-white">
|
||||||
|
<i class="ph ph-note-pencil"></i>
|
||||||
|
</a>
|
||||||
|
<a href="#" class="btn btn-circle btn-error btn-sm text-white">
|
||||||
|
<i class="ph ph-trash"></i>
|
||||||
|
</a>
|
||||||
|
</td>
|
||||||
|
</tr>
|
||||||
|
<tr>
|
||||||
|
<th>6</th>
|
||||||
|
<td>Bank Sampah Karya Be...</td>
|
||||||
|
<td>Kota Adm Jakar...</td>
|
||||||
|
<td>Jatinegara</td>
|
||||||
|
<td>Menteng</td>
|
||||||
|
<td>BSU</td>
|
||||||
|
<td>Warga</td>
|
||||||
|
<td>
|
||||||
|
<div class="badge badge-error badge-soft rounded-full">
|
||||||
|
Belum Disetujui
|
||||||
|
</div>
|
||||||
|
</td>
|
||||||
|
<td>
|
||||||
|
<a href="#" class="btn btn-circle btn-warning btn-sm text-white">
|
||||||
|
<i class="ph ph-note-pencil"></i>
|
||||||
|
</a>
|
||||||
|
<a href="#" class="btn btn-circle btn-error btn-sm text-white">
|
||||||
|
<i class="ph ph-trash"></i>
|
||||||
|
</a>
|
||||||
|
</td>
|
||||||
|
</tr>
|
||||||
|
</tbody>
|
||||||
|
</table>
|
||||||
|
</div>
|
||||||
|
<partial name="~/Areas/Shared/Components/Table/_Pagination.cshtml" />
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
@ -132,7 +132,7 @@
|
||||||
</a>
|
</a>
|
||||||
</li>
|
</li>
|
||||||
<li>
|
<li>
|
||||||
<a asp-area="Satpel" asp-action="Index" asp-controller="DataBankSampah" class="rounded-full @(controller == "menu-active" ? "menu-active" : "")">
|
<a asp-area="Satpel" asp-action="Index" asp-controller="DataBankSampah" class="rounded-full @(controller == "DataBankSampah" ? "menu-active" : "")">
|
||||||
<i class="ph ph-house-line me-2 text-lg"></i>
|
<i class="ph ph-house-line me-2 text-lg"></i>
|
||||||
Data Bank Sampah
|
Data Bank Sampah
|
||||||
</a>
|
</a>
|
||||||
|
|
@ -165,7 +165,7 @@
|
||||||
</a>
|
</a>
|
||||||
</li>
|
</li>
|
||||||
<li>
|
<li>
|
||||||
<a asp-area="Dinas" asp-action="Index" asp-controller="DataBankSampah" class="rounded-full @(controller == "menu-active" ? "menu-active" : "")">
|
<a asp-area="Dinas" asp-action="Index" asp-controller="DataBankSampah" class="rounded-full @(controller == "DataBankSampah" ? "menu-active" : "")">
|
||||||
<i class="ph ph-house-line me-2 text-lg"></i>
|
<i class="ph ph-house-line me-2 text-lg"></i>
|
||||||
Data Bank Sampah
|
Data Bank Sampah
|
||||||
</a>
|
</a>
|
||||||
|
|
|
||||||
Loading…
Reference in New Issue