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

Add room assignment solver with prefer_not_multiple setting

Browse Source
This commit is contained in:
Ian Gulliver
2026-02-15 21:30:32 -08:00
parent 9a121f0bc0
commit 3497842899
4 changed files with 408 additions and 25 deletions
Download Patch File Download Diff File Expand all files Collapse all files

18
static/trip.html
View File

@@ -55,8 +55,9 @@
padding: 0 0.2rem;
}
.input-action:hover { opacity: 1; }
#trip-settings { display: flex; align-items: center; gap: 0.5rem; margin-bottom: 0.75rem; }
#room-size { width: 3.5rem; font-size: 0.85rem; padding: 0.2rem; border: 1px solid var(--wa-color-neutral-300, #ccc); border-radius: 0.25rem; }
#trip-settings { margin-bottom: 0.75rem; display: flex; flex-direction: column; gap: 0.3rem; }
#trip-settings label { display: flex; align-items: center; gap: 0.5rem; }
#trip-settings input[type="number"] { width: 3.5rem; font-size: 0.85rem; padding: 0.2rem; border: 1px solid var(--wa-color-neutral-300, #ccc); border-radius: 0.25rem; }
.constraint-group { display: flex; flex-wrap: wrap; align-items: center; gap: 0.25rem; padding-bottom: 0.3rem; margin-bottom: 0.3rem; border-bottom: 1px solid #909090; }
.constraint-level { font-size: 0.65rem; font-weight: bold; background: var(--wa-color-neutral-200, #ddd); color: var(--wa-color-neutral-700, #555); border-radius: 0.25rem; padding: 0.1rem 0.35rem; }
.constraint-add { display: flex; gap: 0.5rem; align-items: center; margin-top: 0.3rem; }
@@ -66,6 +67,11 @@
#hard-conflicts { margin-bottom: 0.5rem; }
.conflict-row { margin-bottom: 0.2rem; }
.conflict-icon { background: var(--wa-color-danger-50, #dc3545); color: white; border-radius: 0.15rem; padding: 0 0.15rem; font-size: 0.6rem; line-height: 1.2; vertical-align: middle; margin-right: 0.1rem; display: inline-block; }
#solver { margin-bottom: 0.75rem; }
#solver-results { margin-top: 0.5rem; }
.room-card { margin-bottom: 0.3rem; }
.room-label { font-weight: bold; font-size: 0.8rem; margin-bottom: 0.2rem; }
.solver-score { font-size: 0.8rem; margin-top: 0.3rem; color: var(--wa-color-neutral-500); }
</style>
</head>
<body>
@@ -79,12 +85,16 @@
</div>
<h2 id="trip-name"></h2>
<div id="trip-settings">
<label for="room-size">Students per room:</label>
<input id="room-size" type="number" min="1">
<label>Students per room: <input id="room-size" type="number" min="1"></label>
<label>Prefer Not cost: <input id="pn-multiple" type="number" min="1"></label>
</div>
<div id="conflicts"></div>
<div id="mismatches"></div>
<div id="hard-conflicts"></div>
<div id="solver">
<wa-button id="solve-btn" size="small">Solve Rooms</wa-button>
<div id="solver-results"></div>
</div>
<div id="students"></div>
<wa-details summary="Add Student">
<div class="add-form">

41
static/trip.js
View File

@@ -16,12 +16,17 @@ try {
document.getElementById('trip-name').textContent = trip.name;
document.getElementById('room-size').value = trip.room_size;
document.getElementById('pn-multiple').value = trip.prefer_not_multiple;
document.getElementById('main').style.display = 'block';
document.getElementById('logout-btn').addEventListener('click', logout);
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 });
});
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 });
});
async function loadStudents() {
const [students, constraints] = await Promise.all([
@@ -480,6 +485,42 @@ async function addStudent() {
}
document.getElementById('add-student-btn').addEventListener('click', addStudent);
document.getElementById('solve-btn').addEventListener('click', async () => {
const btn = document.getElementById('solve-btn');
btn.loading = true;
try {
const result = await api('POST', '/api/trips/' + tripID + '/solve');
const container = document.getElementById('solver-results');
container.innerHTML = '';
for (let i = 0; i < result.rooms.length; i++) {
const card = document.createElement('wa-card');
card.className = 'room-card';
const label = document.createElement('div');
label.className = 'room-label';
label.textContent = 'Room ' + (i + 1);
card.appendChild(label);
const tags = document.createElement('div');
tags.className = 'tags';
for (const member of result.rooms[i]) {
const tag = document.createElement('wa-tag');
tag.size = 'small';
tag.textContent = member.name;
tags.appendChild(tag);
}
card.appendChild(tags);
container.appendChild(card);
}
const scoreDiv = document.createElement('div');
scoreDiv.className = 'solver-score';
scoreDiv.textContent = 'Score: ' + result.score;
container.appendChild(scoreDiv);
} catch (e) {
const container = document.getElementById('solver-results');
container.textContent = e.message || 'Solver failed';
} finally {
btn.loading = false;
}
});
document.getElementById('new-student-name').addEventListener('keydown', (e) => { if (e.key === 'Enter') addStudent(); });
document.getElementById('new-student-email').addEventListener('keydown', (e) => { if (e.key === 'Enter') addStudent(); });
await loadStudents();