source: pt123/templates/users.html@ 5496375

main
Last change on this file since 5496375 was 5496375, checked in by Damjan <sepetovskidamjan@…>, 2 weeks ago

Initial commit
  • Property mode set to 100644
File size: 3.5 KB
RevLine 
[5496375]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>Users - School Management System</title>
7 <style>
8 body {
9 font-family: 'Arial', sans-serif;
10 margin: 0;
11 padding: 0;
12 background-color: #f8f9fa;
13 color: #333;
14 }
15
16 header {
17 background-color: #007bff;
18 color: white;
19 padding: 40px 20px;
20 text-align: center;
21 }
22
23 header h1 {
24 font-size: 2.5rem;
25 margin: 0;
26 }
27
28 .container {
29 width: 90%;
30 max-width: 1200px;
31 margin: 40px auto;
32 padding: 20px;
33 background-color: white;
34 border-radius: 10px;
35 box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
36 }
37
38 table {
39 width: 100%;
40 border-collapse: collapse;
41 margin: 20px 0;
42 }
43
44 th, td {
45 padding: 12px;
46 text-align: left;
47 border-bottom: 1px solid #ddd;
48 }
49
50 th {
51 background-color: #007bff;
52 color: white;
53 font-weight: bold;
54 }
55
56 tr:nth-child(even) {
57 background-color: #f9f9f9;
58 }
59
60 tr:hover {
61 background-color: #f1f1f1;
62 }
63
64 .no-data {
65 text-align: center;
66 font-size: 1.2rem;
67 color: #888;
68 padding: 20px;
69 }
70
71 .actions {
72 display: flex;
73 justify-content: center;
74 gap: 10px;
75 margin-top: 20px;
76 }
77
78 .actions a {
79 display: inline-block;
80 padding: 10px 20px;
81 background-color: #28a745;
82 color: white;
83 text-decoration: none;
84 border-radius: 5px;
85 font-size: 1rem;
86 transition: background-color 0.3s ease;
87 }
88
89 .actions a:hover {
90 background-color: #218838;
91 }
92
93 footer {
94 background-color: #343a40;
95 color: white;
96 text-align: center;
97 padding: 20px 0;
98 margin-top: 40px;
99 }
100
101 footer p {
102 margin: 0;
103 }
104
105 @media (max-width: 768px) {
106 table {
107 display: block;
108 overflow-x: auto;
109 }
110 }
111 </style>
112</head>
113<body>
114 <header>
115 <h1>Users List</h1>
116 </header>
117
118 <div class="container">
119 {% if users %}
120 <table>
121 <thead>
122 <tr>
123 <th>ID</th>
124 <th>Username</th>
125 <th>Email</th>
126 </tr>
127 </thead>
128 <tbody>
129 {% for user in users %}
130 <tr>
131 <td>{{ user.id_user }}</td>
132 <td>{{ user.username }}</td>
133 <td>{{ user.email }}</td>
134 </tr>
135 {% endfor %}
136 </tbody>
137 </table>
138 {% else %}
139 <p class="no-data">No users available at the moment.</p>
140 {% endif %}
141
142 <div class="actions">
143 <a href="/">Home</a>
144 <a href="/subjects">View Subjects</a>
145 <a href="/teachers">View Teachers</a>
146 </div>
147 </div>
148
149 <footer>
150 <p>&copy; 2023 School Management System. All rights reserved.</p>
151 </footer>
152</body>
153</html>
Note: See TracBrowser for help on using the repository browser.