appointments.html 962 B

1234567891011121314151617181920212223242526272829303132333435
  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>Appointment Table</title>
  7. <script src="../javascripts/appointments.js" async></script>
  8. <link rel="stylesheet" href="../stylesheets/appointments.css">
  9. </head>
  10. <body>
  11. <div class="container">
  12. <h2>Appointments</h2>
  13. <table>
  14. <thead>
  15. <tr>
  16. <th>Title</th>
  17. <th>Description</th>
  18. <th>Due Date</th>
  19. <th>Place</th>
  20. <th>Time Span</th>
  21. <th>Share</th>
  22. <th>Participants</th>
  23. <th>Edit</th>
  24. <th>Delete</th>
  25. </tr>
  26. </thead>
  27. <tbody id="appointment-table-body">
  28. <!-- Data will be inserted here via JavaScript -->
  29. </tbody>
  30. </table>
  31. <!-- TODO implement redirect -->
  32. <button id="add-appointment">Add Appointment</button>
  33. </div>
  34. </body>
  35. </html>