Nov 19th,2025 - 2nd Version
This commit is contained in:
Flatlogic Bot
parent
c13312a14c
commit
bc846e76cd
219
dashboard.php
219
dashboard.php
@ -29,29 +29,18 @@ foreach ($task_stats as $stat) {
|
||||
}
|
||||
}
|
||||
|
||||
$candidate_status_labels = json_encode(array_column($candidate_stats, 'status'));
|
||||
$candidate_status_data = json_encode(array_column($candidate_stats, 'count'));
|
||||
|
||||
$task_status_labels = json_encode(array_column($task_stats, 'status'));
|
||||
$task_status_data = json_encode(array_column($task_stats, 'count'));
|
||||
|
||||
// Candidates per day
|
||||
$stmt = $pdo->query("SELECT DATE(created_at) as date, COUNT(*) as count FROM candidates GROUP BY DATE(created_at) ORDER BY DATE(created_at) ASC");
|
||||
$stmt = $pdo->query("SELECT DATE(created_at) as date, COUNT(*) as count FROM candidates GROUP BY DATE(created_at) ORDER BY DATE(created_at) DESC LIMIT 7");
|
||||
$candidates_per_day = $stmt->fetchAll(PDO::FETCH_ASSOC);
|
||||
$candidates_per_day_labels = json_encode(array_column($candidates_per_day, 'date'));
|
||||
$candidates_per_day_data = json_encode(array_column($candidates_per_day, 'count'));
|
||||
|
||||
// Tasks per day
|
||||
$stmt = $pdo->query("SELECT DATE(created_at) as date, COUNT(*) as count FROM tasks GROUP BY DATE(created_at) ORDER BY DATE(created_at) ASC");
|
||||
$tasks_per_day = $stmt->fetchAll(PDO::FETCH_ASSOC);
|
||||
$tasks_per_day_labels = json_encode(array_column($tasks_per_day, 'date'));
|
||||
$tasks_per_day_data = json_encode(array_column($tasks_per_day, 'count'));
|
||||
// Tasks created per day
|
||||
$stmt = $pdo->query("SELECT DATE(created_at) as date, COUNT(*) as count FROM tasks GROUP BY DATE(created_at) ORDER BY DATE(created_at) DESC LIMIT 7");
|
||||
$tasks_created_per_day = $stmt->fetchAll(PDO::FETCH_ASSOC);
|
||||
|
||||
// Tasks completed per day
|
||||
$stmt = $pdo->query("SELECT DATE(updated_at) as date, COUNT(*) as count FROM tasks WHERE status = 'Done' GROUP BY DATE(updated_at) ORDER BY DATE(updated_at) ASC");
|
||||
$stmt = $pdo->query("SELECT DATE(updated_at) as date, COUNT(*) as count FROM tasks WHERE status = 'Done' GROUP BY DATE(updated_at) ORDER BY DATE(updated_at) DESC LIMIT 7");
|
||||
$tasks_completed_per_day = $stmt->fetchAll(PDO::FETCH_ASSOC);
|
||||
$tasks_completed_per_day_labels = json_encode(array_column($tasks_completed_per_day, 'date'));
|
||||
$tasks_completed_per_day_data = json_encode(array_column($tasks_completed_per_day, 'count'));
|
||||
|
||||
|
||||
// Fetch candidates for table
|
||||
$page = isset($_GET['page']) ? (int)$_GET['page'] : 1;
|
||||
@ -84,7 +73,6 @@ $total_task_pages = ceil($total_tasks_records / $limit);
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<title>Analytics Dashboard</title>
|
||||
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/css/bootstrap.min.css" rel="stylesheet">
|
||||
<script src="https://cdn.jsdelivr.net/npm/chart.js"></script>
|
||||
<link rel="stylesheet" href="assets/css/custom.css?v=<?php echo time(); ?>">
|
||||
</head>
|
||||
<body>
|
||||
@ -162,56 +150,67 @@ $total_task_pages = ceil($total_tasks_records / $limit);
|
||||
<?php } ?>
|
||||
</div>
|
||||
|
||||
<!-- Charts -->
|
||||
<!-- Summaries -->
|
||||
<div class="row">
|
||||
<?php if (hasPermission('view_candidates')) { ?>
|
||||
<div class="col-md-4 mb-4">
|
||||
<div class="card shadow-sm h-100">
|
||||
<div class="col-md-6 mb-4">
|
||||
<div class="card shadow-sm">
|
||||
<div class="card-body">
|
||||
<h5 class="card-title">Candidates by Status</h5>
|
||||
<canvas id="candidates-by-status-chart"></canvas>
|
||||
<p class="card-text">
|
||||
<?php foreach ($candidate_stats as $stat): ?>
|
||||
<span class="badge bg-light text-dark me-2"><?php echo htmlspecialchars($stat['status']); ?>: <?php echo $stat['count']; ?></span>
|
||||
<?php endforeach; ?>
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<?php } ?>
|
||||
<?php if (hasPermission('view_tasks')) { ?>
|
||||
<div class="col-md-4 mb-4">
|
||||
<div class="card shadow-sm h-100">
|
||||
<div class="col-md-6 mb-4">
|
||||
<div class="card shadow-sm">
|
||||
<div class="card-body">
|
||||
<h5 class="card-title">Tasks by Status</h5>
|
||||
<canvas id="tasks-by-status-chart"></canvas>
|
||||
<p class="card-text">
|
||||
<?php foreach ($task_stats as $stat): ?>
|
||||
<span class="badge bg-light text-dark me-2"><?php echo htmlspecialchars($stat['status']); ?>: <?php echo $stat['count']; ?></span>
|
||||
<?php endforeach; ?>
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<?php } ?>
|
||||
<?php if (hasPermission('view_candidates')) { ?>
|
||||
<div class="col-md-4 mb-4">
|
||||
<div class="card shadow-sm h-100">
|
||||
<div class="card-body">
|
||||
<h5 class="card-title">Candidates per Day</h5>
|
||||
<canvas id="candidates-per-day-chart"></canvas>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<?php } ?>
|
||||
</div>
|
||||
<div class="row">
|
||||
<?php if (hasPermission('view_tasks')) { ?>
|
||||
<div class="col-md-6 mb-4">
|
||||
<div class="card shadow-sm h-100">
|
||||
<div class="card shadow-sm">
|
||||
<div class="card-body">
|
||||
<h5 class="card-title">Tasks Created per Day</h5>
|
||||
<canvas id="tasks-per-day-chart"></canvas>
|
||||
<h5 class="card-title">Recent Candidate Activity</h5>
|
||||
<p class="card-text">
|
||||
<?php foreach ($candidates_per_day as $day): ?>
|
||||
<span class="badge bg-light text-dark me-2"><?php echo date("M j", strtotime($day['date'])); ?>: <?php echo $day['count']; ?></span>
|
||||
<?php endforeach; ?>
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<?php } ?>
|
||||
<?php if (hasPermission('view_tasks')) { ?>
|
||||
<div class="col-md-6 mb-4">
|
||||
<div class="card shadow-sm h-100">
|
||||
<div class="card shadow-sm">
|
||||
<div class="card-body">
|
||||
<h5 class="card-title">Tasks Completed per Day</h5>
|
||||
<canvas id="tasks-completed-per-day-chart"></canvas>
|
||||
<h5 class="card-title">Recent Task Activity</h5>
|
||||
<p class="card-text">
|
||||
<strong>Created:</strong>
|
||||
<?php foreach ($tasks_created_per_day as $day): ?>
|
||||
<span class="badge bg-light text-dark me-2"><?php echo date("M j", strtotime($day['date'])); ?>: <?php echo $day['count']; ?></span>
|
||||
<?php endforeach; ?>
|
||||
</p>
|
||||
<p class="card-text">
|
||||
<strong>Completed:</strong>
|
||||
<?php foreach ($tasks_completed_per_day as $day): ?>
|
||||
<span class="badge bg-light text-dark me-2"><?php echo date("M j", strtotime($day['date'])); ?>: <?php echo $day['count']; ?></span>
|
||||
<?php endforeach; ?>
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
@ -322,139 +321,5 @@ $total_task_pages = ceil($total_tasks_records / $limit);
|
||||
</main>
|
||||
|
||||
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/js/bootstrap.bundle.min.js"></script>
|
||||
<script>
|
||||
document.addEventListener('DOMContentLoaded', function () {
|
||||
// Candidates by Status Chart
|
||||
const candidateCtx = document.getElementById('candidates-by-status-chart').getContext('2d');
|
||||
new Chart(candidateCtx, {
|
||||
type: 'doughnut',
|
||||
data: {
|
||||
labels: <?php echo $candidate_status_labels; ?>,
|
||||
datasets: [{
|
||||
label: 'Candidates',
|
||||
data: <?php echo $candidate_status_data; ?>,
|
||||
backgroundColor: [
|
||||
'rgba(255, 99, 132, 0.7)',
|
||||
'rgba(54, 162, 235, 0.7)',
|
||||
'rgba(255, 206, 86, 0.7)',
|
||||
'rgba(75, 192, 192, 0.7)',
|
||||
'rgba(153, 102, 255, 0.7)',
|
||||
'rgba(255, 159, 64, 0.7)'
|
||||
],
|
||||
}]
|
||||
},
|
||||
options: {
|
||||
responsive: true,
|
||||
maintainAspectRatio: false
|
||||
}
|
||||
});
|
||||
|
||||
// Tasks by Status Chart
|
||||
const taskCtx = document.getElementById('tasks-by-status-chart').getContext('2d');
|
||||
new Chart(taskCtx, {
|
||||
type: 'bar',
|
||||
data: {
|
||||
labels: <?php echo $task_status_labels; ?>,
|
||||
datasets: [{
|
||||
label: 'Tasks',
|
||||
data: <?php echo $task_status_data; ?>,
|
||||
backgroundColor: [
|
||||
'rgba(255, 99, 132, 0.7)',
|
||||
'rgba(54, 162, 235, 0.7)',
|
||||
'rgba(255, 206, 86, 0.7)',
|
||||
'rgba(75, 192, 192, 0.7)',
|
||||
],
|
||||
}]
|
||||
},
|
||||
options: {
|
||||
responsive: true,
|
||||
maintainAspectRatio: false,
|
||||
scales: {
|
||||
y: {
|
||||
beginAtZero: true
|
||||
}
|
||||
}
|
||||
}
|
||||
});
|
||||
|
||||
// Candidates per Day Chart
|
||||
const candidatesPerDayCtx = document.getElementById('candidates-per-day-chart').getContext('2d');
|
||||
new Chart(candidatesPerDayCtx, {
|
||||
type: 'line',
|
||||
data: {
|
||||
labels: <?php echo $candidates_per_day_labels; ?>,
|
||||
datasets: [{
|
||||
label: 'Candidates',
|
||||
data: <?php echo $candidates_per_day_data; ?>,
|
||||
backgroundColor: 'rgba(59, 130, 246, 0.2)',
|
||||
borderColor: 'rgba(59, 130, 246, 1)',
|
||||
borderWidth: 2,
|
||||
tension: 0.4
|
||||
}]
|
||||
},
|
||||
options: {
|
||||
responsive: true,
|
||||
maintainAspectRatio: false,
|
||||
scales: {
|
||||
y: {
|
||||
beginAtZero: true
|
||||
}
|
||||
}
|
||||
}
|
||||
});
|
||||
|
||||
// Tasks per Day Chart
|
||||
const tasksPerDayCtx = document.getElementById('tasks-per-day-chart').getContext('2d');
|
||||
new Chart(tasksPerDayCtx, {
|
||||
type: 'line',
|
||||
data: {
|
||||
labels: <?php echo $tasks_per_day_labels; ?>,
|
||||
datasets: [{
|
||||
label: 'Tasks',
|
||||
data: <?php echo $tasks_per_day_data; ?>,
|
||||
backgroundColor: 'rgba(239, 68, 68, 0.2)',
|
||||
borderColor: 'rgba(239, 68, 68, 1)',
|
||||
borderWidth: 2,
|
||||
tension: 0.4
|
||||
}]
|
||||
},
|
||||
options: {
|
||||
responsive: true,
|
||||
maintainAspectRatio: false,
|
||||
scales: {
|
||||
y: {
|
||||
beginAtZero: true
|
||||
}
|
||||
}
|
||||
}
|
||||
});
|
||||
|
||||
// Tasks Completed per Day Chart
|
||||
const tasksCompletedPerDayCtx = document.getElementById('tasks-completed-per-day-chart').getContext('2d');
|
||||
new Chart(tasksCompletedPerDayCtx, {
|
||||
type: 'line',
|
||||
data: {
|
||||
labels: <?php echo $tasks_completed_per_day_labels; ?>,
|
||||
datasets: [{
|
||||
label: 'Tasks Completed',
|
||||
data: <?php echo $tasks_completed_per_day_data; ?>,
|
||||
backgroundColor: 'rgba(16, 185, 129, 0.2)',
|
||||
borderColor: 'rgba(16, 185, 129, 1)',
|
||||
borderWidth: 2,
|
||||
tension: 0.4
|
||||
}]
|
||||
},
|
||||
options: {
|
||||
responsive: true,
|
||||
maintainAspectRatio: false,
|
||||
scales: {
|
||||
y: {
|
||||
beginAtZero: true
|
||||
}
|
||||
}
|
||||
}
|
||||
});
|
||||
});
|
||||
</script>
|
||||
</body>
|
||||
</html>
|
||||
Loading…
x
Reference in New Issue
Block a user