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

130
Views/ProfilRw/CreateKebutuhanSarpras.cshtml
View File

@ -31,11 +31,27 @@
<div id="sarprasFormList" class="space-y-4"> <div id="sarprasFormList" class="space-y-4">
<div class="sarpras-form-item"> <div class="sarpras-form-item">
<div class="card-title">Sarpras #<span class="sarpras-index">1</span></div> <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"> <div class="grid grid-cols-1 md:grid-cols-4 md:gap-4">
<!-- Tanggal --> <!-- Kota/Kabupaten -->
<fieldset class="fieldset"> <fieldset class="fieldset">
<legend class="fieldset-legend">Tanggal</legend> <legend class="fieldset-legend">Kota/Kabupaten</legend>
<input type="date" class="input w-full" /> <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> </fieldset>
<!-- RW --> <!-- RW -->
<fieldset class="fieldset"> <fieldset class="fieldset">
@ -47,30 +63,29 @@
<option>03</option> <option>03</option>
</select> </select>
</fieldset> </fieldset>
<!-- Kelurahan --> </div>
<div class="grid grid-cols-1 md:grid-cols-3 md:gap-4">
<!-- Tanggal -->
<fieldset class="fieldset"> <fieldset class="fieldset">
<legend class="fieldset-legend">Kelurahan</legend> <legend class="fieldset-legend">Tanggal</legend>
<select class="select w-full"> <input type="date" class="input w-full" />
<option disabled selected>Pilih Kelurahan</option> </fieldset>
</select> <!-- Sarpras -->
</fieldset> <fieldset class="fieldset">
</div> <legend class="fieldset-legend">Sarpras</legend>
<div class="grid grid-cols-1 md:grid-cols-2 md:gap-4"> <input type="text" class="input w-full" placeholder="Masukkan sarpras" />
<!-- Kecamatan --> </fieldset>
<fieldset class="fieldset"> <!-- Unit -->
<legend class="fieldset-legend">Kecamatan</legend> <fieldset class="fieldset">
<select class="select w-full"> <legend class="fieldset-legend">Unit</legend>
<option disabled selected>Pilih Kecamatan</option> <input type="text" class="input w-full" placeholder="Masukkan unit" />
</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>
</fieldset> </fieldset>
</div> </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"> <div class="py-3 justify-end flex">
<button type="button" class="btn btn-error text-white rounded-full js-remove-sarpras"> <button type="button" class="btn btn-error text-white rounded-full js-remove-sarpras">
<span class="icon me-2">delete</span> <span class="icon me-2">delete</span>
@ -103,11 +118,27 @@
<template id="sarprasTemplate"> <template id="sarprasTemplate">
<div class="sarpras-form-item"> <div class="sarpras-form-item">
<div class="card-title">Sarpras #<span class="sarpras-index"></span></div> <div class="card-title">Sarpras #<span class="sarpras-index"></span></div>
<div class="grid grid-cols-1 md:grid-cols-3 md:gap-4"> <div class="grid grid-cols-1 md:grid-cols-4 md:gap-4">
<!-- Tanggal --> <!-- Kota/Kabupaten -->
<fieldset class="fieldset"> <fieldset class="fieldset">
<legend class="fieldset-legend">Tanggal</legend> <legend class="fieldset-legend">Kota/Kabupaten</legend>
<input type="date" class="input w-full" /> <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> </fieldset>
<!-- RW --> <!-- RW -->
<fieldset class="fieldset"> <fieldset class="fieldset">
@ -119,30 +150,29 @@
<option>03</option> <option>03</option>
</select> </select>
</fieldset> </fieldset>
<!-- Kelurahan --> </div>
<div class="grid grid-cols-1 md:grid-cols-3 md:gap-4">
<!-- Tanggal -->
<fieldset class="fieldset"> <fieldset class="fieldset">
<legend class="fieldset-legend">Kelurahan</legend> <legend class="fieldset-legend">Tanggal</legend>
<select class="select w-full"> <input type="date" class="input w-full" />
<option disabled selected>Pilih Kelurahan</option> </fieldset>
</select> <!-- Sarpras -->
</fieldset> <fieldset class="fieldset">
</div> <legend class="fieldset-legend">Sarpras</legend>
<div class="grid grid-cols-1 md:grid-cols-2 md:gap-4"> <input type="text" class="input w-full" placeholder="Masukkan sarpras" />
<!-- Kecamatan --> </fieldset>
<fieldset class="fieldset"> <!-- Unit -->
<legend class="fieldset-legend">Kecamatan</legend> <fieldset class="fieldset">
<select class="select w-full"> <legend class="fieldset-legend">Unit</legend>
<option disabled selected>Pilih Kecamatan</option> <input type="text" class="input w-full" placeholder="Masukkan unit" />
</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>
</fieldset> </fieldset>
</div> </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"> <div class="py-3 justify-end flex">
<button type="button" class="btn btn-error text-white rounded-full js-remove-sarpras"> <button type="button" class="btn btn-error text-white rounded-full js-remove-sarpras">
<span class="icon me-2">delete</span> <span class="icon me-2">delete</span>