style: add 3 input & reorder position
parent
b52d2f81f5
commit
d48cc19ce5
|
|
@ -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 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>
|
</fieldset>
|
||||||
</div>
|
</div>
|
||||||
<div class="grid grid-cols-1 md:grid-cols-2 md:gap-4">
|
<!-- Keterangan -->
|
||||||
<!-- Kecamatan -->
|
<fieldset class="fieldset md:col-span-2">
|
||||||
<fieldset class="fieldset">
|
<legend class="fieldset-legend">Keterangan</legend>
|
||||||
<legend class="fieldset-legend">Kecamatan</legend>
|
<textarea class="textarea w-full" rows="3" placeholder="opsional"></textarea>
|
||||||
<select class="select w-full">
|
|
||||||
<option disabled selected>Pilih Kecamatan</option>
|
|
||||||
</select>
|
|
||||||
</fieldset>
|
</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>
|
|
||||||
</div>
|
|
||||||
<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 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>
|
</fieldset>
|
||||||
</div>
|
</div>
|
||||||
<div class="grid grid-cols-1 md:grid-cols-2 md:gap-4">
|
<!-- Keterangan -->
|
||||||
<!-- Kecamatan -->
|
<fieldset class="fieldset md:col-span-2">
|
||||||
<fieldset class="fieldset">
|
<legend class="fieldset-legend">Keterangan</legend>
|
||||||
<legend class="fieldset-legend">Kecamatan</legend>
|
<textarea class="textarea w-full" rows="3" placeholder="opsional"></textarea>
|
||||||
<select class="select w-full">
|
|
||||||
<option disabled selected>Pilih Kecamatan</option>
|
|
||||||
</select>
|
|
||||||
</fieldset>
|
</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>
|
|
||||||
</div>
|
|
||||||
<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>
|
||||||
|
|
|
||||||
Loading…
Reference in New Issue