helios/rooms
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Add student and parent management for trip admins

Browse Source
This commit is contained in:
Ian Gulliver
2026-02-14 22:21:36 -08:00
parent 7cc73fe02c
commit 7afbb1efa2
4 changed files with 390 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files

81
static/trip.html Normal file
View File

@@ -0,0 +1,81 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Trip - Rooms</title>
<style>
body {
font-family: var(--wa-font-sans);
max-width: 800px;
margin: 0 auto;
padding: 1rem;
opacity: 0;
}
.header {
display: flex;
align-items: center;
gap: 1rem;
margin-bottom: 2rem;
}
.header img {
width: 40px;
height: 40px;
border-radius: 50%;
}
.header .spacer { flex: 1; }
wa-card {
margin-bottom: 1rem;
display: block;
}
wa-card h3 { margin: 0 0 0.5rem 0; }
.parent-row {
display: flex;
align-items: center;
gap: 0.5rem;
margin-bottom: 0.25rem;
margin-left: 1rem;
}
.add-parent-row {
display: flex;
gap: 0.5rem;
margin-top: 0.5rem;
margin-left: 1rem;
}
.add-parent-row wa-input { flex: 1; }
.add-student {
display: flex;
gap: 0.5rem;
margin-bottom: 2rem;
}
.add-student wa-input { flex: 1; }
.student-header {
display: flex;
align-items: center;
gap: 0.5rem;
}
.student-header h3 { flex: 1; }
</style>
</head>
<body>
<div id="signin" style="display: none; align-items: center; justify-content: center; height: 100vh;"></div>
<div id="main" style="display: none;">
<div class="header">
<img data-bind="picture" alt="Profile">
<span data-bind="name"></span>
<span class="spacer"></span>
<wa-button variant="neutral" size="small" id="logout-btn">Switch User</wa-button>
</div>
<h2 id="trip-name"></h2>
<h3>Add Student</h3>
<div class="add-student">
<wa-input id="new-student-name" placeholder="Student name"></wa-input>
<wa-input id="new-student-email" placeholder="Student email"></wa-input>
<wa-button variant="brand" id="add-student-btn">Add</wa-button>
</div>
<h3>Students</h3>
<div id="students"></div>
</div>
<script type="module" src="/trip.js"></script>
</body>
</html>