diff --git a/attendance_data.json b/attendance_data.json index 61ba1d1..7d710f2 100644 --- a/attendance_data.json +++ b/attendance_data.json @@ -1,7 +1,8 @@ { "attendance": { + "08/05/25|4": true, "08/05/25|8": true, - "08/05/25|4": true + "5=5|8": true }, "dates": [ "08/05/25", @@ -17,5 +18,8 @@ "Frank", "Grace", "Hannah" - ] + ], + "guestNames": { + "08/05/25": "Robert" + } } \ No newline at end of file diff --git a/static/app.js b/static/app.js index 05d7465..9d04181 100644 --- a/static/app.js +++ b/static/app.js @@ -30,20 +30,17 @@ function renderTable() { }); // Guest column const guestTh = document.createElement('th'); - const guestInput = document.createElement('input'); - guestInput.type = 'text'; - guestInput.value = data.guest; - guestInput.onchange = e => { - data.guest = e.target.value; - saveData(); - renderTable(); - }; - guestTh.appendChild(guestInput); + guestTh.innerText = data.guest || 'Guest'; headRow.appendChild(guestTh); + // Guest Name column (per date) + const guestNameTh = document.createElement('th'); + guestNameTh.innerText = 'Guest Name'; + headRow.appendChild(guestNameTh); thead.appendChild(headRow); table.appendChild(thead); // Body rows const tbody = document.createElement('tbody'); + if (!data.guestNames) data.guestNames = {}; data.dates.forEach((date, rowIdx) => { const tr = document.createElement('tr'); // Date cell @@ -72,6 +69,18 @@ function renderTable() { }; tr.appendChild(td); }); + // Guest Name column (input per date) + const guestNameTd = document.createElement('td'); + const guestNameInput = document.createElement('input'); + guestNameInput.type = 'text'; + guestNameInput.value = data.guestNames[date] || ''; + guestNameInput.placeholder = 'Enter guest name'; + guestNameInput.onchange = e => { + data.guestNames[date] = e.target.value; + saveData(); + }; + guestNameTd.appendChild(guestNameInput); + tr.appendChild(guestNameTd); tbody.appendChild(tr); }); table.appendChild(tbody);