dashboard.html 1.7 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051
  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>Dashboard</title>
  7. <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0-alpha3/dist/css/bootstrap.min.css" rel="stylesheet">
  8. </head>
  9. <body class="bg-light">
  10. <nav class="navbar navbar-expand-lg navbar-light bg-white border-bottom mb-4">
  11. <div class="container">
  12. <a class="navbar-brand" href="/dashboard">User Management</a>
  13. <div class="d-flex">
  14. <a href="/logout" class="btn btn-danger btn-sm">Logout</a>
  15. </div>
  16. </div>
  17. </nav>
  18. <div class="container mt-5">
  19. <div class="d-flex justify-content-between align-items-center mb-4">
  20. <h1>Dashboard</h1>
  21. <a href="/new" class="btn btn-success">New User</a>
  22. </div>
  23. <table class="table table-striped">
  24. <thead>
  25. <tr>
  26. <th>ID</th>
  27. <th>Name</th>
  28. <th>Surname</th>
  29. <th>Given Name</th>
  30. <th>Email</th>
  31. <th>Actions</th>
  32. </tr>
  33. </thead>
  34. <tbody>
  35. {{range .users}}
  36. <tr>
  37. <td>{{.ID}}</td>
  38. <td>{{.Name}}</td>
  39. <td>{{.SN}}</td>
  40. <td>{{.GivenName}}</td>
  41. <td>{{.Mail}}</td>
  42. <td>
  43. <a href="/edit/{{.ID}}" class="btn btn-sm btn-primary">Edit</a>
  44. </td>
  45. </tr>
  46. {{end}}
  47. </tbody>
  48. </table>
  49. </div>
  50. </body>
  51. </html>