Fixing rsvps_list authentication and display
This commit is contained in:
parent
9b96084aab
commit
026f0c9d2a
3 changed files with 8 additions and 5 deletions
|
|
@ -2,6 +2,6 @@ function login() {
|
|||
const usernameInput = document.getElementById('username');
|
||||
const passwordInput = document.getElementById('password');
|
||||
|
||||
const token = btoa(`${usernameInput.value}:${passwordInput.value}`);
|
||||
document.cookie = `token=${String(token)}; path=/`;
|
||||
const credentials = `${usernameInput.value}:${passwordInput.value}`;
|
||||
document.cookie = `credentials=${credentials}; path=/`;
|
||||
}
|
||||
|
|
@ -6,6 +6,9 @@
|
|||
<body>
|
||||
<h1 class="title fontXL textCenter backgroundLightGreen colorWhite">Collin and Lucy's Wedding</h1>
|
||||
<div class="contents">
|
||||
<table id="rsvpsTable">
|
||||
<tbody></tbody>
|
||||
</table>
|
||||
</div>
|
||||
<script src="/rsvps_list.js"></script>
|
||||
</body>
|
||||
|
|
|
|||
|
|
@ -8,13 +8,13 @@ function createRsvpEntry(rsvp) {
|
|||
const newRow = document.createElement('tr');
|
||||
|
||||
const attendingColumn = document.createElement('td');
|
||||
attendingColumn.innerText = attending ? '✅' : '❌';
|
||||
attendingColumn.innerText = attending ? '\u2705' : '\u274C';
|
||||
|
||||
const nameColumn = document.createElement('td');
|
||||
nameColumn.innerText = member.name;
|
||||
|
||||
const childColumn = document.createElement('td');
|
||||
childColumn.innerText = member.child ? '👶' : '🧓';
|
||||
childColumn.innerText = member.child ? '\u{1F476}' : '\u{1F474}';
|
||||
|
||||
const dietaryPreferencesColumn = document.createElement('td');
|
||||
dietaryPreferencesColumn.innerText = member.dietaryPreferences.length > 0 ? member.dietaryPreferences : 'n/a';
|
||||
|
|
@ -32,7 +32,7 @@ async function getRsvps() {
|
|||
const token = Object.fromEntries(
|
||||
document.cookie.split(";").map((x) => x.trim().split("="))
|
||||
)['token']
|
||||
const resp = await fetch('/api/rsvps', { headers: { 'Authorization': `Basic ${token}`} });
|
||||
const resp = await fetch('/api/rsvps', { headers: { 'Authorization': `Basic ${String(btoa(token))}`} });
|
||||
const rsvps = await resp.json()
|
||||
for (const rsvp of rsvps) {
|
||||
createRsvpEntry(rsvp);
|
||||
|
|
|
|||
Loading…
Add table
Reference in a new issue