fix desain
This commit is contained in:
parent
3c2ca564fb
commit
779a8c3232
@ -18,7 +18,7 @@
|
||||
<table class="w-full table-fixed border border-gray-300 text-left">
|
||||
<thead class="bg-gray-100">
|
||||
<tr>
|
||||
<th class="w-[10%] p-2 border border-gray-300 text-center">Nomor</th>
|
||||
<th class="w-[7%] p-2 border border-gray-300 text-center">Nomor</th>
|
||||
<th class="w-[70%] p-2 border border-gray-300 text-center">Fitur</th>
|
||||
<th class="w-[20%] p-2 border border-gray-300 text-center">Aksi</th>
|
||||
</tr>
|
||||
@ -26,10 +26,10 @@
|
||||
<tbody>
|
||||
@forelse ($fitur as $key => $item)
|
||||
<tr class="hover:bg-gray-50">
|
||||
<td class="p-2 border border-gray-300">{{ $key + 1 }}</td>
|
||||
<td class="p-2 border border-gray-300 truncate whitespace-nowrap">{{ $item->deskripsi }}
|
||||
<td class="py-5 px-2 border border-gray-300 text-center">{{ $key + 1 }}</td>
|
||||
<td class="py-5 px-2 border border-gray-300 truncate whitespace-nowrap">{{ $item->deskripsi }}
|
||||
</td>
|
||||
<td class="p-2 border border-gray-300 text-center">
|
||||
<td class="py-5 px-2 border border-gray-300 text-center">
|
||||
<div class="flex justify-center space-x-2">
|
||||
<button class="text-blue-600 flex items-center pr-4 openEditModalBtn"
|
||||
data-id="{{ $item->id }}">
|
||||
|
||||
@ -26,7 +26,9 @@
|
||||
<div id="toast-success" class="mb-4 p-3 rounded bg-green-100 text-green-800 border border-green-300 shadow">
|
||||
{{ session('success') }}
|
||||
</div>
|
||||
<script>setTimeout(() => document.getElementById('toast-success')?.remove(), 3000);</script>
|
||||
<script>
|
||||
setTimeout(() => document.getElementById('toast-success')?.remove(), 3000);
|
||||
</script>
|
||||
@endif
|
||||
|
||||
@if ($errors->any())
|
||||
@ -37,7 +39,9 @@
|
||||
@endforeach
|
||||
</ul>
|
||||
</div>
|
||||
<script>setTimeout(() => document.getElementById('toast-error')?.remove(), 5000);</script>
|
||||
<script>
|
||||
setTimeout(() => document.getElementById('toast-error')?.remove(), 5000);
|
||||
</script>
|
||||
@endif
|
||||
|
||||
<!-- Tabel Template -->
|
||||
@ -61,14 +65,16 @@
|
||||
<td class="p-2 border border-gray-300 text-center">{{ $key + 1 }}</td>
|
||||
<td class="p-2 border border-gray-300 truncate">{{ $template->nama_template }}</td>
|
||||
<td class="p-2 border border-gray-300 truncate">{{ $template->kategori->nama ?? '-' }}</td>
|
||||
<td class="p-2 border border-gray-300 truncate">{{ $template->fitur->deskripsi ?? '-' }}</td>
|
||||
<td class="p-2 border border-gray-300 truncate">{{ $template->fitur->deskripsi ?? '-' }}
|
||||
</td>
|
||||
<td class="p-2 border border-gray-300 text-center">
|
||||
<div class="w-12 h-12 overflow-hidden rounded bg-gray-100 flex items-center justify-center mx-auto">
|
||||
<div
|
||||
class="w-12 h-12 overflow-hidden rounded bg-gray-100 flex items-center justify-center mx-auto">
|
||||
<img src="{{ $template->foto ? asset('storage/' . $template->foto) : asset('default-image.png') }}"
|
||||
alt="foto" class="max-w-full max-h-full object-contain">
|
||||
</div>
|
||||
</td>
|
||||
<td class="p-2 border border-gray-300 text-right font-semibold">
|
||||
<td class="p-2 border border-gray-300 text-left font-semibold">
|
||||
Rp {{ number_format($template->harga, 0, ',', '.') }}
|
||||
</td>
|
||||
<td class="p-2 border border-gray-300 text-center">
|
||||
@ -90,7 +96,8 @@
|
||||
</tr>
|
||||
@empty
|
||||
<tr>
|
||||
<td colspan="7" class="p-2 text-center text-gray-500 border border-gray-300">Belum ada template</td>
|
||||
<td colspan="7" class="p-2 text-center text-gray-500 border border-gray-300">Belum ada
|
||||
template</td>
|
||||
</tr>
|
||||
@endforelse
|
||||
</tbody>
|
||||
@ -125,13 +132,17 @@
|
||||
<label class="block text-sm font-medium">Fitur</label>
|
||||
<select name="fitur_id" class="w-full p-2 border rounded" required>
|
||||
@foreach ($fiturs as $fitur)
|
||||
<option value="{{ $fitur->id }}">{{ $fitur->deskripsi }}</option>
|
||||
<option value="{{ $fitur->id }}">
|
||||
{{ \Illuminate\Support\Str::limit($fitur->deskripsi, 50) }}
|
||||
</option>
|
||||
@endforeach
|
||||
</select>
|
||||
|
||||
</div>
|
||||
<div>
|
||||
<label class="block text-sm font-medium">Harga</label>
|
||||
<input type="number" name="harga" class="w-full p-2 border rounded" required min="0" step="1000">
|
||||
<input type="number" name="harga" class="w-full p-2 border rounded" required
|
||||
min="0" step="1000">
|
||||
</div>
|
||||
<div>
|
||||
<label class="block text-sm font-medium">Foto (opsional)</label>
|
||||
@ -140,7 +151,8 @@
|
||||
</div>
|
||||
</div>
|
||||
<div class="p-4 border-t flex justify-end space-x-2">
|
||||
<button type="button" id="closeTambahBtn" class="bg-gray-300 text-black px-3 py-1 rounded">Batal</button>
|
||||
<button type="button" id="closeTambahBtn"
|
||||
class="bg-gray-300 text-black px-3 py-1 rounded">Batal</button>
|
||||
<button class="bg-blue-600 text-white px-3 py-1 rounded">Simpan</button>
|
||||
</div>
|
||||
</form>
|
||||
@ -153,7 +165,8 @@
|
||||
<div id="modalEdit{{ $template->id }}" class="fixed inset-0 hidden items-center justify-center z-50">
|
||||
<div class="absolute inset-0 bg-black opacity-50 closeEditOverlay" data-id="{{ $template->id }}"></div>
|
||||
<div class="bg-white rounded-lg shadow-lg w-full max-w-md z-50 overflow-hidden">
|
||||
<form action="{{ route('templates.update', $template->id) }}" method="POST" enctype="multipart/form-data">
|
||||
<form action="{{ route('templates.update', $template->id) }}" method="POST"
|
||||
enctype="multipart/form-data">
|
||||
@csrf @method('PUT')
|
||||
<div class="p-4 border-b">
|
||||
<h5 class="text-lg font-medium">Edit Template</h5>
|
||||
@ -168,7 +181,8 @@
|
||||
<label class="block text-sm font-medium">Kategori</label>
|
||||
<select name="kategori_id" class="w-full p-2 border rounded" required>
|
||||
@foreach ($kategoris as $kategori)
|
||||
<option value="{{ $kategori->id }}" @selected($kategori->id == $template->kategori_id)>{{ $kategori->nama }}</option>
|
||||
<option value="{{ $kategori->id }}" @selected($kategori->id == $template->kategori_id)>
|
||||
{{ $kategori->nama }}</option>
|
||||
@endforeach
|
||||
</select>
|
||||
</div>
|
||||
@ -176,7 +190,8 @@
|
||||
<label class="block text-sm font-medium">Fitur</label>
|
||||
<select name="fitur_id" class="w-full p-2 border rounded" required>
|
||||
@foreach ($fiturs as $fitur)
|
||||
<option value="{{ $fitur->id }}" @selected($fitur->id == $template->fitur_id)>{{ $fitur->deskripsi }}</option>
|
||||
<option value="{{ $fitur->id }}" @selected($fitur->id == $template->fitur_id)>
|
||||
{{ $fitur->deskripsi }}</option>
|
||||
@endforeach
|
||||
</select>
|
||||
</div>
|
||||
@ -190,7 +205,8 @@
|
||||
@if ($template->foto)
|
||||
<div class="mb-2">
|
||||
<small class="text-gray-500">Foto saat ini:</small>
|
||||
<div class="w-20 h-20 mt-1 overflow-hidden rounded bg-gray-100 flex items-center justify-center border">
|
||||
<div
|
||||
class="w-20 h-20 mt-1 overflow-hidden rounded bg-gray-100 flex items-center justify-center border">
|
||||
<img src="{{ asset('storage/' . $template->foto) }}" alt="foto"
|
||||
class="max-w-full max-h-full object-contain">
|
||||
</div>
|
||||
|
||||
Loading…
Reference in New Issue
Block a user