Skip to content

Commit a9e5916

Browse files
jkilelojkilelo
authored
Add files via upload
1 parent ba1706b commit a9e5916

2 files changed

Lines changed: 540 additions & 14 deletions

File tree

‎frontend/index.html‎

Lines changed: 52 additions & 14 deletions
Original file line numberDiff line numberDiff line change
@@ -1,14 +1,52 @@
1-
<!DOCTYPE html>
2-
<html lang="en">
3-
<head>
4-
<meta charset="UTF-8" />
5-
<link rel="icon" type="image/svg+xml" href="/vite.svg" />
6-
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
7-
<title>Full Stack FastAPI Project</title>
8-
<link rel="icon" type="image/x-icon" href="/assets/images/favicon.png" />
9-
</head>
10-
<body>
11-
<div id="root"></div>
12-
<script type="module" src="./src/main.tsx"></script>
13-
</body>
14-
</html>
1+
<!DOCTYPE html>
2+
<html lang="en">
3+
<head>
4+
<meta charset="UTF-8">
5+
<meta name="viewport" content="width=device-width, initial-scale=1.0">
6+
<title>Employee Timesheet Dashboard</title>
7+
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/css/bootstrap.min.css" rel="stylesheet">
8+
<script src="https://cdn.jsdelivr.net/npm/chart.js"></script>
9+
<style>
10+
.chart-container {
11+
margin-bottom: 20px;
12+
}
13+
.table-responsive {
14+
overflow-x: auto;
15+
}
16+
</style>
17+
</head>
18+
<body>
19+
<div class="container">
20+
<h1 class="mt-4 mb-4">Employee Timesheet Dashboard</h1>
21+
22+
<div class="chart-container">
23+
<canvas id="totalEmployeesChart"></canvas>
24+
</div>
25+
26+
<div class="chart-container">
27+
<canvas id="ptsStatusByManagerChart"></canvas>
28+
<div id="ptsStatusByManagerTable" class="table-responsive" style="display: none;"></div>
29+
</div>
30+
31+
<div class="chart-container">
32+
<canvas id="ptsStatusOverviewChart"></canvas>
33+
<div id="ptsStatusOverviewTable" class="table-responsive" style="display: none;"></div>
34+
</div>
35+
36+
<div class="chart-container">
37+
<canvas id="ptsStatusTrendChart"></canvas>
38+
<div id="ptsStatusTrendTable" class="table-responsive" style="display: none;"></div>
39+
</div>
40+
41+
<div class="chart-container">
42+
<canvas id="resourceTypeBreakdownChart"></canvas>
43+
<div id="resourceTypeBreakdownTable" class="table-responsive" style="display: none;"></div>
44+
</div>
45+
46+
47+
</div>
48+
49+
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/js/bootstrap.bundle.min.js"></script>
50+
<script src="script.js"></script>
51+
</body>
52+
</html>

0 commit comments

Comments
 (0)