File: /var/www/w230/html/hnt/act.php
<?php include("connections/mysqli.php");
?>
<!doctype html>
<html lang="en">
<head>
<!-- DataTables -->
<link rel="stylesheet" href="plugins/datatables-bs4/css/dataTables.bootstrap4.min.css">
<link rel="stylesheet" href="plugins/datatables-responsive/css/responsive.bootstrap4.min.css">
<link rel="stylesheet" href="plugins/datatables-buttons/css/buttons.bootstrap4.min.css">
<!-- Bootstrap CSS -->
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.0.2/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-EVSTQN3/azprG1Anm3QDgpJLIm9Nao0Yz1ztcQTwFspd3yD65VohhpuuCOmLASjC" crossorigin="anonymous">
<!-- Font Awesome -->
<link rel="stylesheet" href="plugins/fontawesome-free/css/all.min.css">
<link rel="stylesheet" href="plugins/font-awesome/css/font-awesome.min.css">
<!-- Required meta tags -->
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<!-- Bootstrap CSS -->
<link rel="stylesheet" href="css/bootstrap.min.css">
<link rel="stylesheet" href="css/mystyle.css">
<title>โรงเรียนบ้านหัววัวหนองนารีตาตวด สพป.ศรีสะเกษ เขต 1</title>
<link href="https://fonts.googleapis.com/css2?family=Mitr:wght@300&display=swap" rel="stylesheet">
<style type="text/css">
body{
font-family: 'Mitr', sans-serif;
}
div.img-resize img {
width: 200px;
height: auto;
overflow: hidden;
text-align: center;
}
div.img-resize {
width: 200px;
height: auto;
overflow: hidden;
text-align: center;
}
</style>
</head>
<body>
<!--start menu top-->
<?php include 'inc/top.php';?>
<!--end menu -->
<!--start banner -->
<?php include 'inc/slide.php';?>
<!--end banner -->
<!--start main -->
<div class="container">
<div class="row">
<div class="col-12">
<div class="card">
<!--<div class="card-header card-primary card-outline">-->
<div class="card-header card-warning card-outline"><h5>กิจกรรมภายในโรงเรียน</h5>
</div>
<!-- /.card-header -->
<div class="card-body">
<table id="Tbinfo" class="table table-bordered table-hover">
<thead>
<tr>
<th>#ID</th>
<th>TimeStamp</th>
<th>หัวข้อกิจกรรม</th>
<th>กระบวนการ</th>
</tr>
</thead>
<tbody>
<?php
//คิวรี่ข้อมูลมาแสดงในตาราง
//$sql1="SELECT * FROM tb_info ORDER BY create_info DESC";
$sql1="SELECT * FROM tb_activity group by group_act";
$query1 = mysqli_query($Connection,$sql1);
$check_data = mysqli_num_rows($query1);
while ($row = mysqli_fetch_array($query1))
{
?>
<tr>
<td align="center"><?= $row['id_act'];?></td>
<td align="center"><?= $row['stamp'];?></td>
<td align><?= iconv_substr($row['details'],0,60,'UTF-8');?>...</td>
<td align=center>
<a href="view_act.php?id=<?=$row['id_act'];?> &group_act=<?=$row['group_act'];?>"class="btn btn-primary btn-sm" target="_blank"><i class="fa fa-eye" aria-hidden="true" brand-image img-circl></i></a>
</td>
</tr>
<?php }
?>
</tbody>
</table>
</div> </div> </div> </div>
<!--end main -->
<!--นำเข้าส่วนท้าย -->
<?php include 'inc/foot.php';?>
</body>
</html>
<!-- Optional JavaScript -->
<!-- jQuery first, then Popper.js, then Bootstrap JS -->
<script src="js/jquery-3.3.1.slim.min.js"></script>
<script src="js/popper.min.js"></script>
<script src="js/bootstrap.min.js"></script>
<!-- DataTables & Plugins -->
<script src="plugins/datatables/jquery.dataTables.min.js"></script>
<script src="plugins/datatables-bs4/js/dataTables.bootstrap4.min.js"></script>
<script src="plugins/datatables-responsive/js/dataTables.responsive.min.js"></script>
<script src="plugins/datatables-responsive/js/responsive.bootstrap4.min.js"></script>
<script src="plugins/datatables-buttons/js/dataTables.buttons.min.js"></script>
<script src="plugins/datatables-buttons/js/buttons.bootstrap4.min.js"></script>
<script src="plugins/jszip/jszip.min.js"></script>
<script src="plugins/pdfmake/pdfmake.min.js"></script>
<script src="plugins/pdfmake/vfs_fonts.js"></script>
<script src="plugins/datatables-buttons/js/buttons.html5.min.js"></script>
<script src="plugins/datatables-buttons/js/buttons.print.min.js"></script>
<script src="plugins/datatables-buttons/js/buttons.colVis.min.js"></script>
<!-- AdminLTE App -->
<script src="dist/js/adminlte.min.js"></script>
<!-- Page specific script -->
<script>
$(function () {
$('#Tbinfo').DataTable({
"paging": true,
"lengthChange": false,
"searching": false,
"ordering": true,
"info": true,
"autoWidth": false,
"responsive": true,
});
});
</script>