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

Support multiple room sizes via room_groups table

Browse Source
This commit is contained in:
Ian Gulliver
2026-02-16 13:49:15 -08:00
parent 037bef6bc8
commit 1f16aa1ff8
7 changed files with 218 additions and 61 deletions
Download Patch File Download Diff File Expand all files Collapse all files

10
static/trip.html
View File

@@ -95,7 +95,15 @@
<h2 id="trip-name"></h2>
<div id="admin-view" style="display: none;">
<div id="trip-settings">
<label>Students per room: <input id="room-size" type="number" min="1"></label>
<div id="room-groups">
<div class="tags" id="room-group-tags"></div>
<div style="display: flex; gap: 0.3rem; align-items: center; flex-wrap: wrap;">
<wa-input id="new-rg-count" type="number" min="1" placeholder="Count" size="small" style="width: 5rem;"></wa-input>
<span>rooms of</span>
<wa-input id="new-rg-size" type="number" min="1" placeholder="Size" size="small" style="width: 5rem;"></wa-input>
<wa-button id="add-rg-btn" size="small">Add</wa-button>
</div>
</div>
<label>Prefer Not cost: <input id="pn-multiple" type="number" min="1"></label>
<label>No Prefer cost: <input id="np-cost" type="number" min="0"></label>
</div>

39
static/trip.js
View File

@@ -30,13 +30,41 @@ if (me.role !== 'admin') {
await (async () => {
document.getElementById('admin-view').style.display = 'block';
document.getElementById('room-size').value = trip.room_size;
document.getElementById('pn-multiple').value = trip.prefer_not_multiple;
document.getElementById('np-cost').value = trip.no_prefer_cost;
document.getElementById('room-size').addEventListener('change', async () => {
const size = parseInt(document.getElementById('room-size').value);
if (size >= 1) await api('PATCH', '/api/trips/' + tripID, { room_size: size });
let roomGroups = [];
async function loadRoomGroups() {
roomGroups = await api('GET', '/api/trips/' + tripID + '/room-groups');
const tags = document.getElementById('room-group-tags');
tags.innerHTML = '';
for (const rg of roomGroups) {
const tag = document.createElement('wa-tag');
tag.size = 'small';
tag.setAttribute('with-remove', '');
tag.textContent = rg.count + ' \u00d7 ' + rg.size + '-person';
tag.addEventListener('wa-remove', async () => {
await api('DELETE', '/api/trips/' + tripID + '/room-groups/' + rg.id);
loadRoomGroups();
});
tags.appendChild(tag);
}
}
await loadRoomGroups();
document.getElementById('add-rg-btn').addEventListener('click', async () => {
const sizeInput = document.getElementById('new-rg-size');
const countInput = document.getElementById('new-rg-count');
const size = parseInt((sizeInput.value || '').trim());
const count = parseInt((countInput.value || '').trim());
if (!size || size < 1 || !count || count < 1) return;
await api('POST', '/api/trips/' + tripID + '/room-groups', { size, count });
sizeInput.value = '';
countInput.value = '';
loadRoomGroups();
});
document.getElementById('pn-multiple').addEventListener('change', async () => {
const val = parseInt(document.getElementById('pn-multiple').value);
if (val >= 1) await api('PATCH', '/api/trips/' + tripID, { prefer_not_multiple: val });
@@ -158,7 +186,8 @@ async function loadStudents() {
const div = document.createElement('div');
div.className = 'conflict-row';
div.appendChild(kindSpan('must'));
div.appendChild(document.createTextNode(' group too large (' + members.length + ' for room size ' + trip.room_size + '): ' + members.join(', ')));
const maxSize = roomGroups.length > 0 ? Math.max(...roomGroups.map(g => g.size)) : 0;
div.appendChild(document.createTextNode(' group too large (' + members.length + ' for max room size ' + maxSize + '): ' + members.join(', ')));
det.appendChild(div);
}
hardConflictsEl.appendChild(det);