Magang-2025/Undangan
11
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix form khitan prem

Browse Source
This commit is contained in:
Farhaan4 2025-10-20 11:08:37 +07:00
parent 3ab06a82e6
commit 19790cdc29
1 changed files with 90 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

91
proyek-frontend/app/pages/form/khitan/premium.vue
View File

@ -97,8 +97,37 @@
focus:ring-2 focus:ring-blue-400 focus:border-blue-400 outline-none transition" />
</div>
</div>
<!-- Hitung Mundur -->
<div>
<h3 class="font-medium text-gray-700 mb-3">Hitung Mundur</h3>
<div class="grid grid-cols-1 md:grid-cols-2 gap-4">
<div class="relative">
<input v-model="form.form.hitung_mundur_mulai" type="datetime-local" placeholder=" " class="peer w-full border border-gray-300 rounded-lg px-2.5 pt-4 pb-1.5 text-sm
focus:ring-2 focus:ring-blue-400 focus:border-blue-400 outline-none transition" />
<label class="absolute left-2 text-gray-400 transition-all
peer-placeholder-shown:top-4 peer-placeholder-shown:text-sm
peer-focus:top-0 peer-focus:text-[10px] peer-focus:text-blue-500
peer-valid:top-0 peer-valid:text-[10px] peer-valid:text-gray-500">
Mulai Dari
</label>
</div>
<div class="relative">
<input v-model="form.form.hitung_mundur_selesai" type="datetime-local" placeholder=" " class="peer w-full border border-gray-300 rounded-lg px-2.5 pt-4 pb-1.5 text-sm
focus:ring-2 focus:ring-blue-400 focus:border-blue-400 outline-none transition" />
<label class="absolute left-2 text-gray-400 transition-all
peer-placeholder-shown:top-4 peer-placeholder-shown:text-sm
peer-focus:top-0 peer-focus:text-[10px] peer-focus:text-blue-500
peer-valid:top-0 peer-valid:left-1 peer-valid:text-[10px] peer-valid:text-gray-500">
Sampai Dengan
</label>
</div>
</div>
</div>
<div class="mt-6 relative">
<textarea v-model="form.form.alamat" rows="3" placeholder=" " required class="peer w-full border border-gray-300 rounded-lg px-2.5 pt-5 pb-1.5 text-sm resize-none
@ -123,6 +152,59 @@
</div>
</section>
<!-- Syukuran -->
<div>
<h3 class="font-medium text-gray-700 mb-2">Syukuran</h3>
<div class="space-y-3">
<div class="relative">
<input v-model="form.form.hari_tanggal_syukuran" type="date" placeholder=" " class="peer w-full border border-gray-300 rounded-lg px-2.5 pt-4 pb-1.5 text-sm
focus:ring-2 focus:ring-blue-400 focus:border-blue-400 outline-none transition" />
<label class="absolute left-2 text-gray-400 transition-all
peer-placeholder-shown:top-4 peer-placeholder-shown:text-sm
peer-focus:top-0 peer-focus:text-[10px] peer-focus:text-blue-500
peer-valid:top-0 peer-valid:text-[10px] peer-valid:text-gray-500">
Hari & Tanggal Syukuran
</label>
</div>
<div class="relative">
<input v-model="form.form.waktu_syukuran" type="time" placeholder=" " class="peer w-full border border-gray-300 rounded-lg px-2.5 pt-4 pb-1.5 text-sm
focus:ring-2 focus:ring-blue-400 focus:border-blue-400 outline-none transition" />
<label class="absolute left-2 text-gray-400 transition-all
peer-placeholder-shown:top-4 peer-placeholder-shown:text-sm
peer-focus:top-0 peer-focus:text-[10px] peer-focus:text-blue-500
peer-valid:top-0 peer-valid:text-[10px] peer-valid:text-gray-500">
Waktu Syukuran
</label>
</div>
<div class="relative">
<textarea v-model="form.form.alamat_syukuran" rows="3" placeholder=" " required class="peer w-full border border-gray-300 rounded-lg px-2.5 pt-5 pb-1.5 text-sm resize-none
focus:ring-2 focus:ring-blue-400 focus:border-blue-400 outline-none transition"></textarea>
<label class="absolute left-2 text-gray-400 transition-all
peer-placeholder-shown:top-4 peer-placeholder-shown:text-sm
peer-focus:top-0 peer-focus:text-[10px] peer-focus:text-blue-500
peer-valid:top-0 peer-valid:text-[10px] peer-valid:text-gray-500">
Alamat Syukuran
</label>
</div>
<div class="relative">
<input v-model="form.form.link_gmaps_syukuran" type="text" placeholder=" " required class="peer w-full border border-gray-300 rounded-lg px-2.5 pt-4 pb-1.5 text-sm
focus:ring-2 focus:ring-blue-400 focus:border-blue-400 outline-none transition" />
<label class="absolute left-2 text-gray-400 transition-all
peer-placeholder-shown:top-4 peer-placeholder-shown:text-sm
peer-focus:top-0 peer-focus:text-[10px] peer-focus:text-blue-500
peer-valid:top-0 peer-valid:text-[10px] peer-valid:text-gray-500">
Link Google Maps Syukuran
</label>
</div>
</div>
</div>
<!-- Rekening & Musik -->
<section class="mb-8">
<h2 class="font-semibold text-blue-600 mb-3 border-b pb-1">💳 Rekening & Musik</h2>
@ -167,7 +249,12 @@
</div>
</section>
<!-- Say Something -->
<section class="mb-8">
<h2 class="font-semibold text-blue-600 mb-3 border-b pb-1">💬 Say Something</h2>
<textarea v-model="form.form.say_something" rows="4" placeholder="Kata-kata spesial atau pesan untuk tamu..."
class="w-full border border-gray-300 rounded-lg px-3 py-2 focus:ring-2 focus:ring-blue-400 focus:border-blue-400 outline-none transition resize-none"></textarea>
</section>
<!-- Foto Upload -->
<section class="mb-8">
@ -232,6 +319,8 @@ const form = ref({
link_twitter: '',
hari_tanggal_acara: '',
waktu: '',
hitung_mundur_mulai: '',
hitung_mundur_selesai: '',
alamat: '',
link_gmaps: '',
hari_tanggal_syukuran: '',