banksampah
/
bank-sampah
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

style: add page profil bank sampah 

Index & Edit
main
Yuri Dimas 2025-10-16 11:32:35 +07:00
parent 751dd71312
commit f67250fac3
No known key found for this signature in database
GPG Key ID: 4A421F9108FB5D2C
6 changed files with 508 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

18
Areas/Bsi/Controllers/ProfilController.cs 100644
View File

@ -0,0 +1,18 @@
using Microsoft.AspNetCore.Mvc;
namespace BankSampahApp.Areas.Bsi.Controllers
{
[Area("Bsi")]
public class ProfilController : Controller
{
public IActionResult Index()
{
return View();
}
public IActionResult Edit(int id)
{
return View();
}
}
}

323
Areas/Bsi/Views/Profil/Edit.cshtml 100644
View File

@ -0,0 +1,323 @@
@{
ViewData["Title"] = "Profil 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">
Profil Bank Sampah
</span>
</div>
</div>
<div class="h-6"></div>
<div class="flex flex-col items-center justify-between gap-4 rounded bg-white p-6 md:flex-row">
<div class="flex w-full flex-col items-center gap-4 md:flex-row">
<figure>
<img src="https://img.daisyui.com/images/stock/photo-1606107557195-0e29a4b5b4aa.webp"
alt="Shoes"
width="80"
height="80"
class="h-20 w-20 rounded bg-contain bg-center object-cover" />
</figure>
<div class="flex flex-col items-center md:items-start">
<h2 class="font-semibold">Jakarta Timur</h2>
<p>Bank Sampah Induk</p>
</div>
</div>
<div class="badge badge-soft badge-success">
Status Aktif
</div>
</div>
<div class="h-6"></div>
<div class="card bg-white">
<div class="card-body">
<div class="flex flex-row items-center justify-between">
<h2 class="card-title">
Informasi Biodata
</h2>
</div>
<form action="#" method="post">
<div class="divider"></div>
<div class="grid grid-cols-1 space-y-2 md:grid-cols-4 md:space-x-6">
<div class="flex flex-col">
<fieldset class="fieldset">
<legend class="fieldset-legend">
Nama Bank Sampah
<span class="text-red-500">*</span>
</legend>
<input type="text" class="input" placeholder="Nama Bank Sampah" value="Jakarta Timur" />
</fieldset>
</div>
<div class="flex flex-col">
<fieldset class="fieldset">
<legend class="fieldset-legend">
Kategori Bank Sampah
<span class="text-red-500">*</span>
</legend>
<select class="select">
<option disabled>Pilih Kategori Bank Sampah</option>
<option value="Warga" selected>Warga</option>
</select>
</fieldset>
</div>
</div>
<div class="grid grid-cols-1 space-y-2 md:grid-cols-4 md:space-x-6">
<div class="flex flex-col">
<fieldset class="fieldset">
<legend class="fieldset-legend">
Email
<span class="text-red-500">*</span>
</legend>
<input type="email" class="input" placeholder="Email" value="banksampahjaktim@gmail.com" />
</fieldset>
</div>
<div class="flex flex-col">
<fieldset class="fieldset">
<legend class="fieldset-legend">
SK Penetapan
<span class="text-red-500">*</span>
</legend>
<input type="text" class="input" placeholder="SK Penetapan" value="127.12.1222.1111" />
</fieldset>
</div>
</div>
<div class="grid grid-cols-1 space-y-2 md:grid-cols-4 md:space-x-6">
<div class="flex flex-col">
<fieldset class="fieldset">
<legend class="fieldset-legend">
Penangung Jawab
<span class="text-red-500">*</span>
</legend>
<input type="text" class="input" placeholder="Penangung Jawab" value="Ikhdan Maulana" />
</fieldset>
</div>
<div class="flex flex-col">
<fieldset class="fieldset">
<legend class="fieldset-legend">
No. HP Penanggung Jawab
<span class="text-red-500">*</span>
</legend>
<input type="text" class="input" placeholder="No. HP Penanggung Jawab" value="089556728383" />
</fieldset>
</div>
</div>
<div class="divider"></div>
<div class="grid grid-cols-1 space-y-2 md:grid-cols-4 md:space-x-6">
<div class="flex flex-col">
<fieldset class="fieldset">
<legend class="fieldset-legend">
Jumlah Pengurus
<span class="text-red-500">*</span>
</legend>
<input type="number" class="input" placeholder="Jumlah Pengurus" value="67" />
</fieldset>
</div>
<div class="flex flex-col">
<fieldset class="fieldset">
<legend class="fieldset-legend">
Badan Hukum
<span class="text-red-500">*</span>
</legend>
<select class="select">
<option disabled>Pilih Badan Hukum</option>
<option value="PT" selected>PT</option>
<option value="CV">CV</option>
<option value="UD">UD</option>
</select>
</fieldset>
</div>
</div>
<div class="grid grid-cols-1 space-y-2 md:grid-cols-4 md:space-x-6">
<div class="flex flex-col">
<fieldset class="fieldset">
<legend class="fieldset-legend">
<span>Luas Lahan m<sup>2</sup></span>
<span class="text-red-500">*</span>
</legend>
<input type="number" min="1" class="input" placeholder="Luas Lahan m2" value="6128" />
</fieldset>
</div>
<div class="flex flex-col">
<fieldset class="fieldset">
<legend class="fieldset-legend">
Status Lahan
<span class="text-red-500">*</span>
</legend>
<select class="select">
<option disabled>Pilih Status Lahan</option>
<option value="Pribadi" selected>Pribadi</option>
</select>
</fieldset>
</div>
</div>
<div class="grid grid-cols-1 space-y-2 md:grid-cols-4 md:space-x-6">
<div class="flex flex-col">
<fieldset class="fieldset">
<legend class="fieldset-legend">
Tahun Berdiri
<span class="text-red-500">*</span>
</legend>
<input type="number" class="input" placeholder="Tahun Berdiri" value="2021" />
</fieldset>
</div>
<div class="flex flex-col">
<fieldset class="fieldset">
<legend class="fieldset-legend">
SK Penetapan PT
<span class="text-red-500">*</span>
</legend>
<input type="text" class="input" placeholder="Tahun Berdiri" value="12.340-327832.38.12" />
</fieldset>
</div>
</div>
<div class="divider"></div>
<div class="grid grid-cols-1 space-y-2 md:grid-cols-4 md:space-x-6">
<div class="flex flex-col">
<fieldset class="fieldset">
<legend class="fieldset-legend">
Provinsi
<span class="text-red-500">*</span>
</legend>
<select class="select">
<option disabled>Pilih Provinsi</option>
<option value="DKI Jakarta" selected>DKI Jakarta</option>
</select>
</fieldset>
</div>
<div class="flex flex-col">
<fieldset class="fieldset">
<legend class="fieldset-legend">
Kota
<span class="text-red-500">*</span>
</legend>
<select class="select">
<option disabled>Pilih Kota</option>
<option value="Kota Adm. Jakarta Timur" selected>Kota Adm. Jakarta Timur</option>
</select>
</fieldset>
</div>
</div>
<div class="grid grid-cols-1 space-y-2 md:grid-cols-4 md:space-x-6">
<div class="flex flex-col">
<fieldset class="fieldset">
<legend class="fieldset-legend">
Kecamatan
<span class="text-red-500">*</span>
</legend>
<select class="select">
<option disabled>Pilih Kecamatan</option>
<option value="Pasarejo" selected>Pasarejo</option>
</select>
</fieldset>
</div>
<div class="flex flex-col">
<fieldset class="fieldset">
<legend class="fieldset-legend">
Keluaran
<span class="text-red-500">*</span>
</legend>
<select class="select">
<option disabled>Pilih Keluaran</option>
<option value="Pasarejo" selected>Pasar Minggu</option>
</select>
</fieldset>
</div>
</div>
<div class="grid grid-cols-1 md:grid-cols-2">
<div class="flex flex-col">
<fieldset class="fieldset">
<legend class="fieldset-legend">
Alamat
<span class="text-red-500">*</span>
</legend>
<textarea class="textarea h-24 w-full" placeholder="Alamat">Jalan Raya Pasar Minggu No. 45 Jakarta Timur, DKI Jakarta</textarea>
</fieldset>
</div>
</div>
<div class="grid grid-cols-1 space-y-2 md:grid-cols-6 md:space-x-6">
<div class="flex flex-col">
<fieldset class="fieldset">
<legend class="fieldset-legend">
RT
<span class="text-red-500">*</span>
</legend>
<input type="number" class="input" placeholder="RT" value="02" />
</fieldset>
</div>
<div class="flex flex-col">
<fieldset class="fieldset">
<legend class="fieldset-legend">
RW
<span class="text-red-500">*</span>
</legend>
<input type="number" class="input" placeholder="RW" value="02" />
</fieldset>
</div>
<div class="flex flex-col">
<fieldset class="fieldset">
<legend class="fieldset-legend">
Kode Pos
<span class="text-red-500">*</span>
</legend>
<input type="number" class="input" placeholder="Kode Pos" value="61374" />
</fieldset>
</div>
</div>
<div class="divider"></div>
<div class="grid grid-cols-1 space-y-2 md:grid-cols-4 md:space-x-6">
<div class="flex flex-col">
<fieldset class="fieldset">
<legend class="fieldset-legend">
Latitude
</legend>
<input type="number" class="input" placeholder="Latitude" value="324242" />
</fieldset>
</div>
<div class="flex flex-col">
<fieldset class="fieldset">
<legend class="fieldset-legend">
Longitude
</legend>
<input type="number" class="input" placeholder="Longitude" value="-371872" />
</fieldset>
</div>
</div>
<div class="divider"></div>
<div class="grid grid-cols-1 space-y-2 md:grid-cols-4 md:space-x-6">
<div class="flex flex-col">
<fieldset class="fieldset">
<legend class="fieldset-legend">
File SK
<span class="text-red-500">*</span>
</legend>
<input type="file" class="file-input" />
<label class="label">Ukuran Maksimal 5MB</label>
</fieldset>
</div>
<div class="flex flex-col">
<fieldset class="fieldset">
<legend class="fieldset-legend">
Logo Bank Sampah
<span class="text-red-500">*</span>
</legend>
<input type="file" class="file-input" />
<label class="label">Ukuran Maksimal 5MB</label>
</fieldset>
</div>
</div>
<div class="divider"></div>
<div class="card-actions">
<a href="@Url.Action("Index","Profil")" class="btn w-30 rounded-full bg-white">
Batal
</a>
<a href="#" class="btn bg-bank-sampah-primary-500 w-30 rounded-full text-white">
Simpan
</a>
</div>
</form>
</div>
</div>

160
Areas/Bsi/Views/Profil/Index.cshtml 100644
View File

@ -0,0 +1,160 @@
@{
ViewData["Title"] = "Profil 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">
Profil Bank Sampah
</span>
</div>
</div>
<div class="h-6"></div>
<div class="flex flex-col items-center justify-between gap-4 rounded bg-white p-6 md:flex-row">
<div class="flex w-full flex-col items-center gap-4 md:flex-row">
<figure>
<img src="https://img.daisyui.com/images/stock/photo-1606107557195-0e29a4b5b4aa.webp"
alt="Shoes"
width="80"
height="80"
class="h-20 w-20 rounded bg-contain bg-center object-cover" />
</figure>
<div class="flex flex-col items-center md:items-start">
<h2 class="font-semibold">Jakarta Timur</h2>
<p>Bank Sampah Induk</p>
</div>
</div>
<div class="badge badge-soft badge-success">
Status Aktif
</div>
</div>
<div class="h-6"></div>
<div class="card bg-white">
<div class="card-body">
<div class="flex flex-row items-center justify-between">
<h2 class="card-title">
Informasi Biodata
</h2>
<a href="@Url.Action("Edit","Profil", 1)" class="btn btn-sm rounded-full bg-white">
<i class="ph ph-note-pencil me-2"></i>
Edit Biodata
</a>
</div>
<div class="divider"></div>
<div class="grid grid-cols-1 space-y-2 md:grid-cols-4">
<div class="flex flex-col">
<span class="text-xs text-gray-500">Nama Bank Sampah</span>
<span class="text-sm">Jakarta Timur</span>
</div>
<div class="flex flex-col">
<span class="text-xs text-gray-500">Kategori Bank Sampah</span>
<span class="text-sm">Warga</span>
</div>
</div>
<div class="grid grid-cols-1 space-y-2 md:grid-cols-4">
<div class="flex flex-col">
<span class="text-xs text-gray-500">Email</span>
<span class="text-sm">banksampahjaktim@gmail.com</span>
</div>
<div class="flex flex-col">
<span class="text-xs text-gray-500">SK Penetapan</span>
<span class="text-sm">127.12.1222.1111</span>
</div>
</div>
<div class="grid grid-cols-1 space-y-2 md:grid-cols-4">
<div class="flex flex-col">
<span class="text-xs text-gray-500">Penangung Jawab</span>
<span class="text-sm">Ikhdan Maulana</span>
</div>
<div class="flex flex-col">
<span class="text-xs text-gray-500">No. HP Penanggung Jawab</span>
<span class="text-sm">089556728383</span>
</div>
</div>
<div class="divider"></div>
<div class="grid grid-cols-1 space-y-2 md:grid-cols-4">
<div class="flex flex-col">
<span class="text-xs text-gray-500">Jumlah Pengurus</span>
<span class="text-sm">67</span>
</div>
<div class="flex flex-col">
<span class="text-xs text-gray-500">Badan Hukum</span>
<span class="text-sm">PT</span>
</div>
</div>
<div class="grid grid-cols-1 space-y-2 md:grid-cols-4">
<div class="flex flex-col">
<span class="text-xs text-gray-500">Luas Lahan m<sup>2</sup></span>
<span class="text-sm">6128</span>
</div>
<div class="flex flex-col">
<span class="text-xs text-gray-500">Status Lahan</span>
<span class="text-sm">Pribadi</span>
</div>
</div>
<div class="grid grid-cols-1 space-y-2 md:grid-cols-4">
<div class="flex flex-col">
<span class="text-xs text-gray-500">Tahun Berdiri</span>
<span class="text-sm">2021</span>
</div>
<div class="flex flex-col">
<span class="text-xs text-gray-500">SK Penetapan PT</span>
<span class="text-sm">12.340-327832.38.12</span>
</div>
</div>
<div class="divider"></div>
<div class="grid grid-cols-1 space-y-2 md:grid-cols-4">
<div class="flex flex-col">
<span class="text-xs text-gray-500">Provinsi</span>
<span class="text-sm">DKI Jakarta</span>
</div>
<div class="flex flex-col">
<span class="text-xs text-gray-500">Kota</span>
<span class="text-sm">Kota Adm Jakarta Timur</span>
</div>
</div>
<div class="grid grid-cols-1 space-y-2 md:grid-cols-4">
<div class="flex flex-col">
<span class="text-xs text-gray-500">Kecamatan</span>
<span class="text-sm">Pasarejo</span>
</div>
<div class="flex flex-col">
<span class="text-xs text-gray-500">Kelurahan</span>
<span class="text-sm">Pasar Minggu</span>
</div>
</div>
<div class="grid grid-cols-1 space-y-2 md:grid-cols-4">
<div class="flex flex-col">
<span class="text-xs text-gray-500">Alamat</span>
<span class="text-sm">Jalan Raya Pasar Minggu No. 45 Jakarta Timur, DKI Jakarta</span>
</div>
<div class="flex flex-col">
<span class="text-xs text-gray-500">RT</span>
<span class="text-sm">02</span>
</div>
<div class="flex flex-col">
<span class="text-xs text-gray-500">RW</span>
<span class="text-sm">02</span>
</div>
<div class="flex flex-col">
<span class="text-xs text-gray-500">Kode Pos</span>
<span class="text-sm">61374</span>
</div>
</div>
<div class="divider"></div>
<div class="grid grid-cols-1 space-y-2 md:grid-cols-4">
<div class="flex flex-col">
<span class="text-xs text-gray-500">Latitude</span>
<span class="text-sm">324242</span>
</div>
<div class="flex flex-col">
<span class="text-xs text-gray-500">Longitude</span>
<span class="text-sm">-371872</span>
</div>
</div>
</div>
</div>

2
Areas/Bsi/Views/_ViewImports.cshtml 100644
View File

@ -0,0 +1,2 @@
@using BankSampahApp
@addTagHelper *, Microsoft.AspNetCore.Mvc.TagHelpers

3
Areas/Bsi/Views/_ViewStart.cshtml 100644
View File

@ -0,0 +1,3 @@
@{
Layout = "/Areas/Shared/Layouts/App/_Layout.cshtml";
}

2
BankSampahApp.csproj
View File

@ -35,6 +35,8 @@
</ItemGroup>
<ItemGroup>
<Folder Include="Areas\Bsi\Data\" />
<Folder Include="Areas\Bsi\Models\" />
<Folder Include="Areas\Shared\Layouts\LandingPage\" />
<Folder Include="Areas\Sudin\Data\" />
<Folder Include="Areas\Sudin\Models\" />