Files
eletter-backup/app/master/tujuan/tabel.php
2024-05-31 14:18:00 +07:00

75 lines
3.5 KiB
PHP

<?php
include('../../koneksi.php');
?>
<script type="text/javascript">$("#tabel_data_tujuan").DataTable({"stateSave": true,"paging": true,"lengthChange": true,"searching": true,"ordering": false,"info": true,"autoWidth": false});</script>
<table id="tabel_data_tujuan" class="table table-striped table-condensed table-bordered" cellpadding="1" >
<thead>
<tr>
<td>Tujuan</td>
<td align="center" width="80px;">Tools</td>
</tr>
</thead>
<tbody style="color:black">
<?php
$data = pg_query("SELECT * FROM tujuan ORDER BY id DESC");
while($row=pg_fetch_array($data)) {
?>
<tr>
<td class="kiri"><?php echo $row['tujuan']; ?></td>
<td class="kanan" align="center">
<button type="button" name="edit_tujuan" style="height:22px;" class="btn btn-teal btn-xs edit_tujuan" id="<?php echo $row['id'];?>" data-content="Edit Data" rel="popover" data-placement="top" data-trigger="hover">
<i class="fa fa fa-pencil"></i>
</button>
<!-- <button type="button" name="delete_tujuan" style="height:22px;"class="btn btn-danger btn-xs delete_tujuan" id="<?php echo $row['id'];?>" data-content="Hapus" rel="popover" data-placement="bottom" data-trigger="hover">
<i class="fa fa-remove"></i>
</button> -->
</td>
</tr>
<?php
}
?>
</tbody>
</table>
<script type="text/javascript">
$('button[name="edit_tujuan"]').popover();
$("#tabel_data_tujuan").on('click','.edit_tujuan',function(){
var id = $(this).attr('id');
$('#modal_tujuan').modal('show');
$('#modal_body_tujuan').html("");
$.ajax({
type: "POST",
url: "app/master/tujuan/modal.php",
data: 'id='+id,
success: function(data){
$('#modal_body_tujuan').html(data);
$('#nama').first().focus().selected();
}
});
});
$("#tabel_data_tujuan").on('click','.delete_tujuan',function(){
var x = confirm("Anda yakin ingin menghapus ?");
if (x) {
var key = "delete_tujuan";
var id = $(this).attr('id');
var rowElement = $(this).parent().parent();
$.ajax({
type: "POST",
url: "app/master/tujuan/crud.php",
data: 'id='+id
+'&key='+key,
success: function(data){
rowElement.fadeOut(500).remove();
}
});
} else {}
});
</script>