99 lines
4.6 KiB
PHP
99 lines
4.6 KiB
PHP
|
<?php
|
||
|
|
// This file contains the HTML template for the dashboard
|
||
|
|
// It receives $tickets, $totalTickets, $totalPages, $page, and $status variables from the controller
|
||
|
|
?>
|
||
|
|
<!DOCTYPE html>
|
||
|
|
<html lang="en">
|
||
|
|
<head>
|
||
|
|
<meta charset="UTF-8">
|
||
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||
|
|
<title>Ticket Dashboard</title>
|
||
|
|
<link rel="icon" type="image/png" href="<?php echo $GLOBALS['config']['ASSETS_URL']; ?>/images/favicon.png">
|
||
|
|
<link rel="stylesheet" href="<?php echo $GLOBALS['config']['ASSETS_URL']; ?>/css/dashboard.css">
|
||
|
|
<script src="<?php echo $GLOBALS['config']['ASSETS_URL']; ?>/js/dashboard.js"></script>
|
||
|
|
</head>
|
||
|
|
<body>
|
||
|
|
<div class="dashboard-header">
|
||
|
|
<h1>Tinker Tickets</h1>
|
||
|
|
<button onclick="window.location.href='<?php echo $GLOBALS['config']['BASE_URL']; ?>/ticket/create'" class="btn create-ticket">New Ticket</button>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
<div class="table-controls">
|
||
|
|
<div class="ticket-count">
|
||
|
|
Total Tickets: <?php echo $totalTickets; ?>
|
||
|
|
</div>
|
||
|
|
<div class="table-actions">
|
||
|
|
<div class="pagination">
|
||
|
|
<?php
|
||
|
|
// Previous page button
|
||
|
|
if ($page > 1) {
|
||
|
|
echo "<button onclick='window.location.href=\"?page=" . ($page - 1) . "&status=$status\"'>«</button>";
|
||
|
|
}
|
||
|
|
|
||
|
|
// Page number buttons
|
||
|
|
for ($i = 1; $i <= $totalPages; $i++) {
|
||
|
|
$activeClass = ($i === $page) ? 'active' : '';
|
||
|
|
echo "<button class='$activeClass' onclick='window.location.href=\"?page=$i&status=$status\"'>$i</button>";
|
||
|
|
}
|
||
|
|
|
||
|
|
// Next page button
|
||
|
|
if ($page < $totalPages) {
|
||
|
|
echo "<button onclick='window.location.href=\"?page=" . ($page + 1) . "&status=$status\"'>»</button>";
|
||
|
|
}
|
||
|
|
?>
|
||
|
|
</div>
|
||
|
|
<div class="settings-icon">
|
||
|
|
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
|
||
|
|
<circle cx="12" cy="12" r="3"></circle>
|
||
|
|
<path d="M19.4 15a1.65 1.65 0 0 0 .33 1.82l.06.06a2 2 0 0 1 0 2.83 2 2 0 0 1-2.83 0l-.06-.06a1.65 1.65 0 0 0-1.82-.33 1.65 1.65 0 0 0-1 1.51V21a2 2 0 0 1-2 2 2 2 0 0 1-2-2v-.09A1.65 1.65 0 0 0 9 19.4a1.65 1.65 0 0 0-1.82.33l-.06.06a2 2 0 0 1-2.83 0 2 2 0 0 1 0-2.83l.06-.06a1.65 1.65 0 0 0 .33-1.82 1.65 1.65 0 0 0-1.51-1H3a2 2 0 0 1-2-2 2 2 0 0 1 2-2h.09A1.65 1.65 0 0 0 4.6 9a1.65 1.65 0 0 0-.33-1.82l-.06-.06a2 2 0 0 1 0-2.83 2 2 0 0 1 2.83 0l.06.06a1.65 1.65 0 0 0 1.82.33H9a1.65 1.65 0 0 0 1-1.51V3a2 2 0 0 1 2-2 2 2 0 0 1 2 2v.09a1.65 1.65 0 0 0 1 1.51 1.65 1.65 0 0 0 1.82-.33l.06-.06a2 2 0 0 1 2.83 0 2 2 0 0 1 0 2.83l-.06.06a1.65 1.65 0 0 0-.33 1.82V9a1.65 1.65 0 0 0 1.51 1H21a2 2 0 0 1 2 2 2 2 0 0 1-2 2h-.09a1.65 1.65 0 0 0-1.51 1z"></path>
|
||
|
|
</svg>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
<table>
|
||
|
|
<thead>
|
||
|
|
<tr>
|
||
|
|
<th>Ticket ID</th>
|
||
|
|
<th>Priority</th>
|
||
|
|
<th>Title</th>
|
||
|
|
<th>Category</th>
|
||
|
|
<th>Type</th>
|
||
|
|
<th>Status</th>
|
||
|
|
<th>Created</th>
|
||
|
|
<th>Updated</th>
|
||
|
|
</tr>
|
||
|
|
</thead>
|
||
|
|
<tbody>
|
||
|
|
<?php
|
||
|
|
if (count($tickets) > 0) {
|
||
|
|
foreach($tickets as $row) {
|
||
|
|
echo "<tr class='priority-{$row['priority']}'>";
|
||
|
|
echo "<td><a href='" . $GLOBALS['config']['BASE_URL'] . "/ticket/{$row['ticket_id']}' class='ticket-link'>{$row['ticket_id']}</a></td>";
|
||
|
|
echo "<td><span>{$row['priority']}</span></td>";
|
||
|
|
echo "<td>" . htmlspecialchars($row['title']) . "</td>";
|
||
|
|
echo "<td>{$row['category']}</td>";
|
||
|
|
echo "<td>{$row['type']}</td>";
|
||
|
|
echo "<td class='status-{$row['status']}'>{$row['status']}</td>";
|
||
|
|
echo "<td>" . date('Y-m-d H:i', strtotime($row['created_at'])) . "</td>";
|
||
|
|
echo "<td>" . date('Y-m-d H:i', strtotime($row['updated_at'])) . "</td>";
|
||
|
|
echo "</tr>";
|
||
|
|
}
|
||
|
|
} else {
|
||
|
|
echo "<tr><td colspan='8'>No tickets found</td></tr>";
|
||
|
|
}
|
||
|
|
?>
|
||
|
|
</tbody>
|
||
|
|
</table>
|
||
|
|
|
||
|
|
<!--<script>
|
||
|
|
document.addEventListener('DOMContentLoaded', function() {
|
||
|
|
// Initialize the dashboard
|
||
|
|
if (document.querySelector('table')) {
|
||
|
|
initSearch();
|
||
|
|
initStatusFilter();
|
||
|
|
}
|
||
|
|
});
|
||
|
|
</script>-->
|
||
|
|
</body>
|
||
|
|
</html>
|