Add hidden report page at /_report
This commit is contained in:
Ian Gulliver
57
main.go
57
main.go
@@ -96,6 +96,7 @@ func main() {
|
||||
http.HandleFunc("POST /api/rsvp/{eventID}", handleRSVPPost)
|
||||
http.HandleFunc("GET /api/donate/success/{eventID}", handleDonateSuccess)
|
||||
http.HandleFunc("POST /api/stripe/webhook", handleStripeWebhook)
|
||||
http.HandleFunc("GET /api/report", handleReport)
|
||||
|
||||
log.Println("server starting on :8080")
|
||||
log.Fatal(http.ListenAndServe(":8080", nil))
|
||||
@@ -482,3 +483,59 @@ func handleStripeWebhook(w http.ResponseWriter, r *http.Request) {
|
||||
|
||||
w.WriteHeader(http.StatusOK)
|
||||
}
|
||||
|
||||
func handleReport(w http.ResponseWriter, r *http.Request) {
|
||||
type rsvpRow struct {
|
||||
EventID string `json:"eventId"`
|
||||
Email string `json:"email"`
|
||||
NumPeople int `json:"numPeople"`
|
||||
Donation float64 `json:"donation"`
|
||||
}
|
||||
|
||||
type eventSummary struct {
|
||||
EventID string `json:"eventId"`
|
||||
Name string `json:"name"`
|
||||
TotalPeople int `json:"totalPeople"`
|
||||
TotalDonated float64 `json:"totalDonated"`
|
||||
RSVPs []rsvpRow `json:"rsvps"`
|
||||
}
|
||||
|
||||
rows, err := db.Query("SELECT event_id, google_username, num_people, donation FROM rsvps WHERE num_people > 0 ORDER BY event_id, google_username")
|
||||
if err != nil {
|
||||
log.Println("[ERROR] failed to query rsvps for report:", err)
|
||||
http.Error(w, "database error", http.StatusInternalServerError)
|
||||
return
|
||||
}
|
||||
defer rows.Close()
|
||||
|
||||
eventMap := map[string]*eventSummary{}
|
||||
for rows.Next() {
|
||||
var r rsvpRow
|
||||
if err := rows.Scan(&r.EventID, &r.Email, &r.NumPeople, &r.Donation); err != nil {
|
||||
log.Println("[ERROR] failed to scan rsvp row:", err)
|
||||
http.Error(w, "database error", http.StatusInternalServerError)
|
||||
return
|
||||
}
|
||||
|
||||
summary, ok := eventMap[r.EventID]
|
||||
if !ok {
|
||||
name := r.EventID
|
||||
if e, ok := events[r.EventID]; ok {
|
||||
name = e.Name
|
||||
}
|
||||
summary = &eventSummary{EventID: r.EventID, Name: name, RSVPs: []rsvpRow{}}
|
||||
eventMap[r.EventID] = summary
|
||||
}
|
||||
summary.TotalPeople += r.NumPeople
|
||||
summary.TotalDonated += r.Donation
|
||||
summary.RSVPs = append(summary.RSVPs, r)
|
||||
}
|
||||
|
||||
result := []eventSummary{}
|
||||
for _, s := range eventMap {
|
||||
result = append(result, *s)
|
||||
}
|
||||
|
||||
w.Header().Set("Content-Type", "application/json")
|
||||
json.NewEncoder(w).Encode(result)
|
||||
}
|
||||
|
||||
104
static/_report.html
Normal file
104
static/_report.html
Normal file
@@ -0,0 +1,104 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<title>Report - HCA RSVP</title>
|
||||
<style>
|
||||
body {
|
||||
font-family: var(--wa-font-sans);
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
align-items: center;
|
||||
min-height: 100vh;
|
||||
margin: 0;
|
||||
padding: 1rem;
|
||||
}
|
||||
#main { width: 100%; max-width: 800px; }
|
||||
h1 { margin-bottom: 1.5rem; }
|
||||
.summary {
|
||||
display: flex;
|
||||
gap: 2rem;
|
||||
margin-bottom: 1rem;
|
||||
}
|
||||
table {
|
||||
width: 100%;
|
||||
border-collapse: collapse;
|
||||
}
|
||||
th, td {
|
||||
text-align: left;
|
||||
padding: 0.5rem;
|
||||
border-bottom: 1px solid var(--wa-color-neutral-80);
|
||||
}
|
||||
th { font-weight: 600; }
|
||||
.number { text-align: right; }
|
||||
wa-card { margin-bottom: 1rem; }
|
||||
wa-details::part(header) { font-weight: 600; }
|
||||
</style>
|
||||
</head>
|
||||
<body style="opacity: 0">
|
||||
<div id="main">
|
||||
<h1>RSVP Report</h1>
|
||||
<div id="events"></div>
|
||||
</div>
|
||||
<script type="module">
|
||||
import '/app.js';
|
||||
|
||||
const res = await fetch('/api/report');
|
||||
const data = await res.json();
|
||||
|
||||
const container = document.getElementById('events');
|
||||
|
||||
for (const event of data) {
|
||||
const card = document.createElement('wa-card');
|
||||
|
||||
const header = document.createElement('h3');
|
||||
header.style.margin = '0 0 0.5rem 0';
|
||||
header.textContent = event.name;
|
||||
|
||||
const summary = document.createElement('div');
|
||||
summary.className = 'summary';
|
||||
summary.innerHTML = `
|
||||
<div>Total RSVPs: <strong>${event.totalPeople}</strong></div>
|
||||
<div>Total Donated: <strong>$${event.totalDonated.toFixed(2)}</strong></div>
|
||||
`;
|
||||
|
||||
const details = document.createElement('wa-details');
|
||||
details.summary = `${event.rsvps.length} ${event.rsvps.length === 1 ? 'party' : 'parties'}`;
|
||||
|
||||
const table = document.createElement('table');
|
||||
table.innerHTML = `
|
||||
<thead>
|
||||
<tr>
|
||||
<th>Email</th>
|
||||
<th class="number">People</th>
|
||||
<th class="number">Donated</th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
${event.rsvps.map(r => `
|
||||
<tr>
|
||||
<td>${r.email}</td>
|
||||
<td class="number">${r.numPeople}</td>
|
||||
<td class="number">$${r.donation.toFixed(2)}</td>
|
||||
</tr>
|
||||
`).join('')}
|
||||
</tbody>
|
||||
`;
|
||||
|
||||
details.appendChild(table);
|
||||
card.appendChild(header);
|
||||
card.appendChild(summary);
|
||||
card.appendChild(details);
|
||||
container.appendChild(card);
|
||||
}
|
||||
|
||||
if (data.length === 0) {
|
||||
container.innerHTML = '<p>No RSVPs yet.</p>';
|
||||
}
|
||||
|
||||
await customElements.whenDefined('wa-card');
|
||||
document.body.style.opacity = 1;
|
||||
</script>
|
||||
</body>
|
||||
</html>
|
||||
Reference in New Issue
Block a user