Sweet alert for delete confirm in Codeigniter
<?php
defined('BASEPATH') OR exit('No direct script access allowed');
?>
<!DOCTYPE html>
<html>
<!-- Head Start -->
<head>
<?php $this->load->view("_inc/head.php") ?>
<link href="assets/plugins/bootstrap-sweetalert/sweet-alert.css" rel="stylesheet" type="text/css" />
<!--datatable css-->
<link href="assets/plugins/datatables/jquery.dataTables.min.css" rel="stylesheet" type="text/css" />
<link href="assets/plugins/datatables/buttons.bootstrap.min.css" rel="stylesheet" type="text/css" />
<link href="assets/plugins/datatables/fixedHeader.bootstrap.min.css" rel="stylesheet" type="text/css" />
<link href="assets/plugins/datatables/responsive.bootstrap.min.css" rel="stylesheet" type="text/css" />
<link href="assets/plugins/datatables/scroller.bootstrap.min.css" rel="stylesheet" type="text/css" />
<link href="assets/plugins/datatables/dataTables.colVis.css" rel="stylesheet" type="text/css" />
<link href="assets/plugins/datatables/dataTables.bootstrap.min.css" rel="stylesheet" type="text/css" />
<link href="assets/plugins/datatables/fixedColumns.dataTables.min.css" rel="stylesheet" type="text/css" />
</head>
<!-- Head End -->
<body class="fixed-left">
<!-- Begin page -->
<div id="wrapper">
<!-- Top Bar Start -->
<?php $this->load->view("_inc/topbar.php") ?>
<!-- Top Bar End -->
<!-- ========== Left Sidebar Start ========== -->
<?php $this->load->view("_inc/leftsidebar.php") ?>
<!-- Left Sidebar End -->
<!-- ============================================================== -->
<!-- Start right Content here -->
<!-- ============================================================== -->
<div class="content-page">
<!-- Start content -->
<div class="content">
<div class="container">
<?php if ($this->session->flashdata('success')): ?>
<div class="alert alert-success" role="alert">
<?php echo $this->session->flashdata('success'); ?>
</div>
<?php endif; ?>
<!-- Page-Title -->
<div class="row">
<div class="col-sm-12">
<div class="btn-group pull-right m-t-15">
<a href="<?php echo site_url('buku_tamu/add') ?>" class="btn btn-default dropdown-toggle waves-effect waves-light">Tambah</a>
</div>
<h4 class="page-title">Buku Tamu</h4>
<p class="text-muted page-title-alt">Transaksi / Buku Tamu</p>
</div>
</div>
<div class="row">
<div class="col-sm-12">
<div class="card-box table-responsive">
<h4 class="m-t-0 header-title"><b>Daftar Buku Tamu</b></h4>
<br>
<table id="datatable" class="table table-striped table-bordered">
<thead>
<tr>
<th>Tanggal</th>
<th>Nama Lengkap</th>
<th>Alamat</th>
<th>Keperluan</th>
<th>Bertemu</th>
<th>Keterangan</th>
<th></th>
</tr>
</thead>
<tbody>
<?php foreach ($bk_tamu as $x): ?>
<tr id="<?php echo $x->buku_tamu_id; ?>">
<td><?php echo $x->tanggal ?></td>
<td><?php echo $x->nama_lengkap ?></td>
<td><?php echo $x->alamat ?></td>
<td><?php echo $x->tujuan_kedatangan ?></td>
<td><?php echo $x->bertemu ?></td>
<td><?php echo $x->keterangan ?></td>
<td>
<a href="<?php echo site_url('buku_tamu/edit/'.$x->buku_tamu_id) ?>" class="btn btn-default waves-effect waves-light btn-sm"><i class="fa fa-edit"></i></a> -
<button class="btn btn-danger waves-effect waves-light btn-sm hapus" ><i class="fa fa-trash"></i></button>
</td>
</tr>
<?php endforeach ?>
</tbody>
</table>
</div>
</div>
</div>
</div> <!-- container -->
</div> <!-- content -->
<!-- Right Sidebar -->
<?php $this->load->view("_inc/footer.php") ?>
<!-- /Right-bar -->
</div>
<!-- ============================================================== -->
<!-- End Right content here -->
<!-- ============================================================== -->
<!-- Right Sidebar -->
<?php $this->load->view("_inc/rightsidebar.php") ?>
<!-- /Right-bar -->
</div>
<!-- END wrapper -->
<script>
var resizefunc = [];
</script>
<!-- jQuery -->
<?php $this->load->view("_inc/jquery.php") ?>
<!-- Sweet-Alert -->
<script src="<?php echo base_url('assets/plugins/bootstrap-sweetalert/sweet-alert.min.js') ?>"></script>
<!-- Jquery Datatables -->
<script src="<?php echo base_url('assets/plugins/datatables/jquery.dataTables.min.js') ?>"></script>
<script src="<?php echo base_url('assets/plugins/datatables/dataTables.bootstrap.js') ?>"></script>
<script src="<?php echo base_url('assets/plugins/datatables/dataTables.buttons.min.js') ?>"></script>
<script src="<?php echo base_url('assets/plugins/datatables/buttons.bootstrap.min.js') ?>"></script>
<script src="<?php echo base_url('assets/plugins/datatables/jszip.min.js') ?>"></script>
<script src="<?php echo base_url('assets/plugins/datatables/pdfmake.min.js') ?>"></script>
<script src="<?php echo base_url('assets/plugins/datatables/vfs_fonts.js') ?>"></script>
<script src="<?php echo base_url('assets/plugins/datatables/buttons.html5.min.js') ?>"></script>
<script src="<?php echo base_url('assets/plugins/datatables/buttons.print.min.js') ?>"></script>
<script src="<?php echo base_url('assets/plugins/datatables/dataTables.fixedHeader.min.js') ?>"></script>
<script src="<?php echo base_url('assets/plugins/datatables/dataTables.keyTable.min.js') ?>"></script>
<script src="<?php echo base_url('assets/plugins/datatables/dataTables.responsive.min.js') ?>"></script>
<script src="<?php echo base_url('assets/plugins/datatables/responsive.bootstrap.min.js') ?>"></script>
<script src="<?php echo base_url('assets/plugins/datatables/dataTables.scroller.min.js') ?>"></script>
<script src="<?php echo base_url('assets/plugins/datatables/dataTables.colVis.js') ?>"></script>
<script src="<?php echo base_url('assets/plugins/datatables/dataTables.fixedColumns.min.js') ?>"></script>
<script type="text/javascript">
$(document).ready(function () {
$('#datatable').dataTable();
$('.hapus').click(function () {
var id = $(this).parents("tr").attr("id");
swal({
title: "Apakah Anda yakin?",
text: "Data yang dihapus tidak dapat dikembalikan",
type: "warning",
showCancelButton: true,
cancelButtonClass: 'btn-white btn-md waves-effect',
confirmButtonClass: 'btn-danger btn-md waves-effect waves-light',
confirmButtonText: 'Hapus'
},
function(isConfirm) {
if (isConfirm) {
$.ajax({
url: '<?php echo site_url('buku_tamu/delete/') ?>'+id,
type: 'DELETE',
error: function() {
alert('Something is wrong');
},
success: function(data) {
$("#"+id).remove();
swal("Terhapus!", "Data berhasil dihapus.", "success");
}
});
} else {
swal("Cancelled", "Your imaginary file is safe :)", "error");
}
});
});
});
</script>
</body>
</html>
INFO