style: add page Data Offtaker for BSI
parent
4d5a296e43
commit
f91175d466
|
|
@ -0,0 +1,13 @@
|
|||
using Microsoft.AspNetCore.Mvc;
|
||||
|
||||
namespace BankSampahApp.Areas.Bsi.Controllers
|
||||
{
|
||||
[Area("Bsi")]
|
||||
public class DataOfftakerController : Controller
|
||||
{
|
||||
public IActionResult Index()
|
||||
{
|
||||
return View();
|
||||
}
|
||||
}
|
||||
}
|
||||
|
|
@ -0,0 +1,214 @@
|
|||
@{
|
||||
ViewData["Title"] = "Data Offtaker";
|
||||
}
|
||||
|
||||
<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 Offtaker
|
||||
</span>
|
||||
</div>
|
||||
|
||||
<div class="flex flex-col gap-2 md:flex-row">
|
||||
<button onclick="modal_add_offtaker.showModal()" class="btn btn-sm bg-bank-sampah-primary-500 max-w-full rounded-full text-white">
|
||||
<i class="ph ph-plus"></i>
|
||||
Tambah Offtaker
|
||||
</button>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!--Modal Add Offtaker-->
|
||||
<dialog id="modal_add_offtaker" class="modal">
|
||||
<div class="modal-box">
|
||||
<h3 class="text-lg font-bold">
|
||||
Tambah Offtaker
|
||||
</h3>
|
||||
<form action="#" method="post">
|
||||
<fieldset class="fieldset">
|
||||
<legend class="fieldset-legend">
|
||||
Nama Offtaker
|
||||
<span class="text-red-500">*</span>
|
||||
</legend>
|
||||
<input type="text" class="input w-full" placeholder="Nama Offtaker" />
|
||||
</fieldset>
|
||||
<fieldset class="fieldset">
|
||||
<legend class="fieldset-legend">
|
||||
Email
|
||||
<span class="text-red-500">*</span>
|
||||
</legend>
|
||||
<input type="email" class="input w-full" placeholder="Email" />
|
||||
</fieldset>
|
||||
<fieldset class="fieldset">
|
||||
<legend class="fieldset-legend">
|
||||
Nomor HP
|
||||
<span class="text-red-500">*</span>
|
||||
</legend>
|
||||
<input type="number" class="input w-full" placeholder="Nomor HP" />
|
||||
</fieldset>
|
||||
<div class="grid grid-cols-1 md:grid-cols-2 md:gap-4">
|
||||
<fieldset class="fieldset">
|
||||
<legend class="fieldset-legend">
|
||||
Provinsi
|
||||
<span class="text-red-500">*</span>
|
||||
</legend>
|
||||
<select class="select">
|
||||
<option disabled selected>Pilih Provinsi</option>
|
||||
</select>
|
||||
</fieldset>
|
||||
<fieldset class="fieldset">
|
||||
<legend class="fieldset-legend">
|
||||
Kabupaten Kota
|
||||
<span class="text-red-500">*</span>
|
||||
</legend>
|
||||
<select class="select">
|
||||
<option disabled selected>Pilih Kabupaten Kota</option>
|
||||
</select>
|
||||
</fieldset>
|
||||
<fieldset class="fieldset">
|
||||
<legend class="fieldset-legend">
|
||||
Kecamatan
|
||||
<span class="text-red-500">*</span>
|
||||
</legend>
|
||||
<select class="select">
|
||||
<option disabled selected>Pilih Kecamatan</option>
|
||||
</select>
|
||||
</fieldset>
|
||||
<fieldset class="fieldset">
|
||||
<legend class="fieldset-legend">
|
||||
Kelurahan
|
||||
<span class="text-red-500">*</span>
|
||||
</legend>
|
||||
<select class="select">
|
||||
<option disabled selected>Pilih Kelurahan</option>
|
||||
</select>
|
||||
</fieldset>
|
||||
</div>
|
||||
<fieldset class="fieldset">
|
||||
<legend class="fieldset-legend">
|
||||
Alamat
|
||||
<span class="text-red-500">*</span>
|
||||
</legend>
|
||||
<textarea class="textarea h-24 w-full" placeholder="Alamat"></textarea>
|
||||
</fieldset>
|
||||
<div class="grid grid-cols-1 md:grid-cols-3 md:gap-4">
|
||||
<fieldset class="fieldset">
|
||||
<legend class="fieldset-legend">
|
||||
RT
|
||||
<span class="text-red-500">*</span>
|
||||
</legend>
|
||||
<input type="number" min="1" class="input w-full" placeholder="RT" />
|
||||
</fieldset>
|
||||
<fieldset class="fieldset">
|
||||
<legend class="fieldset-legend">
|
||||
RW
|
||||
<span class="text-red-500">*</span>
|
||||
</legend>
|
||||
<input type="number" min="1" class="input w-full" placeholder="RW" />
|
||||
</fieldset>
|
||||
<fieldset class="fieldset">
|
||||
<legend class="fieldset-legend">
|
||||
Kode POS
|
||||
<span class="text-red-500">*</span>
|
||||
</legend>
|
||||
<input type="number" min="1" class="input w-full" placeholder="Kode POS" />
|
||||
</fieldset>
|
||||
</div>
|
||||
<div class="modal-action">
|
||||
<button class="btn w-30 rounded-full bg-white" onclick="modal_add_offtaker.close()">Batal</button>
|
||||
<button class="btn bg-bank-sampah-primary-500 w-30 rounded-full text-white">Simpan</button>
|
||||
</div>
|
||||
</form>
|
||||
</div>
|
||||
</dialog>
|
||||
<!--/modal add offtaker-->
|
||||
|
||||
<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 Offtaker</th>
|
||||
<th>Kabupaten</th>
|
||||
<th>Kecamatan</th>
|
||||
<th>Status</th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
<tr>
|
||||
<th>1</th>
|
||||
<td>Andi Prabowo</td>
|
||||
<td>Kota Adm Jakarta Timur</td>
|
||||
<td>Cipayung</td>
|
||||
<td>
|
||||
<div class="badge badge-success badge-soft rounded-full">
|
||||
Disetujui
|
||||
</div>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<th>2</th>
|
||||
<td>Siti Nurhaliza</td>
|
||||
<td>Kota Adm Jakarta Timur</td>
|
||||
<td>Matraman</td>
|
||||
<td>
|
||||
<div class="badge badge-success badge-soft rounded-full">
|
||||
Disetujui
|
||||
</div>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<th>3</th>
|
||||
<td>Budi Santoso</td>
|
||||
<td>Kota Adm Jakarta Timur</td>
|
||||
<td>Kramat Jati</td>
|
||||
<td>
|
||||
<div class="badge badge-warning badge-soft rounded-full">
|
||||
Belum Disetujui
|
||||
</div>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<th>4</th>
|
||||
<td>Nina Sari</td>
|
||||
<td>Kota Adm Jakarta Timur</td>
|
||||
<td>Pulogadung</td>
|
||||
<td>
|
||||
<div class="badge badge-warning badge-soft rounded-full">
|
||||
Belum Disetujui
|
||||
</div>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<th>5</th>
|
||||
<td>Dewi Lestasi</td>
|
||||
<td>Kota Adm Jakarta Timur</td>
|
||||
<td>Cakung</td>
|
||||
<td>
|
||||
<div class="badge badge-error badge-soft rounded-full">
|
||||
Tidak Disetujui
|
||||
</div>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<th>6</th>
|
||||
<td>Rudi Hartono</td>
|
||||
<td>Kota Adm Jakarta Timur</td>
|
||||
<td>Jatinegara</td>
|
||||
<td>
|
||||
<div class="badge badge-error badge-soft rounded-full">
|
||||
Tidak Disetujui
|
||||
</div>
|
||||
</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
<partial name="~/Areas/Shared/Components/Table/_Pagination.cshtml" />
|
||||
</div>
|
||||
</div>
|
||||
|
|
@ -75,7 +75,7 @@
|
|||
<li><a>Bank Sampah Induk</a></li>
|
||||
<li><a>Aktifitas</a></li>
|
||||
<li><a>Harga Sampah</a></li>
|
||||
<li><a>Offtaker</a></li>
|
||||
<li><a asp-area="Bsi" asp-controller="DataOfftaker" asp-action="Index">Offtaker</a></li>
|
||||
</ul>
|
||||
</details>
|
||||
</li>
|
||||
|
|
|
|||
Loading…
Reference in New Issue