amar
/
eSPJ
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

update: css pada modal success dan error admin

main
marszayn 2025-08-06 11:04:38 +07:00
parent c8b8e4e18f
commit 12f888fdd8
1 changed files with 4 additions and 34 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

38
Views/Admin/Transport/SpjAdmin/Scan/Index.cshtml
View File

@ -608,17 +608,7 @@
</div> </div>
<div class="space-y-4"> <div class="space-y-4">
<div class="bg-white rounded-xl p-4 shadow-sm border border-green-100"> <div class="grid grid-cols-1 gap-3">
<div class="flex items-center justify-center">
<div class="flex items-center space-x-3">
<div class="w-3 h-3 bg-green-500 rounded-full animate-pulse"></div>
<span class="text-gray-700 font-semibold text-lg">Status Aktif</span>
<div class="w-3 h-3 bg-green-500 rounded-full animate-pulse"></div>
</div>
</div>
</div>
<div class="grid grid-cols-2 gap-3">
<div class="bg-white rounded-xl p-4 text-center shadow-sm border border-green-100"> <div class="bg-white rounded-xl p-4 text-center shadow-sm border border-green-100">
<div class="text-green-600 font-medium mb-2 text-sm">⏰ Waktu Scan</div> <div class="text-green-600 font-medium mb-2 text-sm">⏰ Waktu Scan</div>
<div class="text-gray-800 font-bold text-lg">${waktu}</div> <div class="text-gray-800 font-bold text-lg">${waktu}</div>
@ -634,7 +624,7 @@
`; `;
$('#modal-icon').html(successIcon); $('#modal-icon').html(successIcon);
$('#modal-title').html('<span class="text-2xl font-bold bg-gradient-to-r from-green-600 to-emerald-600 bg-clip-text text-transparent">🎉 Scan Berhasil!</span>'); $('#modal-title').html('<span class="text-2xl font-bold bg-gradient-to-r from-green-600 to-emerald-600 bg-clip-text text-transparent">Scan Berhasil!</span>');
$('#modal-message').html(successContent); $('#modal-message').html(successContent);
$('#modal-close').hide(); // Sembunyikan tombol $('#modal-close').hide(); // Sembunyikan tombol
@ -670,32 +660,12 @@
<div class="space-y-4"> <div class="space-y-4">
<div class="bg-white rounded-xl p-4 shadow-sm border border-red-100"> <div class="bg-white rounded-xl p-4 shadow-sm border border-red-100">
<div class="text-center"> <div class="text-center">
<div class="flex items-center justify-center mb-2"> <div class="flex flex-col gap-2 items-center justify-center mb-2">
<svg class="w-6 h-6 text-red-500 mr-2" fill="none" stroke="currentColor" viewBox="0 0 24 24"> <svg class="w-6 h-6 text-red-500 mr-2" fill="none" stroke="currentColor" viewBox="0 0 24 24">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12 9v2m0 4h.01m-6.938 4h13.856c1.54 0 2.502-1.667 1.732-2.5L13.732 4c-.77-.833-1.964-.833-2.732 0L3.732 16.5c-.77.833.192 2.5 1.732 2.5z"></path> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12 9v2m0 4h.01m-6.938 4h13.856c1.54 0 2.502-1.667 1.732-2.5L13.732 4c-.77-.833-1.964-.833-2.732 0L3.732 16.5c-.77.833.192 2.5 1.732 2.5z"></path>
</svg> </svg>
<span class="text-red-700 font-bold text-lg">SPJ Tidak Ditemukan</span> <span class="text-red-700 font-bold text-lg">SPJ Tidak Ditemukan</span>
</div> </div>
<div class="text-red-600 text-sm opacity-90 leading-relaxed">
Kode yang Anda masukkan tidak terdaftar dalam sistem.<br>
Silakan periksa kembali atau hubungi administrator.
</div>
</div>
</div>
<div class="bg-yellow-50 rounded-xl p-4 border border-yellow-200">
<div class="flex items-start">
<svg class="w-5 h-5 text-yellow-600 mr-2 mt-0.5 flex-shrink-0" fill="none" stroke="currentColor" viewBox="0 0 24 24">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M13 16h-1v-4h-1m1-4h.01M21 12a9 9 0 11-18 0 9 9 0 0118 0z"></path>
</svg>
<div class="text-yellow-800 text-sm">
<div class="font-semibold mb-1">💡 Tips:</div>
<div class="text-xs leading-relaxed">
• Pastikan QR Code dalam kondisi baik<br>
• Coba scan ulang dengan pencahayaan yang cukup<br>
• Gunakan input manual jika diperlukan
</div>
</div>
</div> </div>
</div> </div>
</div> </div>
@ -703,7 +673,7 @@
`; `;
$('#modal-icon').html(errorIcon); $('#modal-icon').html(errorIcon);
$('#modal-title').html('<span class="text-xl font-bold bg-gradient-to-r from-red-600 to-rose-600 bg-clip-text text-transparent">❌ Scan Gagal</span>'); $('#modal-title').html('<span class="text-xl font-bold bg-gradient-to-r from-red-600 to-rose-600 bg-clip-text text-transparent">Scan Gagal</span>');
$('#modal-message').html(errorContent); $('#modal-message').html(errorContent);
$('#modal-close').hide(); // Sembunyikan tombol $('#modal-close').hide(); // Sembunyikan tombol