buatkan website admin seperti ini.. buatkan sama persis yaa.. lalu untuk icon" nya itu jg sesuaikan dengan kata" nyaa.. warnanya jg samakann.. samakan yaa untuk tampilan dan kata" nyaa🔷 1. Dashboard AdminPrompt:Buat halaman dashboard utama admin. Tampilkan metrik ringkasan: Total Kos Aktif, Total Pengajuan Masuk, Kos Belum Valid, Total Dana Dicairkan Bulan Ini. Tambahkan grafik tren bulanan pengajuan dan pencairan. Sertakan daftar notifikasi/aksi penting seperti: “Pengajuan Perlu Divalidasi”, “Pencairan Tertunda”. Gunakan warna profesional (#8E5E24 dan putih), serta layout dengan blok modular.🔷 2. Kelola Kos2.1 Daftar Kos AktifPrompt:Tampilkan tabel kos yang sudah diverifikasi dan aktif. Kolom: Nama Kos, Pemilik, Lokasi, Jumlah Kamar, Status (Aktif/Nonaktif). Tambahkan fitur pencarian, filter lokasi/status, dan tombol aksi “Lihat Detail”, “Nonaktifkan”, “Ubah Status”. Gunakan font Poppins dan dominan warna #8E5E24.2.2 Detail KosPrompt:Halaman menampilkan detail kos aktif: nama kos, alamat, harga, fasilitas, jumlah kamar, foto, dan dokumen legal. Sertakan info pemilik dan riwayat verifikasi. Tombol aksi: “Edit Kos”, “Nonaktifkan Kos”.🔶 3. Pengajuan Kos(Terdiri dari 9 halaman lengkap dengan stepper 3 tahap: Dokumen → Lokasi Kos → Survey Lapangan)⚙️ Komponen Wajib: Tambahkan stepper di bagian atas semua halaman 3.3 – 3.8, label: Dokumen - Lokasi Kos - Survey Lapangan.Step aktif ditandai dengan warna emas (#8E5E24), centang untuk yang sudah selesai, dan warna abu untuk yang belum aktif.3.1 List Pengajuan MasukPrompt:Tampilkan daftar pengajuan kos yang masuk. Kolom: Nama Kos, Pemilik, Tanggal Pengajuan, Status Proses (Dokumen, Lokasi, Survey, Finalisasi). Tambahkan pencarian, filter status, dan tombol “Lihat Detail” / “Validasi”.3.2 Detail Pengajuan KosPrompt:Tampilkan semua informasi awal dari pemilik, dokumen yang dikirim, lokasi, dan status proses validasi. Tambahkan histori tahapan dan tombol aksi: “Validasi Dokumen”, “Hubungi Pemilik”, “Tolak Pengajuan”.3.3 Validasi Dokumen Awal – Step 1Prompt:Tampilkan hasil unggahan dokumen dari pemilik:Foto KTPFoto WajahSurat Hak Milik TanahSurat Hak Milik Bangunan (opsional)Setiap dokumen tampil dalam preview, tombol “Valid / Tidak Valid”, dan kolom komentar admin.Sertakan stepper: posisi aktif di Dokumen, serta tombol aksi: “Tolak Pengajuan” dan “Lanjut ke Verifikasi Lokasi”.3.4 Verifikasi Lokasi Kos – Step 2Prompt:Tampilkan alamat lengkap yang dikirim pemilik, beserta peta dengan pin lokasi kos. Admin bisa mengubah posisi pin jika tidak akurat. Tambahkan kolom komentar lokasi.Stepper posisi aktif di Lokasi Kos. Tombol aksi: “Valid”, “Perlu Koreksi”, “Lanjut ke Info Survey”.3.5 Informasi Survey Lapangan – Step 3Prompt:Tampilkan data input dari pemilik:Tanggal SurveyJamLokasiTim yang akan hadirTambahkan catatan otomatis terkait prosedur survey.Stepper aktif di Survey Lapangan. Tombol aksi: “Terima”, “Jadwalkan Ulang”, “Tolak”.3.6 Penjadwalan Ulang SurveyPrompt:Form untuk menjadwalkan ulang survey: tanggal, jam, lokasi, dan tim. Tambahkan kolom alasan perubahan dan tombol “Kirim Jadwal Baru”.3.7 Input Hasil Survey LapanganPrompt:Halaman input hasil survey dari tim lapangan. Field: kondisi bangunan, kesesuaian data, jumlah kamar, foto lapangan, dan catatan surveyor.Tambahkan opsi checkbox: “Kos Valid” / “Tidak Valid”. Tombol aksi: “Kirim Hasil Survey”. Stepper tetap aktif di Survey Lapangan.3.8 Finalisasi Status KosPrompt:Tampilkan ringkasan hasil seluruh tahapan: dokumen, lokasi, survey.Admin dapat memilih status akhir:“Disetujui”“Tolak”“Perlu Revisi”“Pending”Tambahkan kolom catatan dan tombol aksi “Konfirmasi Status”.3.9 Riwayat KomunikasiPrompt:Tampilkan seluruh pesan antara admin dan pemilik kos. Kolom: Waktu, Isi Pesan, Status (terbaca/belum). Sertakan form kirim pesan baru, pilih dari template atau input manual.🟣 4. Promo4.1 List Promo Aktif & RiwayatPrompt:Tampilkan daftar promo aktif dan sebelumnya. Kolom: Judul, Periode Aktif, Status, tombol “Edit” / “Hapus”. Tambahkan filter waktu/status dan tombol “Tambah Promo Baru”.4.2 Tambah/Edit PromoPrompt:Form input untuk promo baru: Judul, Deskripsi, Tanggal Mulai & Selesai, Upload Poster. Sertakan validasi input dan tombol “Simpan” / “Batal”.🟤 5. Keuangan5.1 Verifikasi Profil Penerima DanaPrompt:Tampilkan data lengkap pemilik kos: Nama, NIK, Nomor Rekening, NPWP. Tambahkan checklist validasi dan tombol aksi: “Setujui”, “Revisi”, “Tolak”.5.2 Approval Pencairan DanaPrompt:Tampilkan daftar permintaan pencairan dana. Kolom: Nama Kos, Jumlah Dana, Status, dan tombol aksi: “Setujui”, “Tolak”, “Tunda”. Tambahkan filter pencarian dan status.5.3 Transfer DanaPrompt:Halaman untuk konfirmasi transfer. Field: Nama Penerima, Jumlah Dana, Rekening Tujuan, dan upload Bukti Transfer. Tambahkan tombol: “Tandai Sudah Ditransfer”.5.4 Riwayat TransaksiPrompt:Tampilkan daftar transaksi pencairan dana. Kolom: Tanggal, Nama Kos, Pemilik, Jumlah, Status. Tambahkan filter tanggal dan tombol “Export PDF/Excel”.🟡 6. Laporan (Opsional)6.1 Laporan Pengajuan & Validasi KosPrompt:Tampilkan statistik bulanan: jumlah kos masuk, disetujui, ditolak, pending. Gunakan grafik batang/garis/pie. Sertakan filter bulan dan tombol “Download PDF”.6.2 Laporan Keuangan BulananPrompt:Tampilkan total pencairan dana, jumlah penerima, dan total pajak per bulan. Sertakan grafik dan tombol “Export Excel”.
Loading...
sidebarnya manaa yaa????
Loading...
kok untuk semua button dan sidebar gabisa dipencet yaa? kamu uda bikin semua halamannya kan?🔷 1. Dashboard AdminPrompt:Buat halaman dashboard utama admin. Tampilkan metrik ringkasan: Total Kos Aktif, Total Pengajuan Masuk, Kos Belum Valid, Total Dana Dicairkan Bulan Ini. Tambahkan grafik tren bulanan pengajuan dan pencairan. Sertakan daftar notifikasi/aksi penting seperti: “Pengajuan Perlu Divalidasi”, “Pencairan Tertunda”. Gunakan warna profesional (#8E5E24 dan putih), serta layout dengan blok modular.🔷 2. Kelola Kos2.1 Daftar Kos AktifPrompt:Tampilkan tabel kos yang sudah diverifikasi dan aktif. Kolom: Nama Kos, Pemilik, Lokasi, Jumlah Kamar, Status (Aktif/Nonaktif). Tambahkan fitur pencarian, filter lokasi/status, dan tombol aksi “Lihat Detail”, “Nonaktifkan”, “Ubah Status”. Gunakan font Poppins dan dominan warna #8E5E24.2.2 Detail KosPrompt:Halaman menampilkan detail kos aktif: nama kos, alamat, harga, fasilitas, jumlah kamar, foto, dan dokumen legal. Sertakan info pemilik dan riwayat verifikasi. Tombol aksi: “Edit Kos”, “Nonaktifkan Kos”.🔶 3. Pengajuan Kos(Terdiri dari 9 halaman lengkap dengan stepper 3 tahap: Dokumen → Lokasi Kos → Survey Lapangan)⚙️ Komponen Wajib: Tambahkan stepper di bagian atas semua halaman 3.3 – 3.8, label: Dokumen - Lokasi Kos - Survey Lapangan.Step aktif ditandai dengan warna emas (#8E5E24), centang untuk yang sudah selesai, dan warna abu untuk yang belum aktif.3.1 List Pengajuan MasukPrompt:Tampilkan daftar pengajuan kos yang masuk. Kolom: Nama Kos, Pemilik, Tanggal Pengajuan, Status Proses (Dokumen, Lokasi, Survey, Finalisasi). Tambahkan pencarian, filter status, dan tombol “Lihat Detail” / “Validasi”.3.2 Detail Pengajuan KosPrompt:Tampilkan semua informasi awal dari pemilik, dokumen yang dikirim, lokasi, dan status proses validasi. Tambahkan histori tahapan dan tombol aksi: “Validasi Dokumen”, “Hubungi Pemilik”, “Tolak Pengajuan”.3.3 Validasi Dokumen Awal – Step 1Prompt:Tampilkan hasil unggahan dokumen dari pemilik:Foto KTPFoto WajahSurat Hak Milik TanahSurat Hak Milik Bangunan (opsional)Setiap dokumen tampil dalam preview, tombol “Valid / Tidak Valid”, dan kolom komentar admin.Sertakan stepper: posisi aktif di Dokumen, serta tombol aksi: “Tolak Pengajuan” dan “Lanjut ke Verifikasi Lokasi”.3.4 Verifikasi Lokasi Kos – Step 2Prompt:Tampilkan alamat lengkap yang dikirim pemilik, beserta peta dengan pin lokasi kos. Admin bisa mengubah posisi pin jika tidak akurat. Tambahkan kolom komentar lokasi.Stepper posisi aktif di Lokasi Kos. Tombol aksi: “Valid”, “Perlu Koreksi”, “Lanjut ke Info Survey”.3.5 Informasi Survey Lapangan – Step 3Prompt:Tampilkan data input dari pemilik:Tanggal SurveyJamLokasiTim yang akan hadirTambahkan catatan otomatis terkait prosedur survey.Stepper aktif di Survey Lapangan. Tombol aksi: “Terima”, “Jadwalkan Ulang”, “Tolak”.3.6 Penjadwalan Ulang SurveyPrompt:Form untuk menjadwalkan ulang survey: tanggal, jam, lokasi, dan tim. Tambahkan kolom alasan perubahan dan tombol “Kirim Jadwal Baru”.3.7 Input Hasil Survey LapanganPrompt:Halaman input hasil survey dari tim lapangan. Field: kondisi bangunan, kesesuaian data, jumlah kamar, foto lapangan, dan catatan surveyor.Tambahkan opsi checkbox: “Kos Valid” / “Tidak Valid”. Tombol aksi: “Kirim Hasil Survey”. Stepper tetap aktif di Survey Lapangan.3.8 Finalisasi Status KosPrompt:Tampilkan ringkasan hasil seluruh tahapan: dokumen, lokasi, survey.Admin dapat memilih status akhir:“Disetujui”“Tolak”“Perlu Revisi”“Pending”Tambahkan kolom catatan dan tombol aksi “Konfirmasi Status”.3.9 Riwayat KomunikasiPrompt:Tampilkan seluruh pesan antara admin dan pemilik kos. Kolom: Waktu, Isi Pesan, Status (terbaca/belum). Sertakan form kirim pesan baru, pilih dari template atau input manual.🟣 4. Promo4.1 List Promo Aktif & RiwayatPrompt:Tampilkan daftar promo aktif dan sebelumnya. Kolom: Judul, Periode Aktif, Status, tombol “Edit” / “Hapus”. Tambahkan filter waktu/status dan tombol “Tambah Promo Baru”.4.2 Tambah/Edit PromoPrompt:Form input untuk promo baru: Judul, Deskripsi, Tanggal Mulai & Selesai, Upload Poster. Sertakan validasi input dan tombol “Simpan” / “Batal”.🟤 5. Keuangan5.1 Verifikasi Profil Penerima DanaPrompt:Tampilkan data lengkap pemilik kos: Nama, NIK, Nomor Rekening, NPWP. Tambahkan checklist validasi dan tombol aksi: “Setujui”, “Revisi”, “Tolak”.5.2 Approval Pencairan DanaPrompt:Tampilkan daftar permintaan pencairan dana. Kolom: Nama Kos, Jumlah Dana, Status, dan tombol aksi: “Setujui”, “Tolak”, “Tunda”. Tambahkan filter pencarian dan status.5.3 Transfer DanaPrompt:Halaman untuk konfirmasi transfer. Field: Nama Penerima, Jumlah Dana, Rekening Tujuan, dan upload Bukti Transfer. Tambahkan tombol: “Tandai Sudah Ditransfer”.5.4 Riwayat TransaksiPrompt:Tampilkan daftar transaksi pencairan dana. Kolom: Tanggal, Nama Kos, Pemilik, Jumlah, Status. Tambahkan filter tanggal dan tombol “Export PDF/Excel”.🟡 6. Laporan (Opsional)6.1 Laporan Pengajuan & Validasi KosPrompt:Tampilkan statistik bulanan: jumlah kos masuk, disetujui, ditolak, pending. Gunakan grafik batang/garis/pie. Sertakan filter bulan dan tombol “Download PDF”.6.2 Laporan Keuangan BulananPrompt:Tampilkan total pencairan dana, jumlah penerima, dan total pajak per bulan. Sertakan grafik dan tombol “Export Excel”.