style: change alert delete, add icon cancel
parent
43e5a74d59
commit
410060c03a
|
|
@ -20,24 +20,6 @@
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<!-- Toast Notification Delete -->
|
|
||||||
<div id="deleteToast" class="fixed top-20 right-6 z-[9999] hidden">
|
|
||||||
<div class="alert bg-red-50 border border-red-200 shadow-lg flex items-start gap-3 pr-12 min-w-[320px]">
|
|
||||||
<div class="flex-shrink-0">
|
|
||||||
<div class="w-5 h-5 rounded-full bg-red-500 flex items-center justify-center">
|
|
||||||
<span class="icon icon-fill text-white text-xs">delete</span>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
<div class="flex-1">
|
|
||||||
<h3 class="font-semibold text-gray-900">Panduan berhasil dihapus!</h3>
|
|
||||||
<p class="text-sm text-gray-600">Data panduan telah berhasil dihapus.</p>
|
|
||||||
</div>
|
|
||||||
<button onclick="closeDeleteToast()" class="absolute top-3 right-3 text-gray-400 hover:text-gray-600">
|
|
||||||
<span class="icon text-lg">close</span>
|
|
||||||
</button>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div class="breadcrumbs text-sm mb-4">
|
<div class="breadcrumbs text-sm mb-4">
|
||||||
<ul>
|
<ul>
|
||||||
<li class="text-gray-500"><a>CMS</a></li>
|
<li class="text-gray-500"><a>CMS</a></li>
|
||||||
|
|
@ -222,11 +204,12 @@
|
||||||
|
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div class="modal-action mt-6">
|
<div class="modal-action flex justify-end gap-3">
|
||||||
<button type="button" class="btn rounded-full" onclick="modal_edit_panduan.close()">Tutup</button>
|
<button onclick="modal_edit_panduan.close()" type="button" class="btn btn-outline btn-sm rounded-full">
|
||||||
<button type="submit" class="btn bg-green-700 hover:bg-green-800 text-white rounded-full">
|
<span class="icon me-1">cancel</span> Tutup
|
||||||
<span class="icon">save</span>
|
</button>
|
||||||
Simpan
|
<button type="submit" class="btn btn-primary btn-sm rounded-full text-white">
|
||||||
|
<span class="icon me-1">save</span> Simpan
|
||||||
</button>
|
</button>
|
||||||
</div>
|
</div>
|
||||||
</form>
|
</form>
|
||||||
|
|
@ -323,7 +306,7 @@ $(document).ready(function () {
|
||||||
cancelButtonText: 'Batal'
|
cancelButtonText: 'Batal'
|
||||||
}).then((result) => {
|
}).then((result) => {
|
||||||
if (result.isConfirmed) {
|
if (result.isConfirmed) {
|
||||||
showDeleteToast();
|
showSuccessToast("Panduan berhasil dihapus!", "Data Panduan telah berhasil dihapus.");
|
||||||
table.ajax.reload();
|
table.ajax.reload();
|
||||||
}
|
}
|
||||||
});
|
});
|
||||||
|
|
|
||||||
Loading…
Reference in New Issue