collin/collinenlucy.nl
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Compare commits

base: collin:dcd480b043bd0068193b301f4e5965b647de35a7
Branches Tags
collin:main
..
compare: collin:026f0c9d2a2654b06b7767bf091333dd68873cc0
Branches Tags
collin:main

3 commits
dcd480b043 ... 026f0c9d2a

Author SHA1 Message Date
collin
026f0c9d2a
Fixing rsvps_list authentication and display 2025-08-27 14:00:38 +02:00
collin
9b96084aab
Adding appropriate content-type header to get rsvps 2025-08-27 14:00:19 +02:00
collin
882dda7c95
Fixing some styling on the RSVP page 2025-08-25 16:15:26 +02:00
6 changed files with 15 additions and 7 deletions
Show stats Expand all files Collapse all files

4
client/login.js
View file

@ -2,6 +2,6 @@ function login() {
const usernameInput = document.getElementById('username'); const usernameInput = document.getElementById('username');
const passwordInput = document.getElementById('password'); const passwordInput = document.getElementById('password');
const token = btoa(`${usernameInput.value}:${passwordInput.value}`); const credentials = `${usernameInput.value}:${passwordInput.value}`;
document.cookie = `token=${String(token)}; path=/`; document.cookie = `credentials=${credentials}; path=/`;
} }

7
client/rsvp.js
View file

@ -30,7 +30,7 @@ function createNewMember(id) {
childInput.type = "checkbox"; childInput.type = "checkbox";
childInput.id = `child-${id}`; childInput.id = `child-${id}`;
childInput.name = `child-${id}`; childInput.name = `child-${id}`;
childInput.style = 'font-size: 1rem'; childInput.style = "font-size: 1rem";
const childInputDiv = document.createElement("div"); const childInputDiv = document.createElement("div");
childInputDiv.classList.add("fill-right"); childInputDiv.classList.add("fill-right");
@ -40,15 +40,18 @@ function createNewMember(id) {
childDiv.appendChild(childLabel); childDiv.appendChild(childLabel);
childDiv.appendChild(childInputDiv); childDiv.appendChild(childInputDiv);
const dietDiv = document.createElement("p"); const dietDiv = document.createElement("div");
dietDiv.style = "flex-direction: column;";
const dietLabel = document.createElement("label"); const dietLabel = document.createElement("label");
dietLabel.htmlFor = `diet-${id}`; dietLabel.htmlFor = `diet-${id}`;
dietLabel.innerHTML = "Dietary preferences:"; dietLabel.innerHTML = "Dietary preferences:";
dietLabel.style = "flex:1;";
const dietInput = document.createElement("textarea"); const dietInput = document.createElement("textarea");
dietInput.id = `diet-${id}`; dietInput.id = `diet-${id}`;
dietInput.name = `dietaryPreferences-${id}`; dietInput.name = `dietaryPreferences-${id}`;
dietInput.style = "flex:1;"
dietDiv.appendChild(dietLabel); dietDiv.appendChild(dietLabel);
dietDiv.appendChild(dietInput); dietDiv.appendChild(dietInput);

3
client/rsvps_list.html
View file

@ -6,6 +6,9 @@
<body> <body>
<h1 class="title fontXL textCenter backgroundLightGreen colorWhite">Collin and Lucy's Wedding</h1> <h1 class="title fontXL textCenter backgroundLightGreen colorWhite">Collin and Lucy's Wedding</h1>
<div class="contents"> <div class="contents">
<table id="rsvpsTable">
<tbody></tbody>
</table>
</div> </div>
<script src="/rsvps_list.js"></script> <script src="/rsvps_list.js"></script>
</body> </body>

6
client/rsvps_list.js
View file

@ -8,13 +8,13 @@ function createRsvpEntry(rsvp) {
const newRow = document.createElement('tr'); const newRow = document.createElement('tr');
const attendingColumn = document.createElement('td'); const attendingColumn = document.createElement('td');
attendingColumn.innerText = attending ? '✅' : '❌'; attendingColumn.innerText = attending ? '\u2705' : '\u274C';
const nameColumn = document.createElement('td'); const nameColumn = document.createElement('td');
nameColumn.innerText = member.name; nameColumn.innerText = member.name;
const childColumn = document.createElement('td'); const childColumn = document.createElement('td');
childColumn.innerText = member.child ? '👶' : '🧓'; childColumn.innerText = member.child ? '\u{1F476}' : '\u{1F474}';
const dietaryPreferencesColumn = document.createElement('td'); const dietaryPreferencesColumn = document.createElement('td');
dietaryPreferencesColumn.innerText = member.dietaryPreferences.length > 0 ? member.dietaryPreferences : 'n/a'; dietaryPreferencesColumn.innerText = member.dietaryPreferences.length > 0 ? member.dietaryPreferences : 'n/a';
@ -32,7 +32,7 @@ async function getRsvps() {
const token = Object.fromEntries( const token = Object.fromEntries(
document.cookie.split(";").map((x) => x.trim().split("=")) document.cookie.split(";").map((x) => x.trim().split("="))
)['token'] )['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() const rsvps = await resp.json()
for (const rsvp of rsvps) { for (const rsvp of rsvps) {
createRsvpEntry(rsvp); createRsvpEntry(rsvp);

1
client/style.css
View file

@ -227,6 +227,7 @@ form#rsvps div.members div.member {
form#rsvps div.members div.member div { form#rsvps div.members div.member div {
display: flex; display: flex;
flex-direction: row; flex-direction: row;
width: 100%;
} }
form#rsvps div.members div.member div.separator { form#rsvps div.members div.member div.separator {

1
controller.go
View file

@ -63,6 +63,7 @@ func (h *Handler) getRsvps(w http.ResponseWriter, r *http.Request) {
return return
} }
w.Header().Add("Content-Type", "application/json")
w.WriteHeader(http.StatusOK) w.WriteHeader(http.StatusOK)
fmt.Fprintf(w, "%s", marshalledRsvps) fmt.Fprintf(w, "%s", marshalledRsvps)
} }