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

style: add 3 input & reorder position

main-dlh
Yuri Dimas 2025-11-25 09:59:39 +07:00
parent b52d2f81f5
commit d48cc19ce5
No known key found for this signature in database
GPG Key ID: 9FD7E44BC294C68C
1 changed files with 81 additions and 51 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

132
Views/ProfilRw/CreateKebutuhanSarpras.cshtml
View File

@ -31,11 +31,27 @@
<div id="sarprasFormList" class="space-y-4">
<div class="sarpras-form-item">
<div class="card-title">Sarpras #<span class="sarpras-index">1</span></div>
<div class="grid grid-cols-1 md:grid-cols-3 md:gap-4">
<!-- Tanggal -->
<div class="grid grid-cols-1 md:grid-cols-4 md:gap-4">
<!-- Kota/Kabupaten -->
<fieldset class="fieldset">
<legend class="fieldset-legend">Tanggal</legend>
<input type="date" class="input w-full" />
<legend class="fieldset-legend">Kota/Kabupaten</legend>
<select class="select w-full">
<option disabled selected>Pilih Kota/Kabupaten</option>
</select>
</fieldset>
<!-- Kecamatan -->
<fieldset class="fieldset">
<legend class="fieldset-legend">Kecamatan</legend>
<select class="select w-full">
<option disabled selected>Pilih Kecamatan</option>
</select>
</fieldset>
<!-- Kelurahan -->
<fieldset class="fieldset">
<legend class="fieldset-legend">Kelurahan</legend>
<select class="select w-full">
<option disabled selected>Pilih Kelurahan</option>
</select>
</fieldset>
<!-- RW -->
<fieldset class="fieldset">
@ -47,30 +63,29 @@
<option>03</option>
</select>
</fieldset>
<!-- Kelurahan -->
</div>
<div class="grid grid-cols-1 md:grid-cols-3 md:gap-4">
<!-- Tanggal -->
<fieldset class="fieldset">
<legend class="fieldset-legend">Kelurahan</legend>
<select class="select w-full">
<option disabled selected>Pilih Kelurahan</option>
</select>
</fieldset>
</div>
<div class="grid grid-cols-1 md:grid-cols-2 md:gap-4">
<!-- Kecamatan -->
<fieldset class="fieldset">
<legend class="fieldset-legend">Kecamatan</legend>
<select class="select w-full">
<option disabled selected>Pilih Kecamatan</option>
</select>
</fieldset>
<!-- Kota/Kabupaten -->
<fieldset class="fieldset">
<legend class="fieldset-legend">Kota/Kabupaten</legend>
<select class="select w-full">
<option disabled selected>Pilih Kota/Kabupaten</option>
</select>
<legend class="fieldset-legend">Tanggal</legend>
<input type="date" class="input w-full" />
</fieldset>
<!-- Sarpras -->
<fieldset class="fieldset">
<legend class="fieldset-legend">Sarpras</legend>
<input type="text" class="input w-full" placeholder="Masukkan sarpras" />
</fieldset>
<!-- Unit -->
<fieldset class="fieldset">
<legend class="fieldset-legend">Unit</legend>
<input type="text" class="input w-full" placeholder="Masukkan unit" />
</fieldset>
</div>
<!-- Keterangan -->
<fieldset class="fieldset md:col-span-2">
<legend class="fieldset-legend">Keterangan</legend>
<textarea class="textarea w-full" rows="3" placeholder="opsional"></textarea>
</fieldset>
<div class="py-3 justify-end flex">
<button type="button" class="btn btn-error text-white rounded-full js-remove-sarpras">
<span class="icon me-2">delete</span>
@ -103,11 +118,27 @@
<template id="sarprasTemplate">
<div class="sarpras-form-item">
<div class="card-title">Sarpras #<span class="sarpras-index"></span></div>
<div class="grid grid-cols-1 md:grid-cols-3 md:gap-4">
<!-- Tanggal -->
<div class="grid grid-cols-1 md:grid-cols-4 md:gap-4">
<!-- Kota/Kabupaten -->
<fieldset class="fieldset">
<legend class="fieldset-legend">Tanggal</legend>
<input type="date" class="input w-full" />
<legend class="fieldset-legend">Kota/Kabupaten</legend>
<select class="select w-full">
<option disabled selected>Pilih Kota/Kabupaten</option>
</select>
</fieldset>
<!-- Kecamatan -->
<fieldset class="fieldset">
<legend class="fieldset-legend">Kecamatan</legend>
<select class="select w-full">
<option disabled selected>Pilih Kecamatan</option>
</select>
</fieldset>
<!-- Kelurahan -->
<fieldset class="fieldset">
<legend class="fieldset-legend">Kelurahan</legend>
<select class="select w-full">
<option disabled selected>Pilih Kelurahan</option>
</select>
</fieldset>
<!-- RW -->
<fieldset class="fieldset">
@ -119,30 +150,29 @@
<option>03</option>
</select>
</fieldset>
<!-- Kelurahan -->
</div>
<div class="grid grid-cols-1 md:grid-cols-3 md:gap-4">
<!-- Tanggal -->
<fieldset class="fieldset">
<legend class="fieldset-legend">Kelurahan</legend>
<select class="select w-full">
<option disabled selected>Pilih Kelurahan</option>
</select>
</fieldset>
</div>
<div class="grid grid-cols-1 md:grid-cols-2 md:gap-4">
<!-- Kecamatan -->
<fieldset class="fieldset">
<legend class="fieldset-legend">Kecamatan</legend>
<select class="select w-full">
<option disabled selected>Pilih Kecamatan</option>
</select>
</fieldset>
<!-- Kota/Kabupaten -->
<fieldset class="fieldset">
<legend class="fieldset-legend">Kota/Kabupaten</legend>
<select class="select w-full">
<option disabled selected>Pilih Kota/Kabupaten</option>
</select>
<legend class="fieldset-legend">Tanggal</legend>
<input type="date" class="input w-full" />
</fieldset>
<!-- Sarpras -->
<fieldset class="fieldset">
<legend class="fieldset-legend">Sarpras</legend>
<input type="text" class="input w-full" placeholder="Masukkan sarpras" />
</fieldset>
<!-- Unit -->
<fieldset class="fieldset">
<legend class="fieldset-legend">Unit</legend>
<input type="text" class="input w-full" placeholder="Masukkan unit" />
</fieldset>
</div>
<!-- Keterangan -->
<fieldset class="fieldset md:col-span-2">
<legend class="fieldset-legend">Keterangan</legend>
<textarea class="textarea w-full" rows="3" placeholder="opsional"></textarea>
</fieldset>
<div class="py-3 justify-end flex">
<button type="button" class="btn btn-error text-white rounded-full js-remove-sarpras">
<span class="icon me-2">delete</span>
@ -213,7 +243,7 @@
const form = document.querySelector("form");
form.addEventListener("submit", function (e) {
e.preventDefault();
e.preventDefault();
Swal.fire({
title: 'Simpan Kebutuhan Sarpras?',